body,h3,html,p{padding:0;margin:0}body,html{background:#FFEEEB url("../img/mobile_bg.webp");background-size:450px;background-position:center;background-repeat:repeat-y}.bg__stars_right{background:url('../img/bg_items/bg__starts_right.webp');background-size:25px;background-position:center;background-repeat:no-repeat;position:absolute;top:-6%;right:10%;height:64px;width:38px}img{width:100%}body,html,section{height:100%}.wrapper{position:relative;max-width:768px;width:100%;margin:0 auto}header{position:relative;z-index:50;-webkit-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);transform:translate(0%, 0%);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}header.ready{}.logo{-webkit-transform:rotate(0deg) perspective(1000px) rotateX(0deg);transform:rotate(0deg) perspective(1000px) rotateX(0deg);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}.logo:hover{-webkit-transform:rotate(0deg) perspective(1000px) rotateX(360deg);transform:rotate(0deg) perspective(1000px) rotateX(360deg)}.header_content{padding:8px 20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-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}.header_content .back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:42px;height:42px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 8px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;border-radius:14px;-webkit-box-shadow:-3px 3px 0 0 rgba(33,28,25,1);box-shadow:-3px 3px 0 0 rgba(33,28,25,1);border:1px solid #211C19;cursor:pointer;background:#fff;position:absolute;top:20px;left:18px}.header_content .back.active{-webkit-transform:rotate(0deg) perspective(1000px) rotateY(360deg);transform:rotate(0deg) perspective(1000px) rotateY(360deg)}.text_back{color:#211C19;text-align:center;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:120%;letter-spacing:0.28px;display:block;margin-top:-4px}.header_content .back img{width:100%}.header_content .logo_box{max-width:95px;margin-left:auto;margin-right:auto}.main_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.main_box.ready{}.main_box .main_text{color:#211C19;text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:120%;letter-spacing:0.36px;border-radius:14px;border:1px solid #211C19;background:rgba(255, 255, 255, 0.16);display:inline-block;padding:4px 16px;margin:0 auto 12px}.description_box{color:#fff;width:95%;margin:0 auto;padding:0;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:justify;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.description_box:after{content:'';position:absolute;bottom:-25px;height:25px;width:1px;background:transparent;z-index:-1}.description_box .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-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;width:100%;margin:0 auto 12px;padding:6px 13px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:-3px 3px 0 0 rgba(33,28,25,1);box-shadow:-3px 3px 0 0 rgba(33,28,25,1);border:1px solid #211C19;background:#FFF6F5;border-radius:13px;position:relative;height:68px}.description_box:after{content:'';position:absolute;bottom:-25px;height:25px;width:1px;background:transparent;z-index:-1}.wrapper::-webkit-scrollbar{width:0}::-webkit-scrollbar{width:0}.description_box .item .image_box{width:100%;max-width:38px;height:38px;border-radius:3px}.description_box .item .text_box{margin-left:10px;margin-right:10px;color:#211C19;font-size:12px;font-family:Poppins, sans-serif;font-weight:400;line-height:14.40px;word-wrap:break-word;width:180px}.description_box input[type=range]{height:7px;width:180px;background:#C465F1;border:none}input{display:inline-block;vertical-align:middle;font-size:1em;font-family:Arial, sans-serif}input[type="range"]{-webkit-appearance:none;width:100%;border-radius:5px;background-image:-o-linear-gradient(#fff, #fff);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));background-image:linear-gradient(#fff, #fff);background-size:0 100%;background-repeat:no-repeat;cursor:pointer}.controls__progress-wrap{position:relative;z-index:0;width:180px;height:2px;margin-top:1px}.controls__progress-bar{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;background-color:#3D3735;border:none;border-radius:4px}.controls__progress-value{position:absolute;z-index:2;top:0;left:0;height:100%;width:0;background-color:#A965C8;border:none;border-radius:4px}.controls__progress-value:after{content:'';position:absolute;height:12px;width:12px;border-radius:50%;background:#C465F1;right:-5px;top:-5px}.controls__progress{position:absolute;z-index:3;top:-2px;left:0;height:12px;width:100%;margin:0;-ms-touch-action:none;touch-action:none;cursor:pointer;opacity:0;outline:1px dotted red}.description_box p{color:#211C19;font-size:11px;font-family:Poppins, sans-serif;font-weight:400;line-height:13.20px;word-wrap:break-word}.description_box h3{font-size:12px;margin:0;padding:0;text-transform:capitalize;font-weight:400;min-height:30px;overflow-x:hidden;overflow-y:hidden;text-align:left;height:42px}.description_box .text_box p,.description_box .text_box span,.divider{text-decoration:none;color:#211C19;font-size:11px;font-family:Poppins;font-weight:400;line-height:14.40px}.play{background-image:url("../img/music_category/play_music.svg");background-repeat:no-repeat;background-size:100%;background-position:center}.pause{background-image:url("../img/music_category/pause_music.svg");background-repeat:no-repeat;background-size:100%;background-position:center}.record__player{margin-top:7px;margin-bottom:3px}.record__time{float:right;display:inline-block;margin:16px 0 0 8px}.timer{width:27px;display:inline-block;text-align:right}.download_song{width:20px;height:20px;display:block}@media all and (min-width: 360px) and (min-height: 535px){.main_box .main_text{font-size:16px;padding:8px 16px;margin:10px auto 23px}.header_content .logo_box{max-width:116px}}@media all and (min-width: 360px) and (min-height: 550px){.header_content .logo_box{max-width:116px}.section_content{padding-top:0}.description_box{width:90%}.bg__stars_right{background-size:40px;top:-4%;right:10%;height:67px;width:40px}.description_box h3{font-size:13px}.download_song{width:24px;height:24px}}@media all and (min-width: 374px){.description_box{width:95%}.description_box .item .text_box{width:245px}.controls__progress-wrap{width:245px}.description_box input[type=range]{width:245px}.description_box h3{font-size:14px;min-height:35px}.description_box .text_box p,.description_box .text_box span,.divider{font-size:13px}.timer{width:32px}.description_box .item{height:68px;margin-bottom:16px}.main_box .main_text{margin-top:0}}@media all and (min-width: 374px) and (min-height: 660px){.main_box .main_text{margin-top:10px}.header_content .logo_box{max-width:186px}}@media all and (min-width: 390px) and (min-height: 553px){.header_content .logo_box{max-width:186px}.main_box .main_text{font-size:16px;padding:8px 16px}.description_box{width:90%;max-width:370px}}@media all and (min-width: 450px) and (min-height: 900px){body,html{background:#FFEEEB url("../img/main_bg.webp");background-size:cover;background-position:center;background-repeat:no-repeat}}@media screen and (min-width: 568px){body,html{background:#FFEEEB url("../img/main_bg.webp");background-size:1920px;background-position:center;background-repeat:repeat-y}.description_box{width:90%;max-width:370px}.header_content .back{padding:4px 8px}}@media screen and (min-width: 568px) and (min-height: 315px){.header_content .logo_box{display:block;max-width:92px}.header_content .back{top:20px}}@media screen and (min-width: 568px) and (min-height: 500px){.header_content{padding:10px 20px 10px 10px}}@media screen and (min-width: 568px) and (min-height: 330px){.header_content .logo_box{max-width:130px}.section_content{padding-top:10px}}@media all and (min-width: 768px) and (min-height: 768px){body,html{background:#FFEEEB url("../img/main_bg.webp");background-size:1920px;background-position:center;background-repeat:repeat-y}.description_box{width:90%;max-width:370px}.header_content .back{padding:4px 9px}.header_content .logo_box{max-width:186px}.wrapper{max-width:670px}.bg__stars_right{right:0}.download_song{width:24px;height:24px;display:block}}@media all and (min-width: 768px) and (min-height: 905px){.bg__stars_right{top:0;width:50px;height:75px;background-size:contain}.header_content .logo_box{max-width:210px}.header_content{padding:10px}.main_box .main_text{font-size:22px}.description_box p{font-size:20px}.header_content .back{padding:4px 9px}.text_back{font-size:14px;margin-top:-5px}}@media all and (min-width: 768px) and (min-height: 1023px){}@media screen and (min-width: 1024px)and (min-height: 500px){.header_content .logo_box{max-width:116px}}@media all and (min-width: 1200px) and (min-height: 600px){.header_content .logo_box{max-width:116px}.main_box .main_text{margin-top:0}.header_content{padding-bottom:0}.header_content .back{padding:5px 9px}.header_content .back{position:absolute;top:30px;left:18px;width:50px;height:50px;padding:5px 9px}}@media all and (min-width: 1200px) and (min-height: 800px){.header_content .logo_box{max-width:280px}}@media screen and (min-width: 2030px)and (min-height:1380px){.description_box{top:32%}}@media screen and (min-width: 2540px)and (min-height:1299px){.description_box{top:32%}}