collection-variant-colors.collection-color-filter{display:block;overflow:visible;position:relative;margin:28px auto 24px;padding:0 24px;color:#283444}collection-variant-colors [hidden]{display:none!important}collection-variant-colors nav{position:relative}collection-variant-colors .collection-color-filter__list{gap:12px;justify-content:safe center;padding:4px 4px 10px;scroll-padding-inline:4px}collection-variant-colors .collection-color-filter__item{flex:0 0 98px}collection-variant-colors .collection-color-filter__link{position:relative;width:98px;height:64px;border-radius:8px;justify-content:center;padding:0;isolation:isolate}collection-variant-colors .collection-color-filter__swatch{border:0;border-radius:7px;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;z-index:-2;transition:none}collection-variant-colors .collection-color-filter__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000029;border-radius:7px;z-index:-1}collection-variant-colors .collection-color-filter__swatch>img{object-position:center}collection-variant-colors [data-family=""] .collection-color-filter__swatch{background:#f1eee4}collection-variant-colors [data-family=""]:after{display:none}collection-variant-colors [data-family=""] .collection-color-filter__label{color:#333a42;text-shadow:none}collection-variant-colors .collection-color-filter__label{color:#fff;font-size:14px;font-weight:500;padding:0 5px;text-shadow:0 1px 4px rgba(0,0,0,.35)}collection-variant-colors .collection-color-filter__link:is(.is-active,.is-open){outline:1px solid #59606a;outline-offset:3px}collection-variant-colors .collection-color-filter__link:is(:hover,:focus-visible,.is-active) .collection-color-filter__swatch{transform:none;box-shadow:none}collection-variant-colors .collection-color-filter__shades{position:relative;background:#f5f3e5;color:#283444;border:1px solid #e6e3d4;border-radius:5px;margin:10px 0 0;padding:18px 22px 26px}collection-variant-colors .collection-color-filter__shades:before{content:"";position:absolute;top:-9px;left:var(--color-arrow-left, 48px);width:16px;height:16px;transform:translate(-50%) rotate(45deg);background:#f5f3e5;border-top:1px solid #e6e3d4;border-left:1px solid #e6e3d4}collection-variant-colors .collection-color-filter__shade-heading{justify-content:flex-end;font-size:12px;letter-spacing:0;text-transform:none;margin:0 0 18px;gap:16px}collection-variant-colors [data-shades-title]{font-weight:500;margin-right:auto}collection-variant-colors .collection-color-filter__shade-heading button{color:inherit;min-height:24px;padding:0 4px}collection-variant-colors .collection-color-filter__shade-heading .collection-color-filter__shade-select-all{border:0;border-radius:0;background:none;margin:0 auto 0 0;font-size:11px;text-transform:uppercase;text-decoration:none;gap:8px}collection-variant-colors [data-select-all]{width:14px;height:14px;border:1px solid #7e817e;flex:0 0 14px}collection-variant-colors [data-select-all]:checked:after{top:0;left:4px;height:8px;width:4px}collection-variant-colors [data-select-all]:indeterminate:after{content:"";position:absolute;width:8px;height:2px;background:#283444;left:2px;top:5px}collection-variant-colors .collection-color-filter__shade-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));align-items:start;gap:22px 10px;margin:0;padding:4px 0;overflow:visible;touch-action:auto}collection-variant-colors .collection-color-filter__shade{width:100%;min-width:0;gap:10px;padding:0;color:#283444;font-size:12px;line-height:1.3}collection-variant-colors .collection-color-filter__shade-image{box-sizing:border-box;width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(40,52,68,.08);border-radius:7px}collection-variant-colors .collection-color-filter__shade-image img{object-position:center}collection-variant-colors .collection-color-filter__shade.is-active .collection-color-filter__shade-image,collection-variant-colors .collection-color-filter__shade:focus-visible .collection-color-filter__shade-image{box-shadow:0 0 0 3px #f5f3e5,0 0 0 4px #283444}collection-variant-colors .collection-color-filter__shade:hover .collection-color-filter__shade-image{outline:1px solid #858985;outline-offset:3px}collection-variant-colors .collection-color-filter__backdrop{display:none}@media(max-width:749px){collection-variant-colors.collection-color-filter{margin:18px auto 10px;padding:0 12px}collection-variant-colors.is-expanded{z-index:50}collection-variant-colors .collection-color-filter__rail-wrap{z-index:2}collection-variant-colors .collection-color-filter__list{justify-content:flex-start;gap:9px;margin:0;padding:4px 4px 9px}collection-variant-colors .collection-color-filter__item{flex-basis:66px}collection-variant-colors .collection-color-filter__link{width:66px;height:46px}collection-variant-colors .collection-color-filter__label{font-size:11px;padding:0 3px}collection-variant-colors .collection-color-filter__scroll-control{display:none!important}collection-variant-colors .collection-color-filter__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#0006;z-index:1}collection-variant-colors .collection-color-filter__shades{position:absolute;left:0;right:0;top:100%;z-index:3;padding:12px 10px 20px;margin:10px 0 0;max-height:var(--color-panel-height, 65vh);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 8px 22px #0000001f}collection-variant-colors .collection-color-filter__shades:before{display:none}collection-variant-colors .collection-color-filter__shade-heading{margin-bottom:16px;gap:10px}collection-variant-colors .collection-color-filter__shade-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 4px}collection-variant-colors .collection-color-filter__shade{font-size:10px;gap:8px}collection-variant-colors .collection-color-filter__shade-image{width:34px;height:34px;flex-basis:34px}}@media(prefers-reduced-motion:reduce){collection-variant-colors .collection-color-filter__list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/collection-variant-colors.css.map */