header>.content{display:flex;flex-flow:row nowrap;align-items:center;height:80px}header>.content>.logo{flex:none;margin:0 0 0 -1px;font-size:20px;line-height:1;font-weight:700;padding:3px 10px 2px;border-radius:100px;box-shadow:inset 0 0 0 3px #fdb03a;color:#fdb03a}header>.content #menu-toggle-button{color:#444f9a;margin:0 0 0 24px;padding:4px;width:32px;height:32px;cursor:pointer;display:none}@media (prefers-color-scheme: dark){html.supports-dark-mode header>.content #menu-toggle-button{color:var(--color-spice)}}header>.content #menu-toggle-button:hover{color:#6c77be}@media (max-width: 960px){header>.content #menu-toggle-button{display:flex}}header>.content #menu-toggle{display:none}header>.content .menu{margin:0 0 0 32px;list-style:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0}@media (max-width: 960px){header>.content .menu{position:fixed;margin:0;top:0;left:0;right:0;bottom:0;background-color:#444f9a;flex-flow:column nowrap;justify-content:center;visibility:hidden;z-index:10000}}header>.content .menu>li{margin:0;position:relative}@media (max-width: 960px){header>.content .menu>li{text-align:center}}header>.content .menu>li.close{position:absolute;top:32px;right:32px;display:none;margin:0}@media (max-width: 960px){header>.content .menu>li.close{display:block}}header>.content .menu>li.close label{border:0;color:#fff;padding:4px;width:32px;height:32px;display:flex;cursor:pointer}header>.content .menu>li.close label:hover{color:#fdb03a}header>.content .menu>li>a{text-transform:uppercase;font-size:14px;letter-spacing:1px;font-weight:700;white-space:nowrap}@media (max-width: 960px){header>.content .menu>li>a{font-size:32px;color:#fff}header>.content .menu>li>a:hover{color:#fdb03a}}header>.content .menu>li.discord{position:relative;top:-1px}header>.content .menu>li.twitter{position:relative;top:1px}header>.content .menu>li+li{margin-left:32px}@media (max-width: 960px){header>.content .menu>li+li{margin-left:0;margin-top:16px}}header>.content #menu-toggle:checked~.menu{visibility:visible}header>.content .quick-search{margin-left:auto}header>.content .user-menu{width:48px;height:48px;margin-left:24px;position:relative}@media (max-width: 960px){header>.content .user-menu{margin-left:16px}}header>.content .user-menu input[type=checkbox]{display:none}header>.content .user-menu input[type=checkbox]:checked~.overlay,header>.content .user-menu input[type=checkbox]:checked~.overlay-trim{visibility:visible;opacity:1;transform:none;transition:transform .2s ease-out,opacity .2s ease-out}header>.content .user-menu input[type=checkbox]:checked~label>figure{opacity:1}header>.content .user-menu .overlay-trim{position:absolute;visibility:hidden;top:-12px;left:-12px;right:-12px;bottom:-8px;background-color:var(--color-white);border-radius:100px 100px 0 0;border:2px solid var(--color-spice);border-bottom:0;pointer-events:none;z-index:100;transform-origin:36px 36px;transform:rotate(10deg);opacity:0;transition:transform .1s ease-out,opacity .1s ease-out,visibility 0s linear .1s}@media (prefers-color-scheme: dark){html.supports-dark-mode header>.content .user-menu .overlay-trim{background-color:var(--color-smoke);border-color:var(--color-panasonic)}}header>.content .user-menu .avatar{margin:0 -2px 0 0;width:48px;height:48px;border-radius:48px;background-color:var(--color-platinum);cursor:pointer;opacity:.9;position:relative;z-index:105;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#828f8f}header>.content .user-menu .avatar svg{width:24px;height:24px}header>.content .user-menu .avatar:hover{opacity:1}header>.content .user-menu .overlay{position:absolute;right:-12px;top:calc(100% + 8px);background-color:var(--color-white);box-shadow:0 12px 12px -16px var(--color-black),0 16px 32px -48px var(--color-black),inset 0 0 0 2px var(--color-spice);list-style:none;margin:0;padding:20px 60px 24px 28px;visibility:hidden;border-radius:32px 0 32px 32px;transform-origin:calc(100% - 32px) -32px;transform:rotate(10deg);opacity:0;transition:transform .1s ease-out,opacity .1s ease-out,visibility 0s linear .1s}@media (prefers-color-scheme: dark){html.supports-dark-mode header>.content .user-menu .overlay{background-color:var(--color-smoke);box-shadow:0 12px 12px -16px var(--color-ink),0 16px 32px -48px var(--color-ink),inset 0 0 0 2px var(--color-panasonic)}}header>.content .user-menu .overlay:after{content:"";position:absolute;top:0;right:2px;height:2px;width:68px;background-color:var(--color-white)}@media (prefers-color-scheme: dark){html.supports-dark-mode header>.content .user-menu .overlay:after{background-color:var(--color-smoke)}}header>.content .user-menu .overlay>li{margin:0;padding:0}header>.content .user-menu .overlay>li.name{white-space:nowrap}header>.content .user-menu .overlay>li.name a{color:var(--color-black);font-weight:700!important}@media (prefers-color-scheme: dark){html.supports-dark-mode header>.content .user-menu .overlay>li.name a{color:var(--color-crystal)}}header>.content .user-menu .overlay>li.status{margin-bottom:12px;display:flex;gap:8px;padding:2px 0}header>.content .user-menu .overlay>li a:not(.status-pill){display:inline-block;white-space:nowrap;padding:4px;line-height:1;font-weight:500}header>.content .user-menu .overlay>li+li{margin-top:4px}:root{--color-white: #fff;--color-pearl: #faf9f7;--color-crystal: #eeedea;--color-black: #211f21;--color-ink: #141314;--color-smoke: #383638;--color-platinum: #b8bfbf;--color-panasonic: #6d6b6b;--color-indigo: #444f9a;--color-indigo-light: #5a69cc;--color-indigo-dark: #2d3466;--color-spice: #fdb03a;--color-spice-light: #ffc873;--color-spice-dark: #cc8e2f;--color-mario: #c12022;--color-emerald: #0d8b98}body>footer{background-color:var(--color-black);color:#b8bfbf;padding:64px 0 72px}@media (prefers-color-scheme: dark){html.supports-dark-mode body>footer{background-color:var(--color-ink)}}body>footer a{color:#fdb03a}body>footer .sign-in-link{display:flex;justify-content:flex-end}@media (max-width: 560px){body>footer .sign-in-link{justify-content:center}}body>footer .sign-in-link .button{margin-right:-2px}body>footer .sign-in-link svg{width:24px;height:24px}body.layout-default{display:flex;flex-flow:column;justify-content:stretch}body.layout-default>header{height:80px;position:relative;z-index:100}body.layout-default>main{flex:auto;padding:64px 0 96px}@media (max-width: 560px){body.layout-default>main{padding:32px 0 64px}}body.layout-default .content{width:100%;max-width:1200px;margin:0 auto}@media (max-width: 1280px){body.layout-default .content{max-width:94vw}}@media (max-width: 960px){body.layout-default .content{max-width:92vw}}@media (max-width: 560px){body.layout-default .content{max-width:90vw}}body.layout-default .content.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:40px;grid-row-gap:64px;align-items:start}@media (max-width: 960px){body.layout-default .content.grid{grid-template-columns:1fr}}@media (max-width: 560px){body.layout-default .content.grid{grid-row-gap:32px}}body.layout-default .content.grid>*{min-width:0}body.layout-default .content.grid>.span-1{grid-column:span 1}body.layout-default .content.grid>.span-2{grid-column:span 2}body.layout-default .content.grid>.span-3{grid-column:span 3}body.layout-default .content.grid>.span-4{grid-column:span 4}body.layout-default .content.grid>.span-5{grid-column:span 5}body.layout-default .content.grid>.span-6{grid-column:span 6}body.layout-default .content.grid>.span-7{grid-column:span 7}body.layout-default .content.grid>.span-8{grid-column:span 8}body.layout-default .content.grid>.span-9{grid-column:span 9}body.layout-default .content.grid>.span-10{grid-column:span 10}body.layout-default .content.grid>.span-11{grid-column:span 11}body.layout-default .content.grid>.span-12{grid-column:span 12}@media (max-width: 960px){body.layout-default .content.grid>.span-1,body.layout-default .content.grid>.span-2,body.layout-default .content.grid>.span-3,body.layout-default .content.grid>.span-4,body.layout-default .content.grid>.span-5,body.layout-default .content.grid>.span-6,body.layout-default .content.grid>.span-7,body.layout-default .content.grid>.span-8,body.layout-default .content.grid>.span-9,body.layout-default .content.grid>.span-10,body.layout-default .content.grid>.span-11,body.layout-default .content.grid>.span-12{grid-column:1/span 1}}