.telephone-stage,.telephone-dialer{--home-ink:var(--color-navy);--home-muted:var(--color-muted);--home-blue:#1d4ed8;--home-rule:#dce4ef;color:var(--home-ink);caret-color:var(--home-blue)}.telephone-stage{background:#e2eaff;border-radius:1rem;min-width:0;max-width:34rem;padding:1.5rem 1.5rem 1rem}.telephone-stage *,.telephone-stage :before,.telephone-stage :after{box-sizing:border-box}.telephone-stage .dialer-card.telephone-dialer{border:0;border-radius:1rem;padding:1.5rem;box-shadow:0 14px 35px -18px #173c7959}.telephone-dialer input{font-variant-numeric:tabular-nums;background:#f8faff;border-color:#d4deef;min-height:3.25rem;transition:background-color .16s,border-color .16s,box-shadow .16s}.telephone-dialer input:focus{border-color:var(--home-blue);background:#fff}.telephone-dialer button:not(:disabled),.telephone-dialer summary{cursor:pointer;touch-action:manipulation}.telephone-dialer button:not(:disabled){transition:background-color .16s,color .16s}.telephone-dialer .dialer-pricing{border-color:var(--home-rule);padding-block:.5rem}.telephone-dialer :is(button,a,summary){-webkit-tap-highlight-color:#dbeafe}.telephone-dialer :is(button,a,summary):focus-visible{outline:3px solid var(--home-blue);outline-offset:4px}@media (max-width:1023px){.telephone-stage{padding:1rem 1rem .75rem}.telephone-stage .dialer-card.telephone-dialer{padding:1.25rem}}@media (max-width:899px){.telephone-stage{max-width:32rem;padding:.75rem .75rem .875rem}.telephone-stage .dialer-card.telephone-dialer{padding:1rem}.telephone-dialer .dialer-label-row{column-gap:.5rem}.telephone-dialer .dialer-label-row>button,.telephone-dialer>p.mt-3{font-size:.8125rem}}@media (max-width:374px){.telephone-stage{padding:.5rem}}@media (prefers-reduced-motion:reduce){.telephone-dialer *,.telephone-dialer :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.telephone-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.telephone-balance{color:#065f46;background:#dcfce7;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.telephone-balance bdi{white-space:nowrap}.telephone-status{max-width:45%;color:var(--home-muted);justify-content:flex-end;align-items:center;gap:.4rem;font-size:.75rem;line-height:1.5;display:flex}.telephone-status-dot{background:#64748b;border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.telephone-status.is-ready{color:#065f46;background:#e6f7ee;border-radius:999px;gap:.45rem;padding:.25rem .65rem;font-size:.8125rem;font-weight:500}.telephone-status.is-ready .telephone-status-dot{background:#059669;width:.4rem;height:.4rem}.telephone-account-note{min-height:1.25rem;color:var(--home-muted);margin-top:.35rem;font-size:.75rem;line-height:1.6}.telephone-account-note a{text-underline-offset:3px;text-decoration:underline}.telephone-dialer .dialer-heading{margin-top:1rem}.telephone-dialer .dialer-heading h2{font-size:1.125rem}.telephone-keypad{max-width:17rem;margin:1.25rem auto 0}.telephone-keypad>div{gap:.625rem 1rem}.telephone-keypad>div button{color:#0f172a;width:4.25rem;height:4.25rem;box-shadow:none;--tw-ring-shadow:0 0 #0000;background:#e8edf4;border:0;justify-self:center}.telephone-keypad>div button:hover:not(:disabled){background:#dbeafe}.telephone-keypad>div button>span:first-child{font-size:1.625rem}.telephone-keypad>div button>span:nth-child(2){color:#475569}.telephone-keypad button:focus-visible,.telephone-call:focus-visible,.telephone-balance:focus-visible{outline:3px solid var(--home-blue);outline-offset:4px}.telephone-keypad .dialer-delete{margin-top:0;font-size:.8125rem}.telephone-call{color:#fff;background:#047857;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:.25rem auto 0;display:flex;box-shadow:0 6px 14px #04785726}.telephone-call:hover:not(:disabled){background:#065f46}.telephone-call:disabled{opacity:.45;cursor:not-allowed}.telephone-call-label{text-align:center;margin-top:.5rem;font-size:.8125rem;font-weight:600}.telephone-dialer .dialer-pricing{margin-top:1rem}.telephone-dialer .price-rows dd bdi{font-size:1.125rem}@media (max-width:374px){.telephone-toolbar{gap:.5rem}.telephone-balance{gap:.35rem;padding-inline:.6rem;font-size:.8125rem}.telephone-keypad>div{gap:.5rem}.telephone-keypad>div button{width:3.75rem;height:3.75rem}}.telephone-keypad{position:relative}.telephone-keypad .dialer-delete{width:2.75rem;height:2.75rem;font-size:1.5rem;position:absolute;top:calc(100% + .25rem);right:0}.telephone-keypad .dialer-delete:disabled{opacity:.4;cursor:not-allowed}.telephone-call{margin-top:.75rem}.telephone-price-line{color:var(--home-ink);font-size:.875rem;line-height:1.6}.telephone-price-line a{color:#1d4ed8;text-underline-offset:3px;text-decoration:underline}.telephone-balance>span:first-child{white-space:nowrap}.telephone-balance{flex-shrink:0}.telephone-status{min-width:0}.telephone-calling-from{color:#334155;text-align:start;background:linear-gradient(110deg,#f0fdf4,#fff);border:1px solid #86efac;border-radius:1.25rem;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;min-height:2.75rem;margin-bottom:1rem;padding:.7rem .9rem;font-size:.875rem;font-weight:600;line-height:1.5;display:flex}.telephone-calling-from-code{color:#0f172a;flex-shrink:0;font-size:.75rem;font-weight:700}@media (prefers-reduced-motion:no-preference){.telephone-dialer .telephone-status.is-ready[role=status]{animation:.22s cubic-bezier(.16,1,.3,1) both telephone-ready-in}.telephone-status.is-ready .telephone-status-dot{position:relative}.telephone-status.is-ready .telephone-status-dot:before{content:"";pointer-events:none;opacity:0;border:1px solid #059669;border-radius:50%;animation:1.6s ease-out 3 telephone-ready-pulse;position:absolute;inset:-3px}@keyframes telephone-ready-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes telephone-ready-pulse{0%{opacity:.55;transform:scale(.65)}75%,to{opacity:0;transform:scale(1.6)}}}.telephone-balance-copy{text-align:start;flex-direction:column;align-items:flex-start;gap:.125rem;display:flex}
