.custom-variant-row{--cv-gap: 1.2rem;display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:var(--cv-gap)}.custom-variant-row--card{padding:1.6rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--content-container-radius);background-color:rgb(var(--color-background))}.custom-variant-row__title{width:100%;margin:0 0 1.2rem;font-size:1.5rem;line-height:1.3;color:rgb(var(--color-foreground))}.custom-variant{--cv-error: 214 47 47;display:block;position:relative;width:100%;text-align:left}.custom-variant--width-50{width:calc(50% - (var(--cv-gap) / 2))}.custom-variant--width-33{width:calc(33.3333% - (var(--cv-gap) * 2 / 3))}@media screen and (max-width:749px){.custom-variant--stack{width:100%}}.custom-variant__items{display:grid;grid-template-columns:repeat(var(--cv-columns, 1),minmax(0,1fr));gap:1.2rem}@media screen and (max-width:749px){.custom-variant__items{grid-template-columns:minmax(0,1fr)}}.custom-variant__label{display:block;margin:0 0 .6rem;font-size:1.4rem;line-height:1.3;color:rgb(var(--color-foreground))}.custom-variant__mark{margin-left:.3rem;color:rgb(var(--color-accent-1))}.custom-variant__control{position:relative;display:block}.custom-variant .custom-variant__input::placeholder{opacity:.55}.custom-variant--label-floating .custom-variant__label{position:absolute;top:50%;left:1.5rem;margin:0;transform:translateY(-50%);pointer-events:none;color:rgba(var(--color-foreground),.75);transition:top var(--transitions-delay) var(--transitions-style),font-size var(--transitions-delay) var(--transitions-style)}.custom-variant--label-floating.custom-variant--textarea .custom-variant__label{top:1.5rem;transform:none}.custom-variant--label-floating .custom-variant__input:focus~.custom-variant__label,.custom-variant--label-floating .custom-variant__input:not(:placeholder-shown)~.custom-variant__label,.custom-variant--label-floating .custom-variant__input:-webkit-autofill~.custom-variant__label{top:.7rem;left:1.5rem;font-size:1rem;transform:none}.custom-variant--label-floating .custom-variant__input{padding-top:2.2rem;padding-bottom:.8rem}.custom-variant--label-floating .custom-variant__input::placeholder{opacity:0}.custom-variant__input{font-size:1.5rem}.custom-variant--skin-filled .custom-variant__input,.custom-variant--skin-filled .select__select{background-color:rgba(var(--color-foreground),.05);border:0;box-shadow:none}.custom-variant--skin-underline .custom-variant__input,.custom-variant--skin-underline .select__select{padding-left:0;padding-right:0;background-color:transparent;border:0;border-bottom:1px solid rgba(var(--color-foreground),.25);border-radius:0;box-shadow:none}.custom-variant--skin-underline.custom-variant--label-floating .custom-variant__label,.custom-variant--skin-underline.custom-variant--label-floating .custom-variant__input:focus~.custom-variant__label,.custom-variant--skin-underline.custom-variant--label-floating .custom-variant__input:not(:placeholder-shown)~.custom-variant__label{left:0}.custom-variant--skin-underline .custom-variant__input:focus{border-bottom-color:rgb(var(--color-foreground))}.custom-variant__file-drop{display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:5.4rem;padding:1.2rem 1.6rem;font-size:1.4rem;text-align:center;cursor:pointer;border:1px dashed rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background-secondary));transition:border-color var(--transitions-delay) var(--transitions-style)}.custom-variant__file-drop:hover,.custom-variant__file--dragging .custom-variant__file-drop{border-color:rgb(var(--color-accent-1))}.custom-variant__file-icon{flex:0 0 auto;width:2rem;height:2rem}.custom-variant__file-preview{display:flex;align-items:center;gap:1rem;margin-top:.8rem;padding:.8rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius)}.custom-variant__file-thumb{flex:0 0 auto;width:5.6rem;height:5.6rem;object-fit:cover;border-radius:calc(var(--inputs-radius) / 2)}.custom-variant__file-name{flex:1 1 auto;min-width:0;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-variant__file-remove{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;cursor:pointer;border:0;border-radius:50%;background-color:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.custom-variant__file-remove svg{width:1.2rem;height:1.2rem}.custom-variant__help{margin:.6rem 0 0;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}.custom-variant__counter{display:block;margin-top:.4rem;font-size:1.2rem;text-align:right;color:rgba(var(--color-foreground),.6)}.custom-variant__error{display:none;margin:.6rem 0 0;font-size:1.2rem;line-height:1.4;color:rgb(var(--cv-error))}.custom-variant--error .custom-variant__error{display:block}.custom-variant--error .custom-variant__input,.custom-variant .field--error,.custom-variant--error .custom-variant__file-drop{border-color:rgb(var(--cv-error))}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-custom-variant.css.map */