.cl-swatches{margin:16px 0 20px}.cl-swatches__label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--color-foreground, #1a1a1a);opacity:.5;margin:0 0 10px}.cl-swatches__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cl-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:none;border:none;padding:0;cursor:pointer;outline:2px solid transparent;outline-offset:3px;transition:outline-color .18s ease,transform .15s ease,opacity .15s ease;flex-shrink:0}.cl-swatch:hover:not(:disabled):not(.cl-swatch--active){transform:scale(1.08);outline-color:#0003}.cl-swatch--active{outline-color:var(--color-foreground, #1a1a1a);cursor:default}.cl-swatch--loading{opacity:.4;pointer-events:none}.cl-swatch__inner{width:100%;height:100%;border-radius:50%;display:block;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.cl-swatch--dot-white .cl-swatch__inner{background-color:#fff;background-image:radial-gradient(circle,#1a1a1a 1.5px,transparent 1.5px);background-size:7px 7px}.cl-swatch--dot-black .cl-swatch__inner{background-color:#1a1a1a;background-image:radial-gradient(circle,#ffffff 1.5px,transparent 1.5px);background-size:7px 7px}.cl-swatch--solid-white .cl-swatch__inner{background-color:#fff}.cl-swatch--solid-yellow .cl-swatch__inner{background-color:#f5d96b}.cl-swatch__tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:var(--color-foreground, #1a1a1a);color:var(--color-background, #fff);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:4px 8px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10}.cl-swatch__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-foreground, #1a1a1a)}.cl-swatch:hover .cl-swatch__tooltip{opacity:1}.cl-swap--out{opacity:0;transition:opacity .2s ease}.cl-swap--in{opacity:1;transition:opacity .35s ease}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cl-swatches.css.map */