:root {
  --cor-texto: #e0e0e0;
}

@media (prefers-color-scheme: dark) {
  :root {
    --cor-texto: #111111;
  }
}

#miniLoader{
    border: 2px solid;
    border-top-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: miniLoader 1.5s infinite;
}

#miniLoaderPedido{
    border: 2px solid;
    border-top-color: var(--cor-texto);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: miniLoader 1.5s infinite;
}

@keyframes miniLoader {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}