.cwc{--cwc-size:var(--cwc-size-m);--cwc-pad:6px;--cwc-radius:6px;display:block;width:100%;min-width:0;contain:inline-size;color:var(--cwc-text);margin:0 0 1.25rem}
@media (min-width:750px){.cwc{--cwc-size:var(--cwc-size-d)}}
.cwc--square{--cwc-radius:0}.cwc--rounded{--cwc-radius:6px}.cwc--circle{--cwc-radius:999px}
.cwc__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .5rem}
.cwc__label{margin:0;font-size:.875rem;line-height:1.4}
.cwc__heading{font-weight:600}
.cwc__sep+.cwc__name{margin-left:.35em}
.cwc__count{font-size:.8125rem;opacity:.65;white-space:nowrap}
.cwc__viewport{position:relative}
.cwc__track{list-style:none;position:relative;display:flex;gap:var(--cwc-gap);margin:calc(var(--cwc-pad)*-1);padding:var(--cwc-pad);scroll-padding:var(--cwc-pad)}
.cwc__item{flex:0 0 auto;width:var(--cwc-size);margin:0;padding:0;scroll-snap-align:start}
.cwc__swatch{display:block;position:relative;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.cwc__media{display:block;position:relative;width:100%;aspect-ratio:var(--cwc-ratio);background:var(--cwc-bg);border:1px solid var(--cwc-border);border-radius:var(--cwc-radius);overflow:hidden;transition:border-color .15s ease}
.cwc__img{display:block;width:100%;height:100%;object-fit:var(--cwc-fit)}
.cwc__dot{position:absolute;inset:3px;border-radius:inherit;background:var(--cwc-dot)}
@media (hover:hover){.cwc__swatch:hover .cwc__media{border-color:color-mix(in srgb,var(--cwc-active) 40%,var(--cwc-border))}}
.cwc--active-ring .is-active .cwc__media{border-color:var(--cwc-active);outline:2px solid var(--cwc-active);outline-offset:2px}
.cwc--active-border .is-active .cwc__media{border-color:var(--cwc-active);box-shadow:inset 0 0 0 1px var(--cwc-active)}
.cwc--active-underline .is-active::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--cwc-active)}
.cwc__swatch:focus-visible{outline:none}
.cwc__swatch:focus-visible .cwc__media{outline:2px dashed var(--cwc-active);outline-offset:2px}
.is-soldout .cwc__media>*{opacity:.4}
.cwc--slash .is-soldout .cwc__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - .75px),#8a8a8a calc(50% - .75px),#8a8a8a calc(50% + .75px),transparent calc(50% + .75px))}
.cwc__caption{display:block;margin-top:.375rem;font-size:.6875rem;line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}
.is-active .cwc__caption{opacity:1;font-weight:600}
.cwc--active-underline.cwc--captions .is-active::after{bottom:-5px}
.cwc__arrow{display:none}
@media (max-width:749px){
  .cwc--m-carousel .cwc__track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}
  .cwc--m-carousel .cwc__track::-webkit-scrollbar{display:none}
  .cwc--m-carousel.cwc--rows-2 .cwc__track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:var(--cwc-size)}
  .cwc--m-grid .cwc__track{flex-wrap:wrap}
}
@media (min-width:750px){
  .cwc--d-carousel .cwc__track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}
  .cwc--d-carousel .cwc__track::-webkit-scrollbar{display:none}
  .cwc--d-carousel.cwc--rows-2 .cwc__track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:var(--cwc-size)}
  .cwc--d-grid .cwc__track{flex-wrap:wrap}
}
@media (min-width:750px) and (hover:hover){
  .cwc--d-carousel .cwc__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:2;width:32px;height:32px;margin-top:-16px;padding:0;border:1px solid var(--cwc-border);border-radius:50%;background:var(--cwc-bg);color:var(--cwc-active);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08);opacity:0;pointer-events:none;transition:opacity .15s ease}
  .cwc__arrow--prev{left:-6px}.cwc__arrow--next{right:-6px}
  .cwc[data-can-prev] .cwc__arrow--prev,.cwc[data-can-next] .cwc__arrow--next{opacity:1;pointer-events:auto}
}
.cwc--fade[data-can-next] .cwc__track{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent)}
.cwc--fade[data-can-prev] .cwc__track{-webkit-mask-image:linear-gradient(to right,transparent,#000 48px);mask-image:linear-gradient(to right,transparent,#000 48px)}
.cwc--fade[data-can-prev][data-can-next] .cwc__track{-webkit-mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
@media (prefers-reduced-motion:reduce){.cwc__media,.cwc__arrow{transition:none}}