.pus-popup[open] {
    animation: announce_open 1s ease-in-out forwards;
}

.pus-popup:focus {
    outline: none;
}

.pus-popup-progress.l {
    transform: rotateZ(180deg);
}

.pus-popup-progress {
    height: 5px;
    position: absolute;
    bottom: 0;
    border-radius: 0 10px 10px 0;
}

@keyframes l-pus-popup-progress {
    from {
        width: 50%;
        left: 1%;
    }
    to {
        width: 0%;
        left: 51%;
    }
}

@keyframes r-pus-popup-progress {
    from {
        width: 50%;
        left: 49%;
    }
    to {
        width: 0%;
        left: 49%;
    }
}

.pus-popup {
    cursor: pointer;
    z-index: 2147483647;
    position: fixed;
    top: 10px;
}

@keyframes announce_open {
    from {
        opacity: 0;
        position: fixed;
        top: -100px;
    }
    to {
        opacity: 1;
        position: fixed;
        top: 10px;
    }
}

@keyframes announce_close {
    from {
        opacity: 1;
        position: fixed;
        top: 10px;
    }
    to {
        opacity: 0;
        position: fixed;
        top: -100px;
    }
}