wxp_userAuthType {
    display: none;
}

.swal-wide {
    width: 850px !important;
}

.pg-bar {
    position: fixed;
    top: 2px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 5px;
    background: #acece6;
    overflow: hidden;
}

.pg-bar div:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #26a69a;
    animation: box-1 2100ms cubic-bezier(0.65, 0.81, 0.73, 0.4) infinite;
}

.pg-bar div:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #26a69a;
    animation: box-2 2100ms cubic-bezier(0.16, 0.84, 0.44, 1) infinite;
    animation-delay: 1150ms;
}

@keyframes box-1 {
    0% {
        left: -35%;
        right: 100%;
    }

    60%,
    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes box-2 {
    0% {
        left: -200%;
        right: 100%;
    }

    60%,
    100% {
        left: 107%;
        right: -8%;
    }
}

.linear-progress-material {
    background: #aad1f9;
    height: 10px;
    position: relative;
    width: 50%;
    margin: 0 auto;
    overflow: hidden;
    -webkit-animation: start 0.3s ease-in;
    animation: start 0.3s ease-in;
}

.linear-progress-material .bar {
    position: absolute;
    background: #106cc8;
    transition: transform 0.2s linear;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.linear-progress-material .bar1 {
    -webkit-animation: growBar1 2.5s infinite, moveBar1 2.5s infinite;
    animation: growBar1 2.5s infinite, moveBar1 2.5s infinite;
}

.linear-progress-material .bar2 {
    -webkit-animation: growBar2 2.5s infinite, moveBar2 2.5s infinite;
    animation: growBar2 2.5s infinite, moveBar2 2.5s infinite;
}

@-webkit-keyframes growBar1 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        transform: scaleX(0.1);
    }

    36.6% {
        -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
        animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
        transform: scaleX(0.1);
    }

    69.15% {
        -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
        animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
        transform: scaleX(0.83);
    }

    100% {
        transform: scaleX(0.1);
    }
}

@keyframes growBar1 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        transform: scaleX(0.1);
    }

    36.6% {
        -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
        animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
        transform: scaleX(0.1);
    }

    69.15% {
        -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
        animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
        transform: scaleX(0.83);
    }

    100% {
        transform: scaleX(0.1);
    }
}

@-webkit-keyframes moveBar1 {
    0% {
        left: -105.16667%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    20% {
        left: -105.16667%;
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
        animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    }

    69.15% {
        left: 21.5%;
        -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
        animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    }

    100% {
        left: 95.44444%;
    }
}

@keyframes moveBar1 {
    0% {
        left: -105.16667%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    20% {
        left: -105.16667%;
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
        animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    }

    69.15% {
        left: 21.5%;
        -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
        animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    }

    100% {
        left: 95.44444%;
    }
}

@-webkit-keyframes growBar2 {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
        animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
        transform: scaleX(0.1);
    }

    19.15% {
        -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
        animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
        transform: scaleX(0.57);
    }

    44.15% {
        -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
        animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
        transform: scaleX(0.91);
    }

    100% {
        transform: scaleX(0.1);
    }
}

@keyframes growBar2 {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
        animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
        transform: scaleX(0.1);
    }

    19.15% {
        -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
        animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
        transform: scaleX(0.57);
    }

    44.15% {
        -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
        animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
        transform: scaleX(0.91);
    }

    100% {
        transform: scaleX(0.1);
    }
}

@-webkit-keyframes moveBar2 {
    0% {
        left: -54.88889%;
        -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
        animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
    }

    25% {
        left: -17.25%;
        -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
        animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
    }

    48.35% {
        left: 29.5%;
        -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
        animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
    }

    100% {
        left: 117.38889%;
    }
}

@keyframes moveBar2 {
    0% {
        left: -54.88889%;
        -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
        animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
    }

    25% {
        left: -17.25%;
        -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
        animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
    }

    48.35% {
        left: 29.5%;
        -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
        animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
    }

    100% {
        left: 117.38889%;
    }
}

a {
    cursor: pointer !important;
}

/* The loading Class */
.loading {
    position: relative;
    background-color: #e2e2e2;
    width: 100%;
    height: 100%;
}

/* The moving element */
.loading::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: -webkit-gradient(linear, left top,
            right top, from(transparent),
            color-stop(rgba(255, 255, 255, 0.2)),
            to(transparent));

    background: linear-gradient(90deg, transparent,
            rgba(255, 255, 255, 0.2), transparent);

    /* Adding animation */
    animation: loading 0.8s infinite;
}

/* Loading Animation */
@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}

.ph-item {
    border-radius: 2px;
    direction: ltr;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative
}

.ph-item,
.ph-item *,
.ph-item :after,
.ph-item :before {
    box-sizing: border-box
}

.ph-item:before {
    -webkit-animation: phAnimation .8s linear infinite;
    animation: phAnimation .8s linear infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 100%, .35) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%;
    bottom: 0;
    content: " ";
    left: 50%;
    margin-left: -250%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 500%;
    z-index: 1
}

.ph-item>* {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.ph-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: -7.5px
}

.ph-row wxp-div {
    background-color: #ced4da;
    height: 10px;
    margin-top: 7.5px
}

.ph-row .big,
.ph-row.big wxp-div {
    height: 20px
}

.ph-row .empty {
    background-color: hsla(0, 0%, 100%, 0)
}

.ph-col-2 {
    flex: 0 0 16.6666666667%
}

.ph-col-4 {
    flex: 0 0 33.3333333333%
}

.ph-col-6 {
    flex: 0 0 50%
}

.ph-col-8 {
    flex: 0 0 66.6666666667%
}

.ph-col-10 {
    flex: 0 0 83.3333333333%
}

.ph-col-12 {
    flex: 0 0 100%
}

[class*=ph-col] {
    direction: ltr
}

[class*=ph-col]>*+.ph-row {
    margin-top: 0
}

[class*=ph-col]>*+* {
    margin-top: 7.5px
}

.ph-avatar {
    background-color: #ced4da;
    border-radius: 50%;
    min-width: 60px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ph-avatar:before {
    content: " ";
    display: block;
    padding-top: 100%
}

.ph-picture {
    background-color: #ced4da;
    height: 120px;
    width: 100%
}

@-webkit-keyframes phAnimation {
    0% {
        transform: translate3d(-30%, 0, 0)
    }

    to {
        transform: translate3d(30%, 0, 0)
    }
}

@keyframes phAnimation {
    0% {
        transform: translate3d(-30%, 0, 0)
    }

    to {
        transform: translate3d(30%, 0, 0)
    }
}

wxp-span-bio {
    font-size: 1.075rem !important;
    color: #3f4254 !important;
    font-weight: 600 !important;
    font-family: "Poppins";
    white-space: pre-wrap;
}

wxp-blob {
    width: 48px;
    height: 48px;
    display: grid;
    background: #fff;
    filter: blur(2.4px) contrast(10);
    padding: 4.8px;
    mix-blend-mode: darken;
}

wxp-blob:before,
wxp-blob:after {
    content: "";
    grid-area: 1/1;
    width: 19.2px;
    height: 19.2px;
    background: #474bff;
    animation: blob-rhf26m 2s infinite;
}

wxp-blob:after {
    animation-delay: -1s;
}

@keyframes blob-rhf26m {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(100%, 0);
    }

    50% {
        transform: translate(100%, 100%);
    }

    75% {
        transform: translate(0, 100%);
    }

    100% {
        transform: translate(0, 0);
    }
}

input:disabled {
    cursor: not-allowed;
}