.variant-picker{grid-column:span 2}.variant-picker .variant-picker-anim-wrapper{display:block;overflow:visible}.variant-picker .variant-picker-anim-wrapper[data-anim-clip-active]{overflow:clip}.variant-picker .variant-option-anim-item.variant-option-legend{display:block}.variant-picker .variant-option-anim-item.field,.variant-picker .variant-option-anim-item.variant-option-list-button{display:flex}.variant-picker .variant-picker-form .variant-picker-form-inner{display:flex;flex-wrap:wrap;gap:var(--variant-picker-gap)}@media screen and (max-width:991.98px){.variant-picker .variant-picker-form .variant-picker-form-inner{flex-direction:column;gap:var(--variant-picker-gap-mb)}}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option{width:var(--variant-option-width);border:none}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option.variant-option--odd:last-child{width:100%}@media screen and (max-width:991.98px){.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option{width:100%}}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-legend{margin-block-end:var(--variant-option-legend-mg-block-end)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-legend .variant-option-legend-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-legend .variant-option-legend-content .variant-option-size-chart-trigger{display:flex}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button{display:flex;flex-wrap:wrap;gap:.25rem}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap{cursor:pointer;position:relative}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap input{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer;border-radius:var(--variant-picker-swatch-border-radius);-webkit-appearance:none;appearance:none;opacity:1;background:transparent}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap input:focus-visible{outline:2px solid var(--color-keyboard-focus-visible)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button{min-width:var(--variant-option-button-size);height:var(--variant-option-button-size);flex-shrink:0;color:var(--color-text-heading)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button.variant-option-button-wide .variant-option-button-inner{padding-inline:var(--variant-option-button-padding-inline-wide)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button .variant-option-button-inner{width:100%;height:100%;padding-inline:var(--variant-option-button-padding-inline);border-radius:var(--variant-picker-swatch-border-radius);overflow:hidden;position:relative}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button .variant-option-button-inner .variant-option-button-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button .variant-option-button-inner .variant-option-button-content .variant-option-button-text{transition:all var(--trans-duration) var(--trans-easing)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button .variant-option-button-inner .variant-option-button-content .variant-option-button-text .text-custom-inner{color:inherit;transition:color var(--trans-duration) var(--trans-easing)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button .variant-option-button-inner .variant-option-button-strikethrough{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;color:var(--color-border-default);opacity:0;visibility:hidden;pointer-events:none;transition:color var(--trans-duration) var(--trans-easing),opacity var(--trans-duration) var(--trans-easing),visibility var(--trans-duration) var(--trans-easing)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button .variant-option-button-inner .variant-option-button-strikethrough:before{content:"";position:absolute;top:50%;left:-50%;width:200%;height:1px;background-color:currentColor;transform:translateY(-50%) rotate(-45deg)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap .variant-option-button .variant-option-button-inner .variant-option-button-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:var(--button-border-width) solid var(--color-border-default);background-color:var(--color-background);transition:all var(--trans-duration) var(--trans-easing);z-index:0}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap.variant-option-button-wrap-disabled .variant-option-button{color:var(--color-text-disabled)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap.variant-option-button-wrap-disabled .variant-option-button .variant-option-button-strikethrough{opacity:1;visibility:visible}@media(hover:hover){.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:hover .variant-picker-swatch-wrap .variant-picker-swatch{outline-color:var(--color-border-hover)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:hover .variant-picker-swatch-wrap .variant-picker-swatch .variant-picker-swatch-strikethrough{color:var(--color-border-hover)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:hover .variant-option-button .variant-option-button-inner .variant-option-button-bg{border-color:var(--color-border-hover)}}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:has(:checked) .variant-picker-swatch-wrap .variant-picker-swatch{outline-color:var(--color-border-focus)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:has(:checked) .variant-picker-swatch-wrap .variant-picker-swatch .variant-picker-swatch-strikethrough{color:var(--color-border-focus)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:has(:checked) .variant-picker-swatch-wrap.unavailable .variant-picker-swatch{outline-color:var(--color-border-focus)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:has(:checked) .variant-picker-swatch-wrap.unavailable .variant-picker-swatch .variant-picker-swatch-strikethrough{color:var(--color-border-focus)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:has(:checked) .variant-option-button{color:var(--color-background)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:has(:checked) .variant-option-button .variant-option-button-inner .variant-option-button-bg{border-color:var(--color-foreground);background-color:var(--color-foreground)}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option .variant-option-list-button .variant-option-button-wrap:has(:checked) .variant-option-button .variant-option-button-inner .variant-option-button-strikethrough{color:inherit}.variant-picker .variant-picker-form .variant-picker-form-inner .variant-option.variant-style-dropdown .field{width:100%}
/*# sourceMappingURL=/cdn/shop/t/7/assets/panel-variant-picker-D6iNYWP1.css.map */