@import url('/assets/landing-shell.css');

.metric-art{position:absolute;right:13px;bottom:12px;width:48px;height:48px;display:grid;place-items:center}.metric-art svg,.future-symbol svg,.cm-react svg,.reactions svg,.cs-title svg,.demo-tools svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.metric.blue>b{margin-top:6px}.metric.green>b{font-size:20px;line-height:1.05;margin-top:8px}.metric.pink>b{font-size:27px;line-height:1.03}.metric.green .metric-art{width:43px;height:43px}.future{padding:28px 32px}.future-top{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:18px}.future-symbol{width:38px;height:38px;border:1px solid currentColor;border-radius:10px;padding:8px}.future h3{margin:0 0 8px}.future p{max-width:62%;position:relative;z-index:2}.future-preview{position:absolute;right:28px;top:92px;width:145px;background:#fff;border:1px solid #d8ded9;border-radius:10px;padding:13px;box-shadow:0 10px 24px #33463c18}.future-preview>b{font-size:10px;display:block;margin-bottom:8px}.chat-preview>i{display:block;height:5px;background:#e1e7e3;border-radius:6px;margin-top:7px}.chat-preview>i:nth-of-type(2){width:70%;background:#a9db8e}.chat-preview>i:nth-of-type(3){width:48%}.feedback-preview span{display:flex;gap:5px}.feedback-preview i{width:15px;height:15px;border-radius:50%;border:1px solid #b8c3bd}.feedback-preview i:nth-child(-n+4){background:#d8c9ff;border-color:#9d83dc}.cm-row p>b,.cm-row p>small{display:inline-block}.cm-row p>small{margin-left:8px}.cm-react{display:flex;align-items:center;gap:7px;margin:10px 0 0 44px}.cm-react button,.reactions button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:5px 10px;font-size:10px}.cm-react svg,.reactions svg{width:14px;height:14px}.cm-reply{font-weight:700}.demo-tools{display:flex!important;align-items:center;gap:12px}.demo-tools svg,.cs-title svg{width:16px;height:16px}.cs-title button{width:32px;height:32px;display:grid;place-items:center}.reactions{font-size:10px}.reactions span{border:0;padding:0}.comment-mini .cm-box small{display:flex;align-items:center;gap:10px}@media(max-width:700px){.future p{max-width:100%;padding-right:110px}.future-preview{right:18px;top:88px;width:105px}}