.onboarding-portal{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;place-items:center;width:100dvw;height:100dvh;animation:.5s forwards fadeIn;display:grid;position:fixed;inset:0}.onboarding-portal.fade-out{animation:1s forwards fadeOut}.onboarding-portal .video-wrapper{--aspect-ratio:calc(4/5);--max-width:90dvw;--max-height:90dvh;aspect-ratio:var(--aspect-ratio);width:min(var(--max-width),var(--max-height)*var(--aspect-ratio));min-width:0;min-height:0}.onboarding-portal .video-wrapper .click-overlay{z-index:2;cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.onboarding-portal .video-wrapper .click-overlay svg{transform:scale(1.25)}@media (min-width:768px){.onboarding-portal .video-wrapper .click-overlay svg{transform:scale(1.8)}}.onboarding-portal .video-wrapper video{cursor:pointer;border:none;width:100%;height:100%;display:block}.onboarding-portal .video-wrapper video::cue{font-family:var(--body-font-family);background-color:#000002bf;position:relative}.onboarding-portal .video-wrapper .play-overlay{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-portal .video-wrapper .play-overlay svg{scale:1.25}@media (min-width:480px){.onboarding-portal .video-wrapper .play-overlay svg{scale:1.8}}.onboarding-portal .close{position:absolute;top:1em;right:2em}
:root{--viewport-scale:1;--body-font-family:"ibm-plex-mono",monospace;--accent-font-family:"antarctican-mono",monospace;--body-color:#000002;--body-background:#e0e6e6}@media (min-width:480px){:root{--viewport-scale:1.1}}@media (min-width:768px){:root{--viewport-scale:1.2}}@media (min-width:992px){:root{--viewport-scale:1.3}}@media (min-width:1200px){:root{--viewport-scale:1.4}}@media (min-width:1600px){:root{--viewport-scale:1.5}}html.inspace-mode{-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;scrollbar-gutter:auto!important}html.inspace-mode,html.inspace-mode body{min-height:100%}html.inspace-mode a,html.inspace-mode button{-webkit-tap-highlight-color:#0000}html{scrollbar-gutter:stable;scroll-behavior:smooth}html body{background:var(--body-background);color:var(--body-color);margin:0;padding:0;overflow-x:hidden}html{text-wrap:pretty;font-family:var(--body-font-family);font-size:calc(var(--viewport-scale)*1em)}html.access-mode{font-size:calc(var(--viewport-scale)*1.1em)}html.access-mode .content{line-height:1.5}html h1,html h2,html h3,html h4,html h5,html h6{font-family:var(--accent-font-family)}:root:not(.access-mode) html h1,:root:not(.access-mode) html h2,:root:not(.access-mode) html h3,:root:not(.access-mode) html h4,:root:not(.access-mode) html h5,:root:not(.access-mode) html h6{margin:0;padding:0;font-weight:400}html p,html figure{margin:0;padding:0}html a{cursor:pointer}html a,html a:visited,html a:hover,html a:active{color:inherit}html button{cursor:pointer;background:0 0;border:none}html button:disabled{cursor:not-allowed;filter:grayscale()brightness(1.5);pointer-events:none}html .--text-shadow-white{text-shadow:0 0 4px #ffffff73}html:not(.access-mode) .--filter-shadow-white{filter:drop-shadow(0 0 12.5px #fff)}@keyframes fadeIn{0%{opacity:0;visibility:hidden}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.access-mode{--body-font-family:sans-serif;--accent-font-family:sans-serif}:root:not(.access-mode) .access-mode-only{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;word-wrap:normal!important}
