@font-face{font-family:Graphik Arabic;font-style:normal;font-weight:400;src:url(/fonts/GRAPHIK-ARABIC.otf)format("opentype");font-display:swap}@font-face{font-family:Graphik Arabic;font-style:normal;font-weight:500;src:url(/fonts/Graphik-Arabic-Medium.otf)format("opentype");font-display:swap}@font-face{font-family:Graphik Arabic;font-style:normal;font-weight:700;src:url(/fonts/GRAPHIK-ARABIC-BOLD.otf)format("opentype");font-display:swap}:root{--hp-brand:#0b5140;--hp-brand-dark:#08402f;--hp-yellow:#e8bd22;--hp-mint:#d9ece5;--hp-ink:#1f1f2a;--hp-white:#fff;--hp-shadow:0 6px 24px #00000059}*{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;background:#000;height:100%;margin:0;padding:0;font-family:Graphik Arabic,Segoe UI,Tahoma,Noto Kufi Arabic,system-ui,sans-serif;overflow:hidden}.hp{color:#fff;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;position:relative}.hp-stage{cursor:default;background:#000;position:absolute;inset:0;overflow:hidden}.hp-host{position:absolute;inset:0}.hp-host video,.hp-host iframe{background:#000;border:0;width:100%;height:100%;display:block;position:absolute;inset:0;pointer-events:none!important}.hp[data-kind=youtube] .hp-host iframe{height:calc(100% + 128px);top:-64px}.hp-shield{z-index:2;cursor:pointer;background:0 0;position:absolute;inset:0}.hp.is-fullscreen .hp-stage{cursor:none}.hp.is-active .hp-stage,.hp.is-paused .hp-stage{cursor:default}.hp-bigplay{z-index:4;color:#fff;cursor:pointer;width:88px;height:88px;box-shadow:var(--hp-shadow);background:#0b5140eb;border:0;border-radius:999px;place-items:center;transition:transform .16s,opacity .16s,background-color .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.hp-bigplay:hover{background:var(--hp-brand-dark);transform:translate(-50%,-50%)scale(1.06)}.hp-bigplay svg{width:42px;height:42px;fill:var(--hp-yellow);transform:scaleX(-1)}.hp-bigplay[hidden],.hp-spinner[hidden],.hp-error[hidden]{display:none!important}.hp.is-playing .hp-bigplay{opacity:0;pointer-events:none}.hp-spinner{z-index:5;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-spinner-ring{border:4px solid #ffffff38;border-top-color:var(--hp-yellow);border-radius:999px;width:54px;height:54px;animation:.8s linear infinite hp-spin;display:block}@keyframes hp-spin{to{transform:rotate(360deg)}}.hp-error{z-index:6;text-align:center;background:#000000db;place-content:center;justify-items:center;gap:.75rem;padding:1.5rem;display:grid;position:absolute;inset:0}.hp-error-title{color:#fff;margin:0;font-size:1.125rem;font-weight:700}.hp-error-text{color:#ffffffb8;max-width:32rem;margin:0;font-size:.9rem;line-height:1.9}.hp-retry{background:var(--hp-yellow);color:var(--hp-ink);cursor:pointer;border:0;border-radius:999px;margin-top:.25rem;padding:.6rem 1.6rem;font-family:inherit;font-size:.9rem;font-weight:700}.hp-retry:hover{filter:brightness(.94)}.hp-controls{z-index:7;inset-inline:0;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#00000073 45%,#000000d9 100%);padding:2.5rem .75rem .6rem;transition:opacity .18s,transform .18s;position:absolute;bottom:0;transform:translateY(8px)}.hp.is-active .hp-controls,.hp.is-paused .hp-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.hp-bar{align-items:center;gap:.25rem;margin-top:.35rem;display:flex}.hp-spacer{flex:1}.hp-btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-family:inherit;transition:background-color .14s,color .14s;display:grid;position:relative}.hp-btn:hover,.hp-btn:focus-visible{color:var(--hp-yellow);background:#ffffff29;outline:none}.hp-btn svg{fill:currentColor;width:22px;height:22px}.hp-btn-num{bottom:3px;pointer-events:none;font-size:9px;font-weight:700;line-height:1;position:absolute;inset-inline-end:5px}.hp-btn-text{width:auto;min-width:44px;padding-inline:.6rem;font-size:.8rem;font-weight:700}.hp-i-pause,.hp-i-muted,.hp-i-compress,.hp.is-playing .hp-i-play,.hp.is-muted .hp-i-vol,.hp.is-fullscreen .hp-i-expand{display:none}.hp.is-playing .hp-i-pause,.hp.is-muted .hp-i-muted,.hp.is-fullscreen .hp-i-compress{display:block}.hp-i-play{transform:scaleX(-1)}.hp-time{color:#ffffffe6;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;padding-inline:.5rem;font-size:.78rem;font-weight:500}.hp-volume{align-items:center;gap:.25rem;display:flex}.hp-vol-range{opacity:0;width:0;height:4px;accent-color:var(--hp-yellow);cursor:pointer;transition:width .16s,opacity .16s}.hp-volume:hover .hp-vol-range,.hp-vol-range:focus-visible{opacity:1;width:76px}.hp-seek{cursor:pointer;touch-action:none;padding-block:8px;position:relative}.hp-seek:focus-visible{outline:2px solid var(--hp-yellow);outline-offset:4px;border-radius:6px}.hp-seek-track{background:#ffffff3d;border-radius:999px;height:5px;position:relative;overflow:visible}.hp-seek-buffer,.hp-seek-played{border-radius:999px;width:0;position:absolute;inset-block:0;inset-inline-start:0}.hp-seek-buffer{background:#ffffff57}.hp-seek-played{background:var(--hp-yellow)}.hp-seek-knob{top:50%;opacity:0;background:#fff;border-radius:999px;width:13px;height:13px;transition:opacity .14s;position:absolute;inset-inline-start:0;transform:translate(50%,-50%);box-shadow:0 0 0 3px #e8bd2280}.hp-seek:hover .hp-seek-knob,.hp.is-scrubbing .hp-seek-knob{opacity:1}.hp-seek-tip{font-variant-numeric:tabular-nums;pointer-events:none;direction:ltr;background:#000000d9;border-radius:6px;padding:.15rem .45rem;font-size:.7rem;position:absolute;bottom:22px;transform:translate(50%)}.hp-speed{position:relative}.hp-menu{bottom:calc(100% + 8px);min-width:108px;box-shadow:var(--hp-shadow);background:#111816f7;border-radius:14px;gap:2px;padding:.25rem;display:grid;position:absolute;inset-inline-end:0}.hp-menu[hidden]{display:none}.hp-menu button{color:#fff;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.45rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500}.hp-menu button:hover{background:#ffffff1f}.hp-menu button.is-active{background:var(--hp-brand);color:var(--hp-yellow);font-weight:700}@media (width<=520px){.hp-hide-sm{display:none}.hp-bigplay{width:68px;height:68px}.hp-bigplay svg{width:32px;height:32px}.hp-time{padding-inline:.25rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
