.os-cw{--os-cw-gap: .8rem}.os-cw__label{display:flex;align-items:baseline;gap:.8rem;margin:0 0 1.4rem;font-family:var(--os-font-mono);font-size:var(--os-label-size);letter-spacing:var(--os-label-tracking);text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.os-cw__value{min-width:0;font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;letter-spacing:0;text-transform:none;color:rgb(var(--color-foreground))}.os-cw__count{margin-left:auto}.os-cw__viewport{position:relative}.os-cw__list{display:grid;grid-auto-flow:column;grid-auto-columns:7.6rem;gap:var(--os-cw-gap);margin:-.4rem -1.5rem 0 -.4rem;padding:.4rem 1.5rem .4rem .4rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:.4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.os-cw__list::-webkit-scrollbar{display:none}.os-cw__item{min-width:0;scroll-snap-align:start}.os-cw__tile{display:block;color:inherit;text-decoration:none}.os-cw__photo{display:block;aspect-ratio:3 / 4;overflow:hidden;border:1px solid rgba(var(--color-foreground),.12);border-radius:.4rem;background:rgba(var(--color-foreground),.04);transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.os-cw__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .5s ease}.os-cw__name{display:-webkit-box;margin-top:.6rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.1rem;line-height:1.25;text-align:center;color:rgba(var(--color-foreground),.62);word-break:keep-all}.os-cw__tile:hover .os-cw__photo{border-color:rgba(var(--color-foreground),.45)}.os-cw__tile:hover .os-cw__name{color:rgb(var(--color-foreground))}.os-cw__tile:focus-visible{outline:none}.os-cw__tile:focus-visible .os-cw__photo{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3.5px rgba(var(--color-foreground),.5)}.os-cw__tile.is-current .os-cw__photo{border-color:transparent;box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3.5px rgb(var(--color-foreground))}.os-cw__tile.is-current .os-cw__name{-webkit-line-clamp:3;font-weight:600;color:rgb(var(--color-foreground))}.os-cw__tile.is-current .os-cw__name:after{content:"";display:block;width:1.8rem;height:2px;margin:.5rem auto 0;background:rgb(var(--os-accent))}.os-cw__progress{display:none;align-items:center;gap:1.2rem;margin-top:1.4rem}.os-cw--scrolls .os-cw__progress{display:flex}.os-cw__bar{position:relative;flex:1 1 auto;height:2px;border-radius:2px;background:rgba(var(--color-foreground),.1);overflow:hidden}.os-cw__bar i{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:2px;background:rgb(var(--color-foreground));transition:left .15s linear}.os-cw__pos{flex:none;font-family:var(--os-font-mono);font-size:1rem;letter-spacing:.08em;color:rgba(var(--color-foreground),.5)}.os-cw__arrow{display:none}@media screen and (min-width:750px){.os-cw__list{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(var(--os-cw-cols, 4),minmax(0,1fr));gap:1.6rem 1rem;margin:-.4rem;padding:.4rem;overflow:visible}.os-cw__name{margin-top:.8rem;font-size:1.25rem;line-height:1.3}.os-cw__tile:hover .os-cw__photo img{transform:scale(1.03)}.os-cw--slider .os-cw__list{grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 3rem)/4);overflow-x:auto;scroll-snap-type:x mandatory}.os-cw--slider .os-cw__arrow{position:absolute;top:calc(25% - 1.8rem);z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .4rem 1.4rem -.6rem #0000004d;color:rgb(var(--color-foreground));cursor:pointer;transition:opacity var(--duration-short) ease}.os-cw__arrow svg{width:1.4rem;height:1.4rem}.os-cw__arrow--prev{left:-1.4rem}.os-cw__arrow--next{right:-1.4rem}.os-cw__arrow:disabled{opacity:0;pointer-events:none}.os-cw--slider .os-cw__pos{display:none}}@media screen and (min-width:750px){.os-cw .os-cw__list{grid-auto-flow:column;grid-template-columns:none;grid-template-rows:none;grid-auto-columns:calc((100% - 4rem)/5);overflow-x:auto;scroll-snap-type:x mandatory}.os-cw--slider .os-cw__arrow{top:calc(40% - 1.8rem)}}@media screen and (max-width:749px){.os-cw .os-cw__list{grid-auto-columns:calc((100% - 3 * var(--os-cw-gap)) / 4);scroll-snap-type:x mandatory}.os-cw .os-cw__item:nth-child(4n+1){scroll-snap-align:start}.os-cw .os-cw__item:not(:nth-child(4n+1)){scroll-snap-align:none}}.os-cw .os-cw__progress,.os-cw.os-cw--scrolls .os-cw__progress{display:none}.os-cw .os-cw__tile.is-current .os-cw__photo{border-color:rgba(var(--color-foreground),.4);box-shadow:none}.product__media-list .product__media-item:has(img[src*="-white-front."]),.thumbnail-list .thumbnail-list__item:has(img[src*="-white-front."]),.product-media-modal__content img[src*="-white-front."]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/221/assets/os-colorways.css.map */