.dplayer{position:relative;overflow:hidden;background:#040f2e;outline:none;user-select:none}.dplayer:focus-visible{box-shadow:0 0 0 calc(2px * var(--fs, 1)) #38BDF8}.dplayer__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.dplayer[data-fullscreen=true] .dplayer__video{object-fit:contain;background:#000}.dplayer[data-fullscreen=true] .dplayer__bar{padding-bottom:max(calc(12px * var(--fs, 1)),env(safe-area-inset-bottom));padding-left:max(calc(14px * var(--fs, 1)),env(safe-area-inset-left));padding-right:max(calc(14px * var(--fs, 1)),env(safe-area-inset-right))}.dplayer__big{position:absolute;left:50%;top:50%;width:calc(72px * var(--fs, 1));height:calc(72px * var(--fs, 1));margin:calc(-36px * var(--fs, 1)) 0 0 calc(-36px * var(--fs, 1));border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,102,255,.92);color:#fff;cursor:pointer;box-shadow:0 calc(10px * var(--fs, 1)) calc(30px * var(--fs, 1)) rgba(0,0,0,.35),0 0 0 calc(8px * var(--fs, 1)) rgba(255,255,255,.12);transition:opacity .3s,transform .3s cubic-bezier(.23,1,.32,1),background .2s}.dplayer[data-playing=true] .dplayer__big{opacity:0;transform:scale(.85);pointer-events:none}.dplayer__bar{position:absolute;left:0;right:0;bottom:0;padding:calc(28px * var(--fs, 1)) calc(14px * var(--fs, 1)) calc(12px * var(--fs, 1));display:flex;align-items:center;gap:calc(10px * var(--fs, 1));color:#fff;background:linear-gradient(180deg,transparent,rgba(4,15,48,.85));opacity:1;transform:none;transition:opacity .3s,transform .3s cubic-bezier(.23,1,.32,1)}.dplayer[data-playing=true] .dplayer__bar{opacity:0;transform:translateY(calc(6px * var(--fs, 1)))}.dplayer[data-playing=true]:focus-within .dplayer__bar,.dplayer[data-playing=true]:hover .dplayer__bar{opacity:1;transform:none}@media (hover:none){.dplayer[data-playing=true] .dplayer__bar{opacity:1;transform:none}}.dplayer__btn{flex:none;width:calc(32px * var(--fs, 1));height:calc(32px * var(--fs, 1));border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;cursor:pointer;transition:background .2s}.dplayer__btn:focus-visible,.dplayer__track:focus-visible{outline:calc(2px * var(--fs, 1)) solid #38BDF8;outline-offset:calc(2px * var(--fs, 1))}.dplayer__time{flex:none;font:500 calc(12px * var(--fs, 1)) var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:rgba(255,255,255,.85);min-width:calc(78px * var(--fs, 1));text-align:center}.dplayer__track{position:relative;flex:1;height:calc(18px * var(--fs, 1));display:flex;align-items:center;cursor:pointer;touch-action:pan-y}.dplayer__rail{position:relative;width:100%;height:calc(4px * var(--fs, 1));background:rgba(255,255,255,.25);transition:height .15s}.dplayer__fill,.dplayer__rail{border-radius:calc(999px * var(--fs, 1))}.dplayer__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#0066FF,#38BDF8)}.dplayer__knob{position:absolute;top:50%;width:calc(12px * var(--fs, 1));height:calc(12px * var(--fs, 1));margin:calc(-6px * var(--fs, 1)) 0 0 calc(-6px * var(--fs, 1));border-radius:50%;background:#fff;box-shadow:0 0 0 calc(3px * var(--fs, 1)) rgba(56,189,248,.35);transform:scale(0);transition:transform .15s}.dplayer__track:focus-visible .dplayer__knob{transform:scale(1)}@media (pointer:coarse){.dplayer__bar{padding:calc(24px * var(--fs, 1)) calc(8px * var(--fs, 1)) calc(4px * var(--fs, 1));gap:calc(4px * var(--fs, 1))}.dplayer__btn{width:calc(44px * var(--fs, 1))}.dplayer__btn,.dplayer__track{height:calc(44px * var(--fs, 1))}.dplayer__knob{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dplayer__bar,.dplayer__big{transition:none}}@media (hover:hover) and (pointer:fine){.dplayer__big:hover{background:#0066FF;transform:scale(1.06)}.dplayer__btn:hover{background:rgba(255,255,255,.14)}.dplayer__track:hover .dplayer__rail{height:calc(6px * var(--fs, 1))}.dplayer__track:hover .dplayer__knob{transform:scale(1)}}