.header{z-index:100;background:color-mix(in srgb,var(--cl-main-1000)60%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;position:fixed;top:0}.header-container{height:var(--header-height);transition:height .2s;overflow:hidden}@media (min-width:600px){.header-container{justify-content:space-between;align-items:center;display:flex}}@media not (min-width:600px){.header-container:has(.header-menu-toggle-input:checked){height:calc(var(--header-height) + 36px)}}.header-container-main{height:var(--header-height);flex:1;justify-content:space-between;align-items:center;display:flex}.header-nav{justify-content:flex-end;gap:24px;transition:visibility .3s,opacity .3s;display:flex}@media not (min-width:600px){.header-nav{visibility:hidden;opacity:0}}.header-container:has(.header-menu-toggle-input:checked) .header-nav{visibility:visible;opacity:1;transition:visibility .3s,opacity .3s}.header-menu-toggle{cursor:pointer;display:block}@media (min-width:600px){.header-menu-toggle{display:none}}