.DemoPlaybackControls_panel__GWv9o{position:absolute;z-index:7;right:28px;bottom:80px;width:216px;padding:11px 12px 10px;border:1px solid #fff;border-radius:11px;background:#fffffff0;color:#294960;box-shadow:0 12px 34px #3e607e21;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.DemoPlaybackControls_header__zfldf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.DemoPlaybackControls_label__Bgk_O{display:flex;align-items:center;gap:6px;color:#6c8aa2;font:800 8px Manrope,sans-serif;letter-spacing:.11em}.DemoPlaybackControls_label__Bgk_O svg{color:#4382c8}.DemoPlaybackControls_pause__pQdMg{display:flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:0 7px;border:0;border-radius:5px;background:#eaf2fc;color:#3777bf;font-size:9px;font-weight:800}.DemoPlaybackControls_pause__pQdMg:hover{background:#deecfb}.DemoPlaybackControls_speeds__M9p9z{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3px;gap:3px;padding:3px;border:1px solid #e7eef4;border-radius:7px;background:#edf3f8}.DemoPlaybackControls_speeds__M9p9z button{min-width:0;height:28px;padding:0 4px;border:0;border-radius:4px;background:transparent;color:#7a93a6;font:800 11px Manrope,sans-serif;transition:color .15s ease,background .15s ease}.DemoPlaybackControls_speeds__M9p9z button span{margin-left:1px;font-size:10px}.DemoPlaybackControls_speeds__M9p9z button:hover{color:#2e70bc;background:#ffffff90}.DemoPlaybackControls_speeds__M9p9z button[aria-pressed=true]{color:#fff;background:#3075c7;box-shadow:0 2px 7px #3075c729}.DemoPlaybackControls_duration__fhcXK{display:flex;align-items:center;gap:6px;margin:9px 0 0;color:#839bac;font-size:9px;line-height:1.4}.DemoPlaybackControls_duration__fhcXK small{margin-left:auto;font-size:8px}.DemoPlaybackControls_dot__6owKy{width:5px;height:5px;flex:none;border-radius:50%;background:#49ac84}.DemoPlaybackControls_paused__mHzJ5{background:#9bafbf}@media (max-width:1100px){.DemoPlaybackControls_panel__GWv9o{right:16px;bottom:68px}}@media (max-width:760px){.DemoPlaybackControls_panel__GWv9o{right:10px;bottom:65px;width:195px;padding:9px 10px}.DemoPlaybackControls_panel__GWv9o[data-mode=interior]{bottom:190px}.DemoPlaybackControls_header__zfldf{margin-bottom:7px}.DemoPlaybackControls_duration__fhcXK{margin-top:7px}}