.eui-skeleton-loader .placeholder,.eui-skeleton-loader .placeholder:after{height:100%;display:block;position:absolute;pointer-events:none;opacity:0}.eui-skeleton-loader{height:20px;width:200px;overflow:hidden;position:relative;margin:10px}.eui-skeleton-loader .placeholder{width:100%;background-color:#f3f6f6;transition:all .2s ease-out;will-change:opacity}.eui-skeleton-loader .placeholder:after{content:"";width:50%;top:0;left:0;background:linear-gradient(to right,rgba(230,230,230,0) 0,rgba(221,221,221,.3) 42%,rgba(221,221,221,.3) 62%,rgba(230,230,230,0) 100%);animation:1.2s ease-out infinite load;transition:opacity .2s ease-out;will-change:transform}.eui-skeleton-loader .placeholder.high-contrast:after{background:linear-gradient(to right,rgba(114,114,114,0),rgba(131,131,131,.34) 42.44%,rgba(164,164,164,.33) 62.18%,rgba(230,230,230,0))}.eui-skeleton-loader.loading .placeholder,.eui-skeleton-loader.loading .placeholder:after{opacity:1;pointer-events:auto}.eui-skeleton-loader.has-children{height:auto;width:auto}.eui-skeleton-loader.circle{border-radius:50%;height:200px;width:200px}.eui-skeleton-loader.circle .placeholder{border-radius:50%;overflow:hidden}.eui-skeleton-loader.circle .placeholder:after{background:#e6e6e6;background:radial-gradient(circle,#e6e6e6 0,rgba(221,221,221,.3) 61%);animation:1.2s ease-out infinite color-pulse;width:100%}.eui-skeleton-loader.circle .placeholder.high-contrast:after{background:#e6e6e6;background:radial-gradient(circle,#e6e6e6 0,rgba(221,221,221,.7) 61%)}@keyframes load{0%{transform:translateX(-100%);opacity:.3}50%{opacity:1}100%{transform:translateX(200%);opacity:.5}}@keyframes color-pulse{0%,100%{opacity:0}50%{opacity:1}}