/* Auton Symbols 2.0 — effects (SF Symbols-style). Add the class to the <svg>, or effect="…" on <auton-symbol>. */
auton-symbol{display:inline-flex;line-height:0;vertical-align:middle}
.as-bounce{animation:as-bounce 520ms cubic-bezier(.2,0,0,1);transform-origin:center;transform-box:fill-box}
@keyframes as-bounce{0%{transform:scale(1)}30%{transform:scale(.84)}65%{transform:scale(1.08)}100%{transform:scale(1)}}
.as-pulse{animation:as-pulse 1600ms cubic-bezier(.4,0,.2,1) infinite}
@keyframes as-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.as-variable [class^="v"]{animation:as-var 1600ms cubic-bezier(.4,0,.2,1) infinite}
.as-variable .v1{animation-delay:0ms}.as-variable .v2{animation-delay:160ms}.as-variable .v3{animation-delay:320ms}
.as-variable .v4{animation-delay:480ms}.as-variable .v5{animation-delay:640ms}
@keyframes as-var{0%,8%{opacity:.25}18%,70%{opacity:1}85%,100%{opacity:.25}}
.as-wiggle{animation:as-wiggle 600ms cubic-bezier(.2,0,0,1);transform-origin:center;transform-box:fill-box}
@keyframes as-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}55%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}}
.as-rotate{animation:as-rotate 1200ms linear infinite;transform-origin:center;transform-box:fill-box}
@keyframes as-rotate{to{transform:rotate(360deg)}}
.as-breathe{animation:as-breathe 2400ms cubic-bezier(.4,0,.2,1) infinite;transform-origin:center;transform-box:fill-box}
@keyframes as-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
.as-draw path,.as-draw circle,.as-draw rect{stroke-dasharray:1;stroke-dashoffset:1;animation:as-draw 700ms cubic-bezier(.2,0,0,1) forwards}
@keyframes as-draw{to{stroke-dashoffset:0}}
.as-appear{animation:as-appear 360ms cubic-bezier(.2,0,0,1) both;transform-origin:center;transform-box:fill-box}
@keyframes as-appear{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .as-bounce,.as-wiggle,.as-rotate,.as-breathe,.as-appear{animation:as-fade 200ms linear}
  .as-draw path,.as-draw circle,.as-draw rect{animation:none;stroke-dashoffset:0}
  .as-variable [class^="v"]{animation-duration:3200ms}
}
@keyframes as-fade{from{opacity:.4}to{opacity:1}}
