:root{--drawer-width:min(400px,100%);--transition-speed:0.4s;--overlay-bg:color-mix(in srgb,transparent,#000 20%)}.header-container{display:flex;justify-content:space-between;align-items:center}._header-1_ctrl input[type=checkbox]{position:fixed;opacity:0;pointer-events:none}._header-1_ctrl label{display:block;inline-size:2.75rem;block-size:2.75rem;border-radius:50%;cursor:pointer;background:linear-gradient(currentcolor 0 0) no-repeat 50% 35% /1.2rem 2px,linear-gradient(currentcolor 0 0) no-repeat 50% 50% /1.2rem 2px,linear-gradient(currentcolor 0 0) no-repeat 50% 65% /1.2rem 2px,color-mix(in srgb,transparent,currentcolor 10%);transition:all .2s;text-indent:-9999px;transform:scale(1)}._header-1_ctrl label:hover{transform:scale(1.15);background:linear-gradient(var(--app-bg) 0 0) no-repeat 50% 35% /1.2rem 2px,linear-gradient(var(--app-bg) 0 0) no-repeat 50% 50% /1.2rem 2px,linear-gradient(var(--app-bg) 0 0) no-repeat 50% 65% /1.2rem 2px,var(--app-bg-inverted)}._header-1_menu{position:fixed;inset-block:0;inset-inline-end:calc(var(--drawer-width) * -1.1);inline-size:var(--drawer-width);background:var(--neutral-bg);box-shadow:-5px 0 15px rgba(0,0,0,.1);z-index:1000;display:flex;flex-flow:column;padding:2rem;overflow-y:auto;overscroll-behavior:contain;transition:inset-inline-end var(--transition-speed) cubic-bezier(.4,0,.2,1)}.header-container:has(#header-1_toggle:checked) ._header-1_menu{inset-inline-end:0}.header-container:has(#header-1_toggle:checked):after{content:"";position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:995;animation:fadeIn .3s ease-in}._header-1_remote-ctrl{position:absolute;right:2px;top:2%;overflow:hidden;cursor:pointer}._header-1_remote-ctrl label{display:flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:50%;cursor:pointer;background:color-mix(in srgb,transparent,currentcolor 10%);position:relative;rotate:45deg}._header-1_remote-ctrl label:after,._header-1_remote-ctrl label:before{content:"";position:absolute;background:currentColor;transition:all .4s ease-in-out}._header-1_remote-ctrl label:before{width:1rem;height:2px}._header-1_remote-ctrl label:after{width:2px;height:1rem}._header-1_remote-ctrl label:hover{background:var(--app-bg)}._header-1_menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}._header-1_menu ul li a{text-decoration:none;color:inherit;font-size:1.25rem;font-weight:600;transition:opacity .2s}._header-1_menu ul li a:hover{opacity:.7}:root:has(#header-1_toggle:checked){overflow:hidden}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(10px)}}._header-1_backdrop-closer{display:none;position:fixed;inset:0;z-index:998;cursor:pointer;background:transparent}.header-container:has(#header-1_toggle:checked) ._header-1_backdrop-closer{display:block}