.modal.overlay:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
  }
.modal.preloader:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    width: 40px;
    margin: auto;
    background: white url("../img/loading.gif") no-repeat center center;
    border-radius: 6px;
    z-index: 101;
  }

.pt__overlay {
    visibility: hidden;
    position: fixed;
    z-index: 1003;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.modal.preloader-logo .pt__overlay {
    visibility: visible;
    opacity: 1;
}

.pt__overlay.theme-logo,
.pt__overlay.theme-logo-verify {
    background-color: rgba(255,255,255,.9);
}

.pt__overlay.theme-logo .overlay__content,
.pt__overlay.theme-logo-verify .overlay__content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pt__overlay .overlay__content,
.pt__overlay .overlay__spinner {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.pt__overlay .overlay__content.is-show,
.pt__overlay .overlay__spinner.is-show {
    visibility: visible;
    opacity: 1;
}

.pt__overlay.theme-logo .overlay__content>.inner,
.pt__overlay.theme-logo-verify .overlay__content>.inner {
    margin-top: 155px;
    text-align: center;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%), 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff;
}

.pt__overlay.theme-logo .overlay__spinner,
.pt__overlay.theme-logo-verify .overlay__spinner {
    margin: auto;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 64 64'%3E  %3Cg clip-path='url(%23a)'%3E    %3Cpath fill='%23fff' d='M52 0H12C5.373 0 0 5.373 0 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12Z'/%3E    %3Cpath fill='%2300A7E1' d='M31.175 53.677c-4.161 0-8.25 0-13.175.19.19-3.588.376-7.898.376-12.972V22.957c0-5.059-.185-9.37-.376-12.957h6.306c-.129 3.588-.443 7.898-.443 12.972V40.91c0 2.506 0 4.823.19 7.519.135 1.676 1.073 2.368 3.229 2.368 5.11 0 11.917-.38 17.78-.882.696-.061 1.03 0 .948.318l-.758 3.075c-.129.564-.129.748-.629.687-5.043-.313-8.89-.313-13.407-.313'/%3E  %3C/g%3E  %3Cdefs%3E    %3CclipPath id='a'%3E      %3Cpath fill='%23fff' d='M0 0h64v64H0z'/%3E    %3C/clipPath%3E  %3C/defs%3E%3C/svg%3E");
    width: 125px;
    height: 125px;
    border: none;
    border-radius: 0;
    background-size: contain;
    animation: pt__overlay__pulse 3s ease-in-out infinite;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.15));

}

@keyframes pt__overlay__pulse{
    0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
    50%{-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85)}
    100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
}