.playlist{display:flex;gap:.5em;width:100%;flex-direction:column;margin:0 auto;max-width:800px}.playlist__footer{opacity:var(--text-op);text-align:left}.playlist__items{display:flex;flex-direction:column;gap:1em}.playlist__item{background:var(--bg-light);padding:1em;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);display:grid;grid-template-columns:36px auto 36px;align-items:center;position:relative;gap:.25em;cursor:pointer;border-radius:5px}.playlist__item--is-active,.playlist__item:hover{background:var(--bg-lighter)}.playlist__item-order{color:var(--text-darker);padding:0 .25em;font-size:120%;text-align:right}.playlist__item-complete{position:absolute;z-index:1;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.playlist__item-complete>span{opacity:0}.playlist__item-complete:hover>span{opacity:.5}.playlist__item-complete-yes>span{opacity:1}.playlist__item-complete-yes:hover>span{opacity:1}.playlist__item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;gap:.5em}.playlist__item-title-alt{opacity:var(--text-op);direction:ltr}.playlist__item-title a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;color:inherit}.playlist__item-chapter{opacity:var(--text-op)}.playlist__item-details{display:flex;gap:1em}.playlist__item-extra{display:flex;gap:.75em}.playlist__item-download{cursor:pointer}.playlist__item-arrow{margin-inline-start:auto;cursor:pointer}.playlist__item--is-complete .playlist__item-image img{opacity:.5}.series__header{display:grid;justify-items:center;text-align:center;max-width:800px;margin:0 auto}.series__header.mushaf{margin-bottom:2.5em}.series__speaker{margin:.25em auto 2em;display:flex;gap:.35em;align-items:center;color:var(--text-darker);justify-content:center}.series__speaker-title:after{content:" / "}.series__speaker-title:last-child:after{content:""}.series__speaker svg{transform:scaleX(-1)}.series__speaker a{color:inherit}.series__image{width:200px;max-height:400px;margin:0 auto 2em}.series__image img{border-radius:5px;box-shadow:0 5px 18px #0000004d}.series__description{margin-bottom:2em}.series__added{width:100%;text-align:left;color:var(--text-darker);margin:2em auto 0;max-width:800px}.series__categories{display:flex;gap:.35em;align-items:center;justify-content:center}.series__actions{margin-bottom:4em}.series__completions{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--bg-light);border-radius:50px;margin:0 auto 1em;padding:1em;position:relative;height:50px;max-width:800px}.series__completions-count{display:flex;align-items:center;gap:.5em;color:var(--text-darker)}.series__draft{background-color:var(--color-warning);color:var(--bg);padding:0 .5em;position:absolute;top:0;right:0;font-weight:700;border-radius:5px;display:flex}