.twg-quick-nav{--qn-size: 6.4rem;--qn-gap: 1.4rem;--qn-ring: #d9d9d9;--qn-ring-active: #121212;background:rgb(var(--color-base-background-1, 255, 255, 255));border-bottom:.1rem solid rgb(var(--twg-rule, 217, 217, 217));position:relative}html:not(.twg-v2-header) .twg-quick-nav--v2{display:none}.twg-quick-nav__list{display:flex;gap:var(--qn-gap);margin:0;padding:1.4rem var(--global-margin-mobile, 1.6rem) 1.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--global-margin-mobile, 1.6rem);scrollbar-width:none;-webkit-overflow-scrolling:touch}.twg-quick-nav__list::-webkit-scrollbar{display:none}.twg-quick-nav:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3.2rem;background:linear-gradient(to left,rgb(var(--color-base-background-1, 255, 255, 255)),transparent);pointer-events:none}.twg-quick-nav__item{flex:0 0 auto;scroll-snap-align:start}.twg-quick-nav__link{display:flex;flex-direction:column;align-items:center;gap:.7rem;width:calc(var(--qn-size) + 1.2rem);text-decoration:none;color:rgb(var(--color-foreground));-webkit-tap-highlight-color:transparent}.twg-quick-nav__ring{display:block;position:relative;isolation:isolate;width:var(--qn-size);height:var(--qn-size);border-radius:50%;padding:.3rem;border:.15rem solid var(--qn-ring);transition:border-color .2s ease,transform .2s ease}.twg-quick-nav__clip{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:rgb(var(--twg-tile, 233, 233, 231))}.twg-quick-nav__img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 15%;background:rgb(var(--twg-tile, 233, 233, 231));transform:scale(var(--qn-zoom, 1.9));transform-origin:50% 30%}.twg-quick-nav__img--custom{transform:none;object-position:50% 22%}.twg-quick-nav__img--whole{transform:scale(1.15);transform-origin:50% 50%;object-fit:contain}.twg-quick-nav__label{font-size:1.05rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap}.twg-quick-nav__link:hover .twg-quick-nav__ring,.twg-quick-nav__link:focus-visible .twg-quick-nav__ring,.twg-quick-nav__link.is-current .twg-quick-nav__ring{border-color:var(--qn-ring-active)}.twg-quick-nav__link:hover .twg-quick-nav__ring{transform:translateY(-.2rem)}.twg-quick-nav__link.is-current .twg-quick-nav__label{text-decoration:underline;text-underline-offset:.3rem}.twg-quick-nav__link.is-highlight .twg-quick-nav__label{color:rgb(var(--color-base-accent-2, 200, 16, 46))}.twg-quick-nav__link:focus-visible{outline:none}.twg-quick-nav__link:focus-visible .twg-quick-nav__label{outline:.1rem solid currentColor;outline-offset:.2rem}@media screen and (min-width:750px){.twg-quick-nav{--qn-size: 8rem;--qn-gap: 2.4rem}.twg-quick-nav__label{font-size:1.15rem}}@media screen and (min-width:990px){.twg-quick-nav{--qn-size: 8.8rem;--qn-gap: 3.2rem}.twg-quick-nav__list{padding:1.8rem var(--global-margin-desktop, 2.4rem) 1.6rem}.twg-quick-nav__item:first-child{margin-left:auto}.twg-quick-nav__item:last-child{margin-right:auto}}@media screen and (min-width:990px)and (max-width:1439px){.twg-quick-nav{--qn-size: 8rem;--qn-gap: 2rem}}@media screen and (min-width:1440px){.twg-quick-nav{--qn-gap: 2.8rem}}@media(prefers-reduced-motion:reduce){.twg-quick-nav__ring{transition:none}.twg-quick-nav__link:hover .twg-quick-nav__ring{transform:none}}@media screen and (max-width:989px){.twg-quick-nav__link{width:auto;min-width:var(--qn-size)}}@media screen and (max-width:749px){.twg-quick-nav{--qn-gap: 1rem;--qn-size: clamp(5.4rem, calc((100vw - 1.6rem) / 5.3 - 1rem), 7rem)}}@media screen and (min-width:750px)and (max-width:989px){.twg-quick-nav{--qn-gap: 1.4rem;--qn-size: clamp(7.2rem, calc((100vw - 1.6rem) / 7.3 - 1.4rem), 10rem)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/twg-quick-nav.css.map */