.site-header{position:absolute;top:var(--header-offset);height:var(--header-height);left:0;width:100%;pointer-events:none;transition:all var(--header-transition);&.dark{a{color:var(--color-primary-foreground)}}}.site-header-container{top:0;position:relative;height:100%;width:100%}.site-header-background{height:100%;width:100%;position:absolute;left:0;opacity:0}.is-fixed{position:fixed;.site-header-background,.site-header-container{top:calc((var(--header-offset) + var(--header-height)) * -1);transform:translateY(0)}&.is-visible{.site-header-background{opacity:1}.site-header-background,.site-header-container{transform:translateY(calc(var(--header-offset) + var(--header-height)))}}}.has-transition{.site-header-background,.site-header-container{transition:transform var(--header-transition),opacity var(--header-transition)}}.disable-position-transition{.site-header-background,.site-header-container{transition:opacity var(--header-transition)}}.header-collapsed{--header-height:var(--header-height-collapsed);.site-header-background{opacity:1}}.hide-site-header{.site-header-background{opacity:0}.site-header-background,.site-header-container{transform:translateY(calc((var(--header-offset) + var(--header-height)) * -1))}}:root{--header-height-transparent:5.5rem;--header-height-collapsed:4rem;--header-height:var(--header-height-transparent);--header-offset:0px;--sticky-header-offset:calc(var(--header-height) + 24px);--header-transition-duration:500ms;--header-transition-ease:ease-out;--header-transition:var(--header-transition-duration) var(--header-transition-ease)}.header-synced-transition{transition:top var(--header-transition-duration) var(--header-transition-ease)}@media (width >= 1024px){:root{--header-height-transparent:7rem;--header-height-collapsed:5rem}}