*:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable=true]){-webkit-user-drag:element}header{display:flex;align-items:center;justify-content:space-between}header>a{display:flex;align-items:center;color:#fff}header>a:hover{color:#fff}header svg{margin-right:24px;width:50px;height:50px}header h1{font-family:"ZCOOL KuaiLe",Verdana,Geneva,Tahoma,sans-serif;padding:0;margin:0}@media(max-width: 600px){header h1{font-size:1.5rem}}header .social{display:flex;align-items:center}header .social a{color:#fff;opacity:.45;display:inline-flex}header .social a:hover{opacity:1}header .social svg{width:36px;height:36px;margin:0 0 0 24px}header .social span{display:none}body{position:relative;min-height:100vh;padding-bottom:100px}.hidden{display:none}a,button{cursor:pointer}button:disabled{cursor:default}details{list-style:disclosure-closed;padding-left:25px}details summary{padding-left:5px}details[open]{list-style:disclosure-open}main section{width:100%;min-height:300px;display:flex}@media(max-width: 600px){main section{flex-direction:column}}.left-column{width:60%;margin-right:10px}@media(max-width: 600px){.left-column{width:100%;margin:10px 0}}.right-column{width:40%;margin-left:10px}@media(max-width: 600px){.right-column{width:100%;margin:10px 0}}.codebox{position:relative;display:flex}.codebox pre:first-child{overflow:hidden}.codebox pre:last-child{width:100%}#css-input{width:calc(100% - 50px);margin-right:5px}#css-input.error{border-color:#b71c1c}#css-input.success{border-color:#43a047}@-webkit-keyframes timerSuccess{0%{opacity:0;transform:translateY(0)}80%{opacity:1;transform:translateY(-100%)}100%{opacity:0;transform:translateY(-100%)}}@keyframes timerSuccess{0%{opacity:0;transform:translateY(0)}80%{opacity:1;transform:translateY(-100%)}100%{opacity:0;transform:translateY(-100%)}}#timer{display:block;position:relative;font-size:23px;width:100%;text-align:center;margin-bottom:14px}#timer.done{background:#2e7d32}#timer::before{content:attr(data-before);position:absolute;opacity:0;color:#43a047;visibility:hidden}#timer.success::before{visibility:visible;-webkit-animation-name:timerSuccess;animation-name:timerSuccess;-webkit-animation-duration:1.5s;animation-duration:1.5s}#levels{padding-left:0}#levels>li{position:relative;display:flex;align-items:center}#levels>li::before{content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--mdi" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 2v14H5V5h14z" fill="white"></path></svg>');background-size:20px 20px;padding:0 10px;display:inline-flex}#levels .active{font-weight:900}#levels .done{color:#43a047}#levels .done::before{content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--mdi" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M19 19H5V5h10V3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-8h-2m-11.09-.92L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17l-3.09-3.09z" fill="%2343A047"></path></svg>');background-size:20px 20px}#levels .timeResult{color:#fff;margin:0 0 0 auto;font-style:italic;opacity:.5}#share-tweet{display:inline-flex;align-items:center;border:2px solid var(--nc-bg-3);padding:6px 10px;border-radius:4px;margin-top:1rem}#share-tweet svg{margin-right:6px}#result-screen h1{padding-top:0;padding-bottom:1rem}#hint1{margin-right:20px}#hint1,#hint2{color:#fff;opacity:0;display:inline-flex;align-items:center;transition:opacity ease-in-out .5s;visibility:hidden}#hint1.fade-in,#hint2.fade-in{visibility:visible;opacity:.45}#hint1>svg,#hint2>svg{width:20px;height:20px;margin-right:5px}#hint1:hover,#hint2:hover{opacity:1}#solution,#next-level{margin:0}#next-level{opacity:.5}#html-selection{position:absolute;width:100%;height:100%}#html-preview{position:relative;display:block}#html-preview .check{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}#html-preview .check li{width:100%;opacity:.2;height:1.5em;margin:0}#html-preview .check .correct{background-color:#66bb6a}#html-preview .check .wrong{background-color:#ef5350}#tooltip{background:#333;color:#fff;font-weight:bold;padding:4px 8px;font-size:1em;border-radius:4px;display:none;z-index:1}#tooltip[data-show]{display:block}footer{position:absolute;bottom:0;left:0;width:100vw;display:flex;justify-content:space-between;background:var(--nc-bg-2);border-top:1px solid var(--nc-bg-3);padding:.75rem 1.5rem;padding-right:1.5rem;padding-left:1.5rem;margin:0 calc(0px - (50vw - 50%));padding-left:calc(50vw - 50% + 2rem);padding-right:calc(50vw - 50% + 2rem)}@media(max-width: 600px){footer{font-size:.8rem}}.footer-right{display:flex;flex-direction:column;align-items:flex-end}.footer-right a{color:#fff;opacity:.45}.footer-right a:hover{opacity:1}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zY3NzL19yZXNldC5zY3NzIiwiLi4vc3JjL3Njc3MvX2hlYWRlci5zY3NzIiwiLi4vc3JjL3Njc3MvX21haW4uc2NzcyIsIi4uL3NyYy9zY3NzL19mb290ZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQSwrREFDSSxTQUFBLENBQ0EsY0FBQSxDQUlKLHFCQUdJLHFCQUFBLENBSUosV0FDSSxlQUFBLENBSUosSUFDSSxjQUFBLENBSUosTUFDSSx3QkFBQSxDQUlKLFNBQ0ksa0JBQUEsQ0FLSixpQkFDSSxZQUFBLENBS0osMEJBQ0ksMkJBQUEsQ0FDQSw4QkFBQSxDQUNBLHdCQUFBLENBQ0Esb0NBQUEsQ0FJSix5QkFDSSx5QkFBQSxDQ3ZESixPQUNFLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLDZCQUFBLENBRUEsU0FDRSxZQUFBLENBQ0Esa0JBQUEsQ0FDQSxVQUFBLENBRUEsZUFDRSxVQUFBLENBS04sV0FDRSxpQkFBQSxDQUNBLFVBQUEsQ0FDQSxXQUFBLENBR0YsVUFDRSwyREFBQSxDQUNBLFNBQUEsQ0FDQSxRQUFBLENBRUEseUJBTEYsVUFNSSxnQkFBQSxDQUFBLENBSUosZUFDRSxZQUFBLENBQ0Esa0JBQUEsQ0FFQSxpQkFDRSxVQUFBLENBQ0EsV0FBQSxDQUNBLG1CQUFBLENBRUEsdUJBQ0UsU0FBQSxDQUdKLG1CQUNFLFVBQUEsQ0FDQSxXQUFBLENBQ0EsaUJBQUEsQ0FFRixvQkFDRSxZQUFBLENDbkRKLEtBQ0UsaUJBQUEsQ0FDQSxnQkFBQSxDQUNBLG9CQUFBLENBR0YsUUFDRSxZQUFBLENBR0YsU0FDRSxjQUFBLENBR0YsZ0JBQ0UsY0FBQSxDQUdGLFFBQ0UsNEJBQUEsQ0FDQSxpQkFBQSxDQUVBLGdCQUNFLGdCQUFBLENBSUosY0FDRSwwQkFBQSxDQUdGLGFBQ0UsVUFBQSxDQUNBLGdCQUFBLENBQ0EsWUFBQSxDQUVBLHlCQUxGLGFBTUkscUJBQUEsQ0FBQSxDQUlKLGFBQ0UsU0FBQSxDQUNBLGlCQUFBLENBRUEs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 */