.progressive_content {
    position: relative;

}

.po_exit {
	animation-duration: 500ms;
	animation-name: slideout;
	animation-timing-function: ease-in-out;
}
@keyframes slideout {
	0%   { transform: translateY(0)    ; opacity:1   ; }
	100% { transform: translateY(-100%); opacity:0   ; }
}
.po_enter {
	animation-duration: 500ms;
	animation-name: slidein;
	animation-timing-function: ease-in-out;
}
@keyframes slidein {
	0%   { transform: translateY(100%)  ; opacity:0   ; }
	100% { transform: translateY(0)     ; opacity:1   ; }
}

input.po_input{
    text-align: center;
	max-width: min(90%, 500px);
}

.po_action{
    display:inline-block;
    margin:12px;
}