.dialog {
     -webkit-align-items: flex-start;
     align-items: flex-start;
}
 .dialog.dialog--open .dialog__content, .dialog.dialog--close .dialog__content {
     opacity: 1;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     position:absolute;
     bottom: 2%;
     right:5%;
     max-height:700px;
     overflow:auto;
     z-index:9999;
}
 .dialog.dialog--open .dialog__content {
     -webkit-animation-name: anim-open;
     animation-name: anim-open;
}
 .dialog.dialog--close .dialog__content {
     -webkit-animation-name: anim-close;
     animation-name: anim-close;
}
 .action {
     -webkit-animation: anim-elem 0.3s both;
     animation: anim-elem 0.3s both;
     float: right;
     position: absolute;
     top: 0;
     right: 0;
}
 .dialog.dialog--open h2 {
     -webkit-animation-delay: 0.15s;
     animation-delay: 0.15s;
}
 .action {
     -webkit-animation-delay: 0.05s;
     animation-delay: 0.05s;
     float: right;
     position: absolute;
     top: 0;
     right: 0;
     background:#e5310e;
}
 @-webkit-keyframes anim-open {
     0% {
         -webkit-transform: translate3d(0, 100%, 0);
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
    }
}
 @keyframes anim-open {
     0% {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @-webkit-keyframes anim-close {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
    }
     100% {
         -webkit-transform: translate3d(0, 100%, 0);
    }
}
 @keyframes anim-close {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     100% {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
    }
}
/* Inner elements animations */
 @-webkit-keyframes anim-elem {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -100px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
    }
}
 @keyframes anim-elem {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -100px, 0);
         transform: translate3d(0, -100px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}