htmlcss-test-panel{position:fixed;bottom:50px;left:50%;z-index:1;right:0;background-color:var(--bg-white-3)}#challenge-layout{margin-top:var(--navbar-height);display:grid;grid-template-columns:50% 50%}#text-editor-container{position:relative}#text-editor-container.fullscreen{position:absolute;right:0;left:0;z-index:var(--fullscreen-editor-layer);top:var(--navbar-height);bottom:var(--action-bar-height)}#course-dropdown{position:fixed;top:12px;right:0;z-index:calc(var(--dialog-layer) + 10);cursor:pointer;margin-left:10px;margin-right:10px}@media (display-mode:window-controls-overlay){#course-dropdown{left:calc(env(titlebar-area-width) + env(titlebar-area-x) - 45px)}}#course-dropdown.update-available:before{content:"";display:inline-block;background-color:var(--primary);width:7px;height:7px;border-radius:50%;position:absolute}.dropdown-overflow-container{all:unset;outline:revert;box-sizing:border-box;transition:opacity .16s,translate .16s}.dropdown-overflow-container:active{translate:.5px .5px}.dropdown-overflow-trigger{transition:fill .16s}#course-dropdown:hover .dropdown-overflow-trigger:hover{fill:#fff}#editor{height:100%}html.dark #editor{background-color:#1e1e1e}#editor-spinner-container{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;min-height:190px}#editor-spinner-container .message{color:#fff;margin-top:20px}#editor-container{height:calc(100vh - 141px);height:calc(100dvh - 141px);transition:height .18s ease-out}.fullscreen #editor-container{height:calc(100vh - var(--action-bar-height));height:calc(100dvh - var(--action-bar-height))}action-icons{margin-right:30px;display:inline-block}app-dialog,app-menu{visibility:hidden}html:not(.dark),html:not(.dark) app-button{--mdc-theme-primary:#ffd37f}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--p-color)!important}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--primary)!important}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--p-color)!important}.visible-mobile{display:none}.mobile-track-preview{margin-left:-20px}#mobile-test-count{position:absolute;font-size:10px;border-radius:50%;background-color:#666;color:#fff;padding:4px;opacity:.8;top:4px;margin-left:-3px}#mobile-test-count:empty{visibility:hidden}@media (max-width:700px){#logo{display:none}.CodeMirror{font-size:16px!important;font-family:var(--font-code)!important;line-height:24px;height:100%!important;padding-left:10px;padding-right:10px}.visible-mobile{display:block}#console-container{width:100%;height:auto}body.is-mobile #editor{background-color:#263238}#text-editor-container{grid-row:auto;grid-column:auto}}.CodeMirror{height:100%!important}@media (max-width:700px){:root{--action-bar-height:44px!important;--total-bars-height:calc(var(--navbar-height) + var(--action-bar-height) + var(--mobile-tab-bar-height))!important}#snap-child-instructions{order:-1}#challenge .navbar{position:absolute;top:0;left:0;right:0;z-index:10}#challenge-layout{display:grid;grid-template-columns:repeat(3,100vw);grid-template-rows:100%;scroll-snap-type:x mandatory;overflow-x:scroll;scroll-behavior:smooth}#challenge-layout .snap-child{scroll-snap-align:start;scroll-snap-stop:always;height:calc(100vh - 112px)}#text-editor-container{height:100%}#editor-container{height:calc(100vh - var(--total-bars-height))}@supports (height:1dvh){#editor-container,#editor-container[collapsed]{height:calc(100dvh - var(--total-bars-height) - 40px)}}#challenge-layout htmlcss-test-panel{position:static}}#course-dropdown,.navbar-wrapper,app-console{view-transition-name:none}@media (min-width:701px){htmlcss-test-panel{view-transition-name:none}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}::view-transition{pointer-events:none}#lazy-css{visibility:visible!important}@font-face{font-family:Fira Code;font-display:swap;src:url(5af305de5d155e5cd46b.woff2) format("woff2")}.container{max-width:700px;margin-left:auto;margin-right:auto}.ligatures-disable *{font-feature-settings:normal!important;font-variant-ligatures:none!important}#action-bar-container{position:fixed;bottom:0;left:0;right:0;z-index:var(--action-bar-layer)}pre:not(.CodeMirror-line){padding:1em!important;margin:20px 0!important;line-height:1.5!important;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}::selection{background-color:var(--secondary);color:#fff}
/*# sourceMappingURL=app.26be928deba7dcc9d08e.css.map*/