.sidebar[data-v-8f9fc727]{background-color:#f2f2f2;padding:20px;width:600px}.sidebar ul[data-v-8f9fc727]{list-style:none;position:fixed;width:500px}.sidebar li[data-v-8f9fc727]{font-size:17px;font-weight:700;margin-left:40%;margin-top:25px}a[data-v-8f9fc727]{color:#1c1c1c;text-decoration:none}a[data-v-8f9fc727]:hover{color:green}.close-btn[data-v-8f9fc727]{cursor:pointer;display:none;font-size:28px;margin-bottom:20px;text-align:right}.mobile-open .close-btn[data-v-8f9fc727]{display:block}@media screen and (max-width:768px){.sidebar[data-v-8f9fc727]{box-shadow:0 12px 40px #0003;display:none;height:100vh;position:fixed;right:0;top:0;transition:.3s;width:600px;z-index:1000}.sidebar li[data-v-8f9fc727]{font-size:15px;padding:0}.sidebar li[data-v-8f9fc727]:hover{color:green}.sidebar ul[data-v-8f9fc727]{display:block;padding-left:15px}.sidebar.mobile-open[data-v-8f9fc727]{left:0}a[data-v-8f9fc727]{font-size:10px}}.page[data-v-1b2072cb]{height:calc(100% - var(--topbar-h) - var(--footer-h));margin-top:calc(var(--topbar-h) + env(safe-area-inset-top,0px))}.search-container[data-v-1b2072cb]{flex:1;max-width:400px;position:relative}.search-input[data-v-1b2072cb]{border:1px solid #b2b2b2;border-radius:6px;padding:10px 40px 10px 15px;width:100%}.search-icon[data-v-1b2072cb]{height:18px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}