.header{z-index:30;border-bottom-width:1px;width:100%;position:fixed}@media (min-width:640px){.header{padding-left:2.5rem;padding-right:2.5rem}}.header:before{content:"";z-index:-10;background-color:hsl(var(--secondary));opacity:.95;--tw-backdrop-blur:blur(12px);-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);position:absolute;inset:0}.loader{box-sizing:border-box;border:3px solid #000;border-bottom-color:#0000;border-radius:50%;width:28px;height:28px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}