:root{color-scheme:dark;font-family:Arial,sans-serif}html,body,dm-root{display:block;height:100%;margin:0}.widget{min-height:360px;height:100%;display:flex;flex-direction:column;background:#f5f5ff;color:#29292f}.widget.embedded{min-height:0;background:#15151f;color:#fff}.widget>header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;background:#0d2859}.widget>header small{color:#8ddcef}.stage{position:relative;flex:1;min-height:220px;background:#29292f}.stage>video:first-child{width:100%;height:100%;object-fit:contain;background:#020b1c}.stage>video.media-hidden{visibility:hidden}.stage p{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#fff}.local{position:absolute;width:30%;right:16px;bottom:16px;border:2px solid #fff;border-radius:8px;background:#101017}.widget>footer{display:flex;align-items:center;justify-content:center;min-height:86px;padding:16px 28px;box-sizing:border-box;background:#fff}.media-controls{width:100%;display:flex;align-items:center;justify-content:space-between}.control-button{padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.control-button img{display:block;width:50px;height:50px}.control-button:disabled{cursor:not-allowed;opacity:.45}.start-call{border-radius:50%}.start-call img{width:50px;height:50px}.calling-state{display:inline-flex;align-items:center;gap:10px;color:#5e22f3;font-weight:600}.calling-indicator{width:12px;height:12px;border-radius:50%;background:#21d640;animation:calling-pulse 1.2s ease-in-out infinite}@keyframes calling-pulse{50%{opacity:.35;transform:scale(.7)}}.incoming-actions{width:100%;display:flex;align-items:center;justify-content:space-between}.incoming-call-action{animation:incoming-call-ring 1s ease-in-out infinite}.incoming-call-action.decline{animation-delay:.12s}.incoming-call-action img{width:50px;height:50px}@keyframes incoming-call-ring{0%,to{transform:rotate(0)}15%{transform:rotate(9deg)}30%{transform:rotate(-9deg)}45%{transform:rotate(7deg)}60%{transform:rotate(-7deg)}75%{transform:rotate(0)}}.embedded .stage{min-height:0;background:#1a1a24}.embedded .stage>video:first-child{object-fit:cover;background:#1a1a24}.embedded .local{width:17%;min-width:84px;right:12px;bottom:12px;border:2px solid #fff;border-radius:7px}.embedded.sos-layout .local{inset:8px auto auto 8px;width:68px;min-width:0;height:92px;border-radius:5px}@media(min-width:768px){.embedded.sos-layout .local{width:72px;height:96px}}