:root{--header-height: 0px}.header{position:absolute;top:35px;left:0;width:100%}@media (min-width: 768px){.header{top:50px}}@media (min-width: 1280px){.header{top:62px}}.header{--tw-translate-y: -0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;animation-duration:.15s}.header.is-sticky{position:fixed;top:0;left:0;--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;animation-duration:.15s;background-color:transparent}.header.is-sticky.is-visible{z-index:100;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;animation-duration:.15s;--tw-bg-opacity: 1;background-color:hsl(var(--foreground) / var(--tw-bg-opacity, 1));padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.header.is-sticky.is-visible{padding-top:2rem;padding-bottom:2rem}}.header-shifter{position:relative;height:var(--header-height)}.header:not(.is-sticky){background-color:transparent;transition-duration:.3s;animation-duration:.3s}.header{transition:transform .3s ease,background-color .3s ease}