:root{--cs-swatch-size: 3.6rem;--cs-swatch-size-pdp: 6.4rem;--cs-swatch-gap: .6rem;--cs-swatch-radius: 4px;--cs-active: #111111;--cs-border: rgba(0, 0, 0, .18)}.cs-swatches{margin-top:.8rem;position:relative;z-index:5}.cs-swatches__row{display:flex;flex-wrap:wrap;gap:var(--cs-swatch-gap);align-items:center}.cs-swatch{position:relative;flex:0 0 auto;width:var(--cs-swatch-size);height:var(--cs-swatch-size);padding:0;border:1px solid var(--cs-border);border-radius:var(--cs-swatch-radius);background-color:#f3f3f3;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease;outline:none}.cs-swatch:hover{transform:translateY(-1px)}.cs-swatch.is-active{box-shadow:0 0 0 1px #fff,0 0 0 2.5px var(--cs-active)}.cs-swatch:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 2.5px var(--cs-active)}.cs-carousel{position:relative;display:inline-block;max-width:100%;vertical-align:top}.cs-carousel__track{display:flex;gap:var(--cs-swatch-gap);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;padding:2px}.cs-carousel__track::-webkit-scrollbar{display:none}.cs-carousel__track .cs-swatch{scroll-snap-align:start}.cs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffbf;box-shadow:0 1px 4px #0000002e;cursor:pointer;padding:0;color:#222;transition:background .15s ease}.cs-arrow:hover{background:#fffffff2}.cs-arrow--prev{left:-1rem}.cs-arrow--next{right:-1rem}.cs-arrow svg{width:1.1rem;height:1.1rem}.cs-arrow[disabled]{display:none}.cs-swatches--pdp .cs-carousel__track{max-width:calc(var(--cs-swatch-size-pdp) * 6 + var(--cs-swatch-gap) * 5 + 6px)}@media(min-width:750px){.cs-swatches:not(.cs-swatches--pdp) .cs-carousel__track{max-width:calc(var(--cs-swatch-size) * 5 + var(--cs-swatch-gap) * 4 + 6px)}}@media(max-width:749px){.cs-swatches:not(.cs-swatches--pdp) .cs-carousel__track{max-width:calc(var(--cs-swatch-size) * 3 + var(--cs-swatch-gap) * 2 + 6px)}}.cs-swatches--pdp{margin-top:.4rem;margin-bottom:1.2rem}.cs-swatches--pdp .cs-swatch{width:var(--cs-swatch-size-pdp);height:var(--cs-swatch-size-pdp)}.cs-swatches--pdp .cs-arrow{width:3rem;height:3rem}.cs-pdp-label{margin-bottom:.6rem}.cs-pdp-label .cs-pdp-selected{font-weight:600}.product-form__input--pill input[type=radio]+label{border-radius:var(--cs-swatch-radius)!important;min-width:4.6rem;justify-content:center}.cs-size-chart-hidden,.product-form__input.cs-native-hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-swatches.css.map */