.siteHeader{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;min-height:4.25em;margin:1em 1em 1.5em;padding:.125em;display:flex}.siteHeader__left{align-items:center;gap:.7rem;width:fit-content;display:flex}.siteHeader__logoLink{min-width:0;color:var(--almostwhite);align-items:center;text-decoration:none;display:flex}.siteHeader .logo{width:auto;height:3.45rem;color:var(--almostwhite);cursor:pointer;display:block}.siteHeader__leadingActions,.siteHeader__actions{flex:none;align-items:center;gap:.5rem;display:flex}.siteHeader__leadingActions{gap:0;min-width:0}.siteHeader__actions{justify-content:flex-end;margin-left:auto;margin-right:1rem}.siteHeader .headerTutorialButton{box-sizing:border-box;color:#8f8f8f;width:1.4rem;height:1.4rem;font-family:var(--font-body);box-shadow:none;cursor:pointer;background:0 0;border:2.25px solid;border-radius:50%;flex:0 0 1.4rem;justify-content:center;align-items:center;margin-left:.5rem;padding:0;font-size:.8rem;font-weight:700;line-height:1;transition:color .12s;display:inline-flex}.siteHeader .headerTutorialButton:hover,.siteHeader .headerTutorialButton:focus-visible{color:#ddd;background:0 0}.siteHeader .headerTutorialButton:focus-visible{outline-offset:3px;outline:2px solid #f3f3f36b}.siteHeader__socials{align-items:center;gap:.75rem;min-width:0;margin-left:1rem;display:flex}.siteHeader__socialLink{color:#8f8f8f;filter:none;background:0 0;text-decoration:none;transition:color .12s}.siteHeader__socialLink:hover,.siteHeader__socialLink:focus-visible{color:#ddd;background:0 0}.siteHeader__socialLink:focus-visible{outline-offset:3px;outline:2px solid #f3f3f36b}.siteHeader__socialLink--icon{flex:0 0 1.4rem;place-items:center;width:1.4rem;height:1.4rem;display:inline-grid}.siteHeader__socialLink--icon svg{width:1.5rem;height:1.5rem;display:block}.siteHeader__socialLink--kofi{min-width:0;font-family:var(--font-body);white-space:nowrap;align-items:center;gap:.36rem;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.siteHeader__socialIcon{flex:0 0 1.4rem;place-items:center;width:1.4rem;height:1.4rem;display:inline-grid}.siteHeader__socialIcon svg{width:1.5rem;height:1.5rem;display:block}.siteHeader__kofiText{position:relative;top:.01rem}@media (max-width:520px){.siteHeader__kofiText{display:none}.siteHeader{flex-wrap:nowrap;align-items:center;gap:.4rem;margin:.75em .75em .25em;padding-inline:0}.siteHeader .logo{height:2.7rem}.siteHeader__left{flex-wrap:nowrap;flex:auto;gap:.42rem;min-width:0;max-width:100%}.siteHeader__logoLink{flex:0 auto;min-width:0}.siteHeader__leadingActions{flex-wrap:nowrap;flex:none;gap:0}.siteHeader__socials{gap:.48rem;margin-left:.48rem}.siteHeader .headerTutorialButton{border-width:2px;flex-basis:1.25rem;width:1.25rem;height:1.25rem;margin-left:0;font-size:.7rem}.siteHeader .siteHeader__socialLink--icon,.siteHeader .siteHeader__socialIcon{flex-basis:1.25rem;width:1.25rem;height:1.25rem}.siteHeader__socialLink--icon svg,.siteHeader__socialIcon svg{width:1.33rem;height:1.33rem}.siteHeader__actions{flex:none;margin-right:0}.siteHeader .accountMenu__skeleton:not(.accountMenu__skeleton--accountPage){width:4rem}}@media (min-width:1400px) and (min-height:800px){.siteHeader .logo{height:3.8rem}.siteHeader .headerTutorialButton,.siteHeader .siteHeader__socialLink--icon,.siteHeader .siteHeader__socialIcon{flex-basis:1.5rem;width:1.5rem;height:1.5rem}.siteHeader .headerTutorialButton{border-width:2.5px;font-size:.84rem}.siteHeader__socialLink--icon svg,.siteHeader__socialIcon svg{width:1.6rem;height:1.6rem}}@media (min-width:1850px) and (min-height:1000px){.siteHeader .logo{height:4.25rem}.siteHeader .headerTutorialButton,.siteHeader .siteHeader__socialLink--icon,.siteHeader .siteHeader__socialIcon{flex-basis:1.6rem;width:1.6rem;height:1.6rem}.siteHeader .headerTutorialButton{border-width:2.75px;font-size:.9rem}.siteHeader__socialLink--icon svg,.siteHeader__socialIcon svg{width:1.7rem;height:1.7rem}}@media (min-width:2400px) and (min-height:1200px){.siteHeader .logo{height:4.8rem}.siteHeader .headerTutorialButton,.siteHeader .siteHeader__socialLink--icon,.siteHeader .siteHeader__socialIcon{flex-basis:1.75rem;width:1.75rem;height:1.75rem}.siteHeader .headerTutorialButton{border-width:3px;font-size:.98rem}.siteHeader__socialLink--icon svg,.siteHeader__socialIcon svg{width:1.86rem;height:1.86rem}.siteHeader__socialLink--kofi{font-size:.82rem}}@media (min-width:3000px) and (min-height:1600px){.siteHeader .logo{height:5.4rem}}
