@font-face{font-family:'NotoSansArabic';src:url("NotoSansArabic-VariableFont.ttf") format("truetype");font-weight:normal;font-style:normal}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:#fafafa;color:#222;font-family:NotoSansArabic, Helvetica, Arial, sans-serif;margin:0;min-height:100%;overflow-y:scroll;overflow-x:hidden}form{background-color:#333;font-size:0;white-space:nowrap}nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 auto;width:900px}nav a{box-sizing:border-box;color:#fff;display:inline-block;font-size:14px;min-width:19px;padding:12px 9px;text-align:center}nav a:first-child{padding-right:0;padding-left:10px}input{background-color:#fff;border:none;border-radius:1em;color:#222;font-size:14px;outline:0;padding:.33em .7em;margin:0 0 10px 7px;vertical-align:middle;width:130px;-webkit-appearance:none;position:relative;z-index:1}::placeholder{color:#999;opacity:1}ul{margin:0;padding:0 0 0 20px}h1,h2,h3,h4{margin-bottom:1rem;margin-top:2rem}h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}p{margin-bottom:.5rem;margin-top:0}#content{margin:0 auto;position:relative;width:900px;box-sizing:border-box}#content.home{text-align:right}.homepage a{text-decoration:underline}#view{color:#222;padding-bottom:15rem}#b{display:block;font-size:14px;line-height:30px}#b[dir="rtl"]{direction:rtl;text-align:right}#b[dir="rtl"]>span{display:inline-block;margin-left:20px}#b[dir="rtl"]>span:not(:first-child){margin-right:20px}#b[dir="rtl"]>span:not(:first-child):before{content:'←';font-size:12px;position:absolute;left:unset;right:-16px;top:1px}#b[dir="rtl"]>span:last-child{margin-right:20px}#b[dir="rtl"] a{display:inline-block}a{color:#000;opacity:.9;text-decoration:none}a:hover{opacity:1}.t0,.t2,.t3,.t4{padding-right:1rem;background:transparent none no-repeat right center}.t0{background-image:url("data:image/svg+xml;utf8,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Csvg%20width=%2211%22%20height=%2211%22%20version=%221.1%22%20viewBox=%220%200%202.91%202.91%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Crect%20x=%22.52909%22%20y=%221.0582%22%20width=%221.8518%22%20height=%22.79364%22%20fill=%22%23666%22%20stroke-width=%220%22/%3E%3C/svg%3E")}.t2{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20image-rendering%3D%22optimizeQuality%22%20shape-rendering%3D%22geometricPrecision%22%20text-rendering%3D%22geometricPrecision%22%3E%3Cpath%20d%3D%22M9.764%2010.17c0-2.936-1.91-5.314-4.264-5.314-2.353%200-4.264%202.378-4.264%205.313%200%20.458%201.91.831%204.264.831%202.353%200%204.264-.373%204.264-.83zM5.5%200a2.323%202.323%200%2011.001%204.646%202.323%202.323%200%20010-4.646z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E")}.t3{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%202.91%202.91%22%3E%3Cpath%20d%3D%22M1.406.002c-.238.006-.473.07-.68.193-.444.253-.73.75-.726%201.26a1.461%201.461%200%20001.081%201.406%201.461%201.461%200%20001.636-.68c.329-.55.227-1.31-.234-1.756A1.451%201.451%200%20001.406.002zm.024%201.042a.412.412%200%2001.292.095.408.408%200%2001-.414.686.405.405%200%2001-.154-.651.39.39%200%2001.276-.13z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E")}.t4{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cpath%20d%3D%22M6.336.182c.607%201.513%202.26%202.364%202.677%203.978.125.382.273.88-.091%201.19-.603.174-.452-.746-.603-1.103-.193-.685-.64-1.324-1.276-1.66-.485-.098-.742.485-.753.886.159%201.896.119%203.808-.028%205.704-.35%201.088-1.512%201.684-2.592%201.769-.823.112-1.808-.53-1.723-1.428.098-1.097%201.208-1.802%202.235-1.853.423.003.877.184%201.284-.03.485-.219.367-.816.355-1.24-.043-2.058.054-4.115.044-6.173.053-.218.355-.17.47-.04z%22%20fill%3D%22%23666%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23666%22%20stroke-width%3D%22.107%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}@media only screen and (max-width: 920px){a{opacity:1}.t2,.t3,.t4{background-position-y:1rem}}@media print{a{color:#000;opacity:1;text-decoration:none}}.l{line-height:150%;list-style:none;margin-top:-6px;padding:0;text-align:right}.l li{padding-right:0}.l a{box-sizing:border-box;display:inline-block;min-width:90px}.l b{color:#bbb;display:inline-block;font-weight:normal;text-align:right;width:22px}.l span{color:#bbb}.l.g{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1rem}.l.g li{text-align:center}.l.g li a{border-radius:.5rem;background-color:#fff;color:#222;padding:1rem}@media only screen and (max-width: 920px){.l a{min-width:100%;padding-top:10px;padding-bottom:10px}}#lyrics-container{margin:0 auto;box-shadow:2px 2px 20px rgba(0,0,0,0.04);width:min-content;min-width:50%;max-width:100%;display:flex;flex-direction:column}#lyrics{background:#fff;border:solid 1px #f2f2f2;color:#222;display:inline-block;font-family:'NotoSansArabic';line-height:1.5;margin:-1px 0 0 0;overflow:auto;padding:20px 16px;min-width:100%;width:max-content;max-width:100%;box-sizing:border-box}#lyrics span{border-bottom:1px solid rgba(0,0,0,0.03);display:block;margin:0 0 -1px 0}hr{display:none}table{margin:0;text-align:right;background-color:#fbfbfb;color:#333;width:100%;border:1px solid #fbfbfb;border-collapse:collapse}td{padding:10px 16px}td a{text-decoration:underline}tr:first-child td{padding-top:20px}tr:last-child td{padding-bottom:20px}td:first-child{font-weight:bold;width:1%;white-space:nowrap;vertical-align:top}@media only screen and (max-width: 920px){table{border:none}td{padding:5px 10px}tr:first-child td{padding-top:10px}tr:last-child td{padding-bottom:10px}}@media print{table{border:none}}#lyrics-actions{padding:10px 16px}#lyrics-actions a{background-color:transparent;border:1px solid #333;border-radius:0.4em;color:#333;display:block;padding:0.4em 0.5em;text-align:center;text-decoration:none;white-space:nowrap}@media only screen and (max-width: 920px){#lyrics-container{box-shadow:none;margin:-10px;min-width:calc(100% + 20px);max-width:calc(100% + 20px)}#lyrics{display:block;padding:10px 10px;min-width:100%;max-width:100%;border:none;margin:0}#lyrics-actions{padding:10px 10px}}@media print{#lyrics{border:none;box-shadow:none;margin:0;width:100%}#lyrics-actions{display:none}}@media only screen and (max-width: 920px){form{overflow:hidden;position:relative}form:before,form:after{bottom:0;content:'';position:absolute;top:0;pointer-events:none}form:before{background:linear-gradient(270deg, rgba(51,51,51,0) 0%, #333 100%);right:0;width:10px}form:after{background:linear-gradient(90deg, rgba(51,51,51,0) 0%, #333 100%);right:0;width:50px}nav{overflow-x:auto;overflow-y:hidden;margin-right:60px;text-align:right;width:100%;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}nav a{display:inline-block;font-weight:bold;margin-right:3px;min-width:40px;padding:1.3em .5em}nav a:first-child{padding-right:10px}input{margin-right:1.3rem;margin-left:1rem}#content{background:inherit;padding:0 10px;width:100%}}@media (prefers-color-scheme: dark){body{background-color:#000}a{color:#fff}form{background-color:#050505}}@media only screen and (prefers-color-scheme: dark) and (max-width: 920px){form:before{background:linear-gradient(270deg, rgba(5,5,5,0) 0%, #050505 100%)}form:after{background:linear-gradient(90deg, rgba(5,5,5,0) 0%, #050505 100%)}}@media (prefers-color-scheme: dark){nav a{color:#fff}input{background-color:#1a1a1a;color:#eee}::placeholder{color:#555}#b>span:not(:first-child):before{color:rgba(238,238,238,0.5)}}@media only screen and (prefers-color-scheme: dark) and (max-width: 920px){#b>span:first-child:before{background:linear-gradient(270deg, rgba(0,0,0,0) 0%, #000 100%)}#b>span:first-child:after{background:linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 100%)}}@media (prefers-color-scheme: dark){#view{color:#eee}.l b,.l span{color:#666}.l.g li a{background-color:#1a1a1a;color:#eee}#lyrics-container{box-shadow:none}#lyrics{background:#050505;color:#e5e5e5;border-color:#111}#lyrics span{border-bottom:1px solid rgba(255,255,255,0.045)}table{background-color:#030303;color:#777;border-color:#030303}td a{color:#777}#lyrics-actions a{border-color:#777;color:#777}}@media print{body{font-size:14px}form{display:none}#view{padding:0}#content{margin:0}}