.visual-nav{display:none}@media(min-width:769px){.header .dbx-legacy-navigation{display:none}.visual-nav{display:block;font-family:var(--dbx-display);position:relative;width:100%}.visual-nav__navigation{border-top:1px solid rgba(var(--nav-text-color) / .12)}.visual-nav__top-level{align-items:stretch;display:flex;gap:clamp(16px,2.4vw,38px);min-height:56px;overflow-x:auto;scrollbar-width:none}.visual-nav__top-level::-webkit-scrollbar{display:none}.visual-nav__top-item{display:flex;flex:0 0 auto}.visual-nav__top-link{align-items:center;color:rgb(var(--nav-text-color));display:inline-flex;font-family:inherit;font-size:17px;font-weight:var(--dbx-display-weight);gap:8px;letter-spacing:.02em;line-height:1.2;min-height:48px;padding:4px 0;position:relative;touch-action:manipulation}.visual-nav__top-link:after{background:var(--dbx-accent);bottom:0;content:"";height:3px;inset-inline:0;opacity:0;position:absolute;transform:scaleX(.55);transition:opacity .16s ease,transform .16s ease}.visual-nav__top-link:hover,.visual-nav__top-link:focus-visible,.visual-nav__top-link.is-active,.visual-nav__trigger[aria-expanded=true]{color:var(--dbx-accent-strong)}.visual-nav__top-link:hover:after,.visual-nav__top-link:focus-visible:after,.visual-nav__top-link.is-active:after,.visual-nav__trigger[aria-expanded=true]:after{opacity:1;transform:scaleX(1)}.visual-nav__top-link:focus-visible,.visual-nav__panel a:focus-visible{outline:2px solid var(--dbx-accent-strong);outline-offset:4px}.visual-nav__kit-link{align-self:center;background:color-mix(in srgb,var(--dbx-accent) 24%,transparent);border:1px solid color-mix(in srgb,var(--dbx-accent-strong) 52%,transparent);min-height:40px;padding-inline:16px}.visual-nav__kit-link:after{display:none}.visual-nav__kit-link:hover,.visual-nav__kit-link:focus-visible,.visual-nav__kit-link.is-active{background:var(--dbx-accent);border-color:var(--dbx-accent-strong);color:var(--dbx-ink)}.visual-nav__trigger svg{transition:transform .16s ease}.visual-nav__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.visual-nav__panel{background:#fff;border-top:1px solid rgba(22,25,20,.12);box-shadow:0 20px 38px #11141029;color:var(--dbx-ink);inset-inline:0;max-height:min(430px,calc(100vh - var(--header-end, 180px) - 24px));overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;padding-block:22px 30px;position:fixed;top:var(--header-end, 180px);width:100vw;z-index:29}.visual-nav__panel-inner{min-width:0}.visual-nav__panel-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.visual-nav__panel-heading>span{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.visual-nav__panel-heading a{border-bottom:1px solid currentColor;color:inherit;font-family:var(--body-font-family);font-size:14px;font-weight:700;padding-bottom:2px}.visual-nav__tiles{display:grid;gap:clamp(14px,2vw,28px);grid-auto-columns:minmax(124px,158px);grid-auto-flow:column;justify-content:center;min-width:max-content}.visual-nav__tile-item{min-width:0}.visual-nav__tile{color:var(--dbx-muted);display:block;min-width:0;text-align:center}.visual-nav__tile-media{align-items:center;aspect-ratio:1;background:var(--dbx-paper);display:flex;justify-content:center;margin-bottom:10px;overflow:hidden;padding:10px}.visual-nav__tile-media img{height:100%;object-fit:contain;transition:transform .22s ease;width:100%}.visual-nav__tile-placeholder{align-items:center;border:2px solid rgba(22,25,20,.18);border-radius:50%;color:#1619146b;display:flex;font-family:var(--body-font-family);font-size:38px;font-weight:300;height:58px;justify-content:center;line-height:1;width:58px}.visual-nav__tile-title{display:block;font-family:var(--body-font-family);font-size:15px;font-weight:600;line-height:1.3;text-wrap:pretty}.visual-nav__tile:hover,.visual-nav__tile:focus-visible,.visual-nav__tile.is-active{color:var(--dbx-accent-strong)}.visual-nav__tile:hover .visual-nav__tile-media img,.visual-nav__tile:focus-visible .visual-nav__tile-media img{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){.visual-nav__top-link:after,.visual-nav__trigger svg,.visual-nav__tile-media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/visual-navigation.css.map */