*{--color-bg-main:#fff;--color-bg-overlay:#ddd;--color-bg-overlay-2:#bbb;--color-bg-border:#ddd;--color-fg-main:#000;--color-fg-second:#555;--color-scrim:#00000077;--mobileHeader-height:60px;--desktopHeader-height:60px;--text-title:"Gloock",serif;--text-subtitle:"Plus Jakarta Sans",sans-serif;--text-body:"Inter",sans-serif}.icon{display:inline-block;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;vertical-align:bottom;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}.scrim.top-level{background-color:var(--color-scrim);height:100vh;left:0;position:fixed;top:0;transition:all .2s ease;width:100vw;z-index:10}.desktop_headerBar{background-color:var(--color-bg-main);border-bottom:1px solid var(--color-bg-border);color:var(--color-fg-main);height:var(--desktopHeader-height);justify-content:start;left:0;margin:0;position:fixed;top:0;width:100%;z-index:9}.desktop_headerBar .title{font-family:var(--text-title);font-size:40px;font-weight:400;justify-content:center;margin:0 0 0 10px;white-space:nowrap;width:-moz-fit-content;width:fit-content}.desktop_headerBar .title,.desktop_headerBar nav{align-items:center;display:inline-flex;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.desktop_headerBar nav{gap:20px;justify-content:flex-end;width:100%}.desktop_headerBar nav a{-webkit-tap-highlight-color:transparent;color:var(--color-fg-main);font-family:var(--text-subtitle);font-size:25px;font-weight:600;text-decoration:none;transition:all .5s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.desktop_headerBar nav a:hover{scale:1.05}.desktop_headerBar nav a.router-link-exact-active{text-decoration:underline}.desktop_headerBar nav a:last-child{margin-right:20px}.mobile_headerBar{background-color:var(--color-bg-main);flex-direction:row;height:var(--mobileHeader-height);justify-content:space-between;left:0;margin:0;position:fixed;top:0;width:100%;z-index:9}.mobile_headerBar .icon{font-size:35px;padding:10px}.mobile_headerBar .title{align-items:center;align-self:right;display:flex;font-family:var(--text-title);font-size:30px;font-weight:400;margin:0 20px 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile_leftSidebar{align-content:start;background-color:var(--color-bg-main);border:0;border-radius:0 24px 24px 0;flex-direction:column;height:100vh;justify-content:start;left:0;position:fixed;top:0;transition:all .5s ease;width:300px;z-index:11}.mobile_leftSidebar .title{align-items:center;display:inline-flex;font-family:var(--text-title);font-size:40px;font-weight:400;height:100%;height:-moz-fit-content;height:fit-content;justify-content:center;margin:10px 0 0 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:-moz-fit-content;width:fit-content}.mobile_leftSidebar .title .icon{background:var(--color-bg-overlay);border-radius:14px;display:block;font-size:30px;padding:5px;position:absolute;right:10px}.mobile_leftSidebar nav{display:flex;flex-direction:column;gap:20px;height:-moz-fit-content;height:fit-content;margin:40px 0 0;width:100%}.mobile_leftSidebar nav a{margin-left:20px;width:100%;-webkit-tap-highlight-color:transparent;color:var(--color-fg-main);font-family:var(--text-subtitle);font-size:30px;font-weight:600;text-align:start;text-decoration:none;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.mobile_leftSidebar nav a .icon{border-radius:10px;display:inline-block;font-size:30px;margin-right:5px;padding:5px;transition:all .3s ease}.mobile_leftSidebar nav a.router-link-exact-active{margin-left:30px;scale:1;text-decoration:none}.mobile_leftSidebar nav a.router-link-exact-active .icon{background-color:var(--color-bg-overlay-2)}.mobile_headerBar,.mobile_leftSidebar{display:none}.desktop_headerBar{display:flex}@media (max-width:500px){.slide-fade-enter-from{opacity:0}.router-view{margin-top:0}.mobile_headerBar,.mobile_leftSidebar{display:flex}.desktop_headerBar{display:none}}.router-view{margin:0;margin-top:var(--desktopHeader-height)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease-out}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0}body{margin:0}.slideout-right-enter-active,.slideout-right-leave-active{transition:all .2s ease}.slideout-right-enter-from,.slideout-right-leave-to{opacity:0;transform:translate(-50%)}.fade-enter-active,.fade-leave-active{transition:all .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}