.HomepageStoryPlayer-module__wox-sq__stage{--controls-space:0px;container-type:inline-size}.HomepageStoryPlayer-module__wox-sq__surface{cursor:pointer;width:100%;position:absolute;inset:0}.HomepageStoryPlayer-module__wox-sq__surface:focus-visible{outline-offset:-4px;outline:3px solid #047857}.HomepageStoryPlayer-module__wox-sq__playIcon{color:#fff;background:#064e3be6;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:inline-grid;box-shadow:0 1px 8px #0003}.HomepageStoryPlayer-module__wox-sq__controls{color:#fff;opacity:0;pointer-events:none;background:#111e;padding:4px 10px 8px;transition:opacity .15s;position:absolute;inset:auto 0 0}.HomepageStoryPlayer-module__wox-sq__caption{pointer-events:none;bottom:calc(var(--controls-space) + 8px);text-align:center;color:#fff;margin:0;font-size:clamp(14px,2.6cqw,18px);line-height:1.35;position:absolute;left:8px;right:8px}.HomepageStoryPlayer-module__wox-sq__caption span{-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:pre-line;background:#111e;padding:2px 5px}.HomepageStoryPlayer-module__wox-sq__volume{display:none}.HomepageStoryPlayer-module__wox-sq__stage[data-controls-visible=true]{--controls-space:80px}.HomepageStoryPlayer-module__wox-sq__stage:has(:focus-visible){--controls-space:80px}.HomepageStoryPlayer-module__wox-sq__stage:has(.HomepageStoryPlayer-module__wox-sq__controls:focus-within){--controls-space:80px}.HomepageStoryPlayer-module__wox-sq__stage[data-controls-visible=true] .HomepageStoryPlayer-module__wox-sq__controls,.HomepageStoryPlayer-module__wox-sq__controls:focus-within{opacity:1;pointer-events:auto}.HomepageStoryPlayer-module__wox-sq__stage:has(:focus-visible) .HomepageStoryPlayer-module__wox-sq__controls{opacity:1;pointer-events:auto}@media (hover:hover){.HomepageStoryPlayer-module__wox-sq__stage:hover{--controls-space:80px}.HomepageStoryPlayer-module__wox-sq__stage:hover .HomepageStoryPlayer-module__wox-sq__controls{opacity:1;pointer-events:auto}}@container (min-width:500px){.HomepageStoryPlayer-module__wox-sq__volume{display:flex}}@media (prefers-reduced-motion:reduce){.HomepageStoryPlayer-module__wox-sq__controls{transition:none}}.HomepageStoryPlayer-module__wox-sq__controls label,.HomepageStoryPlayer-module__wox-sq__controls span{color:#fff!important}.HomepageStoryPlayer-module__wox-sq__controls>label>input{height:24px;min-height:24px}