fieldset{--color-swatch: transparent;--color-swatch-text: var(--color-base);--color-swatch-text-rgb: var(--color-base-rgb);--color-swatch-border: var(--color-line);--color-swatch-border-hover: var(--color-swatch-border);--color-swatch-active: var(--color-base);--color-swatch-active-rgb: var(--color-base-rgb);--color-swatch-text-active: var(--color-background);--color-swatch-border-active: var(--color-base);--color-swatch-disabled: var(--color-secondary-background);--swatch-radius: var(--border-radius-size-6);--swatch-radius-hover: var(--border-radius-size-3);--swatch-font-size: var(--text-size-2-mobile);--swatch-font-weight: normal;--swatch-font-line-height: 1.231;--swatch-padding-x: 13px;--swatch-padding-y: 14px;--swatch-min-width: 44px;--swatch-min-height: 44px;--swatch-border-width: 1px;--swatch-uppercase: uppercase}variant-selects{display:grid;grid-template-columns:1fr;gap:10px}variant-selects[data-show-only-colors] .form__label{display:none}variant-selects[data-show-only-colors] .product-form__options-grid{margin-top:0!important}@media(min-width:577px){variant-selects{--swatch-font-size: var(--text-size-2)}}variant-selects:has(fieldset.product-form__input){gap:30px}.swatch-input-wrapper input[type=checkbox]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.swatch-input__label{position:relative;height:auto;cursor:pointer}.hide-unavailable-options .swatch-input__input.visually-disabled+.swatch-input__label{display:none}.swatch-text{display:inline-flex;position:relative;align-items:center;justify-content:center;width:100%;height:100%;min-width:var(--swatch-min-width);min-height:var(--swatch-min-height);padding:var(--swatch-padding-y) var(--swatch-padding-x);font-size:var(--swatch-font-size);font-weight:var(--swatch-font-weight);line-height:var(--swatch-font-line-height);color:var(--color-swatch-text);background:var(--color-swatch);border:none;border-radius:var(--swatch-radius);text-transform:var(--swatch-uppercase);text-align:center;word-break:break-all}.swatch-text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 var(--swatch-border-width) var(--color-swatch-border);border-radius:inherit;pointer-events:none;transition:border-radius var(--duration-medium) var(--transition-primary),box-shadow var(--duration-medium) var(--transition-primary)}fieldset:hover .swatch-text{transition:background-color var(--duration-medium) var(--transition-primary),border-radius var(--duration-medium) var(--transition-primary),color 0s var(--transition-primary)}.swatch-input__input:checked+.swatch-input__label .swatch-text{background:var(--color-swatch-active);color:var(--color-swatch-text-active)}.swatch-input__input:checked+.swatch-input__label .swatch-text:before{box-shadow:inset 0 0 0 var(--swatch-border-width) var(--color-swatch-border-active)}@media screen and (min-width:1025px){.swatch-text:hover{background:var(--color-swatch-hover);color:var(--color-swatch-text-hover);border-radius:var(--swatch-radius-hover)}.swatch-text:hover:before{box-shadow:inset 0 0 0 var(--swatch-border-width) var(--color-swatch-border-hover)}}.swatch-input__input:disabled+.swatch-input__label>.swatch-text,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch-text{background:var(--color-swatch-disabled);color:rgba(var(--color-swatch-text-rgb),.4)}.swatch-input__input.visually-disabled:checked+.swatch-input__label .swatch-text:before{box-shadow:inset 0 0 0 var(--swatch-border-width) var(--color-swatch-border-active)}.swatch{position:relative;display:block;width:var(--swatch-input--size);max-width:100%;aspect-ratio:1;background:var(--swatch--background, var(--color-secondary-background));background-position:var(--swatch-focal-point, initial);border-radius:var(--swatch-border-radius);transition:border-radius var(--duration-default) var(--transition-primary)}.swatch.media--transparent:not(:has(.swatch-text)){background:transparent}.swatch:before,.swatch:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--swatch-border-radius);opacity:0;transition:opacity var(--duration-default) var(--transition-primary),border-radius var(--duration-default) var(--transition-primary);z-index:var(--layer-flat);pointer-events:none}.swatch:before{box-shadow:inset 0 0 0 4px var(--color-background)}.swatch:after{--swatch-border-width: 1px;--swatch-border-color: var(--color-line);border:var(--swatch-border-width) solid var(--swatch-border-color)}.swatch.swatch--contrast:after{opacity:1}.product-form__input{margin:0;padding:0}.product-form__input--dropdown option[data-disabled]{display:none}.product-form__input--swatch,.product-form__input--pill{display:block;padding:0;border:0}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{display:none}.product-form__color-swatch{--swatch-input--size: 44px;--swatch-border-radius: var(--border-radius-round)}.product-form__variant-image{--swatch-input--size: 100%;--swatch-border-radius: var(--border-radius-size-3)}.product-form__text-swatch.product-form__colors .swatch-input__label,.product-form__text-swatch-fixed.product-form__options-grid .swatch-input__label{--swatch-cols: 2;width:max(44px,calc((100% - (var(--swatch-cols) - 1) * 10px) / var(--swatch-cols)))}.product-form__text-swatch-fixed.product-form__options-grid .swatch-input__label{--swatch-cols: var(--custom-swatch-cols-tablet-mobile)}.product-form__text-swatch.product-form__colors .swatch-input__label .swatch-text,.product-form__text-swatch-fixed.product-form__options-grid .swatch-input__label .swatch-text{min-width:0}@media screen and (min-width:577px){.product-form__text-swatch.product-form__colors .swatch-input__label{--swatch-cols: 3}.product-form__text-swatch-fixed.product-form__options-grid .swatch-input__label{--swatch-cols: var(--custom-swatch-cols-tablet-mobile)}}@media screen and (min-width:1025px){.product-form__text-swatch.product-form__colors .swatch-input__label,.product-form__text-swatch-fixed.product-form__options-grid .swatch-input__label{--swatch-cols: var(--custom-swatch-cols)}}.product-form__color-swatch.product-form__options-grid,.product-form__text-swatch.product-form__options-grid,.product-form__variant-image.product-form__options-grid{display:flex;flex-wrap:wrap;gap:10px}.product-form__variant-image.product-form__options-grid .swatch-input__label{--color-swatch-cols: 5;width:max(44px,calc((100% - (var(--color-swatch-cols) - 1) * 10px) / var(--color-swatch-cols)))}@media screen and (min-width:1025px){.product-form__variant-image.product-form__options-grid .swatch-input__label{--color-swatch-cols: var(--custom-color-swatch-cols)}}.product-form__variant-image.aspect-ratio-default{--aspect-ratio: var(--global-aspect-ratio)}.product-form__variant-image.aspect-ratio-squared{--aspect-ratio: 1}.product-form__variant-image.aspect-ratio-portrait{--aspect-ratio: var(--aspect-ratio-portrait)}.product-form__variant-image.aspect-ratio-landscape{--aspect-ratio: var(--aspect-ratio-landscape)}.product-form__variant-image.aspect-ratio-auto{--aspect-ratio: auto}.product-form__variant-image.aspect-ratio-auto .swatch:not(:has(img)){--aspect-ratio: 1}.product-form__variant-image .swatch{--swatch-border-radius: var(--border-radius-size-3);aspect-ratio:var(--aspect-ratio, 1)}.has-media-aspect.aspect-ratio-auto .product-form__variant-image .swatch{aspect-ratio:var(--aspect-ratio-auto, var(--aspect-ratio, 1))}.product-form__variant-image .swatch:not(:has(img)){display:flex;align-items:center;justify-content:center;padding:10px;font-size:var(--swatch-font-size);font-weight:var(--swatch-font-weight);line-height:var(--swatch-font-line-height);color:var(--color-swatch-text);text-transform:var(--swatch-uppercase);text-align:center;word-break:break-all}.product-form__variant-image.aspect-ratio-default .swatch-input__label:not(:has(img)){height:auto!important}.product-form__variant-image.aspect-ratio-default .swatch-input__label:not(:has(img)) .swatch{height:100%}.swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--swatch-border-radius);transition:opacity var(--duration-default) var(--transition-primary),border-radius var(--duration-default) var(--transition-primary)}.product-form__variant-image .swatch-input__input+.swatch-input__label{display:inline-block;height:fit-content;cursor:pointer}.swatch-input__input+.swatch-input__label .swatch.active:after,.swatch-input__input:checked+.swatch-input__label .swatch:after{--swatch-border-width: 2px;--swatch-border-color: var(--color-base);opacity:1}.swatch-input__input+.swatch-input__label .swatch.active:before,.swatch-input__input:checked+.swatch-input__label .swatch:before{opacity:1}@media screen and (min-width:1025px){.swatch-input__label:hover .swatch{--swatch-border-radius: var(--border-radius-size-3)}.swatch-input__label:hover .swatch:after{--swatch-border-width: 2px;--swatch-border-color: var(--color-base);opacity:1}.swatch-input__label:hover .swatch:before{opacity:1}}.swatch-input__input:focus-visible+.swatch-input__label,.swatch-input__input:checked:focus-visible+.swatch-input__label{outline:2px solid var(--color-base);border-radius:2px;outline-offset:1px}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label{transition:none}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label:hover{outline:none}.swatch-input__input:disabled+.swatch-input__label{pointer-events:none}.swatch-input__input:disabled+.swatch-input__label>.swatch img,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch img{opacity:.4}.product-form__variant-image .swatch-input__input:disabled+.swatch-input__label>.swatch,.product-form__variant-image .swatch-input__input.visually-disabled+.swatch-input__label>.swatch{background:transparent}.swatch-input__input:disabled+.swatch-input__label:after,.swatch-input__input.visually-disabled+.swatch-input__label:after{content:"";top:1px;right:1px;bottom:1px;left:1px;position:absolute;background:var(--color-line);-webkit-mask:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cline x2="100%" y1="100%" y2="0" stroke="black" stroke-width="1"/%3E%3C/svg%3E');mask:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cline x2="100%" y1="100%" y2="0" stroke="black" stroke-width="1"/%3E%3C/svg%3E');pointer-events:none;border-radius:var(--swatch-border-radius, var(--swatch-radius))}.product-form__text-swatch .swatch-input__input:disabled+.swatch-input__label:after,.product-form__text-swatch .swatch-input__input.visually-disabled+.swatch-input__label:after{border-radius:var(--swatch-radius)}.product-form__variant-image .swatch-input__input:disabled+.swatch-input__label:hover:after,.product-form__variant-image .swatch-input__input.visually-disabled+.swatch-input__label:hover:after{top:2px;right:2px;bottom:2px;left:2px}.swatch-input__input:disabled+.swatch-input__label:has([data-contrast=background]):after,.swatch-input__input.visually-disabled+.swatch-input__label:has([data-contrast=background]):after{background:var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/component-swatch.css.map */