.ic{aspect-ratio:1;width:100%;max-width:560px;margin-inline:auto;position:relative;overflow:visible}.ic__layer{position:absolute;inset:0}.ic__svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ic__wire{fill:none;stroke:var(--blurple);stroke-width:.4px;stroke-linecap:round;opacity:.28}.ic__wire--tool{opacity:.16}.ic__tile{position:absolute;translate:-50% -50%}.ic__tile--channel{z-index:2;width:14.5%;height:14.5%}.ic__tile--tool{z-index:1;width:8.5%;height:8.5%}.ic__tile-box{border-radius:var(--radius-md);border:1px solid var(--neutral-100);width:100%;height:100%;box-shadow:var(--shadow-sm);transition:scale var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), opacity var(--dur-base) var(--ease-standard);background:#fff;place-items:center;display:grid}.ic__tile--tool .ic__tile-box{border-radius:var(--radius-sm);background:var(--surface-slate)}.ic__logo{object-fit:contain;width:56%;height:56%}.ic__card{border-radius:var(--radius-lg);border:1px solid var(--neutral-100);width:41%;box-shadow:var(--shadow-lg);z-index:3;background:#fff;flex-direction:column;gap:7px;padding:12px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.ic__card-head{align-items:center;gap:6px;display:flex}.ic__avatar{background:var(--surface-lavender);border-radius:50%;flex:none;width:20px;height:20px}.ic__card-meta{flex-direction:column;flex:1;gap:3px;display:flex}.ic__card-name{border-radius:var(--radius-pill);background:var(--neutral-300);width:54%;height:5px}.ic__card-handle{border-radius:var(--radius-pill);background:var(--neutral-100);width:34%;height:4px}.ic__thumb{aspect-ratio:16/10;border-radius:var(--radius-sm);background:var(--surface-peach);opacity:.4;width:100%;position:relative;overflow:hidden}.ic__thumb:before{content:"";aspect-ratio:1;background:var(--spice-200);border-radius:50%;width:22%;position:absolute;top:22%;left:66%}.ic__thumb:after{content:"";background:var(--surface-spice);height:32%;position:absolute;inset:auto 0 0}.ic__line{border-radius:var(--radius-pill);background:var(--neutral-100);height:4px}.ic__line--long{width:100%}.ic__line--short{width:58%}.ic__card-foot{border-top:1px solid var(--neutral-50);justify-content:space-between;align-items:center;gap:6px;margin-top:1px;padding-top:7px;display:flex}.ic__chips{display:flex}.ic__chip{border-radius:var(--radius-xs);background:var(--surface-lavender);border:1.5px solid #fff;width:13px;height:13px;margin-left:-4px}.ic__chip:first-child{margin-left:0}.ic__send{border-radius:var(--radius-pill);background:var(--pink-cta);flex:none;width:30px;height:11px}.ic__pulse{offset-rotate:0deg;offset-distance:0%;opacity:0}.ic__pulse--out{fill:var(--pink-cta)}.ic__pulse--in{fill:var(--blurple)}.ic__pulse--tail{fill-opacity:.2}@keyframes ic-card-in{0%{opacity:0;scale:.88}to{opacity:1;scale:1}}@keyframes ic-wire-draw{0%{stroke-dashoffset:var(--ic-wire-len,100)}to{stroke-dashoffset:0}}@keyframes ic-tile-in{0%{opacity:0;scale:.55}to{opacity:1;scale:1}}.ic--armed .ic__card{animation:.62s cubic-bezier(.22,1,.36,1) both ic-card-in}.ic--armed .ic__wire{stroke-dasharray:var(--ic-wire-len,100);animation:.7s cubic-bezier(.22,1,.36,1) .22s both ic-wire-draw}.ic--armed .ic__tile{animation:.5s cubic-bezier(.22,1,.36,1) both ic-tile-in;animation-delay:calc(.42s + var(--ic-i,0) * 32ms)}@keyframes ic-travel{0%{offset-distance:0%;opacity:0}12%{opacity:1}82%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes ic-travel-reverse{0%{offset-distance:100%;opacity:0}12%{opacity:1}82%{opacity:1}to{offset-distance:0%;opacity:0}}.ic__pulse[data-dir=out]{animation:ic-travel 1.15s var(--ease-standard) both;animation-delay:calc(var(--ic-i,0) * 55ms)}.ic__pulse[data-dir=in]{animation:ic-travel-reverse 1.25s var(--ease-standard) both;animation-delay:calc(var(--ic-i,0) * 50ms)}.ic__pulse--tail[data-dir=out]{animation-delay:calc(var(--ic-i,0) * 55ms + 70ms)}.ic__pulse--tail[data-dir=in]{animation-delay:calc(var(--ic-i,0) * 50ms + 70ms)}@keyframes ic-tile-hit{0%,to{box-shadow:var(--shadow-sm);scale:1}55%{box-shadow:0 0 0 3px color-mix(in srgb, var(--pink-cta) 24%, transparent);scale:1.12}}@keyframes ic-tile-hit-in{0%,to{box-shadow:var(--shadow-sm);scale:1}55%{box-shadow:0 0 0 3px color-mix(in srgb, var(--blurple) 22%, transparent);scale:1.1}}.ic__tile[data-hit=out] .ic__tile-box{animation:ic-tile-hit .5s var(--ease-standard) both;animation-delay:calc(.86s + var(--ic-i,0) * 55ms)}.ic__tile[data-hit=in] .ic__tile-box{animation:ic-tile-hit-in .5s var(--ease-standard) both;animation-delay:calc(var(--ic-i,0) * 50ms)}@keyframes ic-card-fill{0%{opacity:.4}to{opacity:1}}.ic[data-phase=gather] .ic__thumb,.ic[data-phase=publish] .ic__thumb,.ic[data-phase=return] .ic__thumb{animation:ic-card-fill .9s var(--ease-standard) .5s both}@media (hover:hover){.ic--focus .ic__tile:not(.ic__tile--focused) .ic__tile-box{opacity:.3}.ic--focus .ic__wire{opacity:.07}.ic--focus .ic__wire--focused{opacity:.75;stroke-width:.7px}.ic__tile--focused{z-index:4}.ic__tile--focused .ic__tile-box{box-shadow:var(--shadow-md);scale:1.16}}.ic__label{white-space:nowrap;font-family:var(--font-body);letter-spacing:.01em;color:var(--text-primary);border:1px solid var(--neutral-100);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);pointer-events:none;z-index:5;animation:ic-label-in .22s var(--ease-standard) both;background:#fff;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:calc(100% + 7px);left:50%;translate:-50%}@keyframes ic-label-in{0%{opacity:0;translate:-50% 3px}to{opacity:1;translate:-50%}}.ic--static .ic__card,.ic--static .ic__tile,.ic--static .ic__tile-box,.ic--static .ic__wire,.ic--static .ic__thumb,.ic--static .ic__label,.ic--static .ic__tile[data-hit=out] .ic__tile-box,.ic--static .ic__tile[data-hit=in] .ic__tile-box,.ic--static.ic[data-phase=gather] .ic__thumb,.ic--static.ic[data-phase=publish] .ic__thumb,.ic--static.ic[data-phase=return] .ic__thumb{animation:none!important}.ic--static .ic__wire{stroke-dasharray:none;stroke-dashoffset:0}.ic--static .ic__thumb{opacity:1}.ic--static .ic__pulse{display:none}@media (prefers-reduced-motion:reduce){.ic .ic__card,.ic .ic__tile,.ic .ic__tile-box,.ic .ic__wire,.ic .ic__thumb,.ic .ic__label,.ic .ic__tile[data-hit=out] .ic__tile-box,.ic .ic__tile[data-hit=in] .ic__tile-box,.ic[data-phase=gather] .ic__thumb,.ic[data-phase=publish] .ic__thumb,.ic[data-phase=return] .ic__thumb{animation:none!important}.ic .ic__wire{stroke-dasharray:none;stroke-dashoffset:0}.ic .ic__thumb{opacity:1}.ic .ic__pulse{display:none}.ic .ic__tile-box{transition:none}}