.navigation-bar{display:flex;align-items:center;gap:12px;padding:16px 32px}.header{position:sticky;top:0;z-index:20;display:flex;height:72px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding-top:16px;padding-bottom:16px;--tw-backdrop-blur:blur(24px);-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)}@media (min-width:600px){.header{height:68px}}@media (min-width:1024px){.header{height:80px;padding-top:20px;padding-bottom:20px}}.header-wrapper{width:100%;margin-right:auto;margin-left:auto}@media (min-width:320px){.header-wrapper{max-width:320px;padding-right:12px;padding-left:12px}}@media (min-width:360px){.header-wrapper{max-width:360px;padding-right:16px;padding-left:16px}}@media (min-width:480px){.header-wrapper{max-width:480px;padding-right:24px;padding-left:24px}}@media (min-width:600px){.header-wrapper{max-width:600px;padding-right:38px;padding-left:38px}}@media (min-width:768px){.header-wrapper{max-width:768px;padding-right:38px;padding-left:38px}}@media (min-width:960px){.header-wrapper{max-width:960px;padding-right:38px;padding-left:38px}}@media (min-width:1024px){.header-wrapper{max-width:1024px;padding-right:38px;padding-left:38px}}@media (min-width:1280px){.header-wrapper{max-width:1280px;padding-right:40px;padding-left:40px}}@media (min-width:1440px){.header-wrapper{max-width:1440px;padding-right:38px;padding-left:38px}}@media (min-width:1920px){.header-wrapper{max-width:1920px;padding-right:134px;padding-left:134px}}.header-wrapper{display:flex;align-items:center;justify-content:space-between}.header-left-side{display:flex;align-items:center;gap:12px}@media (min-width:600px){.header-left-side{gap:24px}}.header-right-side{display:flex;align-items:center;gap:16px}@media (min-width:1024px){.header-right-side{gap:12px}}.header-scrolled{background-color:#ffffffbf}