.menu{display:flex;top:0;z-index:10000;background:#fafafa;flex-direction:row;box-shadow:0 4px 10px var(--shadow);font-weight:400;align-items:center;padding:0 1em;height:3.5rem}.dropdown-content,.menu{width:100%;position:fixed}.dropdown-content{background-color:#f1f1f199;backdrop-filter:blur(10px);z-index:1;left:0;top:3.5rem;height:calc(100vh - 3.5rem)}.dropdown-content a{text-decoration:none;padding:0!important;height:fit-content!important;font-size:1.25rem;color:#292929}#search-box{width:20rem;padding:.5em 0;position:fixed;background:var(--white);box-shadow:0 0 1px 1px #21212122}#search-box:hover,#search-input:focus~.search-box{display:flex!important}#search-box a{padding:.4em 1em;height:fit-content}.burger-menu{cursor:pointer}.menu .cross-button{display:none;width:3.5rem!important;min-width:3.5rem!important;align-items:center;justify-content:center;cursor:pointer}.search-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f1f1f199;backdrop-filter:blur(10px);z-index:2000;display:none}.menu-custom-line{width:100%;border-top:1px solid #cbd0e9}@media (max-width:1024px){.menu{padding:0}.menu .input-wrapper{width:3rem!important;margin-right:0}.menu input::placeholder{color:transparent}.menu input:focus{width:100%}.menu input:not(:focus){color:white}.menu:has(input:focus) a{display:none}.menu:has(input:focus) .input-wrapper{width:100%!important}.menu:has(input:focus) .burger-menu{display:none}.menu:has(input:focus) .cross-button{display:flex}.menu .logo,.menu .logo a,.search-box a{display:block!important}.menu:has(input:focus){justify-content:space-between}#search-box{width:calc(100% - 2rem);right:1rem;left:1rem}}@media (max-width:768px){.menu input{height:3rem;width:3rem}.menu a{display:none}.dropdown-content a,.menu .logo,.menu .logo a,.search-box a{display:block}.menu .input-wrapper{width:3rem!important;margin-right:0}.menu:has(input:focus) .logo{display:none!important}.header:has(input:focus) .search-background{display:block!important}.menu:has(input:focus){justify-content:space-between}.menu input::placeholder{color:transparent}.menu input:not(:focus){color:white}.search-box{padding:1.5em 2em;background-color:var(--white);width:100%;box-shadow:0 0 1px 1px #21212122}}