.collection-subnav{border-bottom:1px solid rgba(var(--color-foreground),.08)}.collection-subnav__inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collection-subnav__inner::-webkit-scrollbar{display:none}.collection-subnav__list{display:flex;flex-wrap:nowrap;gap:0;list-style:none;margin:0;padding:0;min-width:min-content}.collection-subnav__item{flex-shrink:0}.collection-subnav--text .collection-subnav__link{display:block;padding:1rem 1.15rem;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgba(var(--color-foreground),.55);border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.collection-subnav--text .collection-subnav__link:hover{color:rgb(var(--color-foreground))}.collection-subnav--text .collection-subnav__link--active{color:rgb(var(--color-foreground));border-bottom-color:rgb(var(--color-foreground))}.collection-subnav--text .collection-subnav__link--static{cursor:default}@media screen and (min-width:990px){.collection-subnav--text .collection-subnav__list{justify-content:center;flex-wrap:wrap}}.collection-subnav--visual{--subnav-pill-active-bg: #e4dff3;border-bottom:none;padding:1.5rem 0 1.25rem;background:rgb(var(--color-background))}.collection-subnav--visual .collection-subnav__inner{padding-inline:1rem}.collection-subnav--visual .collection-subnav__list{justify-content:center;align-items:flex-end;gap:.15rem;padding:0;margin-inline:auto}.collection-subnav--visual .collection-subnav__item{flex:0 0 9.375rem;width:9.375rem;max-width:9.375rem}.collection-subnav--visual .collection-subnav__link{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.625rem;width:100%;padding:0;text-decoration:none;color:rgb(var(--color-foreground));background:transparent;border:none;cursor:pointer;font:inherit}.collection-subnav--visual .collection-subnav__link--filter{-webkit-appearance:none;appearance:none}.collection-subnav--visual .collection-subnav__link--static{cursor:default}.collection-subnav--visual .collection-subnav__thumb{display:flex;align-items:flex-end;justify-content:center;width:9.375rem;height:10.625rem;flex-shrink:0}.collection-subnav--visual .collection-subnav__image{display:block;width:auto;height:auto;max-width:9.375rem;max-height:10.625rem;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 4px 7px rgba(0,0,0,.12))}.collection-subnav--visual .collection-subnav__thumb-placeholder{display:block;width:4.5rem;height:7rem;background:rgba(var(--color-foreground),.05);border-radius:2px}.collection-subnav--visual .collection-subnav__label{display:inline-block;margin:0;padding:.4375rem 1.125rem;font-size:.625rem;font-weight:600;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;text-align:center;white-space:nowrap;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));border-radius:999px;transition:background .15s ease,border-color .15s ease}.collection-subnav--visual .collection-subnav__link:hover .collection-subnav__label{border-color:rgb(var(--color-foreground))}.collection-subnav--visual .collection-subnav__item--active .collection-subnav__label,.collection-subnav--visual .collection-subnav__link--active .collection-subnav__label{background:var(--subnav-pill-active-bg);border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}@media screen and (max-width:989px){.collection-subnav--visual .collection-subnav__inner{padding-inline:.75rem}.collection-subnav--visual .collection-subnav__list{justify-content:flex-start;scroll-snap-type:x proximity}.collection-subnav--visual .collection-subnav__item{scroll-snap-align:center}}@media screen and (min-width:990px){.collection-subnav--visual .collection-subnav__inner{overflow-x:visible;padding-inline:2rem}.collection-subnav--visual .collection-subnav__list{flex-wrap:nowrap;justify-content:center;gap:.25rem}}@media screen and (min-width:1200px){.collection-subnav--visual .collection-subnav__list{gap:.35rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-collection-subnav.css.map */