.top-bar{padding:1rem 1rem 0}.top-bar--uppercase{text-transform:uppercase}.top-bar__content:hover{background:var(--op-petroleum)}.top-bar__content{box-sizing:border-box;background:var(--op-marine);width:100%;max-width:1396px;box-shadow:none;border:none;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;transition:all .8s;display:flex}.top-bar__brand{align-items:center;gap:2rem;min-width:0;display:flex}.top-bar__logo{width:auto;height:3rem;display:block}.top-bar__nav{flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;margin-left:auto;padding-right:1.5rem;display:flex}.top-bar__link{box-sizing:border-box;color:#fff;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;transition:all .24s}.top-bar__event-links{align-items:center;display:inline-flex;position:relative}.top-bar__event-link--secondary{text-wrap-mode:nowrap;font-size:.75rem;position:absolute;top:calc(100% + .15rem);left:0}.top-bar__link:hover,.top-bar__link:focus-visible{color:var(--op-tango);outline:none;transform:translateY(-2px)}.top-bar__github-button{box-sizing:border-box;background-color:var(--op-tango);color:#fff;cursor:pointer;font:inherit;border:none;border-radius:10px;flex:none;width:8.5rem;padding:.45rem 1.15rem;font-weight:600;line-height:1.2;transition:background-color .22s,transform .22s,box-shadow .22s,opacity .22s}.top-bar__github-button:hover{background-color:color-mix(in srgb, var(--op-tango) 78%, var(--op-sun) 22%);transform:translateY(-1px);box-shadow:0 8px 16px #0000002e}.top-bar__github-button:active{background-color:var(--op-tango)}.top-bar__github-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.top-bar__github-button-content{justify-content:center;align-items:center;gap:.45rem;display:flex}.top-bar__github-icon{width:20px;height:20px;display:block}.top-bar__github-spinner-wrapper{justify-content:center;align-items:center;gap:.5rem;display:flex}.top-bar__github-spinner{aspect-ratio:1;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;animation:.8s linear infinite top-bar__spinner-spin;display:inline-block}@keyframes top-bar__spinner-spin{to{transform:rotate(360deg)}}@media (max-width:860px){.top-bar{padding:.75rem}.top-bar__content{flex-direction:column;align-items:flex-start}.top-bar__nav{justify-content:flex-start;width:100%}.top-bar__github-button{width:100%}}