.atc{isolation:isolate;position:relative}.atc-face{justify-content:center;align-items:center;gap:inherit;min-width:0;transition:opacity .2s ease, transform .3s var(--ease-out);display:inline-flex}.atc-plus{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px}.atc-status{opacity:0;pointer-events:none;transition:opacity .2s ease, transform .3s var(--ease-out);justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0;transform:translateY(6px)}.atc.is-pending .atc-face,.atc.is-done .atc-face{opacity:0;transform:translateY(-6px)}.atc.is-pending .atc-status,.atc.is-done .atc-status{opacity:1;transform:none}.atc.is-pending{cursor:progress}.atc .atc-glyph{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;overflow:visible}.atc-ring{stroke-dasharray:70 100;transform-box:view-box;transform-origin:12px 12px}.atc-check{stroke-dasharray:100;stroke-dashoffset:100px}.atc.is-pending .atc-ring{animation:.8s linear infinite atc-spin}.atc.is-done .atc-ring{animation:atc-close .35s var(--ease-out) forwards}.atc.is-done .atc-check{animation:atc-draw .4s var(--ease-out) .15s forwards}.atc-done-text{white-space:nowrap;font-weight:700}.atc.is-tight .atc-done-text{display:none}@keyframes atc-spin{to{transform:rotate(360deg)}}@keyframes atc-close{0%{stroke-dasharray:70 100}to{stroke-dasharray:100 100;opacity:.4}}@keyframes atc-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.atc-face,.atc-status{transition:none;transform:none}.atc.is-done .atc-check{stroke-dashoffset:0}}