.style-nav{--style-nav-size: 8.8rem;--style-nav-gap: 1.6rem;--style-nav-justify: flex-start;--style-nav-object-fit: cover}.style-nav__heading{margin:0 0 1.2rem;text-align:center}.style-nav__list{display:flex;gap:var(--style-nav-gap);margin:0;padding:0;list-style:none;justify-content:var(--style-nav-justify, flex-start)}.style-nav__list--wrap{flex-wrap:wrap}.style-nav__list--scroll{flex-wrap:nowrap;overflow-x:auto;padding-top:6px;padding-inline:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.8rem}.style-nav__item{flex:0 0 auto;scroll-snap-align:start;max-width:calc(var(--style-nav-size) + 2.4rem)}.style-nav__link{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-decoration:none;color:rgb(var(--color-foreground))}.style-nav__media{position:relative;display:flex;align-items:center;justify-content:center;width:var(--style-nav-size);aspect-ratio:var(--style-nav-ratio, 1);height:auto;overflow:hidden;background-color:rgba(var(--color-foreground),.05);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.12);transition:box-shadow var(--duration-short, .1s) ease,transform var(--duration-short, .1s) ease}.style-nav__media--circle,.style-nav__media--square,.style-nav__media--arch{--style-nav-ratio: 1}.style-nav__media--portrait{--style-nav-ratio: 3 / 4}.style-nav__media--landscape{--style-nav-ratio: 4 / 3}.style-nav__media--natural{aspect-ratio:auto;height:auto}.style-nav__media--natural img{position:static;height:auto;object-fit:contain}.style-nav__media--circle{border-radius:50%}.style-nav__media--square{border-radius:var(--media-radius, .4rem)}.style-nav__media--arch{border-radius:50% 50% .4rem .4rem/40% 40% .4rem .4rem}.style-nav__media--portrait,.style-nav__media--landscape{border-radius:var(--media-radius, .4rem)}.style-nav__img,.style-nav__media img{width:100%;height:100%;object-fit:var(--style-nav-object-fit, cover)}.style-nav__media-placeholder{font-size:2rem;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.style-nav__link:hover .style-nav__media{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.45);transform:translateY(-.2rem)}.style-nav__link:focus-visible .style-nav__media{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.style-nav__label{font-size:1.2rem;line-height:1.3;text-align:center;overflow-wrap:anywhere}.style-nav__label--small{font-size:1.2rem}.style-nav__label--medium{font-size:1.4rem}.style-nav__label--large{font-size:1.6rem}.style-nav__count{font-size:.95em;opacity:.6;margin-left:.2rem}.style-nav--highlight-outline .style-nav__item--active .style-nav__media{box-shadow:0 0 0 .2rem rgb(var(--color-foreground))}.style-nav--highlight-underline .style-nav__item--active .style-nav__link{text-decoration:underline;text-underline-offset:.4rem}.style-nav--highlight-filled .style-nav__item--active .style-nav__link{background:rgba(var(--color-foreground),.08);border-radius:999px;padding:.4rem .8rem;margin:-.4rem -.8rem}.style-nav--highlight-outline .style-nav__item--active .style-nav__label,.style-nav--highlight-underline .style-nav__item--active .style-nav__label,.style-nav--highlight-filled .style-nav__item--active .style-nav__label{font-weight:600}.style-nav__item--active .style-nav__link:hover .style-nav__media{transform:none}@media screen and (max-width:749px){.style-nav{--style-nav-gap: 1.2rem}.style-nav__heading{text-align:left}.style-nav__list--mobile-wrap{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.style-nav__list--mobile-scroll{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity}}@media screen and (max-width:749px){.style-nav{--style-nav-base: var(--style-nav-size)}.style-nav__list{--style-nav-size: min(var(--style-nav-base), 24vw)}}.style-nav__list--scroll::-webkit-scrollbar,.style-nav__list--mobile-scroll::-webkit-scrollbar{display:none}.style-nav__list--mobile-scroll{scrollbar-width:none}.style-nav__carousel{display:block;position:relative}.style-nav__arrow{display:none;position:absolute;z-index:2;top:calc(6px + var(--style-nav-size) / 2);transform:translateY(-50%);align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.08);cursor:pointer;transition:opacity var(--duration-short, .1s) ease,background-color var(--duration-short, .1s) ease}.style-nav__arrow:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.style-nav__arrow--prev{left:-1.2rem}.style-nav__arrow--next{right:-1.2rem}style-nav-carousel[data-scrollable] .style-nav__arrow{display:flex}.style-nav__arrow:disabled{opacity:0;pointer-events:none}@media screen and (max-width:749px){.style-nav__arrow{top:calc(6px + min(var(--style-nav-base, var(--style-nav-size)),24vw)/2);width:3.6rem;height:3.6rem}.style-nav__arrow--prev{left:-.6rem}.style-nav__arrow--next{right:-.6rem}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/component-style-nav.css.map */