.one-topbar-oli{all:unset;box-sizing:border-box;border-radius:var(--ck-r-md,10px);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.one-topbar-oli:hover{background:rgb(var(--ck-c-text-0)/.05)}.one-topbar-oli:focus-visible{outline:2px solid rgb(var(--ck-c-accent)/.6);outline-offset:1px}.one-topbar-oli .oli-topbar-face{transition:opacity .14s}.one-topbar-oli .oli-topbar-face--away{visibility:hidden;opacity:0}.one-topbar-oli .oli-topbar-socket{border:1.5px solid var(--ck-border-2);opacity:0;pointer-events:none;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;transition:opacity .16s,transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:scale(.6)}.one-topbar-oli[data-away] .oli-topbar-socket{opacity:1;transform:none}.one-topbar-oli .oli-topbar-dot{background:rgb(var(--ck-c-warn)/1);width:9px;height:9px;box-shadow:0 0 0 2px var(--ck-bg-1);pointer-events:none;border-radius:50%;position:absolute;top:5px;right:5px}@media (prefers-reduced-motion:reduce){.one-topbar-oli .oli-topbar-socket{transition:opacity .16s;transform:none}}.oli-page-notes{max-width:64ch;padding:var(--ck-s-4)var(--ck-s-5);color:var(--ck-text-1);flex-direction:column;gap:8px;font-size:14px;line-height:20px;display:flex}.oli-page-notes p{margin:0}@media (max-width:560px){.oli-page-notes{padding:var(--ck-s-3)var(--ck-s-4)}}.oli-page-notes a{color:rgb(var(--ck-c-accent-text));text-underline-offset:2px;text-decoration:underline}