.header{z-index:100;width:100%;padding:4px;position:fixed;top:0}@media (min-width:600px){.header{pointer-events:none}}.header-container{height:var(--header-height);padding:0;transition:height .2s;overflow:hidden}@media not (min-width:600px){.header-container{height:calc(var(--header-height) - 12px);background:color-mix(in srgb,var(--cl-main-900)40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cl-main-800)60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:18px}}@media (min-width:600px){.header-container{justify-content:space-between;align-items:center;padding:0;display:flex}}@media not (min-width:600px){.header-container:has(.header-menu-toggle-input:checked){height:calc(var(--header-height) + 36px)}}.header-container-main{justify-content:space-between;padding:6px 12px 6px 4px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}@media (min-width:600px){.header-container-main{padding:6px 8px}}.header-nav{justify-content:space-between;gap:12px;padding:16px 6px 6px;transition:visibility .3s,opacity .3s,background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex}@media not (min-width:600px){.header-nav{visibility:hidden;opacity:0}}@media (min-width:600px){.header-nav{padding:6px}}.header-container-main,.header-nav{pointer-events:auto;align-items:center;display:flex}@media (min-width:600px){.header-container-main,.header-nav{height:calc(var(--header-height) - 12px);background:color-mix(in srgb,var(--cl-main-900)80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cl-main-800)60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:60px}.header-container-main:hover,.header-nav:hover{background:color-mix(in srgb,var(--cl-main-900)30%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.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}}.header-logo-link{align-items:center;display:flex}.header-nav-link{border:1px solid #0000;border-radius:60px;padding:4px 10px;display:block}.header-nav-link:hover{color:var(--cl-main-50);background:color-mix(in srgb,var(--cl-accent-300)20%,transparent);border-color:color-mix(in srgb,var(--cl-main-800)10%,transparent)}.header-menu-toggle-icon-svg,.header-menu-toggle-icon-svg .header-menu-toggle-icon-open{display:block}.header-menu-toggle-icon-svg .header-menu-toggle-icon-close,.header-menu-toggle-input:checked+.header-menu-toggle-icon-svg .header-menu-toggle-icon-open{display:none}.header-menu-toggle-input:checked+.header-menu-toggle-icon-svg .header-menu-toggle-icon-close{display:block}