.Navigation{scrollbar-width:none;overflow-x:auto}.Navigation::-webkit-scrollbar{display:none}.Navigation-Menus{justify-content:center;display:flex}.Navigation-Menu{---Tile-Background: white ;---Item-Color: white ;---Background: #313139 ;---Accent: var( --link-color-hover ) ;---Color: white }.Navigation *{letter-spacing:.3px;overflow-wrap:anywhere;line-height:1.1;font-weight:500;text-wrap:balance;font-size:15px;color:var( ---Color )}.Navigation-Menu:after{content:"";position:absolute;display:block;height:100dvh;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#313139aa;pointer-events:none;transition:opacity .25s ease;opacity:0;z-index:-1}.Navigation-Menu[data-has-overlay = true]:hover::after{opacity:1}.Navigation-Item{align-items:center;display:flex;gap:.5rem;padding:2rem 1.5rem;cursor:pointer;font-weight:300;color:var( ---Item-Color )}.Navigation-Item:hover{text-decoration:none}.Navigation-Menu[data-has-content = false] .Navigation-Item:hover{text-decoration:none;cursor:default;color:var( ---Item-Color )}.Navigation-Menu[data-emphasize = true] .Navigation-Item{font-weight:700;color:var( ---Accent )}.Navigation-Item svg{stroke:var( ---Item-Color )}.Navigation-Menu[data-emphasize = true] .Navigation-Item svg{stroke:var( ---Accent )}.Navigation-Thumbnail{height:250px;width:250px;border-radius:2px;background:var( ---Background );overflow:clip;box-shadow:0 0 10px -7px #000}[data-layout = desktop] .Navigation-Thumbnail{display:none}.Navigation-Image{object-fit:contain;height:100%;width:100%;transition:transform .25s linear}.Navigation-Overlay{---Width: 100% ;---Inline: calc( .25 * ( 100% - var( ---Width ) ) ) ;background:var( ---Background );inset-inline:0;position:absolute;top:100%;padding-inline:calc(var( ---Inline ) + 1.5rem);padding-block:2rem;max-height:70dvh;border-radius:0 0 1rem 1rem;transition:all .25s ease;overflow-y:clip;z-index:1000;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}.Navigation-Overlay>*{padding-block:1rem}.Navigation-Menu[data-has-sidebar = true] .Navigation-Overlay{grid-template-columns:1fr auto 4.5fr;grid-auto-rows:1fr;display:grid}.Navigation-Menu:hover .Navigation-Overlay{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}@media (min-width : 1025px){.Navigation-Overlay{---Width: var( --wrapper-mw ) }}@media (min-width : 1200px){.Navigation-Overlay{---Width: 1170px }}@media (min-width : 1230px){.Navigation-Overlay{---Width: 1200px }}.Navigation-Sidebar{flex-direction:column;display:flex;gap:1.5rem;max-height:100%;scrollbar-width:none;overflow-y:auto}.Navigation-Sidebar::-webkit-scrollbar{display:none}.Navigation-Tab{justify-content:space-between;align-items:center;display:flex;gap:2rem;cursor:pointer}.Navigation-Tab:hover a{text-decoration:none;color:var( ---Accent )}.Navigation-Tab input{display:none}.Navigation-Tab:has(input:checked) a{text-decoration:none;color:var( ---Accent )}.Navigation-Tab svg{stroke:currentColor;rotate:-90deg}.Navigation-Tab:has(input:checked) svg,.Navigation-Tab:hover svg{stroke:var( ---Accent )}.Navigation-Divider{background:var( ---Color );margin-inline:2rem 5rem;height:100%;width:1px}.Navigation-Overview{padding-inline:1rem;margin-right:20px}.Navigation-Menu[data-has-highlights = false] .Navigation-Overview{max-height:100%;overflow-y:auto}.Navigation-Collections{---Thumbnail-Size: 50px ;---Title-Width: 20ch ;---Column-Width: calc( var( ---Thumbnail-Size ) + var( ---Title-Width ) ) ;grid-template-columns:repeat(auto-fit,var( ---Column-Width ));column-gap:10rem;row-gap:3rem;display:grid;max-width:100%;width:fit-content}.Navigation-Collection{---Background: var( ---Tile-Background ) ;grid-template-columns:var( ---Thumbnail-Size ) var( ---Title-Width );grid-template-areas:"Thumbnail Title";justify-items:start;align-items:center;column-gap:2rem;display:grid;text-align:center;text-wrap:balance}.Navigation-Collection-Thumbnail{grid-row:Thumbnail;aspect-ratio:1;width:var( ---Thumbnail-Size );border-radius:2px;background:var( ---Background );overflow:clip;box-shadow:0 0 10px -7px #000}.Navigation-Collection-Image{object-fit:contain;height:100%;width:100%;transition:transform .25s linear}.Navigation-Collection:hover .Navigation-Collection-Image{transform:scale(1.15)}.Navigation-Collection-Title{grid-area:Title;text-align:left;text-wrap:balance}
/*# sourceMappingURL=/cdn/shop/t/88/assets/Navigation.css.map */