.nav.svelte-ya780u{position:fixed;left:0;top:calc(var(--vh) * 100 - 3rem);width:100%;height:3rem;box-sizing:content-box;display:flex;align-items:center;justify-content:space-between;background:var(--bg-color-alpha-70);border-top:1px solid var(--read-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease;box-shadow:#0000004d 0 -10px 50px}.nav.svelte-ya780u .btn:where(.svelte-ya780u){position:relative;width:3rem;border-right:1px solid var(--read-color);height:100%;display:flex;align-items:center;justify-content:center;flex-grow:0;box-sizing:content-box;color:var(--text-color)}.nav.svelte-ya780u .btn:where(.svelte-ya780u) button:where(.svelte-ya780u){color:var(--text-color);transition:color .3s ease}.nav.svelte-ya780u .btn.open:where(.svelte-ya780u) button:where(.svelte-ya780u){color:var(--point-color)}.nav.svelte-ya780u .btn:where(.svelte-ya780u):last-child{border-right:none}.nav.svelte-ya780u .btn.grow:where(.svelte-ya780u){flex-grow:1}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u){position:absolute;bottom:3.5rem;left:0;background:var(--bg-color);border:1px solid var(--read-color);display:flex;flex-direction:column;width:11.7rem;opacity:0;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease;color:var(--text-color);box-shadow:#00000026 0 3px 7px;pointer-events:none}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox.open:where(.svelte-ya780u){opacity:1;transform:translateY(0);pointer-events:all}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u){padding:0 1rem;display:flex;align-items:center;justify-content:flex-start;font-weight:900;padding:.5rem 1rem;border-top:1px solid var(--read-color)}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u):first-child{margin-top:0;border-top:none}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .text:where(.svelte-ya780u){flex-grow:1;margin-left:.5rem;margin-bottom:-.1rem}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .switchBtn:where(.svelte-ya780u){width:2rem;height:1rem;margin-left:.5rem;background:var(--read-color);border-radius:1.5rem;box-sizing:content-box;padding:2px;overflow:hidden;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .switchBtn:where(.svelte-ya780u) .switch:where(.svelte-ya780u){width:1rem;height:1rem;border-radius:50%;background:var(--bg-color);box-shadow:#0003 0 2px 4px;transition:all .3s ease}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .switchBtn.active:where(.svelte-ya780u){background:var(--point-color)}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .switchBtn.active:where(.svelte-ya780u) .switch:where(.svelte-ya780u){transform:translate(1rem)}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .fontSizeBox:where(.svelte-ya780u){display:flex;flex-direction:row;align-items:center;justify-content:center}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .fontSizeBox:where(.svelte-ya780u) .minusBtn:where(.svelte-ya780u):disabled,.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .fontSizeBox:where(.svelte-ya780u) .plusBtn:where(.svelte-ya780u):disabled{color:var(--read-color);cursor:not-allowed}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u)>.setting:where(.svelte-ya780u) .fontSizeBox:where(.svelte-ya780u) .fontSizeNum:where(.svelte-ya780u){padding:0 .3rem;font-size:.8rem}.nav.svelte-ya780u .btn:where(.svelte-ya780u) .settingBox:where(.svelte-ya780u):after{content:"";position:absolute;bottom:-5px;left:1rem;width:10px;height:10px;background:var(--bg-color);transform:rotate(45deg);border-bottom:1px solid var(--read-color);border-right:1px solid var(--read-color)}.nav.hide.svelte-ya780u{transform:translateY(100%);pointer-events:none;box-shadow:#0000 0 -10px 30px}@media(min-width:768px){.nav.svelte-ya780u{width:var(--pc-width);left:50%;transform:translate(-50%)}.nav.hide.svelte-ya780u{transform:translate(-50%,100%)}}