#join-or-signin{border-radius:var(--border-radius-small);background-color:var(--litemode-bg-accent);margin-left:auto;display:inline-flex}.button-link{justify-content:center;align-items:center;display:inline-flex}.button-link.join{outline:2px solid var(--litemode-bg-accent)}.button-link.join:not(:only-child){border-radius:var(--border-radius-small) 0 0 var(--border-radius-small)}.button-link.signin{color:var(--litemode-button-secondary-text);background-color:var(--litemode-button-secondary-bg);border-color:var(--litemode-button-secondary-border)}.button-link.signin:not(:only-child){border-radius:0 var(--border-radius-small) var(--border-radius-small) 0}.button-link.signin:hover{color:var(--litemode-button-secondary-text);background-color:var(--litemode-button-secondary-bg-hover)}html[data-theme=dark] #join-or-signin{background-color:var(--darkmode-bg-accent)}html[data-theme=dark] .button-link.join{outline:2px solid var(--darkmode-bg-accent)}html[data-theme=dark] .button-link.signin{color:var(--darkmode-button-secondary-text);background-color:var(--darkmode-button-secondary-bg);border-color:var(--darkmode-button-secondary-border)}html[data-theme=dark] .button-link.signin:hover{color:var(--darkmode-button-secondary-text);background-color:var(--darkmode-button-secondary-bg-hover)}#user-menu{display:flex;position:relative}#user-button{border-color:var(--litemode-border);border-radius:var(--border-radius-large);width:44px;height:44px;padding:0;transition:border-color .25s,box-shadow .25s;overflow:hidden}#user-button:hover,#user-button:focus-visible{border-color:color-mix(in srgb, var(--litemode-accent) 65%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--litemode-accent) 16%, transparent), 0 4px 16px color-mix(in srgb, var(--litemode-accent) 20%, transparent);outline:none}html[data-theme=dark] #user-button{border-color:var(--darkmode-border-soft)}html[data-theme=dark] #user-button:hover,html[data-theme=dark] #user-button:focus-visible{border-color:color-mix(in srgb, var(--darkmode-accent) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--darkmode-accent) 20%, transparent), 0 4px 18px color-mix(in srgb, var(--darkmode-accent) 16%, transparent);outline:none}.gravatar{object-fit:cover;border-radius:calc(var(--border-radius-large) - 1px);width:100%;height:100%;display:block}.hidden{display:none!important}ul.dropdown{z-index:999;background:var(--litemode-bg-accent);border:1px solid var(--litemode-border);border-radius:var(--border-radius-small);width:max-content;min-width:180px;max-width:min(280px,100vw - 32px);margin:0;padding:8px 0;list-style:none;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 4px 8px #00000026}html[data-theme=dark] ul.dropdown{background:var(--darkmode-bg-accent);border:1px solid var(--darkmode-border);box-shadow:0 4px 8px #ffffff26}ul.dropdown li{padding:8px 16px}ul.dropdown li:last-child{padding-bottom:8px}ul.dropdown li.dropdown-identity{border-bottom:1px solid var(--litemode-border);margin-bottom:4px;padding-bottom:12px}html[data-theme=dark] ul.dropdown li.dropdown-identity{border-bottom-color:var(--darkmode-border)}.dropdown-identity-label{color:var(--litemode-caption);margin-bottom:.25rem;font-size:.75rem;display:block}html[data-theme=dark] .dropdown-identity-label{color:var(--darkmode-caption)}.dropdown-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;display:block;overflow:hidden}ul.dropdown li a,ul.dropdown li button{text-align:left;width:100%;font:inherit;color:var(--litemode-text);background:0 0;border:none;padding:0;transition:color .18s;display:block}ul.dropdown li a>span,ul.dropdown li button>span{display:inline-block;position:relative}ul.dropdown li a>span:after,ul.dropdown li button>span:after{background:var(--litemode-link-hover);content:"";transform-origin:50%;border-radius:999px;height:2px;transition:transform .18s;position:absolute;bottom:-.18rem;left:0;right:0;transform:scaleX(0)}ul.dropdown li a:hover,ul.dropdown li a:focus-visible,ul.dropdown li button:hover,ul.dropdown li button:focus-visible{color:var(--litemode-link-hover)}ul.dropdown li a:hover>span:after,ul.dropdown li a:focus-visible>span:after,ul.dropdown li button:hover>span:after,ul.dropdown li button:focus-visible>span:after{transform:scaleX(1)}html[data-theme=dark] ul.dropdown li a,html[data-theme=dark] ul.dropdown li button{color:var(--darkmode-text);background:0 0}html[data-theme=dark] ul.dropdown li a:hover,html[data-theme=dark] ul.dropdown li a:focus-visible,html[data-theme=dark] ul.dropdown li button:hover,html[data-theme=dark] ul.dropdown li button:focus-visible{color:var(--darkmode-link-hover)}html[data-theme=dark] ul.dropdown li a>span:after,html[data-theme=dark] ul.dropdown li button>span:after{background:var(--darkmode-link-hover)}@media (prefers-reduced-motion:reduce){ul.dropdown li a,ul.dropdown li button,ul.dropdown li a>span:after,ul.dropdown li button>span:after{transition:none}}@media (width<=640px){#join-or-signin{background:0 0!important}#join-or-signin .button-link{border-radius:999px!important;height:32px!important;padding:0 10px!important}.button-link.signin:not(:only-child){display:none}#user-button{width:36px;height:36px}}