.speakon-vi-section.speakon-use-cases{background-color:var(--sp-use-cases-background, #ffffff)}.speakon-use-cases{color:var(--sp-vi-color-text-primary, #18181c);overflow:hidden;padding:96px 80px}.speakon-use-cases__inner{display:flex;flex-direction:column;gap:48px;margin:0 auto;max-width:1280px}.speakon-use-cases__heading-stack{display:flex;flex-direction:column;gap:24px;max-width:908px}.speakon-use-cases__kicker{color:var(--sp-use-cases-accent, var(--sp-vi-text-accent-purple, #9090ff));font-family:Inter,var(--sp-vi-font-body, sans-serif);font-size:14px;font-weight:600;letter-spacing:.04em;line-height:18px;margin:0;text-transform:uppercase}.speakon-use-cases__title{color:var(--sp-use-cases-primary, var(--sp-vi-color-text-primary, #18181c));font-family:var(--sp-vi-font-heading, "Plus Jakarta Sans", sans-serif);font-size:48px;font-weight:700;letter-spacing:0;line-height:56px;margin:0}.speakon-use-cases__description{display:none}.speakon-use-cases__viewport{overflow:hidden;width:100%}.speakon-use-cases__track{display:flex;gap:40px;transform:translateZ(0);transition:transform .36s cubic-bezier(.22,1,.36,1);will-change:transform}.speakon-use-cases-card{border-radius:24px;display:flex;flex:0 0 400px;flex-direction:column;gap:24px;min-width:0}.speakon-use-cases-card__media{aspect-ratio:4 / 3;border-radius:16px;display:block;overflow:hidden;width:100%}.speakon-use-cases-card__picture,.speakon-use-cases-card__image{display:block;height:100%;width:100%}.speakon-use-cases-card__image{object-fit:cover}.speakon-use-cases-card__copy{display:flex;flex-direction:column;gap:10px}.speakon-use-cases-card__title{color:#1a1a1a;font-family:var(--sp-vi-font-heading, "Plus Jakarta Sans", sans-serif);font-size:24px;font-weight:600;letter-spacing:0;line-height:36px;margin:0}.speakon-use-cases-card__text{color:var(--sp-vi-color-text-muted, #6d6d6f);font-family:Inter,var(--sp-vi-font-body, sans-serif);font-size:18px;font-weight:400;letter-spacing:0;line-height:24px;margin:0}.speakon-use-cases__controls{display:flex;gap:12px;justify-content:flex-end;width:100%}.speakon-use-cases__control{align-items:center;-webkit-appearance:none;appearance:none;background:#262626;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:56px;justify-content:center;padding:0;transition:background-color .18s ease,opacity .18s ease;width:56px}.speakon-use-cases__control[disabled]{background:#26262633;cursor:default}.speakon-use-cases__control svg{display:block;height:24px;width:24px}.speakon-use-cases--styles{color:var(--sp-use-cases-primary, #18181c);padding:82px 80px}.speakon-use-cases--styles .speakon-use-cases__inner{gap:79px}.speakon-use-cases--styles .speakon-use-cases__heading-stack{max-width:1280px}.speakon-use-cases--styles .speakon-use-cases__description{color:var(--sp-use-cases-muted, #6d6d6f);display:block;font-family:Inter,var(--sp-vi-font-body, sans-serif);font-size:18px;font-weight:400;line-height:28px;margin:0;max-width:960px}.speakon-use-cases--styles .speakon-use-cases__viewport{overflow:visible}.speakon-use-cases--styles .speakon-use-cases__track{display:grid;gap:40px;grid-template-columns:repeat(3,minmax(0,1fr));will-change:auto}.speakon-use-cases--styles .speakon-use-cases-card{background:var(--sp-use-cases-card-background, #ffffff);box-sizing:border-box;flex:none;gap:24px;min-height:352px;padding:24px;width:auto}.speakon-use-cases-card__style-label{align-items:center;align-self:flex-start;background:var(--sp-use-case-label-background, #d6e8ff);border-radius:999px;box-sizing:border-box;color:var(--sp-use-cases-primary, #18181c);display:inline-flex;font-family:var(--sp-vi-font-heading, "Plus Jakarta Sans", sans-serif);font-size:16px;font-weight:500;height:36px;line-height:20px;margin:0;padding:0 16px}.speakon-use-cases--styles .speakon-use-cases-card__title{color:var(--sp-use-cases-primary, #18181c);font-size:24px;font-weight:600;line-height:36px}.speakon-use-cases-preview{background:var(--sp-use-cases-preview-background, #f4f4f6);border:1px solid var(--sp-use-cases-preview-border, #e3e3e8);border-radius:20px;box-sizing:border-box;display:flex;flex:0 0 184px;flex-direction:column;gap:6px;height:184px;min-width:0;overflow:hidden;padding:9px 10px;width:100%}.speakon-use-cases-preview__header{align-items:center;background:#fff;border-radius:14px;box-sizing:border-box;display:flex;flex:0 0 48px;gap:4px;height:48px;padding:8px 10px}.speakon-use-cases-preview__icon{align-items:center;display:inline-flex;flex:0 0 32px;height:32px;justify-content:center;overflow:hidden;width:32px}.speakon-use-cases-preview__icon img{display:block;height:27px;object-fit:contain;width:27px}.speakon-use-cases-preview--mail .speakon-use-cases-preview__icon img,.speakon-use-cases-preview--instagram .speakon-use-cases-preview__icon img,.speakon-use-cases-preview--outlook .speakon-use-cases-preview__icon img,.speakon-use-cases-preview--whatsapp .speakon-use-cases-preview__icon img{border-radius:50%}.speakon-use-cases-preview__app-name{color:#1d1d1f;font-family:Inter,var(--sp-vi-font-body, sans-serif);font-size:16px;font-weight:500;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speakon-use-cases-preview__body{background:#fff;border-radius:18px;box-sizing:border-box;flex:0 0 112px;height:112px;min-width:0;overflow:hidden;padding:10px 14px;position:relative}.speakon-use-cases-preview__meta,.speakon-use-cases-preview__subject,.speakon-use-cases-preview__message,.speakon-use-cases-preview__channel,.speakon-use-cases-preview__sender{font-family:Inter,var(--sp-vi-font-body, sans-serif);margin:0}.speakon-use-cases-preview__meta{color:#77777b;font-size:10px;line-height:13px}.speakon-use-cases-preview__subject{color:#252529;font-size:12px;font-weight:600;line-height:15px;margin-top:3px}.speakon-use-cases-preview__divider{background:#eeeeef;display:block;height:1px;margin:7px 0;width:100%}.speakon-use-cases-preview__message{color:#55555a;font-size:11px;font-weight:400;line-height:14px}.speakon-use-cases-preview__channel{color:#611f69;font-size:11px;font-weight:600;line-height:14px}.speakon-use-cases-preview__slack-message{align-items:flex-start;display:flex;gap:8px;margin-top:10px}.speakon-use-cases-preview__avatar{align-items:center;background:#8073ff;border-radius:7px;color:#fff;display:inline-flex;flex:0 0 28px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;height:28px;justify-content:center;line-height:16px;text-transform:uppercase;width:28px}.speakon-use-cases-preview__sender{color:#252529;font-size:10px;font-weight:600;line-height:13px;margin-bottom:3px}.speakon-use-cases-preview--instagram .speakon-use-cases-preview__sender,.speakon-use-cases-preview--whatsapp .speakon-use-cases-preview__sender{left:14px;position:absolute;top:10px}.speakon-use-cases-preview__message--bubble{align-items:center;border-radius:14px;bottom:10px;box-sizing:border-box;display:flex;left:38px;min-height:67px;padding:9px 12px;position:absolute;right:14px}.speakon-use-cases-preview--instagram .speakon-use-cases-preview__message--bubble{background:#1687f8;color:#fff}.speakon-use-cases-preview--whatsapp .speakon-use-cases-preview__message--bubble{background:#d8f7ce;color:#30422e}.speakon-use-cases--styles .speakon-use-cases__controls{display:none}@media(max-width:1199.98px){.speakon-use-cases{padding-left:48px;padding-right:48px}.speakon-use-cases-card{flex-basis:calc((100vw - 176px) / 3)}.speakon-use-cases--styles .speakon-use-cases__track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.speakon-use-cases{padding:40px 24px}.speakon-use-cases__inner{gap:24px;max-width:342px}.speakon-use-cases__heading-stack{gap:12px;max-width:342px}.speakon-use-cases__kicker{font-size:12px;line-height:14px}.speakon-use-cases__title{color:#111;font-size:28px;line-height:36px}.speakon-use-cases__description{color:#444;display:block;font-family:var(--sp-vi-font-body, "Plus Jakarta Sans", sans-serif);font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;margin:0}.speakon-use-cases__track{gap:0}.speakon-use-cases-card{flex-basis:100%;gap:12px}.speakon-use-cases-card__media{border-radius:20px}.speakon-use-cases-card__copy{gap:4px;max-width:326px}.speakon-use-cases-card__title{color:#111;font-size:18px;line-height:26px}.speakon-use-cases-card__text{color:#555;font-size:14px;line-height:20px}.speakon-use-cases__controls{gap:8px;margin-top:0}.speakon-use-cases__control{height:40px;width:40px}.speakon-use-cases__control svg{height:17.143px;width:17.143px}.speakon-use-cases--styles{padding:40px 24px}.speakon-use-cases--styles .speakon-use-cases__inner,.speakon-use-cases--styles .speakon-use-cases__heading-stack{gap:24px}.speakon-use-cases--styles .speakon-use-cases__kicker{font-size:14px;line-height:17px}.speakon-use-cases--styles .speakon-use-cases__description{color:var(--sp-use-cases-muted, #6d6d6f);font-family:var(--sp-vi-font-heading, "Plus Jakarta Sans", sans-serif);font-size:14px;line-height:22px}.speakon-use-cases--styles .speakon-use-cases__viewport{overflow:hidden}.speakon-use-cases--styles .speakon-use-cases__track{display:flex;gap:0;grid-template-columns:none;will-change:transform}.speakon-use-cases--styles .speakon-use-cases-card{flex:0 0 100%;gap:12px;min-height:302px;padding:16px;width:100%}.speakon-use-cases-card__style-label{font-size:14px;line-height:18px}.speakon-use-cases--styles .speakon-use-cases-card__title{color:var(--sp-use-cases-primary, #18181c);font-size:18px;line-height:26px}.speakon-use-cases-preview__app-name{font-size:14px;line-height:18px}.speakon-use-cases--styles .speakon-use-cases__controls{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/speakon-use-cases.css.map */