htmlcss-test-panel{background-color:var(--bg-white-3);border-left:1px solid var(--dark-border-color);bottom:50px;left:50%;margin-left:-1px;position:fixed;right:0;z-index:1}@media (max-width:700px){htmlcss-test-panel{border-left:none;margin-left:0}}#challenge-layout{display:grid;grid-template-columns:calc(50% - 2px) 4px calc(50% - 2px);margin-top:var(--navbar-height)}.resizer{cursor:col-resize;width:4px}.resizer--colored{background-color:var(--dark-border-color);height:100%;margin-left:1px;width:1px}#text-editor-container{position:relative}#text-editor-container.fullscreen{bottom:var(--action-bar-height);left:0;position:absolute;right:0;top:var(--navbar-height);z-index:var(--fullscreen-editor-layer)}#course-dropdown{cursor:pointer;margin-left:10px;margin-right:5px;position:fixed;right:0;top:12px;z-index:calc(var(--dialog-layer) + 10)}#course-dropdown.update-available:before{background-color:var(--primary);border-radius:50%;content:"";display:inline-block;height:7px;position:absolute;width:7px}.dropdown-overflow-container{all:unset;box-sizing:border-box;outline:revert;padding:0 4px;transition:opacity .16s,translate .16s}.dropdown-overflow-container:active{translate:.5px .5px}.dropdown-overflow-trigger{opacity:.6;transition:opacity .16s}#course-dropdown:hover .dropdown-overflow-trigger{opacity:1}#editor{height:100%}html.dark #editor{background-color:#1e1e1e}#editor-spinner-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:190px;text-align:center}#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{display:inline-block;margin-right:30px}.visible-mobile{display:none}.mobile-track-preview{margin-left:-20px}#mobile-test-count{background-color:#666;border-radius:50%;color:#fff;font-size:10px;margin-left:-3px;opacity:.8;padding:4px;position:absolute;top:4px}#mobile-test-count:empty{visibility:hidden}@media (max-width:700px){#logo{display:none}.CodeMirror{font-family:var(--font-code)!important;font-size:16px!important;height:100%!important;line-height:24px;padding-left:10px;padding-right:10px}.visible-mobile{display:block}#console-container{height:auto;width:100%}body.is-mobile #editor{background-color:#263238}#text-editor-container{grid-column:auto;grid-row: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}.resizer{display:none}#snap-child-instructions{order:-1}#challenge .navbar{left:0;position:absolute;right:0;top:0;z-index:10}#challenge-layout{display:grid;grid-template-columns:repeat(3,100vw)!important;grid-template-rows:100%;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}#challenge-layout .snap-child{height:calc(100vh - 112px);scroll-snap-align:start;scroll-snap-stop:always}#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}::view-transition-group(tab-highlight){animation-duration:.15s}#lazy-css{visibility:visible!important}@font-face{font-display:swap;font-family:Fira Code;src:url(5af305de5d155e5cd46b.woff2) format("woff2")}.container{margin-left:auto;margin-right:auto;max-width:700px}.ligatures-disable *{font-feature-settings:normal!important;font-variant-ligatures:none!important}#action-bar-container{bottom:0;left:0;position:fixed;right:0;z-index:var(--action-bar-layer)}pre:not(.CodeMirror-line){font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5!important;margin:20px 0!important;padding:1em!important}html.modal-open{overflow:hidden}::selection{background-color:var(--secondary);color:#fff}app-dialog,app-menu{visibility:hidden}html:not(.dark){--app-button-raised-bg-color:#ffd37f}
/*# sourceMappingURL=app.9ce6df976380617abddc.css.map*/