.os-call-ring{top:calc(var(--os-call-pip-bottom,3.6rem) + .75rem);z-index:85;background:var(--os-float-bg,var(--os-paper));width:min(23rem,100vw - 1.7rem);box-shadow:var(--os-float-shadow);color:var(--os-ink);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex;position:fixed;right:1rem}.os-call-ring__copy{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.os-call-ring__copy strong{font-size:var(--t-body);font-weight:var(--w-regular);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.os-call-ring__copy span{color:var(--os-ink-2);font-size:var(--t-xs)}.os-call-ring__actions{flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}.os-call-ring__actions>:is(button){height:2.75rem}.os-call-ring__actions>:is(button):not(.os-call-ring__decline,.os-call-ring__join){border-radius:var(--r-pill);padding-inline:1.1rem}@media (max-width:720px){.os-call-ring{top:calc(env(safe-area-inset-top,0px) + 3.5rem);width:auto;left:.6rem;right:.6rem}}.os-call-ring__face{border-radius:50%;flex:none;display:inline-flex;position:relative}.os-call-ring__face:before,.os-call-ring__face:after{content:"";box-shadow:0 0 0 2px rgb(var(--os-ink-rgb) / 35%);pointer-events:none;border-radius:50%;animation:2s cubic-bezier(.2,.6,.3,1) infinite os-call-ring-pulse;position:absolute;inset:0}.os-call-ring__face:after{animation-delay:1s}@keyframes os-call-ring-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.os-call-ring__recorded{align-items:center;gap:.3rem;margin-left:.5rem;display:inline-flex}.os-call-ring__recorded:before{content:"";background:var(--os-ink);border-radius:50%;width:.375rem;height:.375rem}.os-call-ring__decline,.os-call-ring__join{appearance:none;color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:inline-grid}.os-call-ring__decline{background:var(--os-signal)}.os-call-ring__decline :is(svg){transform:rotate(135deg)}.os-call-ring__join{background:var(--os-ink);position:relative}.os-call-ring__join:after{content:"";box-shadow:0 0 0 0 rgb(var(--os-ink-rgb) / 30%);pointer-events:none;border-radius:50%;animation:2s ease-out infinite os-call-join-pulse;position:absolute;inset:0}@keyframes os-call-join-pulse{0%{box-shadow:0 0 0 0 rgb(var(--os-ink-rgb) / 30%)}to{box-shadow:0 0 0 .6rem rgb(var(--os-ink-rgb) / 0%)}}.os-call-ring__decline:focus-visible,.os-call-ring__join:focus-visible{outline:2px solid var(--os-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.os-call-ring__face:before,.os-call-ring__face:after,.os-call-ring__join:after{opacity:0;animation:none}}
