.glyph{flex:none;width:1.15em;height:1.15em}:root{--site-chat-bg:#efeae2;--site-chat-dot:#111b2112;--site-bubble-in:#fff;--site-bubble-out:#d9fdd3;--site-chat-text:#111b21;--site-chat-dim:#667781;--site-chat-button:#027eb5;--site-chat-name:#0e7245;--site-chat-file:#f0f2f5;--site-chat-file-dim:#54656f;--site-chat-pdf:#e5483c;--site-phone-body:#1d1c24;--site-phone-island:#000;--site-chat-bar:#fff;--site-chat-tick:#53bdeb;--site-chat-send:#00a884;--site-chat-on-send:#fff;--site-photo-from:#8aa1b4;--site-photo-to:#3d5366}[data-mantine-color-scheme=dark]{--site-chat-bg:#0b141a;--site-chat-dot:#e9edef0f;--site-bubble-in:#202c33;--site-bubble-out:#005c4b;--site-chat-text:#e9edef;--site-chat-dim:#8696a0;--site-chat-button:#53bdeb;--site-chat-name:#8fe3b8;--site-chat-file:#1d282f;--site-chat-file-dim:#8696a0;--site-chat-pdf:#f26b5f;--site-phone-body:#3a3945;--site-chat-bar:#1f2c34;--site-photo-from:#4b6276;--site-photo-to:#1c2a36}.phone{--phone-r:44px;--phone-bezel:8px;aspect-ratio:1/2.05;width:100%;max-width:20rem;padding:var(--phone-bezel);border-radius:var(--phone-r);background-color:var(--site-phone-body);box-shadow:var(--obk-shadow-floating);margin-inline:auto;display:flex;position:relative;container-type:inline-size}.phone-in{border-radius:calc(var(--phone-r) - var(--phone-bezel));background-color:var(--site-chat-bg);background-image:radial-gradient(var(--site-chat-dot) 1px, transparent 1.6px), radial-gradient(var(--site-chat-dot) 1px, transparent 1.6px);min-width:0;min-height:0;color:var(--site-chat-text);background-position:0 0,11px 11px;background-size:22px 22px;flex-direction:column;flex:1;display:flex;overflow:hidden}.phone .ic{width:20px;height:20px}.phone-status{background-color:var(--site-chat-bar);height:42px;font-size:var(--mantine-font-size-xs);font-weight:var(--obk-font-weight-semibold);flex:none;justify-content:space-between;align-items:center;padding:4px 24px 0 28px;display:flex;position:relative}.phone-island{background-color:var(--site-phone-island);border-radius:12px;width:84px;height:24px;margin-left:-42px;position:absolute;top:10px;left:50%}.phone-signal{gap:var(--obk-space-4);display:flex}.phone .phone-signal .ic{width:16px;height:16px}.phone-top{align-items:center;gap:var(--obk-space-8);border-bottom:1px solid color-mix(in srgb, var(--site-chat-text) 8%, transparent);background-color:var(--site-chat-bar);flex:none;padding:4px 14px 10px 6px;display:flex}.phone-avatar{background-color:var(--mantine-color-white);width:34px;height:34px;box-shadow:0 0 0 1px color-mix(in srgb, var(--site-chat-text) 14%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.phone-avatar .glyph{width:18px;height:18px}.phone-who{flex:1;min-width:0}.phone-who b{font-size:var(--mantine-font-size-sm);line-height:1.25;display:block}.phone-who small{color:var(--site-chat-dim);font-size:var(--obk-font-size-2xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;display:block;overflow:hidden}.phone-calls{gap:var(--obk-space-16);display:flex}.chat{gap:var(--obk-space-6);min-height:0;padding:var(--obk-space-12) var(--obk-space-10);scroll-behavior:smooth;flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.chat>:first-child{margin-top:auto}.phone-type{align-items:center;gap:var(--obk-space-8);padding:var(--obk-space-4) var(--obk-space-8) var(--obk-space-6);flex:none;display:flex}.phone-field{align-items:center;gap:var(--obk-space-8);min-width:0;height:40px;padding-inline:var(--obk-space-12);background-color:var(--site-bubble-in);color:var(--site-chat-dim);font-size:var(--mantine-font-size-xs);border-radius:20px;flex:1;display:flex}.phone-field span{flex:1;min-width:0}.phone-send{background-color:var(--site-chat-send);width:40px;height:40px;color:var(--site-chat-on-send);border-radius:50%;flex:none;place-items:center;display:grid}.phone-home{flex:none;place-items:center;height:18px;display:grid}.phone-home:after{background-color:var(--site-chat-text);content:"";opacity:.4;border-radius:3px;width:34%;height:5px}@container (width<=300px){.phone-status{height:34px;font-size:var(--obk-font-size-2xs);padding:2px 18px 0 22px}.phone-island{border-radius:10px;width:62px;height:19px;margin-left:-31px;top:8px}.phone .phone-signal .ic{width:14px;height:14px}.phone-avatar{width:30px;height:30px}.phone-calls{gap:var(--obk-space-12)}}.bubble{max-width:88%;padding:var(--obk-space-6) var(--obk-space-10) var(--obk-space-8);border-radius:var(--mantine-radius-md);background-color:var(--site-bubble-in);color:var(--site-chat-text);font-size:var(--mantine-font-size-sm);animation:bubble-in .3s var(--site-ease);align-self:flex-start;line-height:1.4;box-shadow:0 1px .5px #0b141a21}.bubble.person{background-color:var(--site-bubble-out);align-self:flex-end}.bubble[hidden]{display:none}.bubble-name{margin-bottom:var(--obk-space-2);color:var(--site-chat-name);font-size:var(--mantine-font-size-xs);font-weight:var(--obk-font-weight-semibold);display:block}.bubble.receipt p:first-child,.bubble.proposal p:first-child{font-weight:var(--obk-font-weight-semibold)}.bubble.receipt p:last-of-type:not(:first-child){color:var(--site-chat-dim);font-size:var(--obk-font-size-2xs)}.bubble-photo{aspect-ratio:4/3;width:13rem;max-width:100%;margin:var(--obk-space-2) 0 var(--obk-space-6);border-radius:var(--mantine-radius-sm);background-image:linear-gradient(135deg, var(--site-photo-from), var(--site-photo-to));display:block;overflow:hidden}.bubble-photo img{object-fit:cover;width:100%;height:100%;display:block}.bubble-file{align-items:center;gap:var(--obk-space-8);min-width:13rem;margin:var(--obk-space-2) 0 var(--obk-space-6);padding:var(--obk-space-8) var(--obk-space-10);border-radius:var(--mantine-radius-sm);background-color:var(--site-chat-file);display:flex}.bubble-file-icon{color:var(--site-chat-pdf);flex:none;place-items:center;display:grid}.bubble-file-ic{width:30px;height:30px}.bubble-file-text{min-width:0;display:grid}.bubble-file-name{font-weight:var(--obk-font-weight-medium);overflow-wrap:anywhere}.bubble-file-meta{color:var(--site-chat-file-dim);font-size:var(--mantine-font-size-xs)}.bubble.pressed p:before{content:"↩ ";color:var(--site-chat-dim)}.bubble-buttons{margin:var(--obk-space-6) calc(-1 * var(--obk-space-10)) calc(-1 * var(--obk-space-8));border-top:1px solid #8696a040;display:grid}.bubble-buttons span{padding:var(--obk-space-6);color:var(--site-chat-button);font-weight:var(--obk-font-weight-semibold);text-align:center}.bubble-buttons span+span{border-top:1px solid #8696a040}.bubble.typing{gap:var(--obk-space-4);padding:var(--obk-space-10) var(--obk-space-12);display:inline-flex}.bubble.typing i{background-color:var(--site-chat-dim);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing-dot}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}