.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,38px);--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{display:block!important;width:100%!important;height:100%!important;border-radius:999px!important;background:var(--swatch-background)!important;background-image:var(--nil-color-image)!important;background-size:cover!important;background-position:center!important}.nil-color-image-swatch .variant-option__button-label__pill{display:none!important}.nil-color-image-swatch .variant-option__button-label__text,.nil-color-image-swatch .nil-v77-swatch-label{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: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-mobile-variant-trigger,.nil-variant-drawer-backdrop{display:none}@media(max-width:749px){.nil-color-image-swatch{--nil-swatch-size:34px;--nil-swatch-preview-size:88px}.nil-mobile-variant-source{display:none!important}.nil-mobile-variant-trigger{display:flex!important;width:100%;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:14px 16px;border:1px solid rgba(184,132,57,.45);border-radius:16px;background:#fffaf2;color:#191511;text-align:left;box-shadow:0 6px 18px #0000000f}.nil-mobile-variant-trigger__name{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#8a642f}.nil-mobile-variant-trigger strong{font-size:14px;font-weight:800}.nil-variant-drawer-open{overflow:hidden!important}.nil-variant-drawer-backdrop.is-open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex!important;align-items:flex-end;background:#00000061}.nil-variant-drawer-sheet{width:100%;max-height:76vh;overflow:auto;padding:16px;border-radius:24px 24px 0 0;background:#fffaf2;box-shadow:0 -18px 44px #00000040}.nil-variant-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.nil-variant-drawer-head strong{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.nil-variant-drawer-head button{width:38px;height:38px;border:0;border-radius:999px;background:#111;color:#fff;font-size:24px}.nil-variant-drawer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nil-variant-drawer-option{min-height:48px;padding:10px;border:1px solid rgba(184,132,57,.38);border-radius:14px;background:#fff;color:#18120b;font-weight:800;text-align:center}.nil-variant-drawer-option.is-selected{border-color:#111;background:#111;color:#fff}.nil-variant-drawer-option .nil-color-swatch-dot,.nil-variant-drawer-option .swatch{display:inline-block!important;width:28px!important;height:28px!important;margin-right:6px;vertical-align:middle;border-radius:999px!important;background-size:cover!important;background-position:center!important}}@media(min-width:750px){.nil-mobile-variant-trigger,.nil-variant-drawer-backdrop{display:none!important}.nil-mobile-variant-source{display:block!important}}@media(prefers-reduced-motion:reduce){.nil-color-image-swatch:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/nil-color-swatches.css.map */