.media-playback-notice{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5;pointer-events:none;padding:16px;text-align:center}.media-playback-notice>div{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:32rem;padding:18px;border-radius:12px;background:#0a121cf0;color:#eef5fa;pointer-events:auto}.media-playback-notice button{padding:8px 14px;border:1px solid #557482;border-radius:8px;background:#213844;color:inherit;cursor:pointer}.tool-comparison-independent,.tool-external-preview figure,.operations-comparison-pair figure{position:relative}.media-playback-open{position:absolute;top:10px;right:10px;z-index:6;padding:7px 11px;max-width:calc(100% - 20px);border:1px solid #557482;border-radius:8px;background:#0a121ceb;color:#eef5fa;font:inherit;font-size:12px;line-height:1.4;cursor:pointer}.media-playback-open:hover{background:#213844}.media-playback-open:focus-visible{outline:2px solid #8cd5f0;outline-offset:3px}.media-playback-open:disabled{cursor:wait;opacity:.75}button.media-playback-open.media-playback-open-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid #ffffff42;border-radius:9px;background:#182228c2;color:#fff;box-shadow:0 2px 8px #0002;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}button.media-playback-open.media-playback-open-icon:hover{background:#182228f0;border-color:#ffffff80}button.media-playback-open.media-playback-open-icon svg{flex:none;pointer-events:none}
