.navigation{position:sticky;top:0;padding:var(--padding);display:flex;flex-direction:row;justify-content:space-between;align-items:start;height:calc(var(--padding) * 7);z-index:1099}.navigation-logo{position:absolute;top:var(--padding);left:50%;transform:translate(-50%);height:1.625rem;aspect-ratio:1369/106}.navigation-logo svg{position:absolute;top:0;right:0;bottom:0;left:0}.navigation-logo svg path{fill:currentColor}.navigation-logo svg:first-of-type{opacity:1;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.navigation-logo svg+svg{height:calc(100% + (var(--padding) * 1.5));width:auto;left:50%;top:calc(var(--padding) * -.75);translate:-50% 0;opacity:0;transition:opacity .15s ease-in-out,transform .15s ease-in-out;transform:translateY(.5em);pointer-events:none}.navigation-logo span{opacity:0;pointer-events:none}@media (hover: hover){.navigation-logo:hover svg:first-of-type{opacity:0;transform:translateY(-.5em)}.navigation-logo:hover svg+svg{opacity:1;transform:translateY(0)}.navigation-logo-link{display:block;width:100%;height:100%}}@media (max-width: 768px){.navigation{height:calc(var(--padding) * 5)}.navigation-logo{height:auto;width:65vw;z-index:2}}.navigation-menu ul{display:flex;flex-direction:row;list-style:none;gap:var(--padding)}@media (max-width: 768px){.navigation-menu{position:absolute;top:0;left:calc(var(--divider) * -1);right:calc(var(--divider) * -1);height:100vh;background-color:var(--background);display:flex;justify-content:center;pointer-events:none;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transform:translate(-100%);box-shadow:0 0 0 100vw transparent}.navigation-menu ul{flex-direction:column;gap:0;padding:var(--padding);text-align:center;justify-content:center;gap:var(--padding)}.navigation-menu--secondary{display:none}}.navigation-menu-item--active a{text-decoration:underline;text-underline-offset:.1em;text-decoration-thickness:.075em!important}.navigation-menu-degrees{display:flex}.navigation-menu-degrees span{width:0px;opacity:0;transition:width .3s ease-in-out,opacity .3s ease-in-out,padding-left .3s ease-in-out;overflow:hidden;white-space:nowrap}.navigation-menu-degrees span:before{content:attr(data-text)}.navigation-menu-degrees:hover span:first-child{width:4.4em;opacity:1}.navigation-menu-degrees:hover span:last-child{width:5.4em;opacity:1;padding-left:.2em}.navigation-time{font-variant-numeric:tabular-nums}.navigation--password .navigation-logo{position:relative;left:0;display:block;transform:none}.navigation-menu-item--cart a span:empty{display:none}.navigation-menu .navigation-menu-item--cart a span:not(:empty):before{content:"("}.navigation-menu .navigation-menu-item--cart a span:not(:empty):after{content:")"}.navigation-menu-cart{display:none}@media (max-width: 768px){.navigation-menu-cart{display:block;position:absolute;top:var(--padding);right:var(--padding)}.navigation-menu-cart em{display:none}.navigation-menu-cart span{display:block;position:absolute;top:0;right:0;width:1.4em;height:1.4em;border-radius:.2em;text-align:center;line-height:1.3em;font-size:.7em;border:1.5px solid currentColor;margin-top:.3em}.navigation-menu-cart span:before{content:"";position:absolute;bottom:100%;left:.3em;right:.3em;height:.4em;border:1.5px solid currentColor;border-bottom:0;border-top-left-radius:.3em;border-top-right-radius:.3em}}.navigation-hamburger{display:none}@media (max-width: 768px){.navigation-hamburger{display:block;position:absolute;top:var(--padding);left:var(--padding);z-index:99;width:1.2em;height:1.2em;cursor:pointer}.navigation-hamburger:before,.navigation-hamburger:after{content:"";display:block;width:100%;height:1.5px;background-color:currentColor;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;transition:all .3s ease-in-out}.navigation-hamburger:before{transform:translate(-50%,calc(-50% - 4px))}.navigation-hamburger:after{transform:translate(-50%,calc(-50% + 4px))}.navigation[data-open=true] .navigation-menu{transform:translate(0);pointer-events:auto;box-shadow:0 0 0 100vw color-mix(in srgb,var(--color) 30%,transparent)}.navigation[data-open=true] .navigation-hamburger:before{transform:translate(-50%,-50%) rotate(45deg)}.navigation[data-open=true] .navigation-hamburger:after{transform:translate(-50%,-50%) rotate(-45deg)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-navigation.css.map */