.reel-video{object-fit:contain;background:#05070b;width:100%;height:100%;position:absolute;inset:0}.reel-sound{top:calc(70px + env(safe-area-inset-top,0px));z-index:6;color:#fff;cursor:pointer;background:#12182080;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:background .15s;display:grid;position:absolute;right:12px}.reel-sound:hover{background:#121820b8}.reel-sound:focus-visible{outline-offset:3px;outline:2px solid #fff}.reel-sound svg{pointer-events:none}.reel-status{pointer-events:none;z-index:6;color:#fff;place-content:center;display:grid;position:absolute;inset:0}.reel-status button,.reel-status span{color:#fff;background:#111a26d9;border:1px solid #ffffff45;border-radius:28px;align-items:center;gap:10px;padding:16px 22px;font-size:14px;display:flex}.reel-status button{pointer-events:auto;cursor:pointer;min-height:48px}.reel-spinner{border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite reel-spin}.reel-progress{z-index:7;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;width:calc(100% - 16px);height:24px;margin:0;padding:0;position:absolute;bottom:0;left:8px}.reel-progress::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff var(--reel-progress,0%),#ffffff40 var(--reel-progress,0%));border:0;border-radius:2px;height:2px}.reel-progress::-moz-range-track{background:#ffffff40;border:0;border-radius:2px;height:2px}.reel-progress::-moz-range-progress{background:#fff;border-radius:2px;height:2px}.reel-progress::-webkit-slider-thumb{appearance:none;opacity:0;background:#fff;border:0;border-radius:50%;width:8px;height:8px;margin-top:-3px;transition:opacity .15s}.reel-progress::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:8px;height:8px;transition:opacity .15s}.reel-progress:hover::-webkit-slider-thumb{opacity:1}.reel-progress:focus-visible::-webkit-slider-thumb{opacity:1}.reel-progress:active::-webkit-slider-thumb{opacity:1}.reel-progress:hover::-moz-range-thumb{opacity:1}.reel-progress:focus-visible::-moz-range-thumb{opacity:1}.reel-progress:active::-moz-range-thumb{opacity:1}.reel-progress:focus-visible{outline-offset:0;border-radius:4px;outline:2px solid #fff}.reel-progress:disabled{cursor:default;opacity:.4}@media (prefers-reduced-motion:reduce){.reel-sound{transition:none}.reel-progress::-webkit-slider-thumb{transition:none}.reel-progress::-moz-range-thumb{transition:none}}@keyframes reel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reel-spinner{animation:none}}