@font-face{font-family:'Segoe UI';src:url(/e292b8762f1f16d52252f028dc08a11efdbba1fe/06296/fonts/segoeui.eot);src:local('Segoe UI'),local('SegoeUI'),url(/e292b8762f1f16d52252f028dc08a11efdbba1fe/06296/fonts/segoeui.eot#iefix) format('embedded-opentype'),url(/4c720d1b7f057aa38a9ac184bc209990778dc651/4252f/fonts/segoeui.woff) format('woff'),url(/16a945b59046263ffdb4ce18081a1072388e0b67/735b4/fonts/segoeui.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Segoe UI';src:url(/b77363cbcde330c1eb06bb711fd8afd1e5b8ae87/9d42d/fonts/segoeui-bold.eot);src:local('Segoe UI Bold'),local('SegoeUI-Bold'),url(/b77363cbcde330c1eb06bb711fd8afd1e5b8ae87/9d42d/fonts/segoeui-bold.eot#iefix) format('embedded-opentype'),url(/2ee7eac449cdd40dc8dd5acb83116196835095f9/3355e/fonts/segoeui-bold.woff) format('woff'),url(/b909d1b7d892095c4e585e81eeca1d7d63a2715a/407f4/fonts/segoeui-bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}button,input[type=button],input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-webkit-border-radius:0}img{vertical-align:top;height:auto;max-width:100%}body,html{height:100%}body{width:100%;font:15px "Segoe UI",Helvetica,Arial,sans-serif;color:#707070;background:#fff;min-width:320px;-webkit-text-size-adjust:none;margin:0;display:table;table-layout:fixed}button,input,select,textarea{outline:0;vertical-align:middle;font-family:"Segoe UI",Helvetica,Arial,sans-serif;border-radius:0}:focus{outline:0}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.wrapper{display:table-cell;width:100%;margin:0 auto;overflow:hidden;position:relative;z-index:5;--main-max-width:970px}.page-holder{max-width:var(--main-max-width);padding:0 15px;margin:0 auto;display:grid}.page-holder:after{content:"";clear:both;display:block}header{padding:12px 0}header .page-holder{display:flex;align-items:center;justify-content:center}.logo{font-size:18px;line-height:1.2;font-weight:700}.nav{margin:0 0 0 auto;padding:0;list-style:none;text-align:right}.nav li{display:inline-block;vertical-align:top;padding:2px 0 2px 20px}.search-song-area{position:relative;overflow:hidden;margin:0 0 65px}.search-song-area input[type=text]{display:block;width:100%;border:1px solid #ebebeb;background:#f9f9f9;padding:26px 30px;color:#707070;font-size:16px;height:70px}.search-song-area ::-webkit-input-placeholder{color:#707070}.search-song-area ::-moz-placeholder{color:#707070;opacity:1}.search-song-area :-moz-placeholder{color:#707070;opacity:1}.search-song-area :-ms-input-placeholder{color:#707070}.search-song-area button{position:absolute;right:1px;top:0;width:72px;height:100%;font-size:30px;border:0;background:0 0;padding:0;cursor:pointer;color:#9a9a9a}.search-song-area button:hover{color:#444;background:#ebebeb}.choose-song-area h1{text-align:center;margin:0 0 42px;font-weight:400;color:#707070;font-size:25px;line-height:1.2}.choose-song-area h1.left{text-align:left;margin:0 0 32px}.song-lst{margin:0 -10px;padding:0 0 39px;list-style:none;display:flex;flex-wrap:wrap}.song-lst>li{width:33.33%;padding:0 10px 49px}.song-lst .img{border:1px solid #ebebeb;background:#f9f9f9;margin:0 0 25px;text-align:center}.song-lst h2{margin:0 0 13px;font-size:18px;line-height:1.15;font-weight:400;color:#707070}.song-lst h2 a{color:#707070}.song-lst h2 a:hover{color:#111}.song-lst p{margin:0 0 23px;line-height:1.1}.add-lst{margin:0;padding:0;list-style:none;font-size:13px;line-height:1.2}.add-lst li{display:inline-block;padding:0 0 0 23px;margin:0 27px 20px 0;vertical-align:top;position:relative}.add-lst li.view:before{content:"\f15c";position:absolute;top:0;left:0;font-family:Material-Design-Iconic-Font;font-size:15px;color:#707070}.add-lst li.fav{padding-left:18px}.add-lst li.fav:before{content:"\f15e";position:absolute;top:0;left:0;font-family:Material-Design-Iconic-Font;font-size:14px;color:#707070}.choose-song-area .btn-holder{text-align:center}.choose-song-area .btn-holder .add-txt{display:block;padding:0 0 11px;font-size:14px;line-height:1.2;color:#707070}.choose-song-area .btn-holder a{text-decoration:none;display:inline-block;vertical-align:top;position:relative;background:#f9f9f9;border:1px solid #ebebeb;color:#707070;font-size:16px;font-weight:700;line-height:1.2;padding:25px 44px}.choose-song-area .btn-holder a:hover{background:#fbf5f5}.choose-song-area .btn-holder a span{display:block;position:relative;padding:0 0 0 60px}.choose-song-area .btn-holder a span:before{content:"\f2f9";font-family:Material-Design-Iconic-Font;position:absolute;top:50%;margin:-23px 0 0;left:0;width:45px;height:45px;border-radius:45px;background:#eee;text-align:center;display:flex;align-items:center;justify-content:center;font-size:26px}.ico-home{width:70px;height:70px;margin:0 0 61px;background:#f9f9f9;border:1px solid #ebebeb}.ico-home.inner{margin:0 0 83px}.ico-home a{text-decoration:none;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:30px;line-height:1.2;color:#707070}.ico-home a:hover{background:#ebebeb}.song-lst-sorted{margin:0;padding:0 0 45px;list-style:none}.song-lst-sorted>li{background:#f9f9f9;border:1px solid #ebebeb;display:flex;margin:0 0 30px;align-items:center}.song-lst-sorted .img{min-width:69px;max-width:69px;width:7%;align-self:flex-start}.song-lst-sorted .txt-box{width:93%;height:100%;padding:10px 30px 10px 31px;display:flex;align-items:center}.song-lst-sorted h2{font-weight:400;margin:0;max-width:45%;font-size:18px;line-height:1.2;color:#707070}.song-lst-sorted h2 a{color:#707070}.add-list{margin:0 0 0 auto;padding:0;list-style:none;font-size:15px;line-height:1.1}.add-list li{margin:0 0 0 29px;padding:0 0 0 31px;display:inline-block;vertical-align:middle;position:relative}.add-list li.difficult:after,.add-list li.time:after{content:"\f39e";font-family:Material-Design-Iconic-Font;position:absolute;top:-2px;left:0;font-size:18px;color:#707070}.add-list li.time{padding-left:28px}.add-list li.time:after{content:"\f339";font-size:20px}.youtube-section{text-align:center;grid-row:1/4;position:relative;padding-bottom:32.25%;height:0;overflow:hidden}.audio-title-section{text-align:center;background-color:bisque;grid-row:1/2}.youtube-section iframe{position:absolute;top:0;left:0;width:100%;height:100%}.song-info{display:flex;align-items:center;margin:0 0 72px}.song-info h2{margin:0;font-weight:400;font-size:18px;line-height:1.2;max-width:50%}.choose-song-area.inner .add-lst{margin:0 0 0 auto;font-size:15px}.choose-song-area.inner .add-lst li{margin:0 0 0 29px}.choose-song-area.inner .add-lst li.view::before{font-size:19px;top:-3px}.choose-song-area.inner .add-lst li.view{padding-left:26px}.choose-song-area.inner .add-lst li.fav{padding-left:21px}.choose-song-area.inner .add-lst li.fav::before{font-size:17px;top:-1px}.video-music-notes{grid-row:4/10}.audio-music-notes{grid-row:2/10}.audio-div-section{grid-row:9/10}.music-notes-truncated{grid-row:4/9}.settings-area{grid-row:4/10;border:1px solid #ebebeb;background:#f9f9f9;position:relative;display:grid;grid-gap:10px;grid-template-rows:1fr 1fr 1fr 1fr;min-height:60vh;max-height:60vh;align-items:center}.video-music-notes h2{margin:0 0 35px;font-size:18px;line-height:1.2}.video-music-notes .img-holder{position:relative}.music-notes .scroller-overlay-area{position:absolute;top:0;left:0;width:100%;height:101%;z-index:5;font-size:488px;text-align:center;bottom:0;background-color:rgba(0,0,0,.05)}.bottom-nav-area{position:relative;display:flex;justify-content:space-evenly}.bottom-nav{border:1px solid #ebebeb;padding:14px 99px;position:relative;display:flex;min-height:68px}.song-player-area{grid-row:11/12;display:flex;align-items:center}.song-player-area .btn-next,.song-player-area .btn-prev{width:70px;height:70px;border:1px solid #ebebeb;background:#f9f9f9;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:36px;color:#707070}.song-player-area .btn-next:hover,.song-player-area .btn-prev:hover{background:#ebebeb}.song-player-area .btn-next{left:auto;right:0}.song-player{background:#f9f9f9;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr 4fr 1fr;min-height:68px;align-items:center}.settings-bar{background:#0b0a0ae0;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;min-height:68px;align-items:center}.menu-item{justify-content:center;padding:4px 10px 7px 10px;min-height:10vh;border-style:solid;border-width:1px 0 0 0;width:80%;display:flex}.menu-item i{align-self:center}.menu-item p{align-self:center;padding-left:20px;font-size:x-large}.song-player-a{text-align:center;padding:4px 10px 7px 10px}.song-player-a:active{border-bottom:2px #fff}.song-player-a p{color:#fff}.song-player .btn-mute,.song-player .btn-play{width:40px;line-height:40px;background:#cfcfcf;border-radius:40px;color:#8c8c8c;font-size:18px;text-align:center;position:absolute;top:14px;left:30px}.song-player .btn-mute:hover,.song-player .btn-play:hover{background:#dbd9d9}.song-player .btn-mute{left:auto;right:30px}.song-length{margin:16px 0 0;height:23px;width:100%;position:relative}.song-length:before{content:"";position:absolute;top:0;left:0;width:100%;background:#cfcfcf;height:8px;border-radius:6px}.song-length .length-block{position:absolute;top:-6px;left:0;width:23px;height:23px;background:#8c8c8c;border-radius:23px;cursor:pointer}.video-holder-area{position:relative;height:100vh;height:calc(var(--vh,1vh) * 100);display:grid;grid-template-rows:repeat(10,1fr)}.video-holder-area .overlay-area{position:absolute;top:0;left:-900px;width:min(50vw,400px);height:100%;z-index:8;text-align:center;display:flex;flex-direction:column;align-items:center;background-color:maroon;opacity:.9;justify-content:flex-end;transition:left .5s ease-in}.video-holder-area .overlay-area .topcorner{position:absolute;top:0;right:0;color:#fff}.video-holder-area .expanded-overlay-area{left:0;transition:left .5s ease-in}.info-section{max-width:970px;padding:15px 15px 0 15px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(10,1fr);grid-gap:10px;height:100vh;height:calc(var(--vh,1vh) * 100);color:#444;justify-content:center;background-color:#ffebcd}.cfvideoouter{grid-row:2/5;grid-column:1/3;background-color:#000}.cfvideoinner{position:relative;padding-top:56.25%}.cfvideochapters{grid-row:7/9;grid-column:1/3;display:grid;grid-template-rows:1fr;overflow:auto;gap:2vw}.jumptosection{grid-row:6/7;grid-column:1/3;display:grid;justify-items:center;align-items:center}.cfvideochapter{height:100px;background-color:bisque}.cfvideochapter a{color:#000}.box{color:#000;border-radius:5px;padding:20px}.bottom-box{color:#000;padding:4px 10px 7px 10px}.item-title{grid-column:1/3;background-color:#ff8a65}.item-title h1{display:grid;font-size:large;justify-content:center}.item2{grid-column:1/3;grid-row:2/4}.item3{grid-column:3/5}.itema{grid-column:1/2;grid-row:2/4;background-color:#d3d3d3;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". . item-icon" "metric-title . ." "metric-value . ."}.item-icon{grid-area:item-icon;text-align:center}.mtitle{grid-area:metric-title}.mvalue{grid-area:metric-value;font-size:x-large;margin:unset}.itemb{grid-column:1/2;grid-row:4/6;background-color:#f0f8ff;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". . item-icon" "metric-title . ." "metric-value . ."}.itemc{grid-column:2/3;grid-row:2/4;background-color:#f5f5f5;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". . item-icon" "metric-title . ." "metric-value . ."}.itemd{grid-column:2/3;grid-row:4/6;background-color:#dcdcdc;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". . item-icon" "metric-title . ." "metric-value . ."}.item-description{grid-column:1/3;grid-row:6/10;overflow-y:auto;background-color:#fbe9e7}.header-group{position:fixed;width:100%;top:0;left:0;text-align:center;background-color:#fff;z-index:7}.footer-group{bottom:0;text-align:center;background-color:#8b0000;z-index:7;max-width:var(--main-max-width)}.item-footer{grid-column:1/3;grid-row:10/10;overflow-y:auto;display:grid;grid-template-columns:1fr 3fr;grid-template-rows:1fr;grid-template-areas:"home-btn app-btn info-btn";background-color:#000;min-height:78px;color:#000;padding:4px 10px 7px 10px;border-radius:5px 5px 0 0}.song-title-section-header{display:grid;grid-template-columns:3fr 1fr 1fr;grid-template-rows:1fr;grid-template-areas:"song-title. close-btn";background-color:#d3d3d3}.song-title{grid-area:song-title}.close-btn{grid-area:close-btn;align-self:center}.close-btn a{color:#000}.hide{position:absolute!important;top:-9999px!important;left:-9999px!important;transition:left .5s ease-out}.info-btn{grid-area:info-btn;color:#fff;align-self:center;padding:10px}.menu-highlight{border-bottom:2px solid #d40e0e;font-weight:700;color:white}.home-btn{grid-area:home-btn;color:#e9967a;align-self:center}.home-btn a{color:#e9967a}.app-btn{grid-area:app-btn;color:#ffa260;display:flex;align-items:center;justify-self:center;background:0 0;border:2px solid;font-size:larger;line-height:1;margin:.5em;padding:1em 2em;border-radius:5px;box-shadow:3px 2px 5px 0 #ffa260}.app-btn p{margin-top:1px;margin-bottom:0;margin-left:2vw}footer{position:relative;display:table-footer-group;height:1%;z-index:5}.copy{display:block;padding:20px 0;text-align:center;line-height:1.2}.song-play-icon{font-size:300px;color:#dcdcdc}.song-play-icon--{font-size:150px;color:#dcdcdc;align-self:center}@media screen and (max-width:767px){.song-lst-sorted>li{margin:0 0 15px}.youtube-section{padding-bottom:43%}}@media screen and (max-width:667px){.youtube-section{padding-bottom:43%}.song-lst>li{width:50%}.add-list li{margin-left:19px;padding-left:23px}.add-list li.time{padding-left:23px}.song-lst-sorted .txt-box{padding:10px 15px;align-items:flex-start}.song-player-area{padding:0 85px}.song-player{padding:14px 75px}.song-player .btn-play{left:15px}.song-player .btn-mute{right:15px}.ico-home.inner{margin:0 0 61px}.choose-song-area h1{font-size:23px;margin:0 0 36px}.song-lst-sorted{padding:0 0 35px}.choose-song-area h1.left{margin:0 0 22px}.song-info{margin:0 0 52px}.music-notes .img-holder{padding:0 0 59px}.video-holder-area .overlay-area{width:100%}}@media screen and (max-width:580px) and (min-width:480px){.youtube-section{padding-bottom:55%}}@media screen and (max-width:666px) and (min-width:581px){.youtube-section{padding-bottom:48%}}@media screen and (max-width:479px){.youtube-section{padding-bottom:55%}.music-notes h2,.song-info h2{font-size:17px}.song-lst>li{width:100%}.song-lst{padding:0 0 19px}.song-lst-sorted h2{font-size:16px}.add-list{font-size:14px}.song-lst-sorted .img{max-width:60px;min-width:60px}.add-list li{margin-left:8px}.song-player-area .btn-next,.song-player-area .btn-prev{width:50px;height:50px;font-size:28px}.song-player-area{padding:0 60px}.song-player .btn-mute,.song-player .btn-play{width:30px;line-height:30px;font-size:16px;top:8px}.song-player .btn-play{left:9px}.song-player .btn-mute{right:9px}.song-player{padding:4px 4px;min-height:50px}.song-length .length-block{width:17px;height:17px;top:-5px}.song-length::before{height:6px}.song-info{display:block;margin:0 0 42px}.song-info h2{margin:0 0 10px;max-width:none}.page-holder{padding:0 0}.choose-song-area .add-lst{margin:0}.choose-song-area .add-lst li{margin:0 22px 0 0}.video-holder-area .overlay-area{width:100%}}@media screen and (max-width:400px){.song-lst-sorted h2{max-width:35%}.page-holder{padding:0 0}}@media screen and (max-width:349px){.song-lst-sorted h2{margin:0 0 2px}.song-lst-sorted .txt-box{display:block}.add-list li{margin:0 8px 0 0}.song-lst-sorted h2{max-width:none}}.asideList{list-style:none;padding:0;margin:0;margin-top:100px;text-align:center;border-top:2px solid rgba(255,255,255,.7)}