.component--base-skeleton{position:relative;overflow-x:hidden}.component--base-skeleton:before{content:"";background:linear-gradient(90deg,#fff0,#ffffffbf,#fff0);width:50%;height:100%;animation-name:skeleton-loader-shine-animation;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;left:0}.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;position:relative;overflow:hidden}.component--base-skeleton .line:before{content:"";background:linear-gradient(90deg,#fff0,#ffffffbf,#fff0);width:50%;height:100%;animation-name:skeleton-loader-shine-animation;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;left:0}@keyframes skeleton-loader-shine-animation{0%{transform:translate(-90%)}to{transform:translate(200%)}}