.top-menu__ctn{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;position:fixed;right:.75rem;top:2rem;z-index:10}@media (max-width:1024px){.top-menu__ctn{display:none}}.top-menu__ctn a,.top-menu__ctn button{border-radius:9999px;display:inline-block;font-size:16px;padding:1rem 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.2s}.top-menu__ctn a.router-link-active,.top-menu__ctn a:hover,.top-menu__ctn button.router-link-active,.top-menu__ctn button:hover{background:linear-gradient(145deg,#cf00001a,#f6000099);box-shadow:inset 8px 8px 16px #c70000,inset -8px -8px 16px #ff1212;text-shadow:1px 1px 2px #640000}.sidebar__ctn{max-width:20rem;padding:1rem;width:100%}.sidebar__ctn a,.sidebar__ctn button{border-radius:9999px;display:block;font-size:16px;margin-bottom:.5rem;padding-bottom:.75rem;padding-left:1.5rem;padding-top:.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.15s}.sidebar__ctn a.router-link-exact-active,.sidebar__ctn a:hover,.sidebar__ctn button.router-link-exact-active,.sidebar__ctn button:hover{background:linear-gradient(145deg,#f600001a,#cf0000);box-shadow:inset 8px 8px 16px #9e0000,inset -8px -8px 16px #d10000;text-shadow:1px 1px 2px #640000}.nav__responsive{background-color:#e600004d;display:none;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:50;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-duration:.15s}@media (max-width:1024px){.nav__responsive{display:flex}}.nav__responsive a,.nav__responsive button{display:block;max-width:none;width:100%;--tw-translate-y:4rem;border-bottom-color:#ffffff4d;border-bottom-width:1px;border-top-color:#ffffff4d;border-top-width:1px;padding:.75rem .5rem;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;transition-duration:.3s}.nav__responsive.expanded{opacity:1;visibility:visible}.nav__btn{align-items:flex-start;border-radius:9999px;bottom:4rem;display:none;flex-direction:column;gap:.25rem;height:3.5rem;justify-content:center;position:fixed;right:2rem;width:3.5rem;z-index:950;--tw-bg-opacity:1;background-color:rgb(94 39 80/var(--tw-bg-opacity,1));--tw-shadow:0 0 10px rgba(51,51,51,.15);--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (max-width:1024px){.nav__btn{display:flex}}.nav__btn:before{animation-duration:1.75s;background-color:rgb(94 39 80/var(--tw-bg-opacity,1));content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.nav__btn .nav__bar,.nav__btn:before{border-radius:9999px;--tw-bg-opacity:1}.nav__btn .nav__bar{background-color:rgb(255 255 255/var(--tw-bg-opacity,1));display:block;height:2px;margin-left:14px;position:relative;transition-duration:.2s;width:1.75rem;z-index:20}.nav__btn .nav__bar:nth-child(2){width:1.25rem}.nav__btn .nav__bar:nth-child(3){width:1.5rem}.nav__btn.expanded:before{animation:none}.nav__btn.expanded .nav__bar{height:3px;width:1.5rem}.nav__btn.expanded .nav__bar:first-child{transform:rotate(45deg) translate(6px,3px)}.nav__btn.expanded .nav__bar:nth-child(2){opacity:0;width:0}.nav__btn.expanded .nav__bar:nth-child(3){transform:rotate(-45deg) translate(7px,-4px)}
