body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.article-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%}.article-wrapper article{width:calc(200px + 60%);padding:32px 8px;text-align:left;color:#333}.article-wrapper article h2{margin:32px 0;padding-bottom:32px;border-bottom:1px solid hsla(0,0%,50.2%,.5);font-size:1.75em}.article-wrapper article>p{line-height:1.75em;text-indent:2em}.article-wrapper article img{display:inherit;width:calc(100px + 60%);max-width:calc(100% - 16px);margin:auto}.article-wrapper article pre{display:inline-block;margin:0 4px;padding:0 4px;text-indent:0;font-family:Monaco,source-code-pro,Menlo,Consolas,微软雅黑,"Courier New",monospace;font-size:.9em;background-color:rgba(247,179,110,.3);border:1px solid #f7b36e;border-radius:4px}.article-wrapper article .display{position:relative;display:inherit;width:calc(180px + 60%);max-width:calc(100% - 16px);text-align:center;margin:1em auto;background-color:hsla(0,0%,100%,.4666666666666667);box-shadow:0 6px 12px hsla(0,0%,50.2%,.1);border:3px dashed hsla(0,0%,50.2%,.2);overflow:auto}.display-Prologue{padding:24px;background-color:hsla(0,0%,100%,.4666666666666667)}.windy{width:unset!important;height:unset!important}.display-MinMax1{height:320px}.display-MinMax1 .description{position:absolute;left:16px;right:16px;top:16px;font-size:1em}.display-MinMax1 .description p{margin:0 0 8px}.display-MinMax1 .towers{position:absolute;top:120px;left:15%;right:15%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.display-MinMax1 .towers div{width:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}@-webkit-keyframes flashing-MinMax{0%{background-color:#fff;opacity:1;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),0 0 12px 6px hsla(0,0%,50.2%,.3)}to{background-color:hsla(0,0%,100%,0);opacity:.5}}@keyframes flashing-MinMax{0%{background-color:#fff;opacity:1;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),0 0 12px 6px hsla(0,0%,50.2%,.3)}to{background-color:hsla(0,0%,100%,0);opacity:.5}}.display-MinMax1 .towers div div{position:relative;width:80px;min-width:80px;height:100px;border-radius:8px}.display-MinMax1 .towers div div img{position:absolute;top:0;width:80px;height:80px;object-fit:contain}.display-MinMax1 .towers div div span{position:absolute;top:80px;left:0;width:100%;font-size:.8em;text-align:center}.display-MinMax1 .hline{position:absolute;top:256px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,rgba(17,68,119,.2),#147,rgba(17,68,119,.2))}.display-MinMax1 .scale{position:absolute;top:248px;left:15%;right:15%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.display-MinMax1 .scale div{width:1px;height:16px;background:linear-gradient(180deg,hsla(0,0%,46.7%,0),#777,hsla(0,0%,46.7%,0))}.display-MinMax1 .scaleNumber{position:absolute;top:272px;left:15%;right:15%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.display-MinMax1 .scaleNumber div{font-size:.5em;color:hsla(0,0%,46.7%,.4666666666666667)}.display-MinMax1 .max,.display-MinMax1 .min,.display-MinMax1 .scaleNumber div{width:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.display-MinMax1 .max,.display-MinMax1 .min{position:absolute;top:234px;opacity:.8;transition:left 1.5s cubic-bezier(.3,.5,.3,1)}.display-MinMax1 .max div,.display-MinMax1 .min div{width:60px;min-width:60px;height:40px;border-radius:10px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff;text-shadow:.5px 1px 1px rgba(0,0,0,.4666666666666667);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),inset 0 -2px 3px rgba(0,0,0,.3);font-size:.8em}.display-MinMax1 .min>div{background-color:#35d}.display-MinMax1 .max>div{background-color:#3b5}.display-MinMax1 .indexIndicator{position:absolute;top:120px;width:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.display-MinMax1 .indexIndicator div{width:100px;min-width:100px;height:100px;border-radius:50%;box-shadow:inset 0 0 16px #3b5,0 0 4px #3b5}.display1-1-1{height:200px}.display1-1-1 span{position:absolute;left:24px;top:20px;font-size:1.2em}@-webkit-keyframes flashing1-1-1{0%{opacity:1;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),inset 0 -2px 3px rgba(0,0,0,.3),0 0 4px 2px grey}to{opacity:.5}}@keyframes flashing1-1-1{0%{opacity:1;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),inset 0 -2px 3px rgba(0,0,0,.3),0 0 4px 2px grey}to{opacity:.5}}.display1-1-1 .ball{top:72px;text-align:center;border-radius:50%;color:#fff;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),inset 0 -2px 3px rgba(0,0,0,.3);transition:all .4s ease}.display1-1-1 .ball,.display1-1-1 .bucket{position:absolute;width:36px;height:36px;line-height:36px}.display1-1-1 .bucket{top:128px;border:1.5px dashed hsla(0,0%,50.2%,.3);box-sizing:border-box;color:hsla(0,0%,50.2%,.3)}.display1-2-1{height:200px}.display1-2-1 span{position:absolute;left:24px;top:20px;font-size:1.2em}@-webkit-keyframes flashing1-2-1{0%{opacity:1;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),inset 0 -2px 3px rgba(0,0,0,.3),0 0 4px 2px grey}to{opacity:.5}}@keyframes flashing1-2-1{0%{opacity:1;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),inset 0 -2px 3px rgba(0,0,0,.3),0 0 4px 2px grey}to{opacity:.5}}.display1-2-1 .ball{top:72px;text-align:center;border-radius:50%;color:#fff;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),inset 0 -2px 3px rgba(0,0,0,.3);transition:all .4s ease}.display1-2-1 .ball,.display1-2-1 .box{position:absolute;width:36px;height:36px;line-height:36px}.display1-2-1 .box{top:128px;border:1.5px dashed hsla(0,0%,50.2%,.3);box-sizing:border-box;color:hsla(0,0%,50.2%,.3)}.display1-3-1{height:160px}.display1-3-1 span{position:absolute;left:72px;top:20px;font-size:1em}.display1-3-1 .temp{position:absolute;left:24px;top:60px;font-size:.7em}.display1-3-1 .ball{position:absolute;top:88px;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;color:#fff;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.7),inset 0 -2px 3px rgba(0,0,0,.3);transition:all .4s ease}.display1-3-1 .pointerJ{width:16px;height:16px;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTc2LjA0IDY4NC45MDhsLjAwMi4wMDRhNDYuNTQ4IDQ2LjU0OCAwIDAwLTEwLjU0NCAyOS41NjljMCAyNS44MTYgMjAuOTI4IDQ2Ljc0NCA0Ni43NDIgNDYuNzQ3bC4wOTYuMjAyaDgwMC43NjhsLjA5MS0uMjA3YzI1LjczNC0uMDk4IDQ2LjU2Ny0yMC45ODcgNDYuNTY3LTQ2Ljc0MyAwLTEyLjI0NS00LjcxMy0yMy4zODQtMTIuNDE3LTMxLjcyTDU0OC44NjYgMjE0LjM0NWgtLjAxYy04LjU0MS0xMS4xOTUtMjIuMDE0LTE4LjQyMi0zNy4xOC0xOC40MjItMTQuNzI3IDAtMjcuODU0IDYuODE2LTM2LjQyMyAxNy40NThoLS4wMTRMNzYuMzczIDY4NC41MTNjLS4wODUuMTAzLS4xNzMuMjAyLS4yNTcuMzA0bC0uMDc2LjA5eiIgZmlsbD0iI2U5OGYzNiIvPjwvc3ZnPg==)}.display1-3-1 .pointerI,.display1-3-1 .pointerJ{position:absolute;top:128px;background-size:contain;background-position:50%}.display1-3-1 .pointerI{width:24px;height:24px;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTc2LjA0IDY4NC45MDhsLjAwMi4wMDRhNDYuNTQ4IDQ2LjU0OCAwIDAwLTEwLjU0NCAyOS41NjljMCAyNS44MTYgMjAuOTI4IDQ2Ljc0NCA0Ni43NDIgNDYuNzQ3bC4wOTYuMjAyaDgwMC43NjhsLjA5MS0uMjA3YzI1LjczNC0uMDk4IDQ2LjU2Ny0yMC45ODcgNDYuNTY3LTQ2Ljc0MyAwLTEyLjI0NS00LjcxMy0yMy4zODQtMTIuNDE3LTMxLjcyTDU0OC44NjYgMjE0LjM0NWgtLjAxYy04LjU0MS0xMS4xOTUtMjIuMDE0LTE4LjQyMi0zNy4xOC0xOC40MjItMTQuNzI3IDAtMjcuODU0IDYuODE2LTM2LjQyMyAxNy40NThoLS4wMTRMNzYuMzczIDY4NC41MTNjLS4wODUuMTAzLS4xNzMuMjAyLS4yNTcuMzA0bC0uMDc2LjA5eiIgZmlsbD0iI2M4MjAxYiIvPjwvc3ZnPg==)}.display2-1-1{height:380px}.display2-1-1 span{position:absolute;left:24px;top:20px;font-size:1.2em}.display2-1-1 .pocket{position:absolute;top:120px}.display2-1-1 .pocket .line{position:absolute;top:-15px;left:10px;width:600px;height:1px;border-top:1.5px dashed #777}.display2-1-1 .pocket .bar{position:absolute;height:30px;text-align:center;overflow:hidden;box-sizing:border-box;box-shadow:0 2px 4px hsla(0,0%,50.2%,.3);transition:all .4s ease}.display2-1-1 .pocket .bar-0{border:1.5px solid #e08585;background-color:rgba(224,133,133,.5)}.display2-1-1 .pocket .bar-1{border:1.5px solid #85e0e0;background-color:rgba(133,224,224,.5)}.display2-1-1 .pocket .bar-2{border:1.5px solid #e0c985;background-color:rgba(224,201,133,.5)}.display2-1-1 .pocket .bar-3{border:1.5px solid #859ce0;background-color:rgba(133,156,224,.5)}.display2-1-1 .pocket .bar-4{border:1.5px solid #b385e0;background-color:rgba(179,133,224,.5)}.display2-1-1 .pocket .bar-5{border:1.5px solid #85e085;background-color:rgba(133,224,133,.5)}.display2-1-1 .pocket .moneyicon{position:absolute;top:-60px;left:10px;height:30px;width:30px}.display2-1-1 .pocket .selectedpointer{position:absolute;left:10px;height:30px;width:30px;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTMzOS4wOTIgNzYuMDRsLS4wMDQuMDAyYTQ2LjU0OCA0Ni41NDggMCAwMC0yOS41NjktMTAuNTQ0Yy0yNS44MTYgMC00Ni43NDQgMjAuOTI4LTQ2Ljc0NyA0Ni43NDJsLS4yMDIuMDk2djgwMC43NjhsLjIwNy4wOTFjLjA5OCAyNS43MzQgMjAuOTg3IDQ2LjU2NyA0Ni43NDMgNDYuNTY3IDEyLjI0NSAwIDIzLjM4NC00LjcxMyAzMS43Mi0xMi40MTdsNDY4LjQxNS0zOTguNDc5di0uMDFjMTEuMTk1LTguNTQxIDE4LjQyMi0yMi4wMTQgMTguNDIyLTM3LjE4IDAtMTQuNzI3LTYuODE2LTI3Ljg1NC0xNy40NTgtMzYuNDIzdi0uMDE0TDMzOS40ODcgNzYuMzczYy0uMTAzLS4wODUtLjIwMi0uMTczLS4zMDQtLjI1N2wtLjA5LS4wNzZ6IiBmaWxsPSIjMTI5NmRiIi8+PC9zdmc+);background-size:70%;background-repeat:no-repeat;background-position:50%}.display3-1-1{height:160px}.display3-1-1 span{position:absolute;left:24px;top:20px;font-size:1.2em;text-align:left}.display3-1-1 .buckets{position:absolute;top:96px;left:16px}.display3-1-1 .buckets .bucket{display:inline-block;width:36px;height:36px;line-height:36px;border:1.5px dashed hsla(0,0%,50.2%,.3);box-sizing:border-box;color:#333}.course-menu{position:relative;height:100%}.course-menu .dragger{position:absolute;right:-16px;top:calc(50% - 16px);width:32px;height:32px;border-radius:50%;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.5);opacity:.2;transition:opacity .15s linear;cursor:w-resize;-webkit-user-select:none;-ms-user-select:none;user-select:none}.course-menu .dragger .draggerimg{width:100%;height:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTI2MC4wNDcgNDY4LjIxMkg3NTguNTR2LTE3NS42NGwyNjAuMDk2IDIxNi42OTdMNzU4LjU0IDcyNi4wMTZ2LTE2MC4yOEgyNjAuMDQ3djE2MC4yOEwwIDUwOS4yNjlsMjYwLjA0Ny0yMTYuNjk4djE3NS42NHoiLz48L3N2Zz4=);background-size:70%;background-position:50%;background-repeat:no-repeat;opacity:.7}.course-menu .dragger:hover{opacity:1}.course-menu .welcome{overflow:hidden;transition:height .3s cubic-bezier(.15,.4,.5,1)}.course-menu .welcome>div{padding-top:48px;padding-bottom:32px}.course-menu .welcome>div h2{margin:unset;line-height:56px;font-size:20px;font-weight:unset;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-menu .welcome>div .hline{width:100%;height:1px;margin-top:32px;background:linear-gradient(90deg,hsla(0,0%,50.2%,0),hsla(0,0%,50.2%,.5),hsla(0,0%,50.2%,0))}.course-menu .menu{position:absolute;left:Max(calc(20% - 64px),.01px);right:Max(calc(20% - 64px),.01px);bottom:0;transition:top .5s cubic-bezier(.15,.4,.5,1);overflow:hidden}.course-menu .menu .chapter{width:100%}.course-menu .menu .chapter .bar{position:relative;width:100%;height:56px;cursor:pointer}.course-menu .menu .chapter .bar .title{position:absolute;left:24px;right:44px;line-height:56px;font-size:24px;text-align:left;transition:font-size .2s linear;overflow:hidden;white-space:nowrap}.course-menu .menu .chapter .bar .blueline{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#4169e1;transition:width .3s cubic-bezier(.15,.4,.5,1)}.course-menu .menu .chapter .bar .triangle{position:absolute;right:24px;top:20px;width:16px;height:16px}.course-menu .menu .chapter .content{width:100%;overflow:hidden;transition:height .3s ease}.course-menu .menu .chapter .content .section{position:relative;width:100%;height:48px;cursor:pointer}.course-menu .menu .chapter .content .section .background{height:100%;background-color:rgba(163,204,245,.3);transition:width .3s ease}.course-menu .menu .chapter .content .section .title{position:absolute;top:0;left:24px;line-height:48px;font-size:16px;overflow:hidden;white-space:nowrap}.course-menu .menu .chapter .content .section .grayline{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:hsla(0,0%,50.2%,.15)}.App{text-align:center;height:100vh}.App .header{position:relative;height:40px;text-align:left;background-color:#fff;box-shadow:0 3px 3px rgba(163,204,245,.2);z-index:5}.App .header .logo-wrapper{position:relative;float:left;width:164px;height:100%;transition:all .5s cubic-bezier(.77,0,.175,1);vertical-align:middle}.App .header .logo-wrapper .background{width:0;height:100%;box-shadow:0 0 4px #9cf;transition:all .3s cubic-bezier(.77,0,.175,1)}.App .header .logo-wrapper .logo{display:block;position:absolute;top:8px;left:12px;height:24px;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App .header .logo-wrapper .logo{-webkit-animation:App-logo-spin 10s linear infinite;animation:App-logo-spin 10s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App .header .logo-wrapper .name{display:block;position:absolute;top:0;left:50px;height:40px;margin:unset;line-height:40px;font-size:20px;font-family:overpass;font-weight:unset;color:#333;pointer-events:none}.App .header .logo-wrapper .tottqftech{display:block;position:absolute;top:8px;left:12px;height:24px;opacity:0;transition:opacity .3s ease-out}.App .header .logo-wrapper .logo,.App .header .logo-wrapper .name{transition:opacity .3s ease-out .1s}.App .header .logo-wrapper:hover{width:172px}.App .header .logo-wrapper:hover .background{opacity:1;width:100%}.App .header .logo-wrapper:hover .logo,.App .header .logo-wrapper:hover .name{opacity:0;transition:opacity .3s ease-out}.App .header .logo-wrapper:hover .tottqftech{opacity:1;transition:opacity .3s ease-out .1s}.App .header .title{display:inline-block;margin-left:16px;line-height:40px;font-size:14px;color:#777;vertical-align:middle}.App .header .repositories{position:relative;float:right;height:40px;margin-right:8px}.App .header .repositories .iconbutton{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-right:8px;width:40px;height:40px}.App .header .repositories .iconbutton .background{position:absolute;top:0;width:100%;height:0;box-shadow:0 0 4px #9cf;transition:all .3s cubic-bezier(.77,0,.175,1);opacity:1;z-index:-1}.App .header .repositories .iconbutton:hover .background{height:100%;opacity:1}.App .header .repositories .iconbutton img{width:24px;height:24px}.App .apparea{display:-webkit-flex;display:flex;height:calc(100vh - 40px)}.App .apparea .playground{-webkit-flex:1 1;flex:1 1;height:100%;overflow-y:auto;background-color:#f7f7f7}.code-editor{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;background:#fff;box-shadow:0 0 8px rgba(51,51,51,.25)}.code-editor .dragger{position:absolute;left:-16px;top:calc(50% - 16px);width:32px;height:32px;border-radius:50%;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.5);opacity:.2;transition:opacity .15s linear;cursor:w-resize;-webkit-user-select:none;-ms-user-select:none;user-select:none}.code-editor .dragger .draggerimg{width:100%;height:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTI2MC4wNDcgNDY4LjIxMkg3NTguNTR2LTE3NS42NGwyNjAuMDk2IDIxNi42OTdMNzU4LjU0IDcyNi4wMTZ2LTE2MC4yOEgyNjAuMDQ3djE2MC4yOEwwIDUwOS4yNjlsMjYwLjA0Ny0yMTYuNjk4djE3NS42NHoiLz48L3N2Zz4=);background-size:70%;background-position:50%;background-repeat:no-repeat;opacity:.7}.code-editor .dragger:hover{opacity:1}.code-editor .controller{display:-webkit-flex;display:flex;-webkit-justify-content:stretch;justify-content:stretch;width:100%;height:40px}.code-editor .controller button{-webkit-flex-grow:1;flex-grow:1;height:28px;margin:8px 3px;border:none;border-radius:3px;background-color:#fff;outline:none;box-shadow:0 2px 4px rgba(51,51,51,.2);cursor:pointer;transition:all .2s ease}.code-editor .controller button:hover{box-shadow:0 3px 6px rgba(51,51,51,.3);-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px)}.code-editor .controller button:active{transition:all .05s ease;box-shadow:0 1px 4px rgba(51,51,51,.3);-webkit-transform:translateY(1px);transform:translateY(1px)}.code-editor .editor{position:relative;background-color:#fff;-webkit-flex-grow:1;flex-grow:1;overflow:auto}.code-editor .editor *{line-height:20px;font-size:13px;font-family:Monaco,source-code-pro,Menlo,Consolas,微软雅黑,"Courier New",monospace}.code-editor .editor .linepointer{position:absolute;top:0;height:20px;width:100%;box-sizing:border-box;border:1.5px solid rgba(158,227,250,.8);background:rgba(209,240,250,.5)}.code-editor .editor .lnarea{position:absolute;width:36px;pointer-events:none}.code-editor .editor .lnarea .index{border-right:2px solid #4169e1;padding-right:4px;text-align:right}.code-editor .editor .codearea{position:absolute;left:36px;top:0;width:calc(100% - 36px);min-height:100%;overflow-x:auto}@-webkit-keyframes flash{0%,45%,to{opacity:1}50%,95%{opacity:0}}@keyframes flash{0%,45%,to{opacity:1}50%,95%{opacity:0}}.code-editor .editor .codearea .opmask{position:absolute;left:0;top:0;right:0;bottom:0;min-width:100%;background-color:rgba(127,0,0,.2);outline:none;cursor:text;opacity:.1}.code-editor .editor .codearea .pointer{position:absolute;width:2px;height:20px;background-color:hsla(0,0%,40%,.8);-webkit-animation:1s linear 0s infinite;animation:1s linear 0s infinite;pointer-events:none}.code-editor .editor .codearea .codeline{-webkit-flex-grow:1;flex-grow:1;text-align:left;white-space:nowrap}.code-editor .editor .codearea .codeline .content{display:inline-block;padding-left:4px}.code-editor .editor .codearea .codeline .content .char{display:inline-block;width:8px}@-webkit-keyframes floatUpNDown{0%{-webkit-transform:translate(-50%,-2px);transform:translate(-50%,-2px)}to{-webkit-transform:translate(-50%,2px);transform:translate(-50%,2px)}}@keyframes floatUpNDown{0%{-webkit-transform:translate(-50%,-2px);transform:translate(-50%,-2px)}to{-webkit-transform:translate(-50%,2px);transform:translate(-50%,2px)}}.code-editor .editor .syntaxerror{position:absolute;line-height:12px;opacity:.7;-webkit-animation:floatUpNDown 1s ease-in-out 0s infinite alternate;animation:floatUpNDown 1s ease-in-out 0s infinite alternate;pointer-events:none}.code-editor .editor .syntaxerror .triangle{display:inline-block;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTc2LjA0IDY4NC45MDhsLjAwMi4wMDRhNDYuNTQ4IDQ2LjU0OCAwIDAwLTEwLjU0NCAyOS41NjljMCAyNS44MTYgMjAuOTI4IDQ2Ljc0NCA0Ni43NDIgNDYuNzQ3bC4wOTYuMjAyaDgwMC43NjhsLjA5MS0uMjA3YzI1LjczNC0uMDk4IDQ2LjU2Ny0yMC45ODcgNDYuNTY3LTQ2Ljc0MyAwLTEyLjI0NS00LjcxMy0yMy4zODQtMTIuNDE3LTMxLjcyTDU0OC44NjYgMjE0LjM0NWgtLjAxYy04LjU0MS0xMS4xOTUtMjIuMDE0LTE4LjQyMi0zNy4xOC0xOC40MjItMTQuNzI3IDAtMjcuODU0IDYuODE2LTM2LjQyMyAxNy40NThoLS4wMTRMNzYuMzczIDY4NC41MTNjLS4wODUuMTAzLS4xNzMuMjAyLS4yNTcuMzA0bC0uMDc2LjA5eiIgZmlsbD0iI2M4MjAxYiIvPjwvc3ZnPg==);width:12px;height:12px;background-size:contain}.code-editor .editor .syntaxerror .message{padding:2px 4px;line-height:12px;font-size:12px;background:hsla(0,0%,100%,.8);box-shadow:0 2px 4px hsla(0,0%,50.2%,.2);border-radius:10px;color:red}.code-editor .editor .runningpointer{position:absolute;line-height:12px;opacity:.7;-webkit-animation:floatUpNDown 1s ease-in-out 0s infinite alternate;animation:floatUpNDown 1s ease-in-out 0s infinite alternate;pointer-events:none}.code-editor .editor .runningpointer .triangle{display:inline-block;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTc2LjA0IDY4NC45MDhsLjAwMi4wMDRhNDYuNTQ4IDQ2LjU0OCAwIDAwLTEwLjU0NCAyOS41NjljMCAyNS44MTYgMjAuOTI4IDQ2Ljc0NCA0Ni43NDIgNDYuNzQ3bC4wOTYuMjAyaDgwMC43NjhsLjA5MS0uMjA3YzI1LjczNC0uMDk4IDQ2LjU2Ny0yMC45ODcgNDYuNTY3LTQ2Ljc0MyAwLTEyLjI0NS00LjcxMy0yMy4zODQtMTIuNDE3LTMxLjcyTDU0OC44NjYgMjE0LjM0NWgtLjAxYy04LjU0MS0xMS4xOTUtMjIuMDE0LTE4LjQyMi0zNy4xOC0xOC40MjItMTQuNzI3IDAtMjcuODU0IDYuODE2LTM2LjQyMyAxNy40NThoLS4wMTRMNzYuMzczIDY4NC41MTNjLS4wODUuMTAzLS4xNzMuMjAyLS4yNTcuMzA0bC0uMDc2LjA5eiIgZmlsbD0iIzEyOTZkYiIvPjwvc3ZnPg==);width:12px;height:12px;background-size:contain}
/*# sourceMappingURL=main.8d619fb9.chunk.css.map */