.component--base-skeleton{overflow-x:hidden;position:relative}.component--base-skeleton:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:skeleton-loader-shine-animation;animation-timing-function:ease-in-out;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0));content:"";height:100%;left:0;position:absolute;width:50%}.component--base-skeleton .shape{background-color:var(--color-gray-3)}.component--base-skeleton .square{border-radius:.25rem}.component--base-skeleton .box{border-radius:1rem}.component--base-skeleton .circle{border-radius:1000rem}.component--base-skeleton .line{background-color:var(--color-gray-3);border-radius:8px;overflow:hidden;position:relative}.component--base-skeleton .line:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:skeleton-loader-shine-animation;animation-timing-function:ease-in-out;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0));content:"";height:100%;left:0;position:absolute;width:50%}@keyframes skeleton-loader-shine-animation{0%{transform:translate3d(-90%,0,0)}to{transform:translate3d(200%,0,0)}}