
.pb-container{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999999
}

.pb-cover{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
}

.pb-buttons{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.pb-button{
    background: #FFF;
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
    text-align: center;
}


@keyframes pb-easein{
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes pb-easeout{
	from { opacity: 1; }
	to { opacity: 0; }
}

.pb-in{
    animation: pb-easein .30s forwards;
}
.pb-out{
    animation: pb-easeout .30s forwards;
}

@keyframes pb-buttons-easein{
	from {
		transform: translate(0, 100%) translateZ(0);
	}
	to {
		transform: translate(0, 0) translateZ(0);
	}
}

@keyframes pb-buttons-easeout{
	from {
		transform: translate(0, 0) translateZ(0);
	}
	to {
		transform: translate(0, 100%) translateZ(0);
	}
}

.pb-in .pb-buttons{
    animation: pb-buttons-easein .30s forwards;
}

.pb-out .pb-buttons{
    animation: pb-buttons-easeout .30s forwards;
}