.demo[data-v-eedaa504]{position:relative;padding-top:112px}.stack[data-v-eedaa504]{list-style:none;margin:0;padding:0;top:0;left:0;right:0;height:120px}.ghost[data-v-eedaa504],.stack[data-v-eedaa504]{position:absolute}.ghost[data-v-eedaa504]{display:flex;align-items:center;gap:14px;border:1px solid var(--v4-line);border-radius:20px;padding:0 24px;height:64px;box-sizing:border-box;background:#fff;transition:all .5s cubic-bezier(.2,.7,.2,1)}.g0[data-v-eedaa504]{top:0;left:44px;right:0;opacity:.5}.g1[data-v-eedaa504]{top:52px;left:22px;right:22px;opacity:.85}.gt[data-v-eedaa504]{flex:none;font-size:15px;color:var(--v4-soft)}.gl[data-v-eedaa504]{min-width:0;font-size:17px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.card[data-v-eedaa504],.gl[data-v-eedaa504]{overflow:hidden}.card[data-v-eedaa504]{position:relative;z-index:2;margin-right:44px;border:1px solid var(--v4-line-2);border-radius:24px;background:#fff;box-shadow:0 2px 4px #16181d0a,0 40px 80px -40px #16181d59;transition:border-color .3s ease}.card.sent[data-v-eedaa504]{border-color:#9bddbc}.body[data-v-eedaa504]{padding:30px 32px 26px}.k[data-v-eedaa504]{margin:0;font-size:15px;font-weight:600;color:var(--v4-warn);display:flex;align-items:center;gap:8px}.k.ok[data-v-eedaa504]{color:var(--v4-ok)}.card .ttl[data-v-eedaa504]{margin:12px 0 0;font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.15}.meta[data-v-eedaa504]{margin:12px 0 0;font-size:17px;line-height:1.5;color:var(--v4-text)}.msg-wrap[data-v-eedaa504]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.msg-wrap.open[data-v-eedaa504]{grid-template-rows:1fr}.msg-in[data-v-eedaa504]{overflow:hidden}.msg[data-v-eedaa504]{display:flex;gap:12px;align-items:flex-start;margin:18px 0 0;padding:16px 18px;border-radius:14px;background:var(--v4-mist);font-size:16px;line-height:1.55;color:var(--v4-ink)}.msg img[data-v-eedaa504]{flex:none;margin-top:3px}.acts[data-v-eedaa504]{display:flex;gap:10px;padding:18px 32px;border-top:1px solid var(--v4-line);background:var(--v4-mist)}.b[data-v-eedaa504]{flex:1;font:600 17px/1 var(--v4-font);padding:16px;border-radius:999px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .2s}.b[data-v-eedaa504]:disabled{cursor:default;opacity:.45}.b-line[data-v-eedaa504]{border:1px solid #d5d7dd;background:#fff;color:var(--v4-ink)}.b-line[data-v-eedaa504]:not(:disabled):hover{border-color:var(--v4-ink)}.b-ink[data-v-eedaa504]{border:0;background:var(--v4-ink);color:#fff}.b-ink[data-v-eedaa504]:not(:disabled):hover{background:#000}.count[data-v-eedaa504]{margin:22px 0 0 4px;font-size:15px;color:var(--v4-soft)}@media(prefers-reduced-motion:no-preference){.ghost.first[data-v-eedaa504]{animation:gin-eedaa504 .6s cubic-bezier(.2,.7,.2,1) both}.g0.first[data-v-eedaa504]{animation-delay:.2s}.g1.first[data-v-eedaa504]{animation-delay:.45s}.card.first[data-v-eedaa504]{animation:cin-eedaa504 .7s cubic-bezier(.2,.7,.2,1) .8s both}.b-ink[data-v-eedaa504]:not(:disabled){animation:nudge-eedaa504 2.6s ease-in-out 3s infinite}@keyframes gin-eedaa504{0%{opacity:0;transform:translateY(16px)}}@keyframes cin-eedaa504{0%{opacity:0;transform:translateY(28px) scale(.98)}}@keyframes nudge-eedaa504{0%,70%,to{box-shadow:0 0 #16181d00}82%{box-shadow:0 0 0 7px #16181d24}}.card-leave-active[data-v-eedaa504]{transition:opacity .35s ease,transform .35s ease}.card-leave-to[data-v-eedaa504]{opacity:0;transform:translateY(-40px) scale(.96)}.card-enter-active[data-v-eedaa504]{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.card-enter-from[data-v-eedaa504]{opacity:0;transform:translateY(30px)}.stk-enter-from[data-v-eedaa504]{opacity:0;transform:translateY(20px)}.stk-leave-to[data-v-eedaa504]{opacity:0;transform:translateY(-20px)}.stk-leave-active[data-v-eedaa504]{position:absolute}}@media(max-width:960px){.demo[data-v-eedaa504]{padding-top:104px}.card[data-v-eedaa504]{margin-right:0}.g0[data-v-eedaa504]{left:32px;right:0}.g1[data-v-eedaa504]{left:16px;right:16px}}@media(max-width:520px){.body[data-v-eedaa504]{padding:24px 22px 20px}.acts[data-v-eedaa504]{padding:14px 18px}.card .ttl[data-v-eedaa504]{font-size:26px}.b[data-v-eedaa504]{font-size:16px;padding:14px 10px}.g0[data-v-eedaa504],.g1[data-v-eedaa504]{padding:0 18px}.gl[data-v-eedaa504]{font-size:15px}}
