@opedu/app/dist/core.min.css

오피유커스 e-Learning HTML5 콘텐츠 라이브러리

/*! OpEduApp v1.2.7 (build 20210628.43577) */
#pop_quest{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}#pop_quest *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#pop_quest div{background-repeat:no-repeat;background-position:center}#pop_quest .btn.active{cursor:normal;pointer-events:none}#pop_quest>.group{width:100%;height:100%;display:none}#pop_quest>.group.active{display:block}#pop_quest>.group[data-type=opinion]{position:absolute;top:0;left:0;right:0;bottom:0}#pop_quest>.group[data-type=opinion].active{display:block}#pop_quest>.group[data-type=opinion]>.wrap{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#pop_quest>.group[data-type=opinion] textarea.opinion{font-family:"NanumBarunGothic",sans-serif;resize:none;border:none;font-size:1.5em;color:#111;pointer-events:auto;background-color:transparent}#pop_quest>.group[data-type=opinion] textarea.opinion:focus{outline:none}#pop_quest>.group[data-type=opinion] .btn-groups{margin-top:5px;display:-webkit-box;display:-ms-flexbox;display:flex}#pop_quest>.group[data-type=opinion] .btn-groups>.btn{width:220px;height:60px;background-position:left top}#pop_quest>.group[data-type=opinion] .btn-groups>.btn:nth-child(1){background-position-x:left}#pop_quest>.group[data-type=opinion] .btn-groups>.btn:nth-child(2){background-position-x:right}#pop_quest>.group[data-type=opinion] .btn-groups>.btn:hover{background-position-y:center}#pop_quest>.group[data-type=opinion] .btn-groups>.btn:active{background-position-y:bottom}#pop_quest>.group[data-type=opinion] .btn-groups>.btn+.btn{margin-left:10px}#pop_quest>.group[data-type=quiz]{position:absolute;top:0;left:0;bottom:0;right:0}#pop_quest>.group[data-type=quiz]>.quiz-item{position:relative;display:none;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#pop_quest>.group[data-type=quiz]>.quiz-item span.strong{color:#cf4323}#pop_quest>.group[data-type=quiz]>.quiz-item.active{display:-webkit-box;display:-ms-flexbox;display:flex}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item span.bullet,#pop_quest>.group[data-type=quiz]>.quiz-item>.desc>p:nth-child(1)>span.value.num{font-family:"Open Sans",sans-serif}#pop_quest>.group[data-type=quiz]>.quiz-item>.quest-num{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;background-position-y:top}#pop_quest>.group[data-type=quiz]>.quiz-item>.quest-num:before{content:"";position:absolute;width:72px;height:72px;top:0;left:0;opacity:.85;display:none;background-repeat:no-repeat;background-position:left top;background-size:cover}#pop_quest>.group[data-type=quiz]>.quiz-item>.quest{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;letter-spacing:-1px;word-break:keep-all}#pop_quest>.group[data-type=quiz]>.quiz-item>.quest p{margin:0}#pop_quest>.group[data-type=quiz]>.quiz-item>.options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#pop_quest>.group[data-type=quiz]>.quiz-item>.options.flexdir-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#pop_quest>.group[data-type=quiz]>.quiz-item>.options.flexdir-column>.item{width:auto}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item>span{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;line-height:1}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item>span.bullet{position:relative;font-size:24px;font-weight:bolder;color:#111;-ms-flex-negative:0;flex-shrink:0}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item>span.bullet:before{content:"";position:absolute;width:34px;height:34px;top:-16px;left:-4px;display:none}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item>span.text{font-size:22px;letter-spacing:-1px;line-height:1.4;margin-left:8px;word-break:keep-all}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item.btn *{pointer-events:none}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item.disabled{opacity:.5}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item:hover>span.bullet:before,#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item.selected>span.bullet:before{display:block}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item.selected>span.bullet{background-position-y:center;color:#fff}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item.selected>span.text{color:#1c6af0}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item:hover>span.bullet{background-position-y:center}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item:hover>span.bullet:before{opacity:.8}#pop_quest>.group[data-type=quiz]>.quiz-item>.options>.item:active>span.bullet{background-position-y:bottom}#pop_quest>.group[data-type=quiz]>.quiz-item>.desc{position:absolute;left:0;right:0;bottom:0;font-size:20px;letter-spacing:-1px;background-position:center top;display:none}#pop_quest>.group[data-type=quiz]>.quiz-item>.desc p{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}#pop_quest>.group[data-type=quiz]>.quiz-item>.desc>p:nth-child(1){position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#pop_quest>.group[data-type=quiz]>.quiz-item>.desc>p:nth-child(1)>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:700;letter-spacing:0}#pop_quest>.group[data-type=quiz]>.quiz-item>.desc>p:nth-child(1)>span+span{margin-top:8px}#pop_quest>.group[data-type=quiz]>.quiz-item>.desc>p:nth-child(1)>span.value.num{width:32px;height:32px;border-radius:32px;line-height:32px;letter-spacing:normal;border:3px solid #111;color:#111}#pop_quest>.group[data-type=quiz]>.quiz-item>.desc>p:nth-child(2){position:absolute;top:0;left:0;right:0;bottom:1rem;word-break:keep-all;overflow-y:auto}#pop_quest>.group[data-type=quiz]>.quiz-item input:focus{outline:none}#pop_quest>.group[data-type=quiz]>.quiz-item>.input-area>input{color:#222;border:0}#pop_quest>.group[data-type=quiz-start]>.start.btn{position:absolute;background-position-y:top}#pop_quest>.group[data-type=quiz-start]>.start.btn:hover{background-position-y:center}#pop_quest>.group[data-type=quiz-start]>.start.btn:active{background-position-y:bottom}#pop_quest>.group[data-type=quiz] .btn{background-position:left top}#pop_quest>.group[data-type=quiz] .btn:hover{background-position-y:center}#pop_quest>.group[data-type=quiz] .btn:active{background-position-y:bottom}#pop_quest>.group[data-type=quiz]>.btn-group{position:absolute;bottom:0;right:0;width:200px;height:100px;display:none}#pop_quest>.group[data-type=quiz]>.btn-group>.btn{position:absolute;right:0;bottom:0;display:none;overflow:hidden}#pop_quest>.group[data-type=quiz]>.btn-group>.btn.result{background-position-x:right}#pop_quest>.group[data-type=quiz].feedback>.btn-group{display:block}#pop_quest>.group[data-type=quiz].feedback:not(.final)>.btn-group>.btn.next{display:block}#pop_quest>.group[data-type=quiz].feedback.final>.btn-group>.btn.result{display:block}#pop_quest>.group[data-type=quiz]>.quiz-item.solved>.quest-num:before{display:block}#pop_quest>.group[data-type=quiz]>.quiz-item.solved.incorrect>.quest-num:before{background-position-y:bottom}#pop_quest>.group[data-type=quiz]>.quiz-item.solved>.options>.item.btn{pointer-events:none}#pop_quest>.group[data-type=quiz]>.quiz-item.solved>.options>.item.selected:not(.ans)>span.bullet{background-position-y:top;color:#111}#pop_quest>.group[data-type=quiz]>.quiz-item.solved>.options>.item.selected:not(.ans)>span.text{opacity:.8;color:#333}#pop_quest>.group[data-type=quiz]>.quiz-item.solved>.options>.item.ans>span.bullet{background-position-y:bottom;color:#fefefe}#pop_quest>.group[data-type=quiz]>.quiz-item.solved>.options>.item.ans>span.text{color:#1c6af0}#pop_quest>.group[data-type=quiz]>.quiz-item.solved>.input-area>input{color:#0065cb}#pop_quest>.group[data-type=quiz]>.quiz-item.solved>.desc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}#pop_quest>.group.has-imageslide{position:absolute;top:0;left:0;right:0;bottom:0}#pop_quest>.group.has-imageslide .btn{background-position:left top}#pop_quest>.group.has-imageslide .btn>i{display:block;background-position:left top}#pop_quest>.group.has-imageslide .btn:hover{background-position-y:center}#pop_quest>.group.has-imageslide .btn:hover>i{background-position-y:center}#pop_quest>.group.has-imageslide .btn:active{background-position-y:bottom}#pop_quest>.group.has-imageslide .btn:active>i{background-position-y:bottom}#pop_quest>.group.has-imageslide>.btn-group{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#pop_quest>.group.has-imageslide>.btn-group>.btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}@-webkit-keyframes aniSlideUp{0%{top:100%;-webkit-transform:translateY(startYposition);transform:translateY(startYposition)}100%{top:0;-webkit-transform:translateY(endYposition);transform:translateY(endYposition)}}@keyframes aniSlideUp{0%{top:100%;-webkit-transform:translateY(startYposition);transform:translateY(startYposition)}100%{top:0;-webkit-transform:translateY(endYposition);transform:translateY(endYposition)}}
#app .image-slider{position:absolute;top:0;left:0;right:0;bottom:0}#app .image-slider ul,#app .image-slider li{margin:0;padding:0;list-style:none}#app .image-slider>.content.wrap .item{height:100%;display:none}#app .image-slider>.content.wrap .item *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}#app .image-slider>.content.wrap .item>image{width:100%}#app .image-slider>.content.wrap .item.active{display:block}#app .image-slider>.nav.wrap{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px}#app .image-slider>.nav.wrap>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:50px}#app .image-slider>.nav.wrap>li.disabled{opacity:.3;pointer-events:none}#app .image-slider>.nav.wrap>li>i{display:block;width:32px;height:32px}
#pop_layer{position:absolute;top:0;left:0;right:0;background-color:rgba(0,0,0,.7);display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2}#pop_layer.active{display:-webkit-box;display:-ms-flexbox;display:flex}#pop_layer *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#pop_layer div{background-position:center}#pop_layer .btn{background-position:left top}#pop_layer .btn:hover{background-position-y:center}#pop_layer .btn:active{background-position-y:bottom}#pop_layer .tab-item-child.btn.active{pointer-events:all}#pop_quest_contents{display:none}#pop_layer>.container{position:absolute;top:0;left:0;right:0;bottom:0}#pop_layer>.container .btn{z-index:10}#pop_layer>.container .btn.active{pointer-events:none}#pop_layer .close.btn{position:absolute;top:1rem;right:1.5rem;width:50px;height:50px;border-radius:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Open Sans",sans-serif;font-size:40px;font-weight:bold;background-color:rgba(0,0,0,.5);color:#eee}#pop_layer .close.btn:hover{background-color:rgba(0,0,0,.75);color:gold}#pop_layer .close.btn:active{background-color:rgba(0,0,0,.75);color:#ff0}#pop_layer .layer-item{position:relative;display:none}#pop_layer .layer-item.active,#pop_layer .layer-item>.tab-item.active{display:block}#pop_layer .layer-item>.tab-nav-wrapper,#pop_layer .layer-item>.tab-child-nav-wrapper{position:absolute;display:none}#pop_layer .layer-item>.tab-nav-wrapper.active,#pop_layer .layer-item>.tab-child-nav-wrapper.active{display:-webkit-box;display:-ms-flexbox;display:flex}#pop_layer .layer-item>.tab-nav-wrapper{top:0}#pop_layer .layer-item,#pop_layer .layer-item>.tab-item,#pop_layer .layer-item>.tab-item>.tab-item-child,#pop_layer .layer-item>.tab-item>.tab-item-child>.imgmap-wrapper,#pop_layer .layer-item>.tab-item>.tab-item-child>.customel-wrapper{width:100%;height:100%;position:relative;display:none}#pop_layer .layer-item>.tab-item>.tab-item-child{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#pop_layer .layer-item>.tab-item>.tab-item-child.active{display:-webkit-box;display:-ms-flexbox;display:flex}#pop_layer .layer-item>.tab-item>.tab-item-child>.text-box{background-color:#fefefe;padding:30px 40px;font-size:32px;font-weight:500;border-radius:10px 10px 10px 10px;border:0 solid #222;-webkit-box-shadow:8px 8px 10px 0px rgba(0,0,0,.5);box-shadow:8px 8px 10px 0px rgba(0,0,0,.5)}#pop_layer .layer-item>.tab-item>.tab-item-child>.imgmap-wrapper,#pop_layer .layer-item>.tab-item>.tab-item-child>.customel-wrapper{display:block;position:relative}#pop_layer .layer-item>.tab-item>.tab-item-child>.imgmap-wrapper>.item{position:absolute}#pop_layer .layer-item>.tab-item>.tab-item-child>.imgmap-wrapper>.item:hover{background-color:rgba(255,255,0,.5)}#pop_layer .layer-item .tab-child-nav-wrapper{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;padding:0}#pop_layer .layer-item .tab-child-nav-wrapper li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;margin:0;padding:0}#pop_layer .layer-item .tab-child-nav-wrapper li.pagi{font-size:20px}#pop_layer .layer-item .tab-child-nav-wrapper li.btn{width:50px;border:2px solid rgba(0,0,0,.7);background-color:#fff;color:#999;border-radius:50px;font-size:32px}#pop_layer .layer-item .tab-child-nav-wrapper li.btn.disabled{opacity:.3;pointer-events:none}#pop_layer .layer-item .tab-child-nav-wrapper li.btn:hover{background-color:#f3df36;border-color:rgba(0,0,0,.9);color:#111}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.header.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.header.wrap p{margin:0;padding:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.custom,#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.score.imagebox{position:absolute}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.ox.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin:20px}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.ox.wrap>.item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.ox.wrap>.item::before,#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.ox.wrap>.item::after{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Open Sans",sans-serif}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.ox.wrap>.item>.image{width:80px;height:80px;background-position:left bottom}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.ox.wrap>.item.correct>.image{background-position-y:top}#pop_layer .layer-item[data-name=quiz-feedback]>.tab-item[data-name=result] .tab-item-child .container>.footer.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
html,body{margin:0;padding:0}body{background-color:#555;font-family:"NanumBarunGothic",sans-serif;overflow:hidden}body>.debug-box{position:absolute;top:0;left:0;width:100%;padding:1em;font-family:"Courier New",Courier,monospace;font-size:.75em;background-color:rgba(255,255,0,.5);pointer-events:none}body>.debug-box>p{margin:0 0 .25em}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes fadeout{from{opacity:1}to{opacity:0}}#app{overflow:hidden;background-color:rgba(0,0,0,.75);-webkit-transition:background-color .5s ease-out;transition:background-color .5s ease-out;position:absolute;top:0;left:0;right:0;bottom:0}#app.loaded{background-color:transparent;position:relative;top:auto;left:auto;right:auto;bottom:auto}#app>.loading{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app>.loading>.message{margin-top:1.5em;color:snow}#app>.container{position:relative;width:auto;height:100%;overflow:hidden;background-color:rgba(0,0,0,.25);visibility:hidden}#app>.container div{background-repeat:no-repeat;background-position:center}#app>.container .btn{cursor:pointer}#app>.container .btn *{pointer-events:none}#app>.container .btn.disabled{opacity:.5;pointer-events:none;cursor:normal}#app>.container .btn.hidden{visibility:hidden}#app.loaded>.container{visibility:visible}#app.loaded>.loading{display:none}#header{position:absolute;top:0;z-index:1}#app>.container>#content{position:absolute;left:0;top:0;right:0;bottom:40px}#app>.container>#content>.media.wrap{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}#app>.container>#content>.media.wrap>video{width:100%}#app>.container>#content>.toast-alert{position:absolute;bottom:.5rem;left:1rem}#app>.container>#content>.toast-alert>.swal2-container{position:relative}#app>.container>#content>.toast-alert>.swal2-container>.swal2-toast>.swal2-header+.swal2-content{margin-left:.5rem}#app>.container>#media_ready{position:absolute;left:0;right:0;top:0;bottom:0;z-index:100;background-color:rgba(0,0,0,.5);display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#app>.container>#media_ready.active{display:-webkit-box;display:-ms-flexbox;display:flex}#footer ul,#footer li{margin:0;padding:0;list-style:none}#footer .media-slider{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;width:100%}#footer .media-slider *{pointer-events:none}#footer .media-slider .area{background-color:rgba(0,0,0,.5)}#footer .media-slider>.area{position:relative;width:100%;height:100%}#footer .media-slider>.area>.played{background-color:rgba(241,196,15,.5)}#footer .media-slider>.area>div{position:absolute;top:0;left:0;bottom:0;width:0;height:100%}#footer .page-nav{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer .page-nav>li{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}#app.seq-learning:not(.learning-complete) #footer .media-slider>.area>.played{border-right:2px solid #f1c40f}#btn_skip{position:absolute;top:0;cursor:pointer}#toc .grp-item li:not(.locked) i,#toc .grp-item li:not(.locked) svg{display:none}#toc>.wrap.no-page-link .grp-item li,#toc .grp-item li.locked{pointer-events:none}#toc>.wrap:not(.no-page-link) .grp-item li.locked>i,#toc>.wrap:not(.no-page-link) .grp-item li.locked>svg{opacity:.5}#toc>.wrap:not(.no-page-link) .grp-item li.locked>i+span,#toc>.wrap:not(.no-page-link) .grp-item li.locked>svg+span{margin-left:5px}
.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{-webkit-transform-origin:40px 40px;transform-origin:40px 40px;-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.lds-spinner div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.lds-spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.lds-spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.lds-spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.lds-spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.lds-spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.lds-spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.lds-spinner div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.lds-spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.lds-spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-0.1s;animation-delay:-0.1s}.lds-spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}