.btn{color:#fff!important;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;white-space:nowrap;padding:4px 8px;font-size:18px;line-height:1.42857;border-radius:4px;-webkit-user-select:none;user-select:none;transform-origin:center;transition:transform .16s ease-in-out;background-image:none;background-color:#2dbe00;border:0;min-width:44px}.btn:focus,.btn:hover{outline:none}.btn:active{transform:scale(.95)}@font-face{font-family:spsm;src:url(/fonts/spsm.eot);src:url(/fonts/spsm.eot#iefix) format("embedded-opentype"),url(/fonts/spsm.ttf) format("truetype"),url(/fonts/spsm.woff) format("woff"),url(/fonts/spsm.svg#spsm) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;src:url(/fonts/fa-light-300.eot);src:url(/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-light-300.woff2) format("woff2"),url(/fonts/fa-light-300.woff) format("woff"),url(/fonts/fa-light-300.ttf) format("truetype"),url(/fonts/fa-light-300.svg#fontawesome) format("svg")}.fa,.fal,.far,.fas,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fal{font-family:"Font Awesome 5 Pro";font-weight:300}.fa-home:before{content:"\f015"}.fa-th:before{content:"\f00a"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-question-circle:before{content:"\f059"}.fa-music:before{content:"\f001"}.fa-volume-up:before{content:"\f028"}html,body{height:100%;overflow:hidden;padding:0;margin:0;background-color:#efefef;font-family:verdana,arial,helvetica,sans-serif;font-size:18px;line-height:1.35em}input,button,textarea,select,option{font-family:verdana,arial,helvetica,sans-serif}html{position:relative;touch-action:none}body{padding:70px 0;position:fixed;inset:0}.hide{display:none;visibility:hidden}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.disabled{opacity:1;cursor:default!important;pointer-events:none}figure{display:block;padding:0;margin:0}figure img{display:block}img{max-width:100%;height:auto;width:auto;border:0;outline:0}h1,h2,h3,h4,h5{margin:20px 0;color:#666}h1{font-size:45px;margin-bottom:80px}html,body,div,section,img,figure,figcaption,input,textarea,header,footer{box-sizing:border-box;-webkit-user-select:none;user-select:none}input[type=text]{-webkit-user-select:text;user-select:text;outline:0}#app-content-wrapper{position:absolute;inset:80px 100px 60px;height:calc(100% - 140px);width:calc(100% - 200px);z-index:2;opacity:1;transition:opacity .2s ease-in-out}#app-content-placeholder{height:100%;width:100%;position:relative;background:#fff no-repeat 50% 50%;background-size:100px 100px;margin:auto;box-shadow:0 0 6px #00000024}.app-header{top:0;background-color:#eef2e3;height:50px;position:fixed;left:0;right:0;width:100%;z-index:5;box-shadow:0 0 6px #00000029;border-bottom:1px solid #bdc2ac}.app-header a{height:100%;min-width:50px;float:left;display:block;cursor:pointer}.app-header a.disabled{pointer-events:none;color:#bbb;cursor:default}.app-header a.selected,.app-header a:hover{background-color:#d4e5b8}.app-header a i{line-height:50px;height:100%;min-width:50px;text-align:center;display:block;font-size:30px}.app-navigation{height:100%;position:absolute;left:0;top:0}.app-navigation>a{float:left;border-right:1px solid #bdc2ac;position:relative;cursor:pointer}.app-navigation>a.text{padding:0 20px;line-height:50px}.app-navigation>a.has-icon{background-size:auto 30px;background-repeat:no-repeat;background-position:10px 50%;padding-left:45px}.app-info-section{height:100%;position:absolute;right:0;top:0}.app-info-section>div{float:left;height:100%;position:relative;border-left:1px solid #bdc2ac}.app-info-section>a{float:left;border-left:1px solid #bdc2ac;position:relative}.app-exercise-navigation{position:absolute;z-index:1;inset:0;pointer-events:none}.app-exercise-navigation a{pointer-events:auto;cursor:pointer;position:absolute;background:#fff;display:block;top:50%;transform:translateY(-50%);box-shadow:0 0 6px #00000024;border-radius:5px}.app-exercise-navigation a.next{right:-45px}.app-exercise-navigation a.previous{left:-45px}.app-exercise-navigation a.disabled{pointer-events:none;opacity:.4;cursor:default}.app-exercise-navigation .icon{line-height:60px;height:60px;width:30px;display:block;text-align:center}.app-exercise-paging{width:80px;height:30px;margin:10px auto 0;padding:0;line-height:30px;text-align:center;font-weight:700;letter-spacing:2px;background-color:#fff;box-shadow:0 0 6px #00000024}.app-exercise-paging:empty{display:none}.tool-box{position:absolute;padding:10px;z-index:9999;overflow:visible;margin-bottom:0;box-shadow:0 0 6px #00000024;background-color:#fff;border-radius:3px}.tool-box.exercise{right:20px;bottom:80px;padding:40px 10px 10px;z-index:4!important;transition:none}.tool-box.exercise i{font-size:30px}.tool-box.exercise a{display:block;text-align:center;margin:3px auto;width:48px;height:48px;text-decoration:none;cursor:pointer;border-radius:50%;border:1px solid #fff;background-color:#fff}.tool-box.exercise a i{line-height:48px}.tool-box.exercise a.disabled{touch-action:none;opacity:.5}.tool-box.exercise a.active{border:1px solid rgba(0,0,0,.4);background-color:#0000000d}.tool-box.exercise a.reset{margin-top:20px}.tool-box.exercise a.reset:before{display:block;content:"";height:1px;overflow:hidden;border-top:1px solid rgba(0,0,0,.2)}.tool-box.exercise span.move{position:absolute;top:10px;right:10px;margin:0;width:22px;height:22px;cursor:move}.tool-box.exercise span.move i{color:#ccc;font-size:22px;line-height:1}.app-content{background-color:#fff;margin:0 auto;width:100%;height:100%;inset:0;z-index:2;position:absolute}.body{padding:20px;position:absolute;inset:0 0 120px;z-index:3;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:#fff}.footer{z-index:4;height:120px;bottom:0;left:0;right:0;padding:20px;position:absolute}.header{padding:20px;background-color:#ebf4d7;z-index:2;position:absolute;top:0;left:0;right:0;height:230px}.header h1{margin:auto;padding:0 20px;color:#666}.header h1.logo{height:100%}.header h1.logo img{height:100%;width:auto}.header.chapter-header h1{position:absolute;bottom:20px;padding-left:75px;background-repeat:no-repeat;background-size:50px auto;background-position:0 50%;max-width:880px;width:100%;line-height:1.1;left:50%;transform:translate(-50%);box-sizing:border-box;margin:auto}.page-start .body,.page-chapter .body{top:230px;bottom:0;display:flex;align-items:center;justify-content:center}.page-start .body{background-color:#ebf4d7}.entrence-wrapper{max-width:880px;width:calc(100% - 20px);margin:auto}.row{position:relative;left:-20px;width:calc(100% + 20px);margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row:last-child{margin-bottom:0}.row .column{float:left}.row .column.c-12{width:calc(100% - 20px);margin-left:20px}.row .column.c-6{width:calc(50% - 20px);margin-left:20px}.row .column.c-4{width:calc(33.3333333333% - 20px);margin-left:20px}.row .column.c-3{width:calc(25% - 20px);margin-left:20px}.row .column.c-2{width:calc(16.6666666667% - 20px);margin-left:20px}.items{text-align:center}.items .item{transform:rotate(0)!important}.item{display:inline-block;opacity:1;transition:opacity .5s ease-in,transform .5s ease-in}.item.remove{opacity:0;transform:scale(.2) rotate(90deg)}.cdk-drag-preview{box-shadow:none;opacity:1;transition:none;cursor:grabbing;overflow:visible}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .2s cubic-bezier(0,0,.2,1)}.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:transform .2s cubic-bezier(0,0,.2,1)}.box{background-color:#fff;box-shadow:0 0 6px #00000024;transform-origin:center;will-change:opacity,transform;transition:opacity .2s ease-in,transform .2s ease-in;display:block;border-radius:3px;overflow:hidden;margin-bottom:20px}.box.popup{background:#fff;position:absolute;padding:20px;display:none;top:60px;margin-bottom:0;overflow:visible}.box.popup p{margin:0}.box.popup.info{right:-30px;width:380px}.box.popup.more{right:20px;min-width:180px}.box.popup.show{display:block}button.box{appearance:none;-webkit-appearance:none;border:none;padding:0;text-align:left;font-size:inherit;font-family:inherit;color:inherit;width:100%}.box.entrance{cursor:pointer}.box.entrance>.title{display:block;padding:10px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:23px;line-height:23px;background-color:#fff;border-bottom:1px solid #eee}.box.entrance>.img{display:block;background-color:#d4e5b8;background-position:50% 50%;background-size:auto 90%;background-repeat:no-repeat}.box.entrance>.img img{width:100%;display:block}.icon{font-family:spsm;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:22px}.icon.paint:before{content:"\e900"}.icon.write:before{content:"\e901"}.icon.erase:before{content:"\e902"}.icon.info:before{content:"\e903"}.icon.left:before{content:"\e904"}.icon.more:before{content:"\e905"}.icon.play:before{content:"\e906"}.icon.menu:before{content:"\e907"}.icon.home:before{content:"\e908"}.icon.pause:before{content:"\e909"}.icon.cursor:before{content:"\e90a"}.icon.reset:before{content:"\e90b"}.icon.right:before{content:"\e90c"}.icon.sound:before{content:"\e90d"}.icon.enlarge:before{content:"\e90e"}.icon.cross:before,.icon.close:before{content:"\e90f"}.icon.shrink:before{content:"\e910"}.icon.move:before{content:"\f047"}.drop-area{border:3px solid #a4927e;height:150px;background-color:#ebf4d7;border-radius:3px;position:relative}.info-overlay-content .icon{display:none}.info-overlay-content ol.list.links{list-style:none;padding:0;margin:16px 0}.info-overlay-content ol.list.links li b{display:block;font-weight:700;margin-bottom:6px}app-content{display:block;height:100%}#app-content-wrapper:has(app-home),#app-content-wrapper:has(app-info-page){inset:50px 0 0;width:100%;height:calc(100% - 50px);font-size:16px}#app-content-wrapper:has(app-home) #app-content-placeholder,#app-content-wrapper:has(app-info-page) #app-content-placeholder{background-color:transparent;box-shadow:none}@media screen and (max-width:1020px),screen and (max-height:640px){app-header,#app-content-wrapper{display:none!important;visibility:hidden!important}}@media screen and (max-height:800px){.tool-box.exercise{right:10px}#app-content-wrapper{bottom:20px;top:65px;height:calc(100% - 110px);width:calc(100% - 150px);left:50px}h1{font-size:35px;margin-top:0;margin-bottom:20px}}