.speakon-voice-routing{--svr-section-background: #f3f3f3;color:var(--sp-vi-color-text-primary);overflow:hidden;padding:96px 56px}.speakon-vi-section.speakon-voice-routing{background-color:var(--svr-section-background);border-radius:0}.speakon-voice-routing--bg-warm-page{--svr-section-background: #f5f3ea}.speakon-voice-routing--bg-warm-mist{--svr-section-background: #ebece2}.speakon-voice-routing--bg-accent-sage{--svr-section-background: #dfe0d1}.speakon-voice-routing--spacing-small{padding-bottom:72px;padding-top:72px}.speakon-voice-routing--spacing-large{padding-bottom:128px;padding-top:128px}.speakon-voice-routing__inner{margin:0 auto;max-width:1328px}.speakon-voice-routing__heading-stack{max-width:980px}.speakon-voice-routing__kicker{color:var(--sp-vi-text-accent-purple);letter-spacing:.04em;margin:0 0 24px;text-transform:uppercase}.speakon-voice-routing__title{color:var(--sp-vi-color-text-primary)}.speakon-voice-routing__description{color:var(--sp-vi-color-text-muted);margin-top:24px;max-width:657px}.speakon-voice-routing__stage{align-items:start;column-gap:108px;display:grid;grid-template-areas:"typing bridge note";grid-template-columns:480px 104px 480px;height:658px;justify-content:start;margin:64px auto 0;max-width:1280px;position:relative}.speakon-voice-routing__bridge{align-items:center;align-self:start;display:flex;flex-direction:column;gap:10px;grid-area:bridge;height:144px;justify-self:center;margin-top:228px;position:relative;width:104px;z-index:3}.speakon-voice-routing__bridge:before,.speakon-voice-routing__bridge:after{display:none}.speakon-voice-routing__connector{background-image:repeating-linear-gradient(90deg,#000000 0 12px,transparent 12px 20px);background-position:center;background-repeat:repeat-x;background-size:20px 4px;height:20px;left:489px;pointer-events:none;position:absolute;top:272px;width:302px;z-index:1}.speakon-voice-routing__connector:before,.speakon-voice-routing__connector:after{background:#000;border-radius:999px;content:"";height:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.speakon-voice-routing__connector:before{left:-10px}.speakon-voice-routing__connector:after{right:-10px}.speakon-voice-routing--connector-hidden .speakon-voice-routing__connector{display:none}.speakon-voice-routing__speak-mark{align-items:center;background:transparent;border-radius:999px;color:#fff;display:flex;height:104px;isolation:isolate;justify-content:center;position:relative;width:104px;z-index:2}.speakon-voice-routing__speak-mark:before{background:conic-gradient(from 90deg,#0dba67,#2bbd5b 30deg,#fecf0a 78deg,#3086ff 138deg,#bd30ff 205deg,#60cdd3 285deg,#0dba67 360deg);border-radius:inherit;content:"";filter:blur(17px);top:-17px;right:-17px;bottom:-17px;left:-17px;opacity:.78;position:absolute;z-index:-1}.speakon-voice-routing__speak-mark:after{background:#000;border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.speakon-voice-routing__speak-icon{display:block;height:54px;overflow:visible;pointer-events:none;position:relative;width:54px;z-index:2}.speakon-voice-routing__speak-label{color:#071024;font-size:25px;font-weight:800;line-height:30px;margin:0;position:relative;text-align:center;z-index:2}.speakon-voice-routing--speak-hidden .speakon-voice-routing__bridge{display:none}.speakon-voice-routing--speak-hidden .speakon-voice-routing__stage{grid-template-areas:"typing note";grid-template-columns:minmax(320px,480px) minmax(320px,480px)}.speakon-voice-routing-card{--svr-accent: var(--sp-vi-text-accent-purple);--svr-card-background: rgba(255, 255, 255, .5);background:var(--svr-card-background);border-radius:24px;box-shadow:0 28px 70px #232d4c0f,inset 0 1px #ffffffb8;box-sizing:border-box;height:658px;min-width:0;padding:32px;position:relative;width:480px;z-index:2}.speakon-voice-routing-card--typing{grid-area:typing}.speakon-voice-routing-card--note{grid-area:note}.speakon-voice-routing-card--image{background:transparent;box-shadow:none;padding:0}.speakon-voice-routing-card__image{display:block;height:100%;object-fit:contain;width:100%}.speakon-voice-routing-card--accent-blue{--svr-accent: var(--sp-vi-text-accent-blue)}.speakon-voice-routing-card--accent-gold{--svr-accent: var(--sp-vi-text-accent-gold)}.speakon-voice-routing-card--accent-cyan{--svr-accent: var(--sp-vi-text-accent-cyan)}.speakon-voice-routing-card--accent-lime{--svr-accent: var(--sp-vi-text-accent-lime)}.speakon-voice-routing-card__content{display:grid;gap:24px}.speakon-voice-routing-card--typing .speakon-voice-routing-card__content{min-height:230px}.speakon-voice-routing-card--note .speakon-voice-routing-card__content{min-height:182px}.speakon-voice-routing-card__badge{align-items:center;background:var(--svr-accent);border-radius:12px;color:#fff;display:inline-flex;justify-self:start;min-height:38px;padding:0 18px}.speakon-voice-routing-card__title{color:var(--sp-vi-color-text-primary)}.speakon-voice-routing-card__body{color:var(--sp-vi-color-text-muted);max-width:416px}.speakon-voice-routing-demo{background:#fff;border-radius:20px;box-shadow:0 22px 45px #232d4c29;box-sizing:border-box;height:340px;margin-top:24px;overflow:hidden}.speakon-voice-routing-demo--note{height:379px;padding:24px}.speakon-voice-routing-chat__header{align-items:center;border-bottom:1px solid #dfe4ee;display:flex;gap:8px;height:60px;padding:0 22px}.speakon-voice-routing-chat__avatar{align-items:center;background:#7891b7;border-radius:999px;color:#fff;display:flex;flex:0 0 auto;font-size:18px;font-weight:700;height:38px;justify-content:center;line-height:22px;width:38px}.speakon-voice-routing-chat__name{color:#071024;font-size:18px;font-weight:700;line-height:22px;margin:0}.speakon-voice-routing-chat__body{display:grid;gap:16px;padding:24px}.speakon-voice-routing-chat__reply-wrap{justify-self:end}.speakon-voice-routing-chat__reply{background:#3dc85e;border-radius:999px;color:#fff;font-size:20px;line-height:24px;margin:0;padding:11px 16px}.speakon-voice-routing-chat__time{color:#71798a;font-size:13px;line-height:16px;margin:7px 0 0;text-align:right}.speakon-voice-routing-chat__transcript{background:#f4f4f4;border-radius:16px;color:var(--sp-vi-color-text-secondary);font-size:20px;font-weight:500;line-height:28.56px;margin:0;min-height:151px;padding:18px 20px;position:relative}.speakon-voice-routing-chat__transcript:after{background:#0c7ef7;bottom:22px;content:"";height:24px;position:absolute;right:66px;width:2px}.speakon-voice-routing-note__title{color:#071024;font-size:20px;font-weight:700;line-height:24px;margin:0}.speakon-voice-routing-note__edit{align-items:center;background:var(--sp-vi-background-neutral-black);border-radius:10px;color:#fff;display:flex;gap:9px;margin-top:16px;min-height:42px;padding:9px 12px}.speakon-voice-routing-note__edit-icon{display:grid;flex:0 0 auto;height:24px;place-items:center;position:relative;width:24px}.speakon-voice-routing-note__edit-icon:before,.speakon-voice-routing-note__edit-icon:after{background:currentColor;border-radius:999px;content:"";height:3px;position:absolute;width:16px}.speakon-voice-routing-note__edit-icon:before{transform:rotate(45deg)}.speakon-voice-routing-note__edit-icon:after{transform:rotate(-45deg)}.speakon-voice-routing-note__edit-text{color:#fff;font-size:16px;font-weight:600;line-height:19px;margin:0}.speakon-voice-routing-note__divider{background:#dde2ed;height:1px;margin:16px 0}.speakon-voice-routing-note__body{background:#f4f4f4;border-radius:16px;min-height:192px;padding:18px 20px}.speakon-voice-routing-note__heading,.speakon-voice-routing-note__line{color:#071024;font-size:20px;line-height:28.56px;margin:0}.speakon-voice-routing-note__heading{font-weight:700}.speakon-voice-routing-note__lines{display:grid;gap:0;margin-top:12px}.speakon-voice-routing-note__line{color:var(--sp-vi-color-text-secondary);font-weight:500}.speakon-voice-routing--animated .speakon-voice-routing-card,.speakon-voice-routing--animated .speakon-voice-routing__bridge{animation:speakonVoiceRoutingRise .72s cubic-bezier(.16,1,.3,1) both}.speakon-voice-routing--animated .speakon-voice-routing-card--note{animation-delay:.12s}.speakon-voice-routing--animated .speakon-voice-routing__bridge{animation-delay:.2s}@keyframes speakonVoiceRoutingRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1391.98px){.speakon-voice-routing__stage{column-gap:clamp(48px,6vw,108px);grid-template-columns:minmax(320px,480px) 104px minmax(320px,480px);height:auto;justify-content:center;max-width:100%}.speakon-voice-routing__bridge{align-self:center;height:auto;margin-top:0}.speakon-voice-routing__connector{left:50%;top:50%;transform:translate(-50%,-10px);width:min(302px,24vw)}.speakon-voice-routing-card{height:auto;min-height:658px;width:auto}.speakon-voice-routing-card--image{aspect-ratio:480 / 658;min-height:0}}@media(max-width:1199.98px){.speakon-voice-routing{padding-left:32px;padding-right:32px}.speakon-voice-routing__stage{gap:32px;grid-template-columns:minmax(280px,1fr) 88px minmax(280px,1fr)}.speakon-voice-routing__bridge{width:88px}.speakon-voice-routing__speak-mark{height:88px;width:88px}.speakon-voice-routing__speak-icon{height:46px;width:46px}}@media(max-width:991.98px){.speakon-voice-routing__stage,.speakon-voice-routing--speak-hidden .speakon-voice-routing__stage{grid-template-areas:"typing" "bridge" "note";grid-template-columns:minmax(0,1fr);justify-items:center}.speakon-voice-routing--mobile-note-first .speakon-voice-routing__stage{grid-template-areas:"note" "bridge" "typing"}.speakon-voice-routing__connector{background-image:repeating-linear-gradient(180deg,#000000 0 12px,transparent 12px 20px);background-size:4px 20px;height:96px;left:50%;top:50%;transform:translate(-50%,-50%);width:20px}.speakon-voice-routing__connector:before,.speakon-voice-routing__connector:after{left:50%;right:auto;top:auto;transform:translate(-50%)}.speakon-voice-routing__connector:before{top:-10px}.speakon-voice-routing__connector:after{bottom:-10px}.speakon-voice-routing-card{height:auto;max-width:560px;min-height:0;width:100%}.speakon-voice-routing--speak-hidden .speakon-voice-routing__bridge{display:none}}@media(max-width:767.98px){.speakon-voice-routing{border-radius:24px;padding:48px 16px}.speakon-voice-routing--spacing-small,.speakon-voice-routing--spacing-large{padding-bottom:48px;padding-top:48px}.speakon-voice-routing__stage{gap:28px;margin-top:40px}.speakon-voice-routing__connector{display:none}.speakon-voice-routing__bridge{gap:0;height:90px;margin:8px 0 14px;width:104px}.speakon-voice-routing__bridge:before{background-image:repeating-linear-gradient(180deg,#000000 0 8px,transparent 8px 15px),repeating-linear-gradient(180deg,#000000 0 8px,transparent 8px 15px);background-position:center top,center bottom;background-repeat:no-repeat;background-size:2px 33px,2px 23px;content:"";display:block;height:146px;left:50%;position:absolute;top:-33px;transform:translate(-50%);width:2px;z-index:1}.speakon-voice-routing__bridge:after{background:#000;border-radius:999px;box-shadow:0 146px #000;content:"";display:block;height:9px;left:50%;position:absolute;top:-37px;transform:translate(-50%);width:9px;z-index:1}.speakon-voice-routing__speak-mark{height:64px;margin-bottom:-4px;width:64px}.speakon-voice-routing__speak-mark:before{filter:blur(14px);top:-14px;right:-14px;bottom:-14px;left:-14px}.speakon-voice-routing__speak-icon{height:33.23px;width:33.23px}.speakon-voice-routing-card{border-radius:20px;padding:20px}.speakon-voice-routing-card--image{padding:0}.speakon-voice-routing-demo{height:auto;min-height:0}.speakon-voice-routing-demo--note{height:auto;min-height:0;padding:18px}.speakon-voice-routing-card--typing .speakon-voice-routing-card__content,.speakon-voice-routing-card--note .speakon-voice-routing-card__content{min-height:0}.speakon-voice-routing-chat__body{padding:18px}.speakon-voice-routing-chat__transcript,.speakon-voice-routing-note__heading,.speakon-voice-routing-note__line{font-size:16px;line-height:24px}.speakon-voice-routing-chat__reply{font-size:16px;line-height:22px}.speakon-voice-routing__speak-label{font-size:20px;line-height:30px}}@media(prefers-reduced-motion:reduce){.speakon-voice-routing--animated .speakon-voice-routing-card,.speakon-voice-routing--animated .speakon-voice-routing__bridge{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/speakon-voice-routing.css.map */