.cc-chips{margin:0 auto 2rem;padding-top:.4rem}.cc-chips__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cc-chips__heading{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-foreground),.85)}.cc-chips__count{display:inline-block;margin-left:.6rem;padding:.1rem .55rem;border-radius:999rem;background-color:rgba(var(--color-foreground),.07);font-size:1.05rem;font-weight:500;letter-spacing:0;color:rgba(var(--color-foreground),.65)}.cc-chips__clear{font-size:1.2rem;font-weight:500;color:rgba(var(--color-foreground),.7);text-decoration:underline;text-underline-offset:.3rem;transition:color var(--duration-short, .15s) ease}.cc-chips__clear:hover{color:rgb(var(--color-foreground))}.cc-chips__list{display:flex;flex-wrap:wrap;gap:.5rem}.cc-chip{--_chip-border: rgba(var(--color-foreground), .14);display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem .3rem .35rem;border:.1rem solid var(--_chip-border);border-radius:999rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:500;line-height:1;letter-spacing:.01em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--duration-short, .15s) ease,border-color var(--duration-short, .15s) ease,background-color var(--duration-short, .15s) ease,box-shadow var(--duration-short, .15s) ease}.cc-chip:hover{--_chip-border: rgba(var(--color-foreground), .4);transform:translateY(-.1rem);box-shadow:0 .3rem 1rem rgba(var(--color-foreground),.08)}.cc-chip:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.cc-chip--active{--_chip-border: rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04);font-weight:600;box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.cc-chip--empty{opacity:.35;pointer-events:none}.cc-chip__swatch{position:relative;display:inline-block;width:1.9rem;height:1.9rem;border-radius:50%;background-color:var(--cc-swatch-color, rgba(var(--color-foreground), .1));flex-shrink:0;box-shadow:inset 0 0 0 .05rem #00000024,inset 0 -.15rem .25rem #00000024;overflow:hidden}.cc-chip__swatch[style*=--cc-swatch-image]{background-image:var(--cc-swatch-image);background-size:cover;background-position:center}.cc-chip__swatch:after{content:"";position:absolute;top:10%;left:18%;width:38%;height:32%;border-radius:50%;background:radial-gradient(ellipse at center,#ffffff8c,#ffffff2e 50%,#fff0 75%);pointer-events:none}.cc-chip--active .cc-chip__swatch{box-shadow:inset 0 0 0 .05rem #0000002e,inset 0 -.15rem .25rem #00000024,0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.cc-chip--light .cc-chip__swatch{box-shadow:inset 0 0 0 .05rem #00000040,inset 0 -.15rem .25rem #00000014}.cc-chip--active.cc-chip--light .cc-chip__swatch{box-shadow:inset 0 0 0 .05rem #00000040,inset 0 -.15rem .25rem #00000014,0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.cc-chip--clear .cc-chip__swatch{background-color:#fff;background-image:linear-gradient(45deg,#c8c8c8 25%,transparent 25%),linear-gradient(-45deg,#c8c8c8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8c8c8 75%),linear-gradient(-45deg,transparent 75%,#c8c8c8 75%);background-size:.5rem .5rem;background-position:0 0,0 .25rem,.25rem -.25rem,-.25rem 0}.cc-chip__swatch:not([style]){background:repeating-linear-gradient(45deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.1) .3rem,rgba(var(--color-foreground),.2) .3rem .6rem)}.cc-chip__label{font-weight:inherit}.cc-chip__count{font-size:1rem;font-weight:500;color:rgba(var(--color-foreground),.5);font-variant-numeric:tabular-nums;margin-left:-.1rem}.cc-chip--active .cc-chip__count{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.cc-chips{margin-bottom:1.4rem}.cc-chips__heading{font-size:1.1rem}.cc-chips__list{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;-webkit-overflow-scrolling:touch;margin:0 -1.5rem;padding:.4rem 1.5rem .8rem;gap:.4rem}.cc-chip{scroll-snap-align:start;flex-shrink:0;padding:.25rem .75rem .25rem .3rem;font-size:1.1rem}.cc-chip__swatch{width:1.7rem;height:1.7rem}.cc-chip:hover{transform:none;box-shadow:none}.cc-chips__list::-webkit-scrollbar{height:.3rem}.cc-chips__list::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.25);border-radius:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-collection-color-chips.css.map */