.client-icon{overflow:visible;flex-shrink:0;--icon-animation:usm-icon-pop;--icon-duration:700ms}.client-icon-motion{transform-origin:12px 12px}.client-icon[data-motion=none]{--icon-animation:none}.client-icon[data-motion=spin]{--icon-animation:usm-icon-spin;--icon-duration:850ms}.client-icon[data-motion=turn]{--icon-animation:usm-icon-turn}.client-icon[data-motion=ring]{--icon-animation:usm-icon-ring;--icon-duration:800ms}.client-icon[data-motion=forward]{--icon-animation:usm-icon-forward}.client-icon[data-motion=diagonal]{--icon-animation:usm-icon-diagonal}.client-icon[data-motion=down]{--icon-animation:usm-icon-down}.client-icon[data-motion=lift]{--icon-animation:usm-icon-lift}.client-icon[data-motion=tilt]{--icon-animation:usm-icon-tilt}.client-icon[data-motion=pulse]{--icon-animation:usm-icon-pulse}.client-icon[data-motion=scan]{--icon-animation:usm-icon-scan}.client-icon[data-motion=copy]{--icon-animation:usm-icon-copy}.client-icon[data-motion=rise]{--icon-animation:usm-icon-rise}.client-icon[data-motion=draw]{--icon-animation:none}@media (hover:hover){.client-icon:hover .client-icon-motion,:where(.client-icon-trigger,button:not(:disabled),a,summary,[role=checkbox]):not([aria-disabled=true]):hover .client-icon-motion{animation:var(--icon-animation) var(--icon-duration) cubic-bezier(.22,.7,.28,1) 1}.client-icon[data-motion=draw]:hover path,:where(.client-icon-trigger,button:not(:disabled),a,summary,[role=checkbox]):not([aria-disabled=true]):hover .client-icon[data-motion=draw] path{animation:usm-icon-draw .7s ease-out 1}}.client-icon:is(:focus-visible,:active) .client-icon-motion,:where(.client-icon-trigger,button:not(:disabled),a,summary,[role=checkbox]):not([aria-disabled=true]):is(:focus-visible,:active,[data-playing=true]) .client-icon-motion{animation:var(--icon-animation) var(--icon-duration) cubic-bezier(.22,.7,.28,1) 1}.client-icon[data-motion=draw]:is(:focus-visible,:active) path,:where(.client-icon-trigger,button:not(:disabled),a,summary,[role=checkbox]):not([aria-disabled=true]):is(:focus-visible,:active,[data-playing=true]) .client-icon[data-motion=draw] path{animation:usm-icon-draw .7s ease-out 1}:where(button:disabled,[aria-disabled=true],[data-icon-motion=off]) .client-icon path,:where(button:disabled,[aria-disabled=true],[data-icon-motion=off]) .client-icon-motion{animation:none!important}@keyframes usm-icon-spin{15%{transform:rotate(-30deg) scale(.9)}80%{transform:rotate(380deg) scale(1.12)}to{transform:rotate(1turn)}}@keyframes usm-icon-turn{15%{transform:rotate(-16deg) scale(.9)}60%{transform:rotate(100deg) scale(1.15)}82%{transform:rotate(-12deg)}to{transform:rotate(0deg)}}@keyframes usm-icon-ring{15%,45%{transform:rotate(28deg) scale(1.12)}30%,60%{transform:rotate(-25deg) scale(1.12)}75%{transform:rotate(14deg)}90%{transform:rotate(-7deg)}}@keyframes usm-icon-forward{18%{transform:translateX(-2px) scale(.92)}55%{transform:translateX(4px) scale(1.15)}78%{transform:translateX(-1px)}}@keyframes usm-icon-diagonal{20%{transform:translate(-1px,1px) scale(.9)}60%{transform:translate(3px,-3px) scale(1.15)}82%{transform:translate(-.5px,.5px)}}@keyframes usm-icon-down{20%{transform:translateY(-2px) scale(.9)}55%{transform:translateY(4px) scale(1.12)}78%{transform:translateY(-1.5px)}}@keyframes usm-icon-lift{20%{transform:translateY(1.5px) scale(.9)}55%{transform:translateY(-4px) scale(1.16)}78%{transform:translateY(1px)}}@keyframes usm-icon-tilt{20%{transform:rotate(-22deg) scale(1.14)}50%{transform:rotate(18deg) scale(1.14)}75%{transform:rotate(-8deg)}}@keyframes usm-icon-pulse{20%{transform:scale(.82)}50%{transform:scale(1.24)}75%{transform:scale(.94)}}@keyframes usm-icon-pop{20%{transform:scale(.72)}50%{transform:scale(1.25) translateY(-1px)}75%{transform:scale(.93)}}@keyframes usm-icon-scan{20%{transform:translate(-2px,-2px) scale(1.15)}50%{transform:translate(3px,-1px) scale(1.2)}75%{transform:translate(-1px,1px)}}@keyframes usm-icon-copy{25%{transform:translate(-3px,-3px) rotate(-8deg)}60%{transform:translate(2px,2px) rotate(5deg) scale(1.12)}82%{transform:translate(-.5px,-.5px)}}@keyframes usm-icon-rise{0%{transform:scaleY(.55)}50%{transform:scaleY(1.25)}75%{transform:scaleY(.92)}}@keyframes usm-icon-draw{0%{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:2.4}75%{stroke-dasharray:100;stroke-dashoffset:0;stroke-width:2.4}to{stroke-dasharray:100;stroke-dashoffset:0;stroke-width:1.65}}@media(prefers-reduced-motion:reduce){.client-icon .client-icon-motion,.client-icon path{animation:none!important;transition:none!important}}