:root{--active-tab-bar-speed:0;--header-padding-bottom:60px}#header-content{border-bottom:none}#user-settings{display:flex;flex-direction:column;align-items:flex-end;position:absolute;right:0;pointer-events:none;z-index:999}#user-settings-btn{position:relative;cursor:pointer;pointer-events:visible}#manage-account-btn{width:100%;display:flex;align-items:center;justify-content:space-between;outline:0}.ellipses{width:calc(var(--toggle-size) + (var(--border-width-2) * 2));background-color:var(--grey-5);border-radius:50%}.dark-mode .ellipses{background-color:var(--grey-3)}@media (hover:hover){#manage-account-btn:hover .ellipses{background-color:var(--grey-6)}.dark-mode #manage-account-btn:hover .ellipses{background-color:var(--grey-4)}}.ellipses circle{fill:var(--white)}#manage-account-btn:focus-visible .ellipses{outline:var(--border-width-1) solid var(--blue);outline-offset:var(--border-width-3);transition:none!important}#welcome-message{width:90vw;max-width:600px;margin:2em 0;background-color:var(--grey-1);animation:var(--fade-in)}#welcome-message h3{padding:0 1.5em 0 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#welcome-message p{hyphens:auto}#welcome-message b{letter-spacing:normal!important}#welcome-message p a{color:var(--blue-text);font-weight:600;border-bottom:var(--border-width-1) solid var(--blue)}.dark-mode #welcome-message p a{color:var(--blue)!important}#close-welcome-message{--position:24px;position:absolute;top:var(--position);right:var(--position);background-color:var(--white);filter:var(--btn-shadow-blue);z-index:1}.dark-mode #close-welcome-message{background-color:var(--grey-4)}#close-welcome-message:hover{background-color:var(--grey-2)}.dark-mode #close-welcome-message:hover{background-color:var(--grey-4-hover)}#close-welcome-message:focus-visible{outline:var(--border-width-1) solid var(--white);outline-offset:var(--border-width-4)}.dark-mode #close-welcome-message:focus-visible{outline:var(--border-width-2) solid var(--grey-4)}@media screen and (max-width:600px){#welcome-message{margin:5vw 0}}@media screen and (max-width:550px){#welcome-message h3{padding:0}#close-welcome-message{--position:15px}}.sub-header{width:100%;display:flex;justify-content:center;position:sticky;top:var(--header-height);background-color:var(--background);z-index:1}.sub-header-content{width:100vw;max-width:600px;display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--grey-1);border-bottom:var(--border-width-2) solid var(--grey-2)}.sub-header-content a{height:50px;aspect-ratio:var(--flag-aspect-ratio);background-color:var(--grey-3);background-position:center;background-repeat:no-repeat;background-size:cover;border:var(--border-width-1) solid var(--grey-4);border-radius:calc(var(--border-radius)/ 2.25)}.sub-header-content h3{position:absolute;left:50%;transform:translateX(-50%);font-size:var(--font-small);font-weight:600;text-align:center;letter-spacing:.01em}.sub-header-content h3 br{display:none}.edit-btn{width:42px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;cursor:pointer}.edit-btn svg{width:100%}.edit-btn svg rect{fill:var(--grey-4)}.edit-btn:hover svg rect{fill:var(--grey-4-hover)}.edit-btn svg path{fill:var(--foreground)}@media screen and (max-width:600px){.sub-header-content{--padding-left-right:5vw;padding-left:var(--padding-left-right);padding-right:var(--padding-left-right)}}@media screen and (max-width:500px){.sub-header-content a{height:45px;transform:translateX(calc(var(--border-width-1) * -1))}.sub-header-content h3 br{display:inline}}#tab-container{width:100vw;max-width:600px;height:var(--header-padding-bottom);display:flex;position:absolute;bottom:0;border-bottom:var(--border-width-2) solid var(--grey-2);opacity:0}#tab-container:not([inert]){opacity:1}#tab-container::after{content:"";width:50%;height:var(--border-width-3);position:absolute;background-color:var(--blue);bottom:0;left:0;transform-origin:left;border-radius:999px;transition:var(--active-tab-bar-speed)}#tab-container [role=tab]{width:100%;position:relative;font-size:var(--font-tiny);font-weight:700;text-align:center;text-transform:uppercase;outline-offset:0}#tab-container [role=tab]::after{content:"";width:100%;height:var(--border-width-3);position:absolute;bottom:0;left:0;background-color:var(--blue-4);border-radius:999px;transition:opacity var(--micro-transition);opacity:0}.dark-mode #tab-container [role=tab]::after{background-color:var(--grey-3-hover)}@media (hover:hover){#tab-container [role=tab]:hover::after{opacity:1}}#tab-container:has(#user-levels-tab[aria-selected=true])::after{transform-origin:left;transform:translateX(0)}#tab-container:has(#user-activity-tab[aria-selected=true])::after{transform-origin:right;transform:translateX(100%)}#tab-container:has(#user-levels-tab[aria-selected=true]):active::after{transform:translateX(0) scaleX(.75)}#tab-container:has(#user-activity-tab[aria-selected=true]):active::after{transform:translateX(100%) scaleX(.75)}