@font-face{font-family:LPMQ;src:url(../fonts/LPMQ.ttf);src:url(../fonts/LPMQ.ttf) format('ttf'),url(../fonts/LPMQ.ttf) format('truetype')}@font-face{font-family:Poppins-Regular;src:url(../fonts/Poppins-Regular.ttf);src:url(../fonts/Poppins-Regular.ttf) format('ttf'),url(../fonts/Poppins-Regular.ttf) format('truetype')}@font-face{font-family:Poppins-SemiBold;src:url(../fonts/Poppins-SemiBold.ttf);src:url(../fonts/Poppins-SemiBold.ttf) format('ttf'),url(../fonts/Poppins-SemiBold.ttf) format('truetype')}:root{font-size:14px;font-family:Poppins-Regular,sans-serif;--semiBoldFont:'Poppins-SemiBold',sans-serif;--bodyColor:hsl(0, 0%, 100%);--accentColor:hsl(210, 10%, 23%);--cardColor:hsl(0, 0%, 100%);--textGray:gray;--textcolor:var(--accentColor);--loaderColor:var(--accentColor);--borderColor:hsl(240, 11%, 96%);--arabFont:'LPMQ'}[data-theme=dark]{--semiBoldFont:'Poppins-SemiBold',sans-serif;--bodyColor:hsl(210, 10%, 23%);--cardColor:hsl(212, 7%, 40%);--textGray:hsl(0, 0%, 87%);--textcolor:hsl(0, 0%, 100%);--loaderColor:hsl(0, 0%, 100%);--borderColor:gray}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:baseline;border:0;outline:0;font-family:inherit;font-size:inherit;list-style:none;text-decoration:none}body{background-color:var(--bodyColor);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}.toggle,a{cursor:none}.navigation{background-color:var(--accentColor);padding:1rem 0;color:#fff;font-size:1.3rem;position:fixed;top:0;width:100%;z-index:4}.navigation .logo{font-family:var(--semiBoldFont)}.navigation .theme-toggle .check-toggle{display:none}.navigation .sidebar{background-color:var(--accentColor);width:60%;z-index:-2;padding-top:4em;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.navigation .sidebar .container{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;padding-bottom:1rem}.navigation .sidebar .menu-text{font-size:1.8rem;font-weight:600;margin-bottom:1em}.navigation .sidebar .link{display:inline-block;color:#fff;margin-bottom:1em}.navigation .sidebar footer{font-size:.8rem}.navigation .sidebar footer span{font-weight:600}.navigation .sidebar.active{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.surahs .surah{background-color:var(--cardColor);border-radius:1rem;padding:16px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;margin-bottom:1rem}.surahs .surah:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.surahs .surah .number{background-color:var(--accentColor);padding:16px;color:#fff;border-radius:8px;margin-right:1rem;font-family:Roboto,sans-serif;font-weight:600}.surahs .surah .name{font-size:1.2rem;color:var(--textcolor)}.surahs .surah .desc{font-size:.8rem}.surah-page{width:100%;overflow-y:scroll;z-index:2;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;color:var(--textcolor);background-color:var(--bodyColor)}.surah-page.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.surah-page .bismillah{font-size:2.3rem;text-align:center;margin-bottom:35px}.surah-page .verse{border-bottom:1px solid var(--borderColor);padding:1rem 0;margin-bottom:10px}.surah-page .verse:last-child{border-bottom:none}.surah-page .verse .arab{margin-bottom:1rem;text-align:right}.surah-page .verse .latin{margin-bottom:13px;color:var(--textcolor)}.surah-page .toggle{margin-top:12px}.page{color:var(--textcolor);background-color:var(--bodyColor);width:100%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;overflow-y:scroll;padding-bottom:1em}.page.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.primary-card{background-color:var(--cardColor);color:var(--textcolor);padding:1.8em;border-radius:1rem;margin-bottom:1rem}.primary-card .name{font-size:1.3rem;margin-bottom:1rem}.primary-card .arab{text-align:right;margin-bottom:.8rem}.primary-card .means{color:var(--textGray);margin-top:.6rem}.adzan-page header{background-color:var(--cardColor);padding:2em;border-radius:1rem;margin-bottom:2rem}.adzan-page header .date{font-size:.9rem}.adzan-page header .name{font-size:2rem;margin-bottom:2rem;text-transform:uppercase}.adzan-page header .time-icon{font-size:4rem;margin-right:1em}.adzan-page header .time{font-size:1.5rem}.adzan-page .time-list .card{background-color:var(--cardColor);padding:1.8rem;border-radius:1rem;font-size:1.3rem;margin-bottom:1rem}.adzan-page .time-list .card .name{font-weight:600;margin-left:10px}.loader{height:100%;width:100%;position:fixed;top:0;background-color:var(--bodyColor);display:-ms-grid;display:grid;place-items:center;z-index:3;visibility:hidden;pointer-events:none}.loader.active{visibility:visible;pointer-events:all}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid var(--loaderColor);opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}.offline{width:100%;display:-ms-grid;display:grid;place-items:center;background-color:var(--bodyColor);color:var(--textcolor);display:none}.offline .copy{font-size:2rem}.container.responsive{display:block}@media (min-width:768px){.toggle,a{cursor:pointer}.navigation .sidebar{width:30%}.container.responsive{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1rem 1fr;grid-template-columns:repeat(2,1fr);gap:1rem}}.container{margin:0 20px}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.d-none{display:none}.shadow{-webkit-box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px}.text-gray{color:var(--textGray)}.text-white{color:#fff}.fixed-set{position:fixed;top:0;height:100%}.padding-set{padding-top:80px}.arab{font-family:var(--arabFont);font-size:2rem;line-height:2.3}.fs-medium{font-size:1.6rem}