.exframe{min-width:0;display:block}.exframe .exframe-media{width:100%;margin-inline:auto;position:relative}.exframe .exframe-canvas{min-width:0;display:block}.exframe .exframe-stage{height:auto;min-height:0}.exframe .exframe-action{z-index:3;color:#fff;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;inset:0}.exframe .exframe-action:focus-visible{outline-offset:-4px;outline:2px solid #fff;box-shadow:inset 0 0 0 6px #0000008c}.exframe .exframe-glyph{opacity:0;background:#0000009e;border-radius:999px;justify-content:center;align-items:center;transition:opacity .15s ease-out,transform .15s ease-out;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff38}.exframe .exframe-glyph svg{width:52%;height:52%;display:block}.exframe .exframe-action[data-exframe-state=paused] .exframe-glyph{opacity:1;width:56px;height:56px;top:50%;left:50%;transform:translate(-50%,-50%)}.exframe .exframe-action[data-exframe-state=paused]:hover .exframe-glyph{transform:translate(-50%,-50%)scale(1.06)}.exframe .exframe-action[data-exframe-state=loud] .exframe-glyph,.exframe .exframe-action[data-exframe-state=muted] .exframe-glyph{width:34px;height:34px;top:10px;right:10px}.exframe .exframe-action[data-exframe-state=loud] .exframe-glyph,.exframe .exframe-action:hover .exframe-glyph,.exframe .exframe-action:focus-visible .exframe-glyph{opacity:1}@media (hover:none){.exframe .exframe-action[data-exframe-state=muted] .exframe-glyph{opacity:.92}}@media (prefers-reduced-motion:reduce){.exframe .exframe-glyph{transition:none}.exframe .exframe-action[data-exframe-state=paused]:hover .exframe-glyph{transform:translate(-50%,-50%)}}