@layer theme,base;@layer components{@keyframes site-header-over-hero{0%{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-color:#0000}}@keyframes site-header-title-over-hero{0%{opacity:0}}@keyframes site-header-button-over-hero{0%{background-color:color-mix(in oklch, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@supports (animation-timeline:view()){@scope([data-slot=site-header]){:scope,[data-slot=site-header-title],[data-slot=site-header-logo],button{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:var(--site-header-timeline,none);animation-range:exit calc(100% - 4rem)}:scope{animation-name:site-header-over-hero}[data-slot=site-header-title],[data-slot=site-header-logo]{animation-name:site-header-title-over-hero}button{animation-name:site-header-button-over-hero}}}}@layer utilities;