.hm-phone{--hm-blue:#0a84ff;--hm-owner:#0a84ff;--hm-gray:#e9e9eb;--hm-ink:#111113;width:min(390px,100%);height:844px;color:var(--hm-ink);box-sizing:border-box;background:linear-gradient(145deg,#8d8d92 0,#262629 10%,#050506 48%,#5f6064 100%);border:1px solid #8a8a8f;border-radius:57px;margin-inline:auto;padding:8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;position:relative;box-shadow:0 34px 70px #0f0f103d,inset 0 0 0 1px #ffffff3d}.hm-phone.is-sms{--hm-owner:#34c759}.hm-phone.is-compact{height:610px}.hm-phone.is-tall{height:844px}.hm-side{z-index:0;background:linear-gradient(90deg,#333438,#9b9ba0 52%,#28292c);position:absolute;box-shadow:inset 0 0 0 1px #00000073}.hm-side-action{border-radius:2px 0 0 2px;width:3px;height:38px;top:112px;left:-3px}.hm-side-volume-up,.hm-side-volume-down{border-radius:3px 0 0 3px;width:4px;height:62px;left:-4px}.hm-side-volume-up{top:168px}.hm-side-volume-down{top:242px}.hm-side-power{border-radius:0 3px 3px 0;width:4px;height:92px;top:194px;right:-4px}.hm-screen{box-sizing:border-box;background:#fff;border:1px solid #0c0c0d;border-radius:49px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.hm-status{box-sizing:border-box;flex:none;grid-template-columns:1fr 125px 1fr;align-items:start;gap:5px;height:53px;padding:10px 17px 0;font-size:15px;font-weight:600;display:grid;position:relative}.hm-time{place-items:center;height:22px;padding-top:3px;line-height:22px;display:grid}.hm-island{background:#000;border-radius:100px;width:125px;height:37px}.hm-status-icons{justify-content:center;align-items:center;gap:6px;height:22px;padding-top:1px;display:flex}.hm-status-icons svg{display:block}.hm-cellular{width:19px;height:12px}.hm-cellular rect{fill:#111}.hm-wifi{width:17px;height:12px}.hm-wifi circle{fill:#111}.hm-wifi path{stroke:#111;stroke-width:1.5px;stroke-linecap:round}.hm-battery{width:27px;height:13px}.hm-battery rect:first-child{stroke:#111;stroke-width:1px;opacity:.35}.hm-battery rect:nth-child(2),.hm-battery path{fill:#111}.hm-battery path{opacity:.4}.hm-contact{background:#fafafbf0;border-bottom:1px solid #dedee1;flex:none;grid-template-columns:48px 1fr 48px;align-items:center;height:75px;display:grid;position:relative}.hm-back{width:44px;height:44px;color:var(--hm-blue);place-items:center;display:grid}.hm-back svg{width:25px;height:25px}.hm-back path{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hm-contact-center{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.hm-avatar{color:#fff;background:#ef1114;border-radius:50%;place-items:center;width:39px;height:39px;font-family:Duran,Asta,sans-serif;font-size:24px;line-height:1;display:grid}.hm-contact-center strong{white-space:nowrap;margin-top:3px;font-size:12px;font-weight:500;line-height:1.1}.hm-contact-center strong i{color:#888;font-size:15px;font-style:normal}.hm-contact-center small{color:#8e8e93;margin-top:2px;font-size:9px;line-height:1}.hm-contact-spacer{width:44px;height:44px}.hm-messages{flex-direction:column;flex:1;gap:4px;min-height:0;margin:0;padding:12px 12px 8px;list-style:none;display:flex;overflow:hidden}.hm-date{text-align:center;color:#8e8e93;margin:2px 0 9px;font-size:10px;font-weight:500}.hm-row{flex-direction:column;align-items:flex-start;max-width:86%;margin:1px 0;display:flex;position:relative}.hm-row.is-owner{align-self:flex-end;align-items:flex-end}.hm-sender{color:#8e8e93;margin:0 0 2px 10px;font-size:9px}.hm-row.is-owner .hm-sender{margin:0 10px 2px 0}.hm-bubble{background:var(--hm-gray);letter-spacing:-.01em;border-radius:18px 18px 18px 4px;padding:9px 12px;font-size:15px;line-height:1.25;position:relative}.hm-row.is-owner .hm-bubble{background:var(--hm-owner);color:#fff;border-radius:18px 18px 4px}.hm-bubble strong{margin-bottom:3px;display:block}.hm-lines{flex-direction:column;margin-top:5px;display:flex}.hm-card{background:#f1f1f3;border:1px solid #dedee1;border-radius:18px;width:min(310px,100%);font-size:13px;overflow:hidden}.hm-card>small{color:#6b6b70;text-transform:uppercase;letter-spacing:.06em;padding:13px 14px 0;font-size:10px;display:block}.hm-card>strong{padding:4px 14px 9px;font-size:20px;line-height:1.1;display:block}.hm-card>p{color:#454549;margin:0;padding:0 14px 12px;line-height:1.35}.hm-card>ul{gap:4px;margin:0;padding:0 14px 12px;list-style:none;display:grid}.hm-card-link{color:var(--hm-blue);background:#fafafa;border-top:1px solid #d1d1d4;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13px;display:flex}.hm-card-link i{font-size:20px;font-style:normal;line-height:1}.hm-delivered{color:#8e8e93;align-self:flex-end;min-height:10px;margin:0 7px 0 0;font-size:9px}.hm-bottom{box-sizing:border-box;background:#fafafbf7;border-top:1px solid #dedee1;flex:none;height:73px;padding-bottom:18px;position:relative}.hm-composer{box-sizing:border-box;grid-template-columns:34px 1fr;align-items:center;gap:7px;height:51px;padding:7px 10px 6px;display:grid}.hm-plus{color:#6d6d72;place-items:center;width:30px;height:30px;display:grid}.hm-plus svg{width:30px;height:30px}.hm-plus circle,.hm-plus path{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}.hm-field{color:#8e8e93;box-sizing:border-box;border:1px solid #c8c8cc;border-radius:19px;justify-content:space-between;align-items:center;height:36px;padding:6px 8px 6px 12px;font-size:14px;display:flex}.hm-mic{width:21px;height:21px}.hm-mic rect,.hm-mic path{stroke:#737378;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.hm-home{background:#111;border-radius:4px;width:134px;height:5px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}@media (width<=680px){.hm-phone,.hm-phone.is-tall{border-radius:52px;width:min(348px,100%);height:740px;padding:7px}.hm-phone.is-compact{height:560px}.hm-screen{border-radius:45px}.hm-status{grid-template-columns:1fr 112px 1fr;gap:3px;height:49px;padding:9px 13px 0;font-size:13px}.hm-island{width:112px;height:33px}.hm-status-icons{gap:4px;transform:scale(.9)}.hm-contact{height:70px}.hm-messages{padding-left:10px;padding-right:10px}.hm-bubble{font-size:14px}.hm-card>strong{font-size:18px}.hm-side-action{top:100px}.hm-side-volume-up{height:55px;top:150px}.hm-side-volume-down{height:55px;top:216px}.hm-side-power{height:82px;top:174px}}@media (prefers-reduced-motion:reduce){.hm-phone *{scroll-behavior:auto}}