.dashboard-initial-loader-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 48px;
    height: 48px;
}
@keyframes external-spinner-anim {
    0% {
        transform: rotate(50deg);
        opacity: 0;
        stroke-dashoffset: 60;
    }
    100% {
        transform: rotate(230deg);
        opacity: 1;
        stroke-dashoffset: 50;
    }
}

@keyframes internal-spinner-anim {
    100% {
        transform: rotate(360deg);
    }
}

.svg-spinner-anim {
    vertical-align: middle;
    opacity: 0;
    animation: 1s ease-in-out 0ms 1 normal forwards running external-spinner-anim;
    background-color: rgba(255, 255, 255, 0);
    color: rgb(23, 43, 77);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857;
    text-decoration-skip-ink: auto;
}

.circle-spinner-anim {
    fill: none;
    stroke: rgb(66, 82, 110);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 60;
    stroke-dashoffset: inherit;
    transform-origin: center center;
    animation: 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) 0ms infinite normal none running internal-spinner-anim;
}