@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);html{box-sizing:border-box;padding:0;width:100vw}body,html{height:100vh;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(data:image/jpeg;base64,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);background:#eceaea;background:var(--background-color);color:#000;font-family:Times New Roman,Times,serif}.wrapper{direction:ltr}.logo{color:#fff;text-decoration:none}.logo:hover{color:#eceaea}#alert_error{direction:ltr}:root{--primary-color:#ff532b;--background-color:#eceaea;--text-color:grey;--button-color:#9e06cc}.row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.col2{flex-basis:50%;min-width:300px}.col2 h1,h3{color:#000;font-weight:bolder}.col2 h1,.col2 p,h3{font-family:Times New Roman,Times,serif}.col2 p{color:#f3eded;font-weight:lighter}.col2 img{max-width:100%;padding:50px 0}.container{margin:auto;max-width:1300px;padding:0 25px}.fa-circle-user{color:#9c27b0;font-size:larger;font-weight:bolder}.reciters{background-color:#fff;box-shadow:0 0 0 4px rgba(0,0,0,.1);cursor:pointer;margin:10px;width:30%}.content>a,.reciters>a{color:#000;text-decoration:none}@media only screen and (min-width:300px) and (max-width:676px){.reciters{max-width:100%;width:100%}}@media only screen and (min-width:676px) and (max-width:756px){.reciters{max-width:100%;width:50%}}.App{text-align:center}body,html{height:100vh;width:100vw}*{box-sizing:border-box;font-family:Poppins,sans-serif}*,:after,:before{margin:0;padding:0}:root{--pink:#ff74a4;--violet:#9f6ea3;--lightblack:#515c6f;--white:#fff;--darkwhite:#cecaca;--pinkshadow:#ffcbdd;--lightbshadow:rgba(0,0,0,.15)}html{overflow:visible}body,html{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}body{background-color:#f0fff0;width:100vw}.container{align-items:center;direction:rtl;display:flex;justify-content:center}.wrapper{background:#fff;background:var(--white);border-radius:15px;box-shadow:0 6px 15px rgba(0,0,0,.15);box-shadow:0 6px 15px var(--lightbshadow);margin-left:-2rem;margin-top:2rem;overflow:hidden;padding:25px 30px;position:relative;width:326px}.wrapper i{cursor:pointer}.controls,.music-list .header,.music-list ul li,.progress-area .song-timer,.top-bar{align-items:center;display:flex;justify-content:space-between}.top-bar i{color:#515c6f;color:var(--lightblack);font-size:30px}.top-bar i:first-child{margin-left:-7px}.top-bar span{color:#515c6f;color:var(--lightblack);font-size:18px;margin-left:-3px}.img-area{border-radius:15px;box-shadow:0 6px 12px rgba(0,0,0,.15);box-shadow:0 6px 12px var(--lightbshadow);height:256px;margin-top:25px;overflow:hidden;width:100%}.img-area img{height:100%;object-fit:cover;width:100%}.reciter-details{margin:30px 0;text-align:center}.reciter-details p{color:#515c6f;color:var(--lightblack)}.reciter-details .name{font-size:21px}.reciter-details .reciter{font-size:18px;line-height:35px;opacity:.9}.progress-area{background:#f0f0f0;border-radius:50px;cursor:pointer;height:6px;width:100%}.progress-area .progress-bar{background:linear-gradient(90deg,#ff74a4,#9f6ea3);background:linear-gradient(90deg,var(--pink) 0,var(--violet) 100%);border-radius:inherit;height:inherit;position:relative;width:0}.progress-bar:before{background:inherit;border-radius:50%;content:"";height:12px;opacity:0;pointer-events:none;position:absolute;right:-5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .2s ease;width:12px;z-index:2}.progress-area:hover .progress-bar:before{opacity:1;pointer-events:auto}.progress-area .song-timer{margin-top:2px}.song-timer span{color:#515c6f;color:var(--lightblack);font-size:13px}.controls{margin:40px 0 5px}.controls i{-webkit-text-fill-color:transparent;background:linear-gradient(#ff74a4,#9f6ea3);background:linear-gradient(var(--pink) 0,var(--violet) 100%);background-clip:text;-webkit-background-clip:text;font-size:28px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.controls i:nth-child(2),.controls i:nth-child(4){font-size:43px}.controls #prev{margin-right:-13px}.controls #next{margin-left:-13px}.controls .play-pause{align-items:center;background:linear-gradient(#fff,#cecaca);background:linear-gradient(var(--white) 0,var(--darkwhite) 100%);border-radius:50%;box-shadow:0 0 5px #ff74a4;box-shadow:0 0 5px var(--pink);cursor:pointer;display:flex;height:54px;justify-content:center;width:54px}.play-pause:before{background:linear-gradient(#ff74a4,#9f6ea3);background:linear-gradient(var(--pink) 0,var(--violet) 100%);border-radius:inherit;content:""}.play-pause:before,.play-pause i{height:43px;position:absolute;width:43px}.play-pause i{-webkit-text-fill-color:transparent;background:inherit;background-clip:text;-webkit-background-clip:text;line-height:43px;text-align:center}.music-list{background:#fff;background:var(--white);border-radius:15px;bottom:-55%;box-shadow:0 -5px 10px rgba(0,0,0,.1);left:0;opacity:0;padding:15px 30px;pointer-events:none;position:absolute;transition:all .15s ease-out;width:100%;z-index:5}.music-list.show{bottom:0;opacity:1;pointer-events:auto}.header .row{align-items:center;color:#515c6f;color:var(--lightblack);display:flex;font-size:19px}.header .row i{cursor:default}.header .row span{margin-left:5px}.header #close{color:#515c6f;color:var(--lightblack);font-size:22px}.music-list ul{margin:10px 0;max-height:260px;overflow:auto}.music-list ul::-webkit-scrollbar{width:0}.music-list ul li{border-bottom:1px solid #e5e5e5;color:#515c6f;color:var(--lightblack);cursor:pointer;display:flex;list-style:none;margin-bottom:5px;padding-bottom:10px}.music-list ul li:last-child{border-bottom:0}.music-list ul li .row span{font-size:17px}.music-list ul li .row p{opacity:.9}ul li .audio-duration{font-size:16px}ul li.playing{color:#9f6ea3;color:var(--violet);pointer-events:none}.surahs{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);color:#000;counter-increment:surah-counter;cursor:pointer;font-size:20px;font-weight:700;margin-bottom:10px;padding:10px 20px;position:relative;width:calc(100% - 90px)}.content{background:#fff;box-shadow:0 0 4px rgba(0,0,0,.55);margin-bottom:20px;padding:20px;width:72vw}.content a{color:#000;font-size:larger;font-weight:bolder;text-decoration:none}a:hover{color:#9c27b0}.surah{margin:-3px;padding:10px}.surahs{font-size:28px;margin-bottom:0}.active{color:#515c6f}@media only screen and (min-width:200px)and (max-width:756px){html{height:-webkit-fill-available}.wrapper{margin-left:0}div#root{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}
/*# sourceMappingURL=main.7e696c44.css.map*/