.v7c{--v7c-soft:#0f0f148c;--v7c-card:0 0 0 1px #0f0f1412, 0 1px 2px #0f0f140d;--v7c-out:cubic-bezier(.16, 1, .3, 1);color:#16161a;flex-direction:column;height:440px;font-size:16px;line-height:1.45;display:flex;position:relative}.v7c p{margin:0}.v7c-view{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;margin:0 -24px;padding:0 24px 20px;display:flex;position:relative;overflow:hidden}.v7c-view:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fff 10%,#fff0);height:90px;position:absolute;inset:0 0 auto}.v7c-feed,.v7c-turn{flex-direction:column;flex:none;display:flex}.v7c-feed{gap:22px}.v7c-turn{gap:10px}.v7c-me{color:#fff;background:#5b8df0;border-radius:18px;align-self:flex-end;max-width:86%;padding:9px 15px;box-shadow:0 10px 24px -14px #3c64d2b3}.v7c-worked{height:22px;color:var(--v7c-soft);align-items:center;gap:8px;font-size:14px;display:flex}.v7c-worked>span{flex:none;place-items:center;width:16px;height:16px;display:grid}.v7c-worked svg{width:15px;height:15px}.v7c-spin{border:2px solid #0f0f1424;border-top-color:#0f0f1480;border-radius:50%;width:12px;height:12px}.v7c-steps{transition:grid-template-rows .42s var(--v7c-out), margin-top .42s var(--v7c-out), opacity .24s cubic-bezier(.4, 0, .2, 1);opacity:0;grid-template-rows:0fr;margin-top:-10px;display:grid}.v7c-steps[data-open]{opacity:1;grid-template-rows:1fr;margin-top:-4px}.v7c-steps>div{flex-direction:column;gap:7px;min-height:0;margin-left:7px;padding-left:16px;display:flex;overflow:hidden;box-shadow:inset 1px 0 #0f0f141a}.v7c-steps span{color:var(--v7c-soft);align-items:center;gap:8px;font-size:14px;display:flex}.v7c-steps span>svg{color:#1f9d55;stroke-width:2.6px;width:14px;height:14px}.v7c-msg{max-width:90%;box-shadow:var(--v7c-card), 0 12px 28px -18px #0f0f1466;background:#fff;border-radius:18px;align-self:flex-start;padding:10px 15px}.v7c-foot{z-index:2;flex:none;align-items:center;gap:14px;display:flex;position:relative}.v7c-box{z-index:2;min-width:0;height:54px;box-shadow:var(--v7c-card), 0 14px 30px -18px #0f0f1466;background:#fff;border-radius:18px;flex:1;align-items:center;gap:12px;padding:0 10px 0 18px;transition:box-shadow .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.v7c-box[data-held]{box-shadow:0 0 0 1.5px #5b8df0,0 0 0 5px #5b8df029,0 14px 30px -18px #0f0f1466}.v7c-box p{white-space:nowrap;flex:1;overflow:hidden}.v7c-box p[data-empty]{color:#0f0f1461}.v7c-box p i{vertical-align:-.18em;background:#5b8df0;width:1.5px;height:1.1em;margin-left:2px;display:inline-block}.v7c-box[data-held] p[data-empty]{color:#0000}.v7c-box[data-held] p[data-empty] i{margin-left:-100%}.v7c-wave{opacity:0;flex:none;align-items:center;gap:3px;height:18px;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:flex}.v7c-box[data-held] .v7c-wave{opacity:1}.v7c-wave i{background:#5b8df0;border-radius:2px;width:3px;height:100%;transform:scaleY(.25)}.v7c-mic{width:18px;height:18px;color:var(--v7c-soft);flex:none;transition:color .2s cubic-bezier(.4,0,.2,1)}.v7c-box[data-held] .v7c-mic{color:#5b8df0}.v7c-send{color:#0f0f1466;background:#0f0f1414;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);display:grid}.v7c-send[data-on]{color:#fff;background:#16161a}.v7c-send svg{stroke-width:2.4px;width:16px;height:16px}@media (prefers-reduced-motion:no-preference){.v7c-me{transform-origin:100% 100%;animation:v7c-send .52s var(--v7c-out) both}.v7c-worked,.v7c-steps span,.v7c-msg{animation:v7c-in .42s var(--v7c-out) both}.v7c-msg{transform-origin:0 100%}.v7c-steps span>svg{animation:.32s cubic-bezier(.34,1.56,.64,1) .26s both v7c-tick}.v7c-spin{animation:.9s linear infinite v7c-spin}.v7c-box[data-held] .v7c-wave i{animation:.48s ease-in-out infinite alternate v7c-wave;animation-delay:calc(var(--v7-i) * -130ms)}.v7c-box p i{animation:1s steps(2,end) infinite v7c-caret}}@keyframes v7c-send{0%{opacity:0;transform:translateY(46px)scale(.92)}35%{opacity:1}}@keyframes v7c-in{0%{opacity:0;transform:translateY(8px)}}@keyframes v7c-tick{0%{opacity:0;transform:scale(.3)}}@keyframes v7c-spin{to{transform:rotate(360deg)}}@keyframes v7c-wave{to{transform:scaleY(1)}}@keyframes v7c-caret{50%{opacity:0}}@media (max-width:900px){.v7c{height:420px;font-size:15px}}.v7c-chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.v7c{background:#fafaf9;border-radius:24px;height:460px;padding:16px 20px 20px;font-size:15px;box-shadow:0 0 0 1px #0f0f1414,0 30px 60px -36px #0f0f1459}.v7c .v7c-top{z-index:2;flex:none;justify-content:center;display:flex;position:relative}.v7c-pill{height:34px;box-shadow:var(--v7c-card);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 9px;font-weight:500;display:inline-flex}.v7c .v7c-view{margin:0 -20px;padding:0 20px 16px}.v7c .v7c-view:before{background:linear-gradient(#fafaf9 10%,#fafaf900);height:64px}.v7c .v7c-me{box-shadow:none}.v7c :is(.v7c-msg,.v7c-box){box-shadow:var(--v7c-card)}.v7c .v7c-box[data-held]{box-shadow:0 0 0 1.5px #5b8df0,0 0 0 5px #5b8df029}
