.mat-progress-spinner {
    width: 100px;
    height: 100px;
}

.mat-progress-spinner > svg {
    transform-origin: center;
    animation: mat-progress-spinner-linear-rotate 2000ms linear infinite;
}

.mat-progress-spinner > svg > circle {
    stroke: #1F6265;
    stroke-dasharray: 282.743px;
    stroke-width: 10%;
    animation: mat-progress-spinner-stroke-rotate-100 4000ms cubic-bezier(0.35, 0, 0.25, 1) infinite;
    fill: transparent;
    transform-origin: center;
    transition: stroke-dashoffset 225ms linear;
    transition-property: stroke;
}


@keyframes mat-progress-spinner-linear-rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes mat-progress-spinner-stroke-rotate-100 {
    0% {
        stroke-dashoffset: 268.606171575px;
        transform: rotate(0);
    }
    12.5% {
        stroke-dashoffset: 56.5486677px;
        transform: rotate(0);
    }
    12.5001% {
        stroke-dashoffset: 56.5486677px;
        transform: rotateX(180deg) rotate(72.5deg);
    }
    25% {
        stroke-dashoffset: 268.606171575px;
        transform: rotateX(180deg) rotate(72.5deg);
    }
    25.0001% {
        stroke-dashoffset: 268.606171575px;
        transform: rotate(270deg);
    }
    37.5% {
        stroke-dashoffset: 56.5486677px;
        transform: rotate(270deg);
    }
    37.5001% {
        stroke-dashoffset: 56.5486677px;
        transform: rotateX(180deg) rotate(161.5deg);
    }
    50% {
        stroke-dashoffset: 268.606171575px;
        transform: rotateX(180deg) rotate(161.5deg);
    }
    50.0001% {
        stroke-dashoffset: 268.606171575px;
        transform: rotate(180deg);
    }
    62.5% {
        stroke-dashoffset: 56.5486677px;
        transform: rotate(180deg);
    }
    62.5001% {
        stroke-dashoffset: 56.5486677px;
        transform: rotateX(180deg) rotate(251.5deg);
    }
    75% {
        stroke-dashoffset: 268.606171575px;
        transform: rotateX(180deg) rotate(251.5deg);
    }
    75.0001% {
        stroke-dashoffset: 268.606171575px;
        transform: rotate(90deg);
    }
    87.5% {
        stroke-dashoffset: 56.5486677px;
        transform: rotate(90deg);
    }
    87.5001% {
        stroke-dashoffset: 56.5486677px;
        transform: rotateX(180deg) rotate(341.5deg);
    }
    100% {
        stroke-dashoffset: 268.606171575px;
        transform: rotateX(180deg) rotate(341.5deg);
    }
}