.variant-picker{width:100%}.variant-picker__form{width:100%;display:flex;flex-direction:column;gap:clamp(12px,1.6666666667vw,48px)}@media(max-width:1199px){.variant-picker__form{gap:20px}}@media(max-width:767px){.variant-picker__form{gap:18px}}.variant-picker__form .variant-option{border:0;display:flex;flex-wrap:wrap;gap:clamp(4px,.5555555556vw,16px)}@media(max-width:1199px){.variant-picker__form .variant-option{gap:8px}}.variant-picker__form .variant-option legend{width:100%;display:flex;align-items:center;gap:clamp(4px,.5555555556vw,16px);margin-bottom:clamp(4px,.5555555556vw,16px);color:var(--font-high)}@media(min-width:1200px){.variant-picker__form .variant-option legend{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b1-case);font-family:var(--font-b1-fam);font-size:clamp(var(--font-b1-s-c) / 2 * 1px,var(--font-b1-s-c) / 1440 * 100vw,var(--font-b1-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b1-lh-w);letter-spacing:var(--font-b1-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.variant-picker__form .variant-option legend{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b1-case);font-family:var(--font-b1-fam);font-size:var(--font-b1-s-m);font-weight:var(--font-weight);line-height:var(--font-b1-lh-m);letter-spacing:var(--font-b1-ls-m);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.variant-picker__form .variant-option legend{gap:8px;margin-bottom:8px}}@media(min-width:1200px){.variant-picker__form .variant-option legend strong{--font-weight: 600;--word-break: break-word;--text-transform: var(--font-b1-case);font-family:var(--font-b1-fam);font-size:clamp(var(--font-b1-s-c) / 2 * 1px,var(--font-b1-s-c) / 1440 * 100vw,var(--font-b1-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b1-lh-w);letter-spacing:var(--font-b1-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.variant-picker__form .variant-option legend strong{--font-weight: 600;--word-break: break-word;--text-transform: var(--font-b1-case);font-family:var(--font-b1-fam);font-size:var(--font-b1-s-m);font-weight:var(--font-weight);line-height:var(--font-b1-lh-m);letter-spacing:var(--font-b1-ls-m);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(min-width:1200px){.variant-picker__form .variant-option legend span{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b1-case);font-family:var(--font-b1-fam);font-size:clamp(var(--font-b1-s-c) / 2 * 1px,var(--font-b1-s-c) / 1440 * 100vw,var(--font-b1-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b1-lh-w);letter-spacing:var(--font-b1-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.variant-picker__form .variant-option legend span{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b1-case);font-family:var(--font-b1-fam);font-size:var(--font-b1-s-m);font-weight:var(--font-weight);line-height:var(--font-b1-lh-m);letter-spacing:var(--font-b1-ls-m);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}.variant-picker__form .variant-option .variant-option__button-label{position:relative;background-color:var(--container-primary);border:1px solid var(--border);border-radius:clamp(2px,.2777777778vw,8px);padding:clamp(2.5px,.3472222222vw,10px) clamp(5.5px,.7638888889vw,22px);overflow:hidden;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}@media(max-width:1199px){.variant-picker__form .variant-option .variant-option__button-label{padding:5px 11px;border-radius:4px}}.variant-picker__form .variant-option .variant-option__button-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;padding:0;width:100%;height:100%;aspect-ratio:unset;border:none;border-radius:0;background:transparent;-webkit-appearance:auto;appearance:auto;display:block;cursor:pointer}@media(min-width:1200px){.variant-picker__form .variant-option .variant-option__button-label .variant-option__button-label__text{--font-weight: 600;--word-break: break-word;--text-transform: var(--font-b3-case);font-family:var(--font-b3-fam);font-size:clamp(var(--font-b3-s-c) / 2 * 1px,var(--font-b3-s-c) / 1440 * 100vw,var(--font-b3-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b3-lh-w);letter-spacing:var(--font-b3-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.variant-picker__form .variant-option .variant-option__button-label .variant-option__button-label__text{--font-weight: 600;--word-break: break-word;--text-transform: var(--font-b3-case);font-family:var(--font-b3-fam);font-size:var(--font-b3-s-w);font-weight:var(--font-weight);line-height:var(--font-b3-lh-w);letter-spacing:var(--font-b3-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}.variant-picker__form .variant-option .variant-option__button-label .variant-option__button-label__text{color:var(--font-high);transition:color .2s ease-in-out}.variant-picker__form .variant-option .variant-option__button-label .strikethrough-line{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:clamp(20px,2.7777777778vw,80px)}@media(max-width:1199px){.variant-picker__form .variant-option .variant-option__button-label .strikethrough-line{width:40px}}.variant-picker__form .variant-option .variant-option__button-label .strikethrough-line:after{position:absolute;content:"";width:150%;height:1px;background-color:var(--dark-border);transform:translate(-50%,-50%) rotate(-45deg);top:50%;left:50%;transition:background-color .2s ease-in-out}.variant-picker__form .variant-option .variant-option__button-label:has(input[aria-disabled=true]) .variant-option__button-label__text{color:var(--font-disabled)}.variant-picker__form .variant-option .variant-option__button-label:has(input:checked){border-color:var(--font-high);background-color:var(--brand-primary-lm)}.variant-picker__form .variant-option .variant-option__button-label:has(input:checked) .variant-option__button-label__text{color:var(--font-high)}.variant-picker__form .variant-option .variant-option__button-label:has(input:checked) .strikethrough-line:after{background-color:var(--font-high)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/variant-picker-styles-new.css.map */