.Overlay{
    grid-row: 1/1000;
    z-index: 1000;
    cursor: progress;
    background-color: #f5f5f5;
    transition: 1s;
}

.Overlay[onclose=true]{
    opacity: 0;
}

.Content{

}

.Loading{
    height: 100%;
    width: 100%;
    display: grid;
    grid-column: 1;
    grid-row: 1;
    z-index: 100;
    background-color: whitesmoke;
}

.Loading > [class="loading-over"]{
    animation: rotator 1.5s ease-in-out infinite;
    stroke-dasharray: 107,38;
    margin:auto;
    grid-column: 1;
    grid-row: 1;
}

.Loading > [class="loading-over"] > circle{
    stroke: royalblue;
}

.Loading > [class="loading-bag"]{
    margin: auto;
    grid-column: 1;
    grid-row: 1;
}

.Loading > [class="loading-bag"] > circle{
    stroke: rgba(65, 105, 225,0.25);;
}

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