.cs.cs--reverse{display:flex;flex-direction:column-reverse}.cs__data{display:none}.cs{display:block;position:relative;z-index:3;margin-top:.5rem}.cs__row{margin-top:.4rem}.cs__row:first-child{margin-top:0}.cs__row-label{display:block;font-size:11px;letter-spacing:.02em;opacity:.65;margin-bottom:.25rem}.cs__scroll-wrap{display:flex;align-items:center;gap:1px;max-width:100%;min-width:0}.cs__list{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--cs-gap, 6px);margin:0;padding:.4rem 4px;list-style:none;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;min-width:0;flex:1 1 auto;max-width:min(100%,calc(var(--cs-visible, 6) * (var(--cs-size, 22px) + var(--cs-gap, 6px))))}.cs__list::-webkit-scrollbar{display:none;height:0}@media screen and (max-width:749px){.cs__list{max-width:min(100%,calc(4 * (var(--cs-size, 22px) + var(--cs-gap, 6px))))}}.cs__list--static{overflow:visible;max-width:100%;scroll-snap-type:none}@media screen and (max-width:749px){.cs__list--static{max-width:100%}}.cs__more-link{color:rgba(var(--color-foreground),.65);text-decoration:none}.cs__more{display:flex;align-items:center;justify-content:center;width:auto;min-width:var(--cs-size, 22px);height:var(--cs-size, 22px);padding:0 4px;font-size:10px;color:inherit}.cs__item{display:flex;flex:0 0 auto;margin:0;scroll-snap-align:start}.cs__link{position:relative;z-index:3}.cs__link{display:inline-flex;line-height:0;text-decoration:none;transition:transform .15s ease}.cs__link:hover{transform:scale(1.06)}.cs__face{display:block;width:var(--cs-size, 22px);height:var(--cs-size, 22px);background-color:#f4f4f4;background-size:cover;background-position:center;border:var(--cs-bw, 1px) solid var(--cs-bc, #e3e3e3)}.cs--round .cs__face{border-radius:50%}.cs--square .cs__face{border-radius:2px}.cs__link.is-active .cs__face{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--cs-active, #000)}.cs__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:14px;height:var(--cs-size, 22px);padding:0;margin:0;border:none;background:transparent;color:inherit;opacity:.55;cursor:pointer;position:relative;z-index:3}.cs__arrow:hover{opacity:1}.cs__arrow svg{width:6px;height:10px}
/*# sourceMappingURL=/cdn/shop/t/320/assets/component-color-swatches.css.map */