.topbar[data-v-38d490a2]{background-color:#272a29;color:#fff}.topnav[data-v-38d490a2]{padding:10px}.topnav img.logo[data-v-38d490a2]{height:40px;width:40px}.sider[data-v-38d490a2]{background-color:#f5f5f5}@media (max-width:767px){.mobile-bottom-nav[data-v-38d490a2]{border-top:1px solid #eee;box-shadow:0 -1px 4px #0000001a}.mobile-bottom-nav[data-v-38d490a2],.navbar[data-v-38d490a2]{background-color:#fff;bottom:0;left:0;position:fixed;width:100%}.navbar[data-v-38d490a2]{box-shadow:0 -1px 1rem #0000001a;padding:5px 0 calc(15px + env(safe-area-inset-bottom));z-index:997}.navbar__btn[data-v-38d490a2]{background:none;border:0;color:#12121260;display:block;padding:0;position:relative;text-align:center;transition:color .2s ease-in-out;width:48px}.navbar__btn--active[data-v-38d490a2]{color:#111}.navbar__btn>i[data-v-38d490a2],.navbar__btn>span[data-v-38d490a2]{display:block;font-size:12px;margin:auto}.notice-badge[data-v-38d490a2]:after{background-color:transparent;border-radius:100%;content:"";display:block;font-size:0;height:10px;position:absolute;right:0;top:0;width:10px}.notice-badge--active[data-v-38d490a2]:after{background-color:var(--primary-color)}}.topbar[data-v-ff717923]{background-color:#272a29;color:#fff}.topnav[data-v-ff717923]{padding:10px}.topnav img.logo[data-v-ff717923]{height:40px;width:40px}.sider[data-v-ff717923]{background-color:#f5f5f5}@media (max-width:767px){.topbar[data-v-ff717923]{position:fixed;z-index:999}}