@keyframes _1qvolfu5{0%{opacity:0;height:0;overflow:hidden}to{height:calc(100vh - var(--header-height));opacity:1;overflow:auto}}
@keyframes _1qvolfub{0%{opacity:0;transform:translateY(-30%)}to{opacity:1;transform:translateY(0)}}
._1qvolfu0{width:100vw;height:var(--header-height);border-bottom:1px solid var(--surface-border-color);background:var(--background-color);z-index:2;justify-content:flex-end;align-items:center;padding:0 1rem;transition:transform .3s;display:flex;position:fixed}
._1qvolfu2{width:fit-content;height:calc(100% - 2rem);display:block;position:absolute;top:1rem;left:50%;transform:translate(-50%)}
._1qvolfu2:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}
._1qvolfu3{width:auto;height:100%}
._1qvolfu4{gap:1.5rem;display:inline-flex}
._1qvolfu7{width:calc(var(--header-height) - 2rem);height:calc(var(--header-height) - 2.5rem);cursor:pointer;background:0 0;border:none;display:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}
._1qvolfu7:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}
._1qvolfu8{content:"";background:var(--on-background-color);transform-origin:0;width:100%;height:2px;transition:all .3s;display:block}
._1qvolfu8:before,._1qvolfu8:after{content:"";background:var(--on-background-color);transform-origin:0;width:100%;height:2px;transition:all .3s;display:block}
._1qvolfu8:before{position:absolute;top:0;left:0}
._1qvolfu8:after{position:absolute;bottom:0;left:0}
._1qvolfu9{background:0 0}
._1qvolfu9:before{transform:translateY(0)rotate(45deg)}
._1qvolfu9:after{transform:translateY(0)rotate(-45deg)}
._1qvolfua{border-radius:.5rem}
._1qvolfuc{opacity:0;animation:.3s ease-out forwards _1qvolfub;transform:translateY(-30%)}
._1qvolfud{text-transform:capitalize}
._1qvolfue{letter-spacing:.1em}
@media (orientation:portrait){._1qvolfu1{transform:translateY(-100%)}._1qvolfu3{margin:0}._1qvolfu4{background:var(--background-color);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);left:0;top:var(--header-height);opacity:0;flex-direction:column;gap:2rem;width:100vw;height:0;padding:1rem;transition:height .3s,opacity .3s;display:none;position:absolute;overflow:hidden}._1qvolfu6{animation:.3s forwards _1qvolfu5;display:flex}._1qvolfu7{display:block}._1qvolfu9{background:0 0}._1qvolfu9:before{width:95%;transform:rotate(45deg)}._1qvolfu9:after{width:95%;transform:rotate(-45deg)}._1qvolfua{color:var(--on-background-color)}._1qvolfud{text-transform:uppercase;font-size:1.5rem;font-weight:700}}
@media (orientation:landscape){._1qvolfue{display:none}}