.variant-picker .variant-option.nil-color-swatch-root,.variant-picker .variant-option--buttons.nil-color-swatch-root,.variant-picker .variant-option--swatches.nil-color-swatch-root,.nil-color-swatch-root{overflow:visible!important}.nil-color-swatch-root .variant-option--buttons,.nil-color-swatch-root .variant-option--swatches,.nil-color-swatch-root overflow-list,.nil-color-swatch-root overflow-list::part(list){overflow:visible!important}.nil-color-image-swatch{--nil-swatch-size: clamp(30px, 2.5vw, 36px);--nil-swatch-preview-size: 104px;--nil-swatch-ring: rgb(var(--color-foreground-rgb, 18 18 18) / .72);position:relative!important;overflow:visible!important;isolation:isolate;cursor:pointer}.variant-option__button-label.nil-color-image-swatch,label.nil-color-image-swatch,button.nil-color-image-swatch,[role=radio].nil-color-image-swatch{width:var(--nil-swatch-size)!important;height:var(--nil-swatch-size)!important;min-width:var(--nil-swatch-size)!important;min-height:var(--nil-swatch-size)!important;flex:0 0 var(--nil-swatch-size)!important;padding:0!important;border:1px solid rgb(0 0 0 / .16)!important;border-radius:999px!important;background:transparent!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:0 1px 3px #0000001f,inset 0 0 0 2px #ffffffb8}.nil-color-image-swatch .nil-color-swatch-dot{display:block!important;width:100%!important;height:100%!important;border-radius:999px!important;background-image:var(--nil-color-image)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff73}.nil-color-image-swatch .swatch,.nil-color-image-swatch .variant-option__button-label__pill{display:none!important}.nil-color-image-swatch .variant-option__button-label__text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.variant-option__button-label.nil-color-image-swatch input{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;opacity:0!important;width:100%!important;height:100%!important;cursor:pointer!important;z-index:3!important}.nil-color-image-swatch:after{content:"";position:absolute;left:50%;bottom:calc(100% + 12px);width:var(--nil-swatch-preview-size);height:var(--nil-swatch-preview-size);border:1px solid rgb(0 0 0 / .18);border-radius:999px;background-image:var(--nil-color-image);background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0 18px 38px #0000003d,0 0 0 4px #ffffffeb;opacity:0;pointer-events:none;transform:translate(-50%,6px) scale(.96);transition:opacity .16s ease,transform .16s ease;z-index:999}.nil-color-image-swatch.nil-preview-below:after{top:calc(100% + 12px);bottom:auto;transform:translate(-50%,-6px) scale(.96)}.nil-color-image-swatch:hover:after,.nil-color-image-swatch:focus-visible:after,.nil-color-image-swatch:focus-within:after{opacity:1;transform:translate(-50%) scale(1)}.nil-color-image-swatch.nil-swatch-selected,.variant-option__button-label.nil-color-image-swatch:has(:checked){outline:2px solid var(--nil-swatch-ring)!important;outline-offset:3px!important;border-color:#fffffff2!important}.nil-color-image-swatch.nil-swatch-unavailable{opacity:.42}.nil-color-image-swatch.nil-swatch-unavailable:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:2;border-top:1px solid rgb(0 0 0 / .58);transform:rotate(-35deg);transform-origin:center;pointer-events:none}@media screen and (max-width:749px){.nil-color-image-swatch{--nil-swatch-size: 32px;--nil-swatch-preview-size: 88px}}@media(prefers-reduced-motion:reduce){.nil-color-image-swatch:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/nil-color-swatches.css.map */