.content-detail-container{width:100%;order:2}.content-detail-container .current-assignments{margin:20px 0}.content-detail-container .current-assignments .current-assignments-title{color:#00c4c9;font-size:20px}.content-detail-container .current-assignments ul{margin:5px 0;padding-left:25px;list-style-type:none}.content-detail-container .current-assignments ul li{font-size:18px}@media (max-width:749px){.content-info{width:100%;max-width:100%;order:2}}#replay-overlay{display:block;position:absolute;left:11%;width:37.9%;top:7.6%;height:60%;cursor:pointer;padding-bottom:0}#games-overlay.lesson #replay-overlay{left:9.5%;width:39.6%;height:62.2%;top:4.6%}.gamePlaceholder{width:650px;height:406px;position:relative;margin:0 auto}@media (max-width:1200px){.gamePlaceholder{max-width:100%}}@media (max-width:750px){.gamePlaceholder{width:500px}}@media (max-width:480px){.gamePlaceholder{height:300px;width:100%}}.gamePlaceholder img{width:100%;height:100%}.gamePlaceholder .overlay{background-color:#000;height:100%;width:100%;position:absolute;top:0;left:0;opacity:.3}.gamePlaceholder .play_button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform .3s,filter .1s;width:130px;height:130px;line-height:130px;box-sizing:border-box;background:#5dd742;box-shadow:inset -10px 0 0 8px hsla(0,0%,100%,.25),inset 0 0 0 7px #fff,0 2px 5px rgba(0,0,0,.35);border-radius:150px;text-align:center;cursor:pointer;z-index:30;pointer-events:auto}.gamePlaceholder .play_button i.play{display:inline-block;width:66px;height:66px;background:url(/assets/kidframe/ui/icon_play.png);background-size:100%;vertical-align:middle;transition:transform .1s}.gamePlaceholder .play_button:hover{transform:translate(-50%,-50%) scale(1.05);filter:brightness(1.04)}.gamePlaceholder .play_button:hover i.play{transform:scale(1.1)}#gameIframeHolder:not(.gameIframeHolderKidFrame){position:relative;width:100%;height:0;padding-bottom:71%;order:1}#gameIframeHolder.gameIframeHolderKidFrame{position:relative;box-shadow:0 0 0 1px #464646,0 0 0 transparent;border-radius:1px;height:406px;transition:box-shadow .25s}#gameIframeHolder.gameIframeHolderKidFrame #game_holder{background:#464646}#gameIframeHolder.gameIframeHolderKidFrame.maximized{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10000000;border-radius:4px;box-shadow:0 0 0 1px #464646,0 5px 10px rgba(0,0,0,.25)}#gameIframeHolder.gameIframeHolderKidFrame.maximized .close{display:block}#gameIframeHolder.gameIframeHolderKidFrame.maximized .close:hover{transform:scale(1.06)}#gameIframeHolder.gameIframeHolderKidFrame.maximized .overlay{opacity:1;pointer-events:auto;cursor:pointer}#gameIframeHolder.gameIframeHolderKidFrame.maximized #game_holder{border-radius:5px}#gameIframeHolder.gameIframeHolderKidFrame .close{display:none;position:absolute;width:45px;height:45px;top:-20px;right:-20px;border-radius:40px;line-height:42px;font-size:18px;color:#fff;box-sizing:border-box;border:2px solid #fff;background:#e73225;box-shadow:inset -5px 0 0 -1px hsla(0,0%,100%,.3),0 2px 5px rgba(0,0,0,.35);text-align:center;transition:transform .1s;z-index:99;cursor:pointer}#gameIframeHolder.gameIframeHolderKidFrame .close i{pointer-events:none}#gameIframeHolder.gameIframeHolderKidFrame .overlay{display:block;position:fixed;width:200vw;height:200vh;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);transition:opacity .25s;z-index:50;opacity:0;pointer-events:none}#gameIframeHolder #game_holder{border:0;left:0;position:absolute;top:0;z-index:90;order:1;width:0;min-width:100%;max-width:100%;height:0;min-height:100%;max-height:100%}.add-child-modal,.edit-child-modal{text-align:center;width:440px;max-width:100%;margin-left:-220px}@media (max-width:440px){.add-child-modal,.edit-child-modal{width:calc(100% - 20px);margin-left:10px;left:0}}.add-child-modal .modal-content,.edit-child-modal .modal-content{padding:50px 40px 30px}.add-child-modal .modal-content .title,.edit-child-modal .modal-content .title{color:#222;font-size:24px;line-height:29px;font-weight:700}.add-child-modal .modal-content .modal-inner,.edit-child-modal .modal-content .modal-inner{margin-top:20px;position:relative}@media (max-width:479px){.add-child-modal .modal-content .modal-inner .form,.edit-child-modal .modal-content .modal-inner .form{justify-content:space-between}}.add-child-modal .modal-content .modal-inner .form .form-fields,.edit-child-modal .modal-content .modal-inner .form .form-fields{width:100%;text-align:center}.add-child-modal .modal-content .modal-inner .form .form-fields .input-row,.edit-child-modal .modal-content .modal-inner .form .form-fields .input-row{text-align:left;display:block;width:100%;padding-bottom:30px}.add-child-modal .modal-content .modal-inner .form .form-fields .input-row select,.edit-child-modal .modal-content .modal-inner .form .form-fields .input-row select{height:51px;margin:6px 0 -8px}.add-child-modal .modal-content .modal-inner .form .form-fields .input-row .error,.edit-child-modal .modal-content .modal-inner .form .form-fields .input-row .error{position:absolute;margin:4px 0 0 2px;color:#e73225;font-size:14px}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock{padding-bottom:20px;display:flex;justify-content:space-between}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-form,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-form{text-align:center;padding:0 10px}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i{color:#c5c5c5;transition:all .25s}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i:hover,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i:hover{color:#6483df}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i .tooltip,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i .tooltip{display:none;position:absolute;top:199px;width:160px;background:#fff;color:#464646;font-size:14px;font-weight:400;padding:10px;font-style:normal;text-align:left;overflow-wrap:break-word;box-shadow:0 3px 7px 1px rgba(0,0,0,.32);z-index:1}@media (max-width:440px){.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i .tooltip,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i .tooltip{left:25px}}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i:hover .tooltip,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock i:hover .tooltip{display:block}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small{margin-left:15px;margin-bottom:4px;border-radius:30px;height:14px;min-width:36px;background:#c5c5c5;box-sizing:border-box;display:inline-block;position:relative;cursor:pointer;transition:background-color .3s,padding .3s}@media (max-width:440px){.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small{margin-top:15px}}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small .switch,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small .switch{background:#fff;border-radius:30px;width:20px;height:20px;box-shadow:0 2px 3px 0 rgba(0,0,0,.43);position:absolute;top:-3px;left:-5px;margin-left:0;transition:left .3s,margin-left .3s,box-shadow .2s}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small.active,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small.active{background:#d0d6ec}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small.active .switch,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small.active .switch{background-color:#5672c4;left:120%;margin-left:-25px}.add-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small:hover .switch,.edit-child-modal .modal-content .modal-inner .form .form-fields .form-childLock .toggle-switch-small:hover .switch{box-shadow:0 2px 3px 0 rgba(0,0,0,.43),0 0 0 10px rgba(86,114,196,.1)}.add-child-modal .modal-content .modal-inner .form .avatars-container,.edit-child-modal .modal-content .modal-inner .form .avatars-container{width:100%;max-width:430px;margin:0 auto 25px;position:relative;justify-content:center}.add-child-modal .modal-content .modal-inner .form .avatars-container .avatar,.edit-child-modal .modal-content .modal-inner .form .avatars-container .avatar{position:relative;cursor:pointer;margin:5px;height:64px;width:64px;padding:2px;border:4px solid #fff;border-radius:80px;transition:all .25s}.add-child-modal .modal-content .modal-inner .form .avatars-container .avatar:before,.edit-child-modal .modal-content .modal-inner .form .avatars-container .avatar:before{position:absolute;content:"";bottom:0;right:0;width:20px;height:20px;border-radius:20px;background:#00c4c9;opacity:0;transition:all .25s}.add-child-modal .modal-content .modal-inner .form .avatars-container .avatar:after,.edit-child-modal .modal-content .modal-inner .form .avatars-container .avatar:after{position:absolute;content:"";bottom:5px;right:7px;transform:rotate(45deg);width:4px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;opacity:0;transition:all .25s}.add-child-modal .modal-content .modal-inner .form .avatars-container .avatar:hover,.edit-child-modal .modal-content .modal-inner .form .avatars-container .avatar:hover{transform:scale(1.06);border-color:rgba(0,196,201,.5)}.add-child-modal .modal-content .modal-inner .form .avatars-container .avatar.active,.edit-child-modal .modal-content .modal-inner .form .avatars-container .avatar.active{border-color:#00c4c9!important}.add-child-modal .modal-content .modal-inner .form .avatars-container .avatar.active:after,.add-child-modal .modal-content .modal-inner .form .avatars-container .avatar.active:before,.edit-child-modal .modal-content .modal-inner .form .avatars-container .avatar.active:after,.edit-child-modal .modal-content .modal-inner .form .avatars-container .avatar.active:before{opacity:1}.add-child-modal .modal-content .modal-inner .btn-container,.edit-child-modal .modal-content .modal-inner .btn-container{width:100%;text-align:right;display:flex;justify-content:space-between}.add-child-modal .modal-content .modal-inner .btn-container .btn,.edit-child-modal .modal-content .modal-inner .btn-container .btn{min-width:165px}@media (max-width:440px){.add-child-modal .modal-content .modal-inner .btn-container,.edit-child-modal .modal-content .modal-inner .btn-container{flex-direction:column}.add-child-modal .modal-content .modal-inner .btn-container .btn,.edit-child-modal .modal-content .modal-inner .btn-container .btn{display:block;width:100%;min-width:0;margin-bottom:20px;order:1;flex:1}.add-child-modal .modal-content .modal-inner .btn-container .btn.btn-cancel,.edit-child-modal .modal-content .modal-inner .btn-container .btn.btn-cancel{order:2}}.add-child-modal .modal-content .modal-inner .btn-container .error,.edit-child-modal .modal-content .modal-inner .btn-container .error{margin:4px 0 0 2px;color:#e73225;font-size:14px}.add-child-modal .modal-content .modal-inner .loading,.edit-child-modal .modal-content .modal-inner .loading{display:none;width:100%;height:100%;opacity:.6;background:#fff url(/themes/sky/i/worksheets/loading-balls.gif) no-repeat 50% 40%;position:absolute;top:0;left:0;z-index:60}
/*# sourceMappingURL=game-content-detail.d373fca48c.css.map */