@layer bcc-design-layer{.bcc-use-skeleton{border-radius:var(--b-border-radius-cof-4)}.bcc-use-skeleton__row{display:flex;flex-direction:column;justify-content:center}:root{--skeleton-display:block;--skeleton-border-radius:4px;--skeleton-backdrop-filter:none;--skeleton-gradient-animation-display:block;--skeleton-bg-animation-display:none;--skeleton-bg-animation-color:transparent}.bcc-skeleton{position:relative;display:var(--skeleton-display);vertical-align:middle;color:transparent;border-radius:var(--skeleton-border-radius);overflow:hidden;-webkit-backdrop-filter:var(--skeleton-backdrop-filter);backdrop-filter:var(--skeleton-backdrop-filter);background:#ebedf2}.bcc-skeleton>*{visibility:hidden}.bcc-skeleton:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--skeleton-bg-animation-color)}.bcc-skeleton_animate:before{display:var(--skeleton-bg-animation-display);animation-name:background;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-play-state:running;opacity:.5}.bcc-skeleton_animate:after{display:var(--skeleton-gradient-animation-display);content:"";position:absolute;top:0;left:0;width:500%;height:100%;transform:translateX(-80%);animation-name:gradient;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;background-image:linear-gradient(270deg,transparent,transparent 40%,rgba(0,0,0,.05) 50%,transparent 60%,transparent)}}@layer bcc-design-layer{@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bcc-skeleton_animate:before{opacity:.4}}@keyframes gradient{0%{transform:translateX(-80%)}67%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes background{0%{background:#b6bcc3}to{background:#c6cdd6}}}