.cg-swatches{--cg-size: 2rem;--cg-radius: .375rem;margin-top:.75rem}.cg-swatches--empty,.cg-swatches:has(.cg-swatches__list:empty){display:none}.cg-swatches__label{margin-bottom:.5rem;line-height:1.2}.cg-swatches__label-value{color:rgba(var(--colors-heading));font-weight:500}.swatch-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.splide__list span.cg-swatch-name{display:none}.splide__list .cg-swatches__list{padding:0 .5rem}.cg-swatch-name.active{font-weight:600}.cg-swatches__list{display:flex;flex-wrap:wrap;gap:1rem}.cg-swatches--center .cg-swatches__list{justify-content:center}.cg-swatches--right .cg-swatches__list{justify-content:flex-end}.cg-swatches--small{--cg-size: 1.75rem}.cg-swatches--medium{--cg-size: 2rem}.cg-swatches--large{--cg-size: 38px}.cg-swatches--pdp{margin-top:0}.cg-swatches--pdp.cg-swatches--small{--cg-size: 1.75rem}.cg-swatches--pdp.cg-swatches--medium{--cg-size: 38px}.cg-swatches--pdp.cg-swatches--large{--cg-size: 4rem}.cg-swatch{display:block;width:var(--cg-size);height:var(--cg-size);border-radius:var(--cg-radius);overflow:hidden;position:relative;transition:box-shadow .2s ease,opacity .2s ease;box-shadow:0 0 0 1px rgba(var(--colors-line-and-border),.6)}.cg-swatch:hover,.cg-swatch:focus-visible{box-shadow:0 0 0 2px rgba(var(--colors-heading),.5);outline:none}.cg-swatch.is-current{box-shadow:0 0 0 2px rgba(var(--colors-heading))}.cg-swatch__media{display:block;width:100%;height:100%;background-color:rgba(var(--colors-line-and-border),.25);background-size:cover;background-position:center;background-repeat:no-repeat}.cg-swatch.is-pending .cg-swatch__media{animation:cg-swatch-pulse 1.2s ease-in-out infinite}@keyframes cg-swatch-pulse{0%,to{opacity:1}50%{opacity:.45}}.cg-swatch.is-soldout{opacity:.45}.cg-swatch.is-soldout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - .5px),rgba(var(--colors-heading),.6) calc(50% - .5px),rgba(var(--colors-heading),.6) calc(50% + .5px),transparent calc(50% + .5px))}.cg-swatch--more{display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;color:rgba(var(--colors-heading));background-color:rgba(var(--colors-line-and-border),.25)}@media(prefers-reduced-motion:reduce){.cg-swatch.is-pending .cg-swatch__media{animation:none}.cg-swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/color-group-swatches.css.map */