#callModal .callBox{justify-content:flex-start;padding:clamp(55px,9vh,100px) 22px max(28px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#34343a,#222329 70%,#191a1f);font-family:inherit}.callAvatar{position:relative;z-index:3;display:grid;place-items:center;width:clamp(118px,25vw,170px);height:clamp(118px,25vw,170px);margin:0 auto 23px;border-radius:50%;background:#202d35 center/cover;color:#fff;font-size:48px;font-weight:800;box-shadow:0 12px 40px #0006}.callBox h2{font-size:clamp(24px,5vw,36px);margin:3px 0 7px}.callBox>#callStatus{height:25px;color:#fff;font-variant-numeric:tabular-nums;font-size:16px}.callWave{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:4px;height:68px;margin:24px 0 20px;color:#25d6aa}.callWave i{display:block;width:3px;height:3px;border-radius:5px;background:currentColor;transform-origin:center;transition:height 70ms linear,opacity 100ms linear}.callWave.paused i{height:3px!important;opacity:.45!important}.callActions{margin-top:auto;width:min(100%,560px);gap:clamp(24px,9vw,70px);padding:12px 0 26px}.callActions button,.callBottom button{width:auto;height:auto;border-radius:0;background:transparent}.callActions button .uiIcon{width:34px;height:34px;margin-bottom:8px}.callActions button small,.callBottom button small{font-size:12px;font-weight:500;white-space:nowrap}.callActions .off .uiIcon{opacity:.45}.callBottom{position:relative;z-index:5;display:flex;justify-content:center;gap:45px;min-height:100px}.callBottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:0;color:#fff}.callBox.videoMode .callActions .callControl,.callBox.videoMode .callActions button{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.callBottom button .uiIcon{width:32px;height:32px;padding:18px;border-radius:50%;box-sizing:content-box;background-color:#fff}.callBottom .callEnd .uiIcon{background-color:#fff}.callBottom .callEnd{width:72px;height:72px;border-radius:50%;background:#ef4453}.callBottom .callEnd .uiIcon{width:27px;height:27px;padding:0}.callBottom .callEnd small{position:absolute;top:76px}.callBottom .callAccept{width:72px;height:72px;border-radius:50%;background:#24c98e}.callBottom .callAccept .uiIcon{width:28px;height:28px;padding:0}.callBottom .callAccept small{position:absolute;top:76px}.callBox.incoming .callBottom{gap:90px}.callBox.incoming .callWave{opacity:.35}.callBox.videoMode .callAvatar,.callBox.videoMode .callWave{display:none}.callBox.videoMode h2,.callBox.videoMode>#callStatus{position:relative;z-index:4}.callBox.videoMode .callActions{margin-top:auto}@keyframes voiceWave{0%{height:5px;opacity:.55}35%{height:18px}70%{height:38px}100%{height:11px;opacity:1}}@media(max-width:600px){#callModal .callBox{padding-top:max(52px,calc(env(safe-area-inset-top) + 30px))}.callAvatar{width:122px;height:122px}.callWave{margin-top:18px}.callActions{gap:28px}.callActions button{width:86px}.callActions button .uiIcon{width:30px;height:30px}}