@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.icon{justify-content:center;align-items:center;width:fit-content;height:fit-content;display:inline-flex}.icon--skeleton{cursor:default;pointer-events:none;background-color:#0000;border:none;outline:none;position:relative}.icon--skeleton:after{content:"";border-radius:var(--radius-small);background-repeat:no-repeat;background-color:var(--color-light-gray-75);background-image:linear-gradient(90deg,rgba(var(--color-light-gray-75),0),rgba(var(--color-light-gray-75),.1) 10%,rgba(var(--color-light-gray-75),.2),rgba(var(--color-light-gray-75),.4),rgba(var(--color-light-gray-75),.2),rgba(var(--color-light-gray-75),.1) 90%,rgba(var(--color-light-gray-75),0));background-size:200%;width:100%;height:100%;animation:1.5s ease-in-out infinite skeleton-shimmer;position:absolute;top:0;left:0}.icon--skeleton--inverse:after{background-repeat:no-repeat;background-color:var(--color-surface-static-white-softest);background-image:linear-gradient(90deg,rgba(var(--color-surface-static-white-softest),0),rgba(var(--color-surface-static-white-softest),.1) 10%,rgba(var(--color-surface-static-white-softest),.2),rgba(var(--color-surface-static-white-softest),.4),rgba(var(--color-surface-static-white-softest),.2),rgba(var(--color-surface-static-white-softest),.1) 90%,rgba(var(--color-surface-static-white-softest),0));background-size:200%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}