.nav-breadcrumb{font-size:1.1rem;font-weight:600;color:rgb(var(--color-foreground-rgb) / var(--opacity-60));margin-bottom:1.5rem}.nav-breadcrumb a{color:rgb(var(--color-foreground-rgb) / var(--opacity-60));text-decoration:none;transition:color .2s}.nav-breadcrumb a:hover,.nav-breadcrumb span{color:var(--color-foreground)}.nav-dimension-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.nav-dimension-tab{font-size:.875rem;font-family:inherit;padding:.5rem 1.25rem;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-15));border-radius:2rem;text-decoration:none;color:rgb(var(--color-foreground-rgb) / var(--opacity-70));background:transparent;cursor:pointer;transition:all .2s}.nav-dimension-tab:hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40));color:var(--color-foreground)}.nav-dimension-tab.active{border-color:var(--color-foreground);color:var(--color-foreground);font-weight:600;background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.nav-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.nav-tile{text-decoration:none;color:inherit;display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));transition:box-shadow .2s,border-color .2s,transform .2s;background:var(--color-background)}.nav-tile:hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-25));box-shadow:0 4px 16px rgb(var(--color-foreground-rgb) / var(--opacity-8));transform:translateY(-2px)}.nav-tile img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.nav-tile-placeholder{width:100%;aspect-ratio:1 / 1;background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.nav-tile-label{font-size:.9375rem;font-weight:500;color:var(--color-foreground);padding:.75rem .875rem .25rem;line-height:1.3}.nav-tile-count{font-size:.8125rem;color:rgb(var(--color-foreground-rgb) / var(--opacity-60));padding:0 .875rem .875rem}@media(max-width:990px){.nav-tiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}@media(max-width:575px){.nav-tiles{grid-template-columns:repeat(2,1fr);gap:.75rem}.nav-tile-label{font-size:.875rem;padding:.625rem .625rem .125rem}.nav-tile-count{font-size:.75rem;padding:0 .625rem .625rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/collection-nav.css.map */