body{margin:0;height:100vh}#root{max-width:500px;margin:0 auto;height:100%}.ar-text{direction:rtl}.encyContainer{height:100%;display:flex;flex-flow:column}.encyHeader{flex:0 0 auto;height:240px;width:100%;max-width:500px;position:fixed;top:0;overflow:hidden}.encyToc{overflow-y:auto;flex:1 1 auto;margin-top:240px}.encyContent{overflow-y:auto;flex:1 1 auto;margin-top:240px;border:none}.toc{font-family:Montserrat,sans-serif;font-size:20px;margin:5px;padding:3px 10px;cursor:pointer;border-radius:5px;text-align:left;display:flex;align-items:center;background-color:var(--backgroundColor);color:var(--textColor)}.toc:hover{background-color:var(--textColor);color:var(--backgroundColor)}.tocIcon{max-height:80px;max-width:100px;margin-right:1em;float:left}.tocInfo{width:100%}.tocTitle{margin-bottom:5px}.audioContainer{background-image:var(--backgroundImage);background-size:100% 100%;position:relative;width:100%;height:240px}.audioControls{position:absolute;bottom:10px;right:5px;width:50%}.audioControlLine{display:flex;justify-content:space-between;align-items:center;margin:10px 0;width:100%}.loudSpeaker{width:40px;height:40px}.controlButton{width:50px;height:50px}.controlButton:hover{cursor:pointer;transform:scale(1.2)}.seekControl{display:block;width:100%}.duration{font-family:Varela Round,sans-serif;font-weight:700;font-size:1.2em;text-align:right}.audioTitle{font-family:Montserrat,sans-serif;text-align:center}@media only screen and (max-width: 600px){.audioContainer{background-image:var(--backgroundImage);height:180px}.audioTitle{display:none}.duration{font-size:medium}}.audioStories{height:100%;display:flex;flex-flow:column}.audioPlayer{flex:0 0 auto;height:240px;width:100%;max-width:500px;position:fixed;top:0;overflow:hidden}.playList{overflow-y:auto;flex:1 1 auto;margin-top:240px}.audio-book-item{cursor:pointer;color:#00f;margin-bottom:10px}.audio-book-item:hover{text-decoration:underline}.track{font-family:Montserrat,sans-serif;font-size:20px;margin:5px;padding:3px 10px;cursor:pointer;border-radius:5px;text-align:left;display:flex;align-items:center;height:90px;background-color:var(--backgroundColor);color:var(--textColor)}.track:hover{background-color:var(--textColor);color:var(--backgroundColor)}.trackIcon{max-height:80px;margin-right:1em;float:left}.trackInfo{width:100%}.trackTitle{margin-bottom:5px}.rtl{direction:rtl;text-align:right}.trackSubTitle{font-size:medium;float:left}.trackPage{font-size:small;text-align:right}.trackSub{width:100%;display:flex;align-items:center;justify-content:space-between}.audioImage{object-fit:contain}.videoStories{height:100%;display:flex;flex-flow:column}.videoPlayer{flex:0 0 auto}.videoPlayList{overflow-y:scroll;flex:1 1 auto}.videoBookItem{cursor:pointer;color:#00f;margin-bottom:10px}.videoBookItem:hover{text-decoration:underline}.videoTrack{font-family:Montserrat,sans-serif;font-size:20px;margin:5px;padding:3px 10px;cursor:pointer;border-radius:5px;text-align:left;display:flex;align-items:center;height:90px;background-color:var(--backgroundColor);color:var(--textColor)}.videoTrack:hover{background-color:var(--textColor);color:var(--backgroundColor)}.videoTrackIcon{width:120px;margin-right:1em}.videoTrackInfo{width:100%}.videoTrackTitle{margin-bottom:5px}.videoTrackSubTitle{font-size:medium;float:left}.videoTrackPage{font-size:small;text-align:right}.videoTrackSub{width:100%;display:flex;align-items:center;justify-content:space-between}.packageTitle{font-size:2em;margin:10px;border-radius:10px;padding:.3em;text-align:center;color:#fff;background-color:#5ead40}.packageItem{font-size:1.2em;margin:15px 20px;border-radius:10px;display:flex;align-items:center;text-decoration:none}.packageItem:hover{cursor:pointer;background-color:#5ead40;color:#fff}.packageItem:visited{color:#06c}.packageItemIcon{width:60px;margin:0 15px}