.mc{--rest:-2.6s;background:var(--color-brand-50);width:120px;height:120px;color:var(--color-ink);border-radius:20px;flex:none;font-size:11px;position:relative;overflow:hidden}.mc *{animation-duration:3.6s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:var(--rest);animation-play-state:paused}.mc-card{box-shadow:0 0 0 1px var(--color-line), 0 8px 18px -10px #5b21d673;background:#fff;border-radius:12px;position:absolute}.mc-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-flex}.mc-query{border-radius:999px;align-items:center;gap:4px;height:28px;padding:0 8px;animation-name:mc-query;display:flex;top:46px;left:10px;right:10px}.mc-query svg{width:12px;height:12px;color:var(--color-brand-600);flex:none}.mc-typed{white-space:nowrap;font-weight:600;animation-name:mc-typed;animation-timing-function:steps(12,end);overflow:hidden}.mc-match{padding:6px;animation-name:mc-match;top:22px;left:12px;right:12px}.mc-thumb{background:50%/cover;border-radius:8px;height:38px}.mc-match b{margin-top:4px;font-size:10px;display:block}.mc-match .mc-chip{background:var(--color-ok-bg);color:var(--color-ok);margin-top:3px;animation-name:mc-pop-late}@keyframes mc-query{0%,33%{opacity:1;scale:1}45%,92%{opacity:0;scale:1.15}to{opacity:1;scale:1}}@keyframes mc-typed{0%,4%{max-width:0}30%,to{max-width:80px}}@keyframes mc-match{0%,36%{opacity:0;scale:.6}50%,90%{opacity:1;scale:1}98%,to{opacity:0;scale:.6}}@keyframes mc-pop-late{0%,55%{opacity:0;scale:.5}62%,90%{opacity:1;scale:1}96%,to{opacity:0;scale:.5}}.mc-center{place-items:center;display:grid;position:absolute;inset:0}.mc-missed{animation-name:mc-missed}.mc-missed>span{width:52px;height:52px;color:var(--color-danger);box-shadow:0 0 0 1px var(--color-line);background:#fff;border-radius:999px;place-items:center;animation-name:mc-shake;display:grid;position:relative}.mc-missed svg{width:26px;height:26px}.mc-badge{background:var(--color-danger);color:#fff;border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-2px;right:-2px}.mc-calendar{animation-name:mc-calendar}.mc-calendar>span{width:56px;height:56px;color:var(--color-brand-600);box-shadow:0 0 0 1px var(--color-line);background:#fff;border-radius:14px;place-items:center;display:grid;position:relative}.mc-calendar svg{width:28px;height:28px}.mc-tick{background:var(--color-ok);color:#fff;width:22px;height:22px;box-shadow:0 0 0 3px var(--color-brand-50);border-radius:999px;place-items:center;animation-name:mc-pop-late;display:grid;position:absolute;bottom:-6px;right:-6px}.mc-tick svg{width:13px;height:13px}.mc-when{text-align:center;color:var(--color-brand-700);font-size:10px;font-weight:600;animation-name:mc-pop-late;position:absolute;bottom:14px;left:0;right:0}@keyframes mc-missed{0%,30%{opacity:1;scale:1}42%,94%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes mc-shake{0%,8%,22%,to{rotate:0deg}11%,17%{rotate:-12deg}14%,20%{rotate:12deg}}@keyframes mc-calendar{0%,34%{opacity:0;scale:.7}46%,90%{opacity:1;scale:1}98%,to{opacity:0;scale:.7}}.mc-tabs{text-align:center;color:var(--color-body);grid-template-columns:repeat(3,1fr);font-size:9px;font-weight:600;display:grid;position:absolute;top:14px;left:8px;right:8px}.mc-underline{background:var(--color-brand-500);border-radius:3px;width:33.3%;height:3px;animation-name:mc-underline;position:absolute;bottom:-4px;left:0}.mc-count{justify-items:center;display:grid;position:absolute;top:36px;left:0;right:0}.mc-count b{color:var(--color-brand-600);grid-area:1/1;font-size:34px;font-weight:700;line-height:1.1}.mc-count b:first-child{animation-name:mc-third-1}.mc-count b:nth-child(2){animation-name:mc-third-2}.mc-count b:nth-child(3){animation-name:mc-third-3}.mc-free{text-align:center;color:var(--color-ok);font-size:10px;font-weight:600;position:absolute;bottom:18px;left:0;right:0}@keyframes mc-underline{0%,28%{translate:0}36%,61%{translate:100%}69%,94%{translate:200%}to{translate:0}}@keyframes mc-third-1{0%,28%{opacity:1;translate:0}34%,94%{opacity:0;translate:0 -10px}to{opacity:1;translate:0}}@keyframes mc-third-2{0%,28%{opacity:0;translate:0 10px}36%,61%{opacity:1;translate:0}67%,to{opacity:0;translate:0 -10px}}@keyframes mc-third-3{0%,61%{opacity:0;translate:0 10px}69%,94%{opacity:1;translate:0}to{opacity:0;translate:0 -10px}}.mc-room{animation-name:mc-pan;animation-timing-function:ease-in-out;position:absolute;inset:-6px -20px}.mc-room svg{width:100%;height:100%}.mc-play{width:36px;height:36px;color:var(--color-brand-600);background:#ffffffeb;border-radius:999px;place-items:center;margin:-18px;animation-name:mc-pulse;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 14px -6px #1d1b2b80}.mc-play svg{width:14px;height:14px;translate:1px}.mc-progress{background:#ffffffb3;border-radius:4px;height:4px;position:absolute;bottom:10px;left:10px;right:10px}.mc-progress i{background:var(--color-brand-500);border-radius:4px;height:100%;animation-name:mc-progress;animation-timing-function:linear;display:block}@keyframes mc-pan{0%,to{translate:0}50%{translate:-14px}}@keyframes mc-pulse{0%,50%,to{scale:1}25%,75%{scale:1.1}}@keyframes mc-progress{0%{width:0}96%{width:100%}to{width:0}}.mc-bubble{white-space:nowrap;max-width:100px;padding:6px 9px;font-size:10px;line-height:1.25;position:absolute}.mc-them{box-shadow:0 0 0 1px var(--color-line);transform-origin:0 100%;background:#fff;border-radius:12px 12px 12px 3px;animation-name:mc-them;top:22px;left:10px}.mc-me{background:var(--color-brand-500);color:#fff;transform-origin:100% 100%;border-radius:12px 12px 3px;animation-name:mc-me;top:64px;right:10px}.mc-dots{box-shadow:0 0 0 1px var(--color-line);background:#fff;border-radius:12px;gap:3px;padding:7px 9px;display:flex;position:absolute}.mc-dots i{background:var(--color-body);opacity:.5;border-radius:999px;width:5px;height:5px}.mc-dots-them{animation-name:mc-dots-them;top:22px;left:10px}.mc-dots-me{animation-name:mc-dots-me;top:64px;right:10px}@keyframes mc-them{0%,16%{opacity:0;scale:.6}24%,90%{opacity:1;scale:1}97%,to{opacity:0;scale:.6}}@keyframes mc-me{0%,50%{opacity:0;scale:.6}58%,90%{opacity:1;scale:1}97%,to{opacity:0;scale:.6}}@keyframes mc-dots-them{0%,2%{opacity:0}5%,15%{opacity:1}18%,to{opacity:0}}@keyframes mc-dots-me{0%,32%{opacity:0}35%,49%{opacity:1}52%,to{opacity:0}}