.progressLoaderContainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  padding: 2rem; }
  .progressLoaderContainer p {
    font-weight: 500;
    color: #d61673;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.2rem; }
    @media (min-width: 768px) {
      .progressLoaderContainer p {
        font-size: 2rem; } }

.progressLoader {
  transform: rotate(-90deg); }

.progressIndicator {
  stroke-width: 8;
  fill: none; }

.progressLoaded {
  stroke-dasharray: 339.292;
  stroke-dashoffset: 339.292;
  animation: progressLoader 2s infinite;
  stroke: #d61673; }

.progressLoading {
  stroke: rgba(214, 22, 115, 0.25); }
  
  @keyframes progressLoader {
  from {
    stroke-dashoffset: 339.292; }
  to {
    stroke-dashoffset: 0; } }