.top-nav.svelte-10nuhsp{position:fixed;top:1.5rem;left:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:100;align-items:center;opacity:0;transition:opacity .5s ease-in-out}.top-nav.visible.svelte-10nuhsp{opacity:1}.top-nav.svelte-10nuhsp a:where(.svelte-10nuhsp):first-child{padding:.2em 1em;color:#000;border-radius:4px;border:none;background:none;font-size:1em}.top-nav.svelte-10nuhsp a:where(.svelte-10nuhsp){text-decoration:none;font-size:.9rem;width:100%;text-align:center;border-radius:4px;padding:.2em 0;transition:all .2s ease-in-out;box-sizing:border-box}@media (max-width: 800px){.top-nav.svelte-10nuhsp{display:flex;flex-direction:row;width:100vw;top:0;left:0;height:max-content;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;box-shadow:0 5px 15px #0003;height:5vh;align-items:stretch;transition:background .5s ease-in-out,box-shadow .5s ease-in-out,opacity .5s ease-in-out}.top-nav.svelte-10nuhsp :where(.svelte-10nuhsp){align-items:stretch}.top-nav.svelte-10nuhsp a:where(.svelte-10nuhsp):first-child{cursor:pointer;box-sizing:border-box;flex-grow:1.5;padding:1vh;color:#fff}.top-nav.svelte-10nuhsp a:where(.svelte-10nuhsp){width:min-content;flex-grow:1;padding:1vh;color:#fff;margin:auto}.top-nav.svelte-10nuhsp a:where(.svelte-10nuhsp):hover{background:#fff3}}