.sms-demo{margin:0;min-width:0;background:#18191b;border:1px solid rgba(235,237,233,.1);border-radius:22px;padding:18px 16px 22px;box-shadow:0 32px 80px -40px #00000040}.sms-demo__header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 8px 14px;border-bottom:1px solid rgba(235,237,233,.08);margin-bottom:16px}.sms-demo__header-dot{width:8px;height:8px;border-radius:50%;background:var(--color_primary);animation:pulse-dot 2s ease-in-out infinite}.sms-demo__header-name{font-family:var(--font_fkGroteskTrial);font-size:.8125rem;font-weight:500;color:var(--color_light)}.sms-demo__header-meta{min-width:0;margin-left:auto;font-family:var(--font_fkGroteskTrial);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5;color:var(--color_light)}.sms-demo__thread{display:flex;flex-direction:column;gap:12px;padding:0 4px}.sms-demo__row{display:flex;flex-direction:column;gap:4px}.sms-demo__row--them{align-items:flex-start}.sms-demo__row--me{align-items:flex-end}.sms-demo__time{font-family:var(--font_fkGroteskTrial);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;opacity:.62;color:var(--color_light);margin-bottom:2px}.sms-demo__bubble{display:inline-block;max-width:86%;padding:10px 14px;font-family:var(--font_fkGroteskTrial);font-size:.9375rem;line-height:1.4;border-radius:18px;overflow-wrap:anywhere}.sms-demo__bubble--them{background:#2a2b2d;color:var(--color_light);border-bottom-left-radius:4px}.sms-demo__bubble--me{background:var(--color_primary);color:var(--color_black);border-bottom-right-radius:4px}.sms-demo__row--them .sms-demo__bubble+.sms-demo__bubble{margin-top:4px}@media(max-width:768px){.sms-demo{max-width:400px;margin:0 auto}}@media(prefers-reduced-motion:reduce){.sms-demo__header-dot{animation:none}}.sms-demo--phone{--sms-phone-bubble-them: #2a2c2e;--sms-phone-muted: color-mix(in srgb, var(--color_light) 62%, transparent);position:relative;height:43.5rem;padding:8px;overflow:hidden;background:var(--color_black);border:2px solid color-mix(in srgb,var(--color_light) 28%,transparent);border-radius:44px;color:var(--color_light);font-family:var(--font_fkGroteskTrial)}.sms-demo--phone .sms-demo{position:relative;max-width:none;height:100%;margin:0;padding:16px;overflow:hidden;background:var(--color_dark);border:0;border-radius:34px;box-shadow:none}.sms-demo__status{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:.6875rem;font-weight:500;line-height:16px;font-variant-numeric:tabular-nums}.sms-demo__island{position:absolute;top:8px;left:50%;width:80px;height:24px;transform:translate(-50%);background:var(--color_black);border-radius:16px}.sms-demo__battery{position:relative;width:20px;height:10px;border:1px solid var(--sms-phone-muted);border-radius:2px}.sms-demo__battery:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--sms-phone-muted)}.sms-demo__contact{position:relative;display:flex;align-items:center;justify-content:center;height:64px;padding:16px 0 8px;border-bottom:1px solid rgba(235,237,233,.08)}.sms-demo__avatar{position:absolute;top:8px;left:calc(50% - 10px);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ebede914}.sms-demo__avatar-dot{width:8px;height:8px;border-radius:50%;background:var(--color_primary)}.sms-demo__contact-name{padding-top:16px;font-size:.875rem;font-weight:500;line-height:1.2}.sms-demo__contact-meta{position:absolute;right:0;bottom:8px;font-size:.6875rem;line-height:1.2;color:var(--sms-phone-muted)}.sms-demo__divider{margin:8px 0;font-size:.6875rem;line-height:16px;text-align:center;color:var(--sms-phone-muted);font-variant-numeric:tabular-nums}.sms-demo--phone .sms-demo__thread{gap:8px;padding:0}.sms-demo--phone .sms-demo__row:first-child .sms-demo__time{display:none}.sms-demo--phone .sms-demo__time,.sms-demo--phone .sms-demo__delivered{margin:0;font-family:var(--font_fkGroteskTrial);font-size:.6875rem;line-height:16px;letter-spacing:0;text-transform:none;opacity:1;color:var(--sms-phone-muted);font-variant-numeric:tabular-nums}.sms-demo--phone .sms-demo__bubble{max-width:94%;padding:8px 12px;font-size:.8125rem;line-height:1.4;border-radius:18px}.sms-demo--phone .sms-demo__bubble--them{background:var(--sms-phone-bubble-them);border-bottom-left-radius:5px}.sms-demo--phone .sms-demo__bubble--me{border-bottom-right-radius:5px}.sms-demo__compose{position:absolute;right:16px;bottom:32px;left:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:4px 4px 4px 16px;border:1px solid rgba(235,237,233,.24);border-radius:24px}.sms-demo__compose-placeholder{font-size:.8125rem;color:var(--sms-phone-muted)}.sms-demo__compose-send{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--color_primary);color:var(--color_black)}.sms-demo__compose-send svg{display:block}.sms-demo__home{position:absolute;bottom:12px;left:50%;width:104px;height:4px;transform:translate(-50%);border-radius:8px;background:var(--sms-phone-muted)}@media(max-width:768px){.sms-demo--phone{height:38.75rem;padding:7px;border-radius:40px}.sms-demo--phone .sms-demo{max-width:none;margin:0;padding:12px 14px;border-radius:31px}.sms-demo__status{padding:0 6px}.sms-demo__island{top:7px;width:72px;height:20px;border-radius:14px}.sms-demo__battery{width:18px;height:9px}.sms-demo__contact{height:56px;padding:14px 0 8px}.sms-demo__avatar{top:6px}.sms-demo__contact-name{padding-top:14px;font-size:.8125rem}.sms-demo--phone .sms-demo__row:nth-child(3){margin-top:16px}.sms-demo__compose{min-height:44px}.sms-demo__compose-send{width:34px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-sms-demo.css.map */