.fallback{width:100%;background:#fff;display:grid;min-height:500px;place-items:center;&.f-full{height:100vh}.f-loader{display:inline-grid;padding:5px;filter:blur(1px);&:after,&:before{content:"";grid-area:1/1;height:clamp(40px,7vw,80px);aspect-ratio:3;--c:#0000 64%,var(--loader-color) 66% 98%,#0000 101%;background:radial-gradient(35% 146% at 50% 159%,var(--c)) 0 0,radial-gradient(35% 146% at 50% -59%,var(--c)) 100% 100%;background-size:calc(200% / 3) 50%;background-repeat:repeat-x;clip-path:inset(0 100% 0 0);-webkit-mask:repeating-linear-gradient(90deg,var(--loader-color) 0 10%,#0000 0 20%);mask:repeating-linear-gradient(90deg,var(--loader-color) 0 10%,#0000 0 20%);animation:l14 1.5s linear infinite}&:after{scale:-1}}}@keyframes l14{40%,60%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}