.topbar-page[data-v-b22072dc]{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;height:45px;justify-content:end;margin-bottom:.5rem;position:sticky;top:0;transition:.2s ease-out;width:100%;z-index:9}.topbar-page .profile-section[data-v-b22072dc],.topbar-page .toggle-theme[data-v-b22072dc]{align-items:center;border-radius:.5rem;box-shadow:0 0 10px #0003;display:flex;height:100%;padding:.25rem .5rem}.topbar-page .profile-section[data-v-b22072dc]{--profile-size:2.25rem;align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:space-around;position:relative}.topbar-page .profile-section .profile-picture[data-v-b22072dc]{border-radius:100%;border-style:solid;border-width:2px;height:var(--profile-size);position:relative;width:var(--profile-size)}.topbar-page .profile-section .profile-picture .profile-status[data-v-b22072dc]{background:#eee;border:1px solid #eee;border-radius:100%;bottom:-4px;height:calc(var(--profile-size)*.3);position:absolute;right:0;width:calc(var(--profile-size)*.3)}.topbar-page .profile-section .profile-picture .profile-status.active[data-v-b22072dc]{background:var(--cc-status-active)}.topbar-page .profile-section .profile-picture .profile-status.sleep[data-v-b22072dc]{background:var(--cc-status-sleep)}.topbar-page .profile-section .profile-picture .profile-status.away[data-v-b22072dc]{background:var(--cc-status-away)}.topbar-page .profile-section .profile-menu[data-v-b22072dc]{border-radius:.3rem;box-shadow:0 5px 15px #0003;opacity:0;padding:.5rem 0;pointer-events:none;position:absolute;right:0;top:0;transition:.3s ease-in-out}.topbar-page .profile-section .profile-menu.active[data-v-b22072dc]{opacity:1;pointer-events:unset;top:calc(var(--profile-size)*1.5)}.topbar-page .profile-section .profile-menu ul li[data-v-b22072dc]{max-width:200px;overflow:hidden;padding:.25rem 2rem;text-overflow:ellipsis;text-wrap:nowrap}.topbar-page .profile-section .role[data-v-b22072dc]{border-radius:3rem;height:10px;width:10px}@media screen and (max-width:470px){.topbar-page .site-logo .monkol-sign[data-v-b22072dc]{display:none}}.toggle-theme[data-v-b22072dc]{cursor:pointer;position:relative;width:-moz-fit-content;width:fit-content}.toggle-theme .toggle-switch[data-v-b22072dc]{box-shadow:inset 0 5px 15px #0003;font-size:20px;height:31px;position:relative;width:64px}.toggle-theme .toggle-switch[data-v-b22072dc],.toggle-theme .toggle-switch .toggle-child[data-v-b22072dc]{align-items:center;border-radius:1rem;display:flex;justify-content:center}.toggle-theme .toggle-switch .toggle-child[data-v-b22072dc]{font-size:16px;height:25px;margin:0 4px;min-height:25px;min-width:25px;transition:.5s ease;width:25px}.toggle-theme .toggle-switch .toggle-child.day[data-v-b22072dc],.toggle-theme .toggle-switch .toggle-child.night[data-v-b22072dc]{transition:.5s ease-out;z-index:1}.toggle-theme .toggle-switch .toggle-bar[data-v-b22072dc]{border-radius:1rem;height:25px;left:3px;position:absolute;transition:left .3s,background-color .3s;width:25px}.dark-mode .toggle-theme .toggle-switch[data-v-b22072dc]{box-shadow:inset 0 5px 15px #00000080}.dark-mode .toggle-theme .toggle-switch .toggle-child.day[data-v-b22072dc],.dark-mode .toggle-theme .toggle-switch .toggle-child.night[data-v-b22072dc]{rotate:1turn}.dark-mode .toggle-theme .toggle-switch .toggle-bar[data-v-b22072dc]{left:36px}