.swatch{--swatch-background: var(--background, var(--clr-swatch-background-final));--swatch-text: var(--clr-swatch-text-final);--swatch-line: var(--clr-swatch-line-final);--swatch-hover-background: var(--background, var(--clr-swatch-hover-background-final));--swatch-hover-text: var(--clr-swatch-hover-text-final);--swatch-hover-line: var(--clr-swatch-hover-line-final);--outer-border: var(--border, var(--swatch-line));--inner-border: transparent;--border-radius: var(--variant-picker-square-picture-border-radius);--paddins: 1.6rem 2rem;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--paddins);font-size:var(--font-body-medium-size);line-height:var(--font-body-medium-line-height);text-align:center;border-radius:var(--border-radius);color:var(--swatch-text);background:var(--swatch-background);background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden;cursor:pointer}.swatch__overlay{position:absolute;display:block;left:0;top:0;bottom:0;right:0;border-radius:var(--border-radius);box-shadow:inset 0 0 0 var(--swatches-border-width) var(--outer-border),inset 0 0 0 calc(var(--swatches-border-width) / 2 * 5) var(--inner-border);transition:box-shadow var(--duration-short) ease}.swatch:hover,input:checked+label .swatch{--outer-border: var(--swatch-hover-line);--inner-border: var(--clr-swatch-hover-background-final);background-color:var(--swatch-hover-background);color:var(--swatch-hover-text)}input:checked{background-attachment:fixed}@media screen and (forced-colors: active){input:checked+label .swatch{text-decoration:underline}}input:checked+label .swatch::selection{background-color:rgba(var(--color-background),.3)}input:disabled+label .swatch,input.disabled+label .swatch{text-decoration:line-through}input:focus-visible+label .swatch{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}input.focused+label .swatch{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.swatches label{display:block;line-height:0}:is(.product-form__input,.swatches) input:is([type=checkbox],[type=radio]){clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}@media screen and (max-width: 1024px){.product .product-form__input:not(.swatches--round-color):not(.swatches--square-picture) .product-form__options{display:grid;grid-template-columns:1fr 1fr}.product .product-form__input:not(.swatches--round-color):not(.swatches--square-picture) .swatch{width:100%}}:is(.swatches--square-picture,.swatches--round-color) .swatch{padding:0;font-size:0}.swatches--square-picture{--default-width: 100%;--default-ratio: .7796610169491525}.swatches--square-picture .swatch{--ratio: var(--default-ratio);width:var(--default-width);padding-top:calc(1 / var(--ratio) * 100%);border-radius:var(--variant-picker-square-picture-border-radius)}.swatches--round-color{--default-width: 5rem}.swatches--round-color .swatch{--border-radius: 50%;width:var(--default-width);height:var(--default-width);padding:0;font-size:0}:is(.swatches--round-color,.swatches--square-picture) input:is(:disabled,.disabled)+label .swatch__overlay:before,:is(.swatches--round-color,.swatches--square-picture) input:is(:disabled,.disabled)+label .swatch__overlay:after{content:"";display:block;position:absolute;left:-.2rem;right:-.2rem;top:50%;height:.1rem;background:#000;transform:rotate(45deg);z-index:1}:is(.swatches--round-color,.swatches--square-picture) input:is(:disabled,.disabled)+label .swatch__overlay:after{transform:rotate(-45deg)}:is(.swatches--round-color,.swatches--square-picture) input[value=Black]:is(:disabled,.disabled)+label .swatch__overlay:after,:is(.swatches--round-color,.swatches--square-picture) input[value=Black]:is(:disabled,.disabled)+label .swatch__overlay:before{background:#fff}.card-information .product-form__input:not(.swatches--square-picture) input+label .swatch{--paddins: .4rem .8rem}.card-information .swatches--round-color{--default-width: 3.2rem}.facets-list.swatches{flex-direction:row;flex-wrap:wrap;gap:1rem}.facets-list.swatches--square-picture{--default-width: 5.6rem}.facets-list.swatches--round-color{--default-width: 3.4rem}@media screen and (max-width: 1024px){.facets-list.swatches--round-color{--default-width: 4.8rem}}@media screen and (max-width: 576px){.facets-list.swatches--round-color{--default-width: 3.8rem}}@media screen and (forced-colors: active){.product-form__submit[aria-disabled=true]{color:Window}}.product-form__input{flex:0 0 100%;padding:0;margin:0 0 2rem;min-width:fit-content;border:none;font-size:0;text-align:left;visibility:visible}.card-information--center :is(.product-form__options,.product-form__row){justify-content:center}.card-information--end :is(.product-form__options,.product-form__row){justify-content:flex-end}.card-information--end{justify-content:flex-end}.product variant-radios,.product variant-selects{display:block;margin-top:4rem}.product-form--loading :is(variant-selects,variant-radios) input:checked+label{opacity:.6;transition:1s opacity}.product-form__input--dropdown{margin-bottom:1.6rem}.product-form__input .form__label{padding-left:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;color:rgb(var(--clr-headings));text-transform:var(--headings-case);font-size:var(--font-h5-size);line-height:var(--font-h5-line-height)}fieldset.product-form__input .form__label{margin-bottom:1rem}.product-form__input .form__label [data-selected-value]{color:rgb(var(--clr-theme-accent))}.product-form__options{display:flex;flex-wrap:wrap;gap:1rem}.product-form__input .select{max-width:25rem}.product-form__row{width:calc(100% + 4rem);display:flex;align-items:flex-start;flex-wrap:wrap;row-gap:.45rem;margin:0 -.45rem}.product-form__column{width:16.66%;padding:0 .45rem}@media screen and (max-width: 576px){.g-col-6 .card-wrapper .product-form__column{width:25%}}@media screen and (min-width: 577px) and (max-width: 1024px){.g-col-sm-6 .card-wrapper .product-form__column{width:25%}}@media screen and (min-width: 1025px) and (max-width: 1400px){.g-col-md-3 .card-wrapper .product-form__column{width:25%}}@media screen and (min-width: 1025px){.product .product-form__column{width:10%}.quick-add-modal .product .product-form__column{width:15%}}.card-information variant-radios{display:block;position:relative;z-index:2;margin-top:1.5rem!important}.card-information .product-form__options{gap:.9rem}.card-information .product-form__input{margin:0}.card-information .product-form__input:not(:last-of-type){margin:0 0 1.5rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-product-form-elements.css.map */