.animated-icon{--ease-icon:cubic-bezier(.32, 0, .12, 1);--ease-icon-swing:cubic-bezier(.37, 0, .63, 1);--icon-duration-short:.6s;--icon-duration:.75s;--icon-duration-long:1s;--icon-stagger:70ms;flex:none;overflow:visible}.animated-icon path,.animated-icon g,.animated-icon circle,.animated-icon rect,.animated-icon line,.animated-icon polyline,.animated-icon polygon,.animated-icon ellipse{transform-box:view-box;transform-origin:12px 12px}.animated-icon [data-stagger]>path:nth-child(2),.animated-icon [data-stagger]>g:nth-child(2),.animated-icon [data-stagger]>rect:nth-child(2){--icon-index:1}.animated-icon [data-stagger]>path:nth-child(3),.animated-icon [data-stagger]>g:nth-child(3),.animated-icon [data-stagger]>rect:nth-child(3){--icon-index:2}.animated-icon [data-stagger]>path:nth-child(4),.animated-icon [data-stagger]>g:nth-child(4),.animated-icon [data-stagger]>rect:nth-child(4){--icon-index:3}.animated-icon [data-stagger]>path:nth-child(5),.animated-icon [data-stagger]>g:nth-child(5),.animated-icon [data-stagger]>rect:nth-child(5){--icon-index:4}.animated-icon[data-restart] :is(path,g,circle,rect,line,polyline,polygon,ellipse){animation:none!important}:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play]) path,:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play]) g,:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play]) circle,:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play]) rect,:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play]) line,:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play]) polyline,:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play]) polygon,:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play]) ellipse{animation-duration:var(--icon-duration);animation-timing-function:var(--ease-icon-swing);animation-delay:calc(var(--icon-delay,0s) + var(--icon-index,0) * var(--icon-stagger));animation-fill-mode:backwards}@keyframes icon-draw{0%{stroke-dasharray:1;stroke-dashoffset:.4px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes icon-turn{0%{transform:rotate(var(--icon-turn)) scale(var(--icon-scale,1))}}@keyframes icon-pop{0%{transform:rotate(var(--icon-turn,0deg)) scale(var(--icon-scale))}62%{transform:rotate(calc(var(--icon-turn,0deg) * -.12)) scale(calc(1 + (1 - var(--icon-scale)) * var(--icon-overshoot,.25)))}}@keyframes icon-nudge{35%{transform:translate(var(--icon-x,0px), var(--icon-y,0px))}70%{transform:translate(calc(var(--icon-x,0px) * -.2), calc(var(--icon-y,0px) * -.2))}}@keyframes icon-pulse{40%{transform:var(--icon-pulse)}}@keyframes icon-dash{40%{stroke-dasharray:var(--icon-dash)}}@keyframes icon-swing{20%{transform:rotate(var(--icon-swing))}45%{transform:rotate(calc(var(--icon-swing) * -.65))}70%{transform:rotate(calc(var(--icon-swing) * .25))}}@keyframes icon-shake{20%{transform:translate(-1.5px)}40%{transform:translate(1.25px)}60%{transform:translate(-.75px)}80%{transform:translate(.4px)}}@media (prefers-reduced-motion:reduce){.animated-icon:not([data-icon=loading]) :is(path,g,circle,rect,line,polyline,polygon,ellipse){animation:none!important}.animated-icon [data-part=fill]{transition:none!important}}