.rpl-skeleton{--local-animation-duration:2s;background-color:var(--rpl-clr-neutral-100);overflow:hidden;position:relative}.rpl-skeleton--stripe:after{animation:skeleton-stripe var(--local-animation-duration) infinite ease-in-out;background:linear-gradient(to right,transparent,var(--rpl-clr-neutral-200) 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.rpl-skeleton--fade{animation:skeleton-fade var(--local-animation-duration) infinite ease-in-out}.rpl-skeleton--xs{width:20%}.rpl-skeleton--s{width:40%}.rpl-skeleton--m{width:60%}.rpl-skeleton--l{width:80%}.rpl-skeleton--full{width:100%}@keyframes skeleton-stripe{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-fade{50%{opacity:.5}}