.hamburger-navigation{z-index:1;background-color:var(--secondary-background);flex-direction:column;align-items:center;gap:4rem;width:100svw;height:calc(100vh - 8rem);padding:4rem 0;font-size:2rem;display:flex;position:fixed;left:0}.hamburger-navigation .nav-bar{flex-direction:column;width:100%;height:auto;font-size:2rem;font-weight:600;display:flex;position:absolute;top:10rem}.hamburger-navigation .nav-bar>:last-child{border-bottom:none!important}.hamburger-navigation .nav-bar .nav-bar-tab{border-bottom:1px solid var(--accent-secondary-highlight);align-items:center;width:100%;height:9rem;padding:0 5rem;display:flex}.hamburger-navigation .nav-bar .nav-bar-tab a{justify-content:center;align-items:center;gap:1.5rem;display:flex}.hamburger-navigation .nav-bar .nav-bar-tab :focus,.hamburger-navigation .nav-bar .nav-bar-tab :focus *{color:var(--accent-highlight)}@media screen and (max-width:399.98px){.hamburger-navigation .nav-bar .nav-bar-tab{padding:0 2.5rem}}.hamburger-navigation .nav-bar .nav-bar-tab .icon.regular{font-weight:500}
.search-bar-auto-complete-container{z-index:1;background:var(--background);pointer-events:all;touch-action:auto;border-radius:0 0 1rem 1rem;flex-direction:column;width:100%;max-height:100%;padding:6.5rem 1rem 1rem;display:flex;position:absolute;overflow:auto}.search-bar-auto-complete-container .search-bar-auto-complete-item{background:0 0;border-radius:1rem;flex-direction:column;align-items:flex-start;min-height:max-content;padding:1rem;font-size:1rem;display:flex;position:relative}.search-bar-auto-complete-container .search-bar-auto-complete-item .title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-right:.5rem;font-size:2rem;font-weight:400;overflow:hidden}.search-bar-auto-complete-container .search-bar-auto-complete-item .description{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-right:1rem;font-size:1.5rem;font-weight:100;overflow:hidden}.search-bar-auto-complete-container .search-bar-auto-complete-item:focus-visible{color:var(--text-primary);outline:1px solid var(--outline)}.search-bar-auto-complete-container .search-bar-auto-complete-item:hover{color:var(--text-primary);background-color:var(--secondary-background)}.search-bar-auto-complete-container .search-bar-auto-complete-item:not(:last-child):after{content:"";background-color:var(--outline);opacity:.1;width:95%;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%,3px)}.search-bar-auto-complete-container .no-results{color:var(--text-secondary);margin:1rem;font-size:2.5rem;font-weight:500}
.hamburger-navigation .search-bar-container{border-radius:1rem;width:80%;min-width:35rem;max-width:60rem;height:60vh;font-size:1.9rem;position:relative;overflow:hidden}.hamburger-navigation .search-bar-container .search-container{background-color:var(--accent-secondary);border-radius:1rem;place-items:center;padding:0 1.5rem;transition:all .25s ease-out;display:grid;position:relative}.hamburger-navigation .search-bar-container .search-container input{width:100%;color:var(--text-accent);background:0 0;border:none;outline:none;font-size:1em}.hamburger-navigation .search-bar-container .search-container input::placeholder{color:var(--text-accent);opacity:.5}.hamburger-navigation .search-bar-container .search-container input:focus-within::placeholder{opacity:.8}.hamburger-navigation .search-bar-container .search-container:has(:focus-within){background-color:var(--accent-secondary-highlight)}.hamburger-navigation .search-bar-container .search-container{z-index:2;width:100%;height:5rem;box-shadow:3px 5px 15px var(--shadow);padding-right:0;position:absolute;top:0}.hamburger-navigation .search-bar-container .search-container .search-button{background-color:var(--accent-secondary);aspect-ratio:1;cursor:pointer;height:100%;margin-left:1rem;position:absolute;right:0}.hamburger-navigation .search-bar-container .search-container .search-button:hover{background-color:var(--accent-secondary-highlight)}.hamburger-navigation .search-bar-container .search-container .search-button:focus-visible{background-color:var(--accent-secondary-highlight);border:2px solid var(--outline)}
.hamburger-menu{cursor:pointer;aspect-ratio:1;box-sizing:content-box;justify-content:center;align-items:center;width:4rem;padding:.5rem;display:flex;background:0 0!important}.hamburger-menu svg{height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hamburger-menu svg .line{fill:none;stroke:var(--text-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.hamburger-menu svg .line-top-bottom{stroke-dasharray:12 63}.hamburger-menu.open svg{transform:rotate(-45deg)}.hamburger-menu.open svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}.hamburger-menu:focus-visible{outline:1px solid var(--outline)}@media screen and (min-width:1074.98px){.hamburger-menu{display:none}.settings-button-hamburger{background-color:red;display:none}}.language-button{width:max-content;min-width:8rem;color:var(--text-primary);background-color:#0000;font-size:1.6rem}.settings-button-hamburger{cursor:pointer;border:none;margin-right:5rem;font-size:24px;background:0 0!important}.settings-button-hamburger .gear{color:var(--text-primary);transition:all .25s ease-out}.settings-button-hamburger .active,.settings-button-hamburger:hover .gear,.settings-button-hamburger:focus-within .gear{color:var(--accent-secondary);transform:rotate(90deg)}.closed{opacity:0;pointer-events:none;touch-action:none}.settings-popup{background:var(--background);border:var(--secondary-background)2px solid;width:25rem;height:20rem;box-shadow:0 2px 15px var(--shadow);border-radius:1rem;flex-direction:column;transition:all .2s ease-out;display:flex;position:absolute;top:3rem;right:3rem;overflow:hidden;z-index:9999!important}.settings-popup .language-options{flex-direction:column;width:100%;height:15rem;display:flex}.settings-popup .theme-button{background-color:var(--secondary-background);width:100%;height:5rem;color:var(--text-primary);justify-content:center;gap:1rem;display:flex;position:relative}.settings-popup .theme-button .icon{color:var(--text-primary)}.settings-popup .theme-icons-container{flex-direction:column;justify-content:space-between;width:6rem;height:6rem;transition:all .5s;display:flex;position:absolute;bottom:-2.5rem}.settings-popup .dark-theme-active{transform:rotate(180deg)}.settings-popup .language-button,.settings-popup .theme-button{cursor:pointer;background:0 0;border-radius:0;width:100%;height:5rem;padding:10px}.settings-popup .language-button:hover,.settings-popup .language-button:focus-visible,.settings-popup .theme-button:hover,.settings-popup .theme-button:focus-visible{background-color:var(--shadow)}.settings-popup .active-language,.settings-popup .active-language:hover,.settings-popup .active-language:focus-visible{background-color:var(--accent-secondary)}.hamburger-menu-language{cursor:pointer;opacity:0;margin-right:5rem;transition:none;display:none;position:relative;background:0 0!important}.hamburger-menu-language:after{content:"";background-color:var(--text-primary);transform-origin:0;width:100%;height:1px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.hamburger-menu-language:hover:after,.hamburger-menu-language:focus-visible:after{transform:scaleX(1)}
#app-header .app-header-navigation .search-bar-container{pointer-events:none;touch-action:none;border-radius:1rem;flex-direction:column;align-self:start;min-width:5rem;height:50vh;display:flex;position:relative;top:0;overflow:hidden}#app-header .app-header-navigation .search-bar-container .search-container{z-index:2;border-radius:1rem;justify-content:space-between;display:flex;position:relative;overflow:clip}#app-header .app-header-navigation .search-bar-container .search-container .search-button{pointer-events:all;touch-action:auto;aspect-ratio:1;background-color:var(--accent-secondary);width:max-content;min-width:5rem;transition:all .25s;position:relative}#app-header .app-header-navigation .search-bar-container .search-container .search-button:hover,#app-header .app-header-navigation .search-bar-container .search-container .search-button:focus-visible{background-color:var(--accent-secondary-highlight)}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container{background-color:var(--accent-secondary);border-radius:1rem;place-items:center;padding:0 1.5rem;transition:all .25s ease-out;display:grid;position:relative}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container input{width:100%;color:var(--text-accent);background:0 0;border:none;outline:none;font-size:1em}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container input::placeholder{color:var(--text-accent);opacity:.5}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container input:focus-within::placeholder{opacity:.8}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container:has(:focus-within){background-color:var(--accent-secondary-highlight)}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container{pointer-events:all;touch-action:auto;background:var(--accent-secondary);border-start-end-radius:0;border-end-end-radius:0;width:30rem;height:5rem;font-size:1.9rem;transition:all .25s}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container .search-bar{width:100%}@media screen and (max-width:1440px){#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container{width:25rem}}@media screen and (max-width:1120px){#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container{width:20rem}}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container .filler{background-color:var(--accent-secondary);width:1rem;height:100%;transition:all .1s ease-in;position:absolute;top:0;right:-1rem}#app-header .app-header-navigation .search-bar-container .search-container .search-bar-input-container:has(:focus-within) .filler{background-color:var(--accent-secondary-highlight)}#app-header .app-header-navigation .search-bar-container.search-bar-not-active .search-bar-input-container{width:0;padding:0;transform:translate(2rem)}#app-header .app-header-navigation .search-bar-container.search-bar-not-active .search-bar-input-container .search-bar{width:0;height:0}#app-header .app-header-navigation .search-bar-container.search-bar-not-active .search-bar-input-container .filler{opacity:0}
#app-header{z-index:10;background-color:var(--secondary-background);width:100%;min-height:10rem;max-height:10rem;box-shadow:0 2px 15px var(--shadow);color:#fff;text-align:center;justify-content:space-between;align-items:center;padding:1rem 0 1rem 5rem;font-size:2rem;display:flex;position:fixed;top:0}#app-header .background{z-index:1;background-color:var(--secondary-background);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 2px 15px #000}#app-header>:not(.background):not(.hamburger-navigation){z-index:2}#app-header .logo{border-radius:1rem;justify-content:center;align-items:center;gap:1rem;width:auto;height:8rem;max-height:8rem;font-size:1.2rem;font-weight:700;display:flex}#app-header .logo img{aspect-ratio:1;object-fit:contain;width:auto;max-width:100%;height:100%;max-height:100%}#app-header .logo:focus-visible{outline:1px solid var(--outline)}#app-header .app-header-navigation{border-radius:1rem;height:5rem;display:flex;position:relative}#app-header .app-header-navigation .nav-bar{z-index:1;justify-content:space-evenly;align-items:center;gap:1rem;width:100%;height:100%;transition:all .25s ease-out;display:flex;position:relative;right:1rem}#app-header .app-header-navigation .nav-bar a{white-space:nowrap;border-radius:1rem;width:auto;min-width:10rem;padding:1rem}#app-header .app-header-navigation .nav-bar a:hover,#app-header .app-header-navigation .nav-bar a:focus-visible{color:var(--text-accent);background-color:var(--accent-secondary-highlight)}#app-header .language-button{width:max-content;min-width:8rem;color:var(--text-primary);background-color:#0000;font-size:1.6rem}#app-header .settings-button{cursor:pointer;background:0 0;border:none;font-size:24px}#app-header .settings-button .gear{color:var(--text-primary);transition:all .25s ease-out}#app-header .settings-button .active,#app-header .settings-button:hover .gear,#app-header .settings-button:focus-within .gear{color:var(--accent-secondary);transform:rotate(90deg)}#app-header .closed{opacity:0;pointer-events:none;touch-action:none}#app-header .settings-popup{background:var(--background);border:var(--secondary-background)2px solid;width:25rem;height:20rem;box-shadow:0 2px 15px var(--shadow);border-radius:1rem;flex-direction:column;transition:all .2s ease-out;display:flex;position:absolute;top:3rem;right:3rem;overflow:hidden;z-index:9999!important}#app-header .settings-popup .language-options{flex-direction:column;width:100%;height:15rem;display:flex}#app-header .settings-popup .theme-button{background-color:var(--secondary-background);width:100%;height:5rem;color:var(--text-primary);justify-content:center;gap:1rem;display:flex;position:relative}#app-header .settings-popup .theme-button .icon{color:var(--text-primary)}#app-header .settings-popup .language-button,#app-header .settings-popup .theme-button{cursor:pointer;background:0 0;border-radius:0;width:100%;height:5rem;padding:10px}#app-header .settings-popup .language-button:hover,#app-header .settings-popup .language-button:focus-visible,#app-header .settings-popup .theme-button:hover,#app-header .settings-popup .theme-button:focus-visible{background-color:var(--shadow)}#app-header .settings-popup .active-language,#app-header .settings-popup .active-language:hover,#app-header .settings-popup .active-language:focus-visible{background-color:var(--accent-secondary)}@media screen and (max-width:1300px){#app-header{font-size:1.8rem}#app-header a{padding:1rem 0!important}}@media screen and (max-width:1075px){#app-header{grid-template-columns:max-content 1fr max-content}#app-header .logo{height:calc(100% - 2rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app-header .nav-bar.header-nav-bar,#app-header .search-bar-container.header-search-bar{display:none}#app-header .settings-button{opacity:0;pointer-events:none;touch-action:none}#app-header{padding:1rem 5rem}#app-header:has(:first-child.hamburger-menu.open) .settings-button{opacity:1;pointer-events:all;touch-action:all}}
