.header-layout{z-index:100;width:100%;padding:1rem 1.375rem;display:flex;position:fixed;top:0;left:0}.header-layout .header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00243acc;border-radius:3rem;flex-direction:column;justify-content:space-between;justify-self:center;align-items:center;width:100%;height:3rem;padding:16px;display:flex;position:relative;box-shadow:6px 5px 12px 1px #0000004d}.header-layout .header:before{content:"";z-index:0;box-sizing:border-box;border-radius:3rem;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 3px 4px 2px -3px #ffffffb3}.header-layout .header:after{content:"";z-index:0;box-sizing:border-box;border-radius:3rem;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset -3px -4px 3px -3px #000000b3}.header-layout .header{background-color:#00243acc;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem}.header-layout .header-logo{margin-left:.9375rem}.header-layout .logo-wrap,.header-layout .nav-wrap{z-index:2;position:relative}.header-layout .nav-wrap{justify-content:space-between;align-items:center;display:flex}.header-layout .header-menu-button,.header-layout .header-text-button,.header-layout .header-theme-switcher{margin-left:.5rem}