#navigation{position:fixed;height:100%;bottom:100%;left:0;right:0;background:linear-gradient(90deg,var(--Background-Blue-Left-Side) 0%,var(--Background-Blue-Right-Side) 100%);overflow:hidden;display:flex;justify-content:center;align-items:flex-start;opacity:0;animation-fill-mode:forwards;z-index:5}@media screen and (width > 1024px){#navigation{position:static;display:flex;align-items:center;background:transparent;opacity:1;width:auto;height:auto;flex:1}}@media screen and (hover: hover) and (pointer: fine){#navigation:hover{overflow:visible}}#navigation.animate__fadeIn{bottom:0;animation-name:fadeIn;animation-duration:.5s}#navigation.animate__fadeOut{bottom:0;animation-name:fadeOut;animation-duration:.5s}#navigation.animate__fadeOut.closed{bottom:100%}#menu{list-style-type:none;padding-left:0;display:flex;gap:3rem;flex-direction:column;align-items:center;height:100%;justify-content:center;animation-fill-mode:forwards;color:var(--Content-Primary-Inverse);font-weight:700;font-family:var(--Font-Main);letter-spacing:.125rem;font-size:1.35rem;position:absolute;bottom:100%;transition-property:bottom,opacity;transition-duration:.5s}body.menu-open #menu{bottom:0%}@media screen and not (width > 768px){#menu{font-size:1.05rem;gap:1.5rem}}@media screen and (width > 1024px){#menu{gap:0;flex:1;justify-content:space-around;position:static;flex-direction:row;margin:0;height:auto;font-size:inherit}}.menu__item{position:relative}.menu__item>ul{display:flex;flex-flow:column;padding-left:0;text-align:center;transition:height .5s;color:var(--Content-Primary)}@media screen and not (width > 1024px){.menu__item>ul{color:var(--Content-Primary-Inverted);height:0;overflow:hidden}}.menu__item>ul li{list-style-type:none;padding:.5rem}@media screen and not (width > 1024px){.menu__item>ul li{margin-top:1.5rem;animation:.125s both linear fadeIn reverse}}@media screen and not (width > 768px){.menu__item>ul li{margin-top:1rem;padding:.25rem}}.menu__item>a,.menu__item>div{padding:.5rem 0}.menu__item>a .icon,.menu__item>div .icon{display:block;position:absolute;top:.9rem;margin:auto 0;width:1rem;height:1rem;left:66%}.menu__item>a .icon:before,.menu__item>div .icon:before{content:"";position:absolute;inset:0;background:var(--Content-Tertiary);transform:translateY(-.35rem);clip-path:polygon(0 0,50% calc(100% - .3rem),100% 0,100% .3rem,50% 100%,0 .3rem,0 0);--origin: -.35rem;--end: .0625rem;animation:.75s verticalGoAndBack ease-in infinite}.menu__item>div.open+ul{height:8.5rem}@media screen and not (width > 768px){.menu__item>div.open+ul{height:5.5rem}}.menu__item>div.open+ul li{animation:.5s both linear blurring reverse}.menu__item>div.open .icon{transform:rotate(180deg) translateY(.35rem);transform-origin:center;--end: -.125rem;animation:.75s verticalGoAndBack ease-in infinite}.menu__item>div.open .icon:before{clip-path:polygon(0 100%,50% .3rem,100% 100%,100% calc(100% - .3rem),50% 0%,0 calc(100% - .3rem),0 100%)}.menu__item>div .opener{position:absolute;top:0;height:2.75rem;right:0;left:0;background-color:transparent;border:none}@media screen and (width > 1024px){.menu__item>div .opener{opacity:0;pointer-events:none;z-index:-5;visibility:hidden}}@media screen and (width > 1024px){.menu__item{cursor:pointer;padding-block:.75rem;color:var(--Content-Primary-Inverse)}.menu__item>a,.menu__item>div{position:relative}.menu__item>a .icon,.menu__item>div .icon{display:none}.menu__item>a:before,.menu__item>a:after,.menu__item>div:before,.menu__item>div:after{position:absolute;content:"";bottom:.25rem;background-color:var(--Border-Primary);height:.0625rem}.menu__item>a:before,.menu__item>div:before{right:50%;left:50%;transition:left .125s}.menu__item>a:after,.menu__item>div:after{right:50%;left:50%;transition:right .125s}.menu__item>a{-webkit-user-select:none;user-select:none;display:inline-block;border-radius:.5rem;background-color:var(--Background-Transparent)}.menu__item>ul{display:none;position:absolute;top:100%;left:0;text-align:left}.menu__item>ul li{position:relative}.menu__item>ul li a{position:relative;padding:.25rem}.menu__item>ul li a:before{position:absolute;inset:-.5rem;content:"";border-radius:.25rem;z-index:-1;border:1px solid var(--Border-Inverse);background:linear-gradient(90deg,#a0a0a0,#f3f3f3,#a0a0a0)}}@media screen and (hover: hover) and (pointer: fine){.menu__item:hover>ul{display:flex;gap:.65rem}.menu__item:hover>ul li:nth-child(1){animation:.25s both fadeIn,.25s both toLeft}.menu__item:hover>ul li:nth-child(2){z-index:1;animation:.25s both .125s fadeIn,.25s both .125s toLeft}.menu__item:hover>a:before,.menu__item:hover>div:before{left:.5rem}.menu__item:hover>a:after,.menu__item:hover>div:after{right:.5rem}}.menu__item a,.menu__item a:hover,.menu__item a:visited,.menu__item a:focus,.menu__item>div{text-decoration:none;color:inherit;white-space:nowrap;text-transform:uppercase;text-align:center}@media screen and not (width > 1024px){.menu__item a,.menu__item a:hover,.menu__item a:visited,.menu__item a:focus,.menu__item>div{text-shadow:3px 3px 2px #474747}}