.al-x7{position:relative;width:100%;max-width:600px;height:300px;margin-inline:auto;overflow:hidden;border:1px solid var(--al-rule);border-radius:16px;background:var(--al-paper);box-shadow:0 8px 28px color-mix(in srgb,var(--al-ink) 6%,transparent);font-size:13px}.al-x7-top{position:absolute;inset:0 0 auto;height:44px;border-bottom:1px solid var(--al-rule);background:var(--al-paper-2)}.al-x7-top span{position:absolute;inset:0;display:flex;align-items:center;padding-left:4%;font-weight:600;color:var(--al-muted)}.al-x7-top .al-x7-brand{background:var(--al-blue);color:var(--al-paper)}.al-x7-col{position:absolute;top:60px;width:44%;height:224px}.al-x7-left{left:4%}.al-x7-right{left:52%}.al-x7-col p{position:absolute;top:0;margin:0;font-weight:600;color:var(--al-muted)}.al-x7-row{right:0;top:calc(26px + var(--i) * 32px);display:flex;align-items:center;gap:7px;height:28px;padding:0 8px 0 3px;border-radius:14px;background:var(--al-paper-2);color:var(--al-ink);overflow:hidden}.al-x7-btn,.al-x7-row{position:absolute;left:0;white-space:nowrap}.al-x7-btn{top:180px;height:32px;padding:0 12px;border-radius:8px;line-height:32px;font-weight:600}.al-x7-csv{border:1px solid var(--al-blue-line);background:var(--al-blue-soft);color:var(--al-blue)}.al-x7-sent{top:184px;gap:5px;height:26px;border:1px solid var(--al-ok-line);border-radius:999px;background:var(--al-ok-soft);color:var(--al-ok);white-space:nowrap}.al-x7-card,.al-x7-sent{position:absolute;left:0;display:flex;align-items:center;padding:0 10px;font-weight:600}.al-x7-card{right:0;top:26px;justify-content:space-between;height:40px;border:1.5px solid var(--al-blue);border-radius:8px;background:var(--al-blue-soft);color:var(--al-ink)}.al-x7-card svg{color:var(--al-blue)}.al-x7-col .al-x7-sub{top:94px}.al-x7-sw{position:absolute;left:0;top:118px;display:flex;gap:8px}.al-x7-sw i{display:block;width:24px;height:24px;border-radius:50%}.al-x7-sw i:first-child{background:var(--al-blue);box-shadow:0 0 0 2px var(--al-paper),0 0 0 4px var(--al-blue)}.al-x7-sw i:nth-child(2){background:var(--al-ink-2)}.al-x7-sw i:nth-child(3){background:var(--al-ok)}.al-x7-ptr{position:absolute;inset:0;pointer-events:none}.al-x7-ptr-in{position:absolute;left:0;top:0;display:flex;align-items:flex-start;gap:2px}.al-x7-ptr svg path{stroke:var(--al-paper);stroke-width:1.2;stroke-linejoin:round}.al-x7-ptr .al-x7-face{margin-top:12px}.al-x7-ptr b{margin-top:14px;padding:1px 7px;border-radius:999px;font-size:13px;font-weight:600;color:var(--al-paper)}.al-x7-tu{transform:translate(72%,68%)}.al-x7-tu path{fill:var(--al-blue)}.al-x7-tu b{background:var(--al-blue)}.al-x7-noi{transform:translate(78%,50%)}.al-x7-noi path{fill:var(--al-ink)}.al-x7-noi b{background:var(--al-ink)}@media (prefers-reduced-motion:no-preference){html.js .al-x7[data-seen=true] .al-x7-tu{animation:al-x7-tu .9s var(--al-ease-io) both}html.js .al-x7[data-seen=true] .al-x7-noi{animation:al-x7-noi .9s var(--al-ease-io) both}html.js .al-x7[data-seen=true] .al-x7-sent{animation:al-x7-sent .3s var(--al-ease) .6s both}}@keyframes al-x7-tu{0%{transform:translate(24%,55%)}}@keyframes al-x7-noi{0%{transform:translate(80%,18%)}50%{transform:translate(60%,40%)}to{transform:translate(78%,50%)}}@keyframes al-x7-sent{0%{transform:scale(.9)}}.al-x6{width:100%;max-width:300px;padding:20px;border:1px solid var(--al-rule);border-radius:18px;background:var(--al-paper);box-shadow:0 8px 28px color-mix(in srgb,var(--al-ink) 6%,transparent)}.al-x6-line{display:flex;align-items:center;gap:10px;height:64px}.al-x6-who{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--al-blue-line);background:var(--al-blue-soft);color:var(--al-blue);font-size:14px;font-weight:700}.al-x6-al{border-color:var(--al-blue);background:var(--al-blue);color:var(--al-paper)}.al-x6-wave{display:flex;flex:1;align-items:center;justify-content:space-between;height:100%}.al-x6-wave i{display:block;width:3px;border-radius:2px;background:var(--al-blue)}.al-x6-title{margin:14px 0 0;font-size:15px;font-weight:600;color:var(--al-ink)}.al-x6-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;font-size:14px;color:var(--al-ink-2)}.al-x6-pill{padding:2px 10px;border:1px solid var(--al-ok-line);border-radius:999px;background:var(--al-ok-soft);color:var(--al-ok);font-size:13px;font-weight:600}@media (prefers-reduced-motion:no-preference){html.js .al-x6[data-seen=true] .al-x6-wave i{animation:al-x6-talk 1.1s var(--al-ease-io) 2 both;animation-delay:calc(var(--i) * 35ms + .3s)}}@keyframes al-x6-talk{0%,to{transform:none}35%{transform:scaleY(var(--p))}65%{transform:scaleY(calc(var(--p) * .55))}}