.fallback{place-items:center;width:100%;min-height:500px;display:grid}.fallback.f-full{height:100%;min-height:80vh}.fallback .f-loader{border:.5rem dotted var(--color-slate-950);box-sizing:border-box;border-style:solid solid dotted dotted;border-radius:50%;width:10rem;height:10rem;animation:2s linear infinite rotation;display:inline-block;position:relative}.fallback .f-loader:after{content:"";box-sizing:border-box;border:.5rem dotted var(--color-secondary);transform-origin:50%;border-style:solid solid dotted;border-radius:50%;width:6rem;height:6rem;margin:auto;animation:1s linear infinite rotationBack;position:absolute;inset:0}.b-loader{--loader-border-width:.5rem;border:var(--loader-border-width)dotted var(--color-slate-950);box-sizing:border-box;border-style:solid solid dotted dotted;border-radius:50%;animation:2s linear infinite rotation;display:inline-block;position:relative}.b-loader:after{content:"";box-sizing:border-box;border:var(--loader-border-width)dotted var(--color-secondary);transform-origin:50%;border-style:solid solid dotted;border-radius:50%;width:60%;height:60%;margin:auto;animation:1s linear infinite rotationBack;position:absolute;inset:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{flex-direction:column;display:flex}