38 lines
706 B
CSS
38 lines
706 B
CSS
.fc-preload {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: black;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
body {
|
|
background-color: white;
|
|
}
|
|
}
|
|
|
|
/* HTML: <div class="loader"></div> */
|
|
.fc-loader {
|
|
width: 35px;
|
|
aspect-ratio: 1;
|
|
border-radius: 50%;
|
|
background:
|
|
radial-gradient(farthest-side, #008eff 94%, #0000) top/6px 6px no-repeat,
|
|
conic-gradient(#0000 30%, #008eff);
|
|
-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 6px), #000 0);
|
|
animation: l13 1s infinite linear;
|
|
}
|
|
|
|
@keyframes l13 {
|
|
100% {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|