.csn{position:relative;margin-top:4px;margin-bottom:20px}.csn__viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 48px),transparent 100%)}.csn.is-start .csn__viewport{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent 100%)}.csn.is-end .csn__viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 100%)}.csn.is-start.is-end .csn__viewport{-webkit-mask-image:none;mask-image:none}.csn__list{display:flex;gap:14px;margin:0;padding:2px 0 4px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.csn__list::-webkit-scrollbar{display:none}.csn__item{flex:0 0 auto;scroll-snap-align:start}.csn__tile{display:flex;flex-direction:column;align-items:center;gap:9px;width:112px;color:var(--color-foreground, #1a1a1a);text-decoration:none}.csn__thumb{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:6px;background:#efeee9}.csn__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,0,0,1)}.csn__label{max-width:100%;font-family:var(--font-body-family);font-size:13.5px;line-height:1.25;letter-spacing:.01em;text-align:center;text-underline-offset:4px}.csn__tile:hover .csn__thumb img{transform:scale(1.04)}.csn__tile:hover .csn__label{text-decoration:underline;text-decoration-thickness:1px}.csn__tile:focus-visible{outline:none}.csn__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 0 transparent;pointer-events:none;transition:box-shadow .2s ease}.csn__tile:focus-visible .csn__thumb:after{box-shadow:inset 0 0 0 2px var(--color-foreground, #1a1a1a)}.csn__tile.is-current .csn__thumb:after{box-shadow:inset 0 0 0 1.5px var(--color-foreground, #1a1a1a)}.csn__tile.is-current .csn__label{font-weight:600}.csn__arrow{position:absolute;top:56px;z-index:2;display:grid;place-items:center;width:36px;height:36px;margin-top:-18px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:#fff;color:var(--color-foreground, #1a1a1a);box-shadow:0 2px 10px #00000014;cursor:pointer}.csn__arrow[hidden]{display:none}.csn__arrow--prev{left:8px}.csn__arrow--next{right:8px}@media(max-width:749px){.csn{margin-bottom:12px;padding-right:0}.csn__list{gap:10px;padding-right:16px}.csn__tile{width:76px;gap:7px}.csn__label{font-size:12.5px}.csn__arrow{display:none}}@media(prefers-reduced-motion:reduce){.csn__thumb img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/255/assets/collection-subnav.css.map */