@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik&display=swap";@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;500&display=swap";:root{--accent: #accaf4;--accent-2: #43e9d0;--accent-3: #a0c0ec;--accent-4: #47a8e9;--links: #2a8869;--bg: #222E3B;--bg-light:#1B252D;--bg-lighter: #375166;--btn: #1B252D;--bg-darker: #000000;--transparent: rgba(255, 255, 255, .08);--border: #182128;--text: #e1e9f0;--text-darker: #b0bbc5;--text-op: .6;--content-max-width: 1200px;--form-width: 668px;--content-padding: 1em;--color-success: #019c87;--color-error: #882a2a;--color-gray: rgb(118, 125, 134);--color-warning: #F4D088}[data-theme=light]{--bg: #fff8e1;--bg-light: #e8f0e1;--bg-lighter: #eeeeee;--btn: #c3d9c8;--bg-darker: #b0cbb4;--border: #dcded2;--text: #131313;--text-darker: #595959}html{font-size:100%}body{font-family:Readex Pro,Rubik,Noto Kufi Arabic,sans-serif;font-weight:300;line-height:1.95;color:var(--text)}p{margin-bottom:1rem;margin-top:0}h1,h2,h3,h4,h5{margin:0;font-family:Readex Pro,Rubik,Noto Kufi Arabic,sans-serif;font-weight:500;line-height:1.8}h1{font-size:1.802rem}h2{font-size:1.602rem}small,.small{font-size:.702rem}.text-italic{font-style:italic}button{font-family:Readex Pro,Rubik,Noto Kufi Arabic,sans-serif;line-height:1.95}@media screen and (max-width: 768px){html{font-size:80%}}html{direction:rtl}body{margin:0;padding:0;background-color:var(--bg)}a{color:var(--text);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}img,svg{max-width:100%;height:auto;display:block}*{box-sizing:border-box}.sr-only{display:none}button{font-size:inherit;font-weight:inherit}.no-scroll{overflow:hidden!important}.flex{display:flex}.ms-1{margin-inline-end:.25em}.ms-2{margin-inline-end:.5em}.ms-3{margin-inline-end:1em}.t-color{color:var(--text-darker)}.app{width:100%;max-width:var(--content-max-width);padding:0;margin:0 auto;position:relative}.main{padding:3em var(--content-padding) 0}.block{display:flex;flex-direction:column;margin-bottom:2em;position:relative;width:100%}.block-title{margin-bottom:.75em;align-self:self-start}.contentlist{display:flex;gap:.5em;width:100%;flex-direction:column}.contentlist__header{display:flex;align-items:center;gap:2em}.contentlist__header-right{font-weight:500}.contentlist__header-left{opacity:var(--text-op)}.contentlist__footer{opacity:var(--text-op);text-align:left}.contentlist__item{background:var(--bg-light);padding:0;border-radius:2px;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);display:flex;gap:1em;align-items:center;position:relative;cursor:pointer}.contentlist__item:hover{background:var(--bg-lighter)}.contentlist__item-image{margin:0;border-radius:2px;box-shadow:0 10px 28px #0006;overflow:hidden;width:100px;height:100px}.contentlist__item-title{cursor:pointer}.contentlist__item-title a{color:inherit}.contentlist__item-title a:hover{text-decoration:none}.contentlist__item-details{display:flex;gap:1em}.contentlist__item-arrow{margin-inline-start:auto;padding-inline-end:2em}.collection__header{display:flex;align-items:baseline;justify-content:space-between;gap:1em;position:relative}.collection__header .edit-button{position:absolute;top:-25px}.collection__content{margin:4em 0}.library{margin:2em 0 4em}.library ul{list-style:none;padding:0;margin:0}.library li{margin-bottom:.5em}.form{width:100%}.form__header{display:flex;align-items:center;justify-content:space-between}.form__title{margin-bottom:.5em}.form__feedback{list-style:inside;padding:0;margin:0;border-radius:5px;max-width:var(--form-width)}.form__feedback--is-success{background:var(--color-success);color:#fff;list-style:none}.form__feedback--is-fail{background:var(--color-error);color:#fff}.form__feedback li{padding:.25em .5em}.form__confirm{border:1px dashed var(--text);padding:1em;margin-top:1em;border-radius:1px;width:100%;max-width:var(--form-width)}.form--is-disabled{pointer-events:none;opacity:.5}.form__footer{margin-top:3em;display:flex;gap:1em;align-items:center;justify-content:space-between}.form__footer-buttons,.form__extra-buttons{display:flex;gap:1em;justify-content:end;align-items:center}.form__uploaders{display:flex;gap:1em}.form__added{opacity:var(--text-op);float:left}.form__successful-content{display:flex;gap:1em;flex-direction:column;text-align:center}.form__successful-button{min-width:200px;align-self:center}.field{display:flex;flex-direction:column;gap:.35em;margin-bottom:2em}.field>div{width:100%;position:relative}.field__simple{align-items:start}.field--is-max{max-width:var(--form-width)}.field__slug{opacity:var(--text-op)}.field__title{border:1px solid var(--bg-light);color:inherit;padding:10px;margin-bottom:0;width:100%;border-radius:5px;background-color:var(--bg-light);font-size:1.602rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.field__title:focus{border-color:var(--accent-3);box-shadow:0 0 0 .2rem #007bff40;outline:0}.field__title::placeholder{opacity:.5}.field__search{color:inherit;padding:10px;margin-bottom:0;width:100%;border-radius:5px;background-color:var(--bg-light)}.field__search:focus{outline:0}.field__search::placeholder{opacity:.5}.field__text{padding:10px;margin-bottom:0;width:100%;border-radius:5px;background-color:var(--bg-light);border:1px solid var(--bg-light);color:inherit;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.field__text:focus{border-color:var(--accent-3);box-shadow:0 0 0 .2rem #007bff40;outline:0}.field__text::placeholder{opacity:.5}.field__text--is-center{text-align:center}.field__text--has-add{display:flex;gap:.5em;position:relative;align-items:center}.field__text-add{cursor:pointer;display:flex;align-items:center;gap:.25em}.field--confirm-email{display:none!important;visibility:hidden!important;position:absolute;left:-5000px}.field__number{padding:10px;margin-bottom:0;width:100%;border-radius:5px;background-color:var(--bg-light);border:1px solid var(--bg-light);color:inherit;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.field__number:focus{border-color:var(--accent-3);box-shadow:0 0 0 .2rem #007bff40;outline:0}.field__number::placeholder{opacity:.5}.field__select{background-color:var(--bg-light);border:1px solid var(--bg-light);color:inherit;padding:10px;margin-bottom:0;cursor:pointer;width:100%;transition:all .25s cubic-bezier(.68,-.55,.265,1.55)}.field__textarea{display:block;clear:both;padding:10px;margin-bottom:0;width:100%;border-radius:5px;background-color:var(--bg-light);border:1px solid var(--bg-light);color:inherit;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.field__textarea:focus{border-color:var(--accent-3);box-shadow:0 0 0 .2rem #007bff40;outline:0}.field__textarea::placeholder{opacity:.5}.field__button{margin-bottom:1em!important}.field__delete{color:var(--color-error)!important;display:flex;align-items:center;gap:.25em}.field__title{display:flex;gap:.5em;align-items:center}.field--is-private{flex-direction:row}.field--is-private>div{width:fit-content}.field__suggestions{position:absolute;top:auto;z-index:1;background-color:var(--bg);box-shadow:0 5px 18px #0000004d;border-radius:5px;padding:1em 1em 1.5em;width:100%}.field__suggestions-title{opacity:var(--text-op);margin-bottom:1em;display:block}.field__suggestions-item{cursor:pointer;margin-bottom:.5em}.field__suggestions-item:hover{transition:all .25s cubic-bezier(.68,-.55,.265,1.55);opacity:var(--text-op)}.field__selected{display:flex;gap:.5em;align-items:center}.field__selected-title{background-color:var(--bg-light)!important;padding:0 .5em!important;border-radius:5px;font-size:120%}.field__selected-action{padding:5px;cursor:pointer}.field__selected-items{display:flex;gap:.5em;align-items:center}.field__selected-items-el{background-color:var(--bg-light);padding-inline-start:.5em;border-radius:5px;display:flex;align-items:center;gap:.5em}.field__selected-items-action{padding:5px;cursor:pointer;opacity:var(--text-op)}.field__surah-title small{color:var(--text-darker)}.reset-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;box-shadow:none;margin:0;cursor:pointer;background:none;color:inherit;padding:0}.btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;box-shadow:none;margin:0;cursor:pointer;font-weight:500;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);border-radius:50px}.btn--accent{background:var(--accent);color:var(--text)}.btn--plain{background:var(--text);color:var(--bg)}.btn--transparent{background:var(--bg-lighter);color:var(--text)}.btn--transparent-active{color:var(--accent-2)}.btn--transparent-active span{background-image:linear-gradient(to right,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.btn--light{background:var(--bg-light);color:var(--text)}.btn--blue{background:var(--accent-3);color:var(--bg)}.btn--is-sm{padding:.25em 1em}.btn--is-md{padding:.5em 1em}.btn--is-xl{padding:1em 2em}.btn--is-red{background-color:var(--color-error)}.btn--has-icon{display:flex;align-items:center;gap:.5em;justify-content:space-between}.btn--is-icon{height:50px;width:50px;padding:0;display:grid;align-items:center;justify-content:center}.btn--is-playicon{height:60px;width:60px;padding:0;display:grid;align-items:center;justify-content:center}.btn--is-min{min-width:80px}.btn--is-disabled{cursor:default;opacity:.4}.btn-icon{display:flex;align-items:center;justify-content:center;border-radius:100px;width:fit-content;box-sizing:border-box}.btn-icon--is-sm{padding:8px}.btn-icon--is-md{padding:12px}.btn-icon--is-xl{padding:20px}.btn-icon--light{background-color:var(--bg-light)}.btn-icon--transparent{background-color:var(--transparent)}.skeleton{cursor:progress;opacity:.6}.skeleton>*{cursor:progress!important}.skeleton__episode-item-order{background-color:var(--text-darker);height:9px;width:10px}.skeleton__episode-item-title{background-color:var(--text);height:14px;width:200px;margin:10px 0}.skeleton__episode-item-duration{background-color:var(--text-darker);height:9px;width:30px}.skeleton__series-item-wrpper{padding-inline-start:1em}.skeleton__series-item-title{background-color:var(--text);height:14px;width:200px;margin:10px 0}.skeleton__series-item-author{background-color:var(--text-darker);height:14px;width:120px}.skeleton__series-item-number{background-color:var(--text-darker);height:14px;width:80px}.skeleton__series-item-buttons{background:linear-gradient(90deg,var(--accent-3),var(--accent-4));height:28px;width:80px;border-radius:2em}.skeleton__users-item-wrpper{padding-inline-start:1em}.skeleton__users-item-buttons{background:linear-gradient(90deg,var(--accent-3),var(--accent-4));height:28px;width:35px;border-radius:2em}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake-animation{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}