body,html{height:100%;margin:0;font-family:"Open Sans",Arial,sans-serif}body{position:relative}.form-output{width:100vw;height:100vh;overflow:auto}.form-output.is-loading::before{box-sizing:border-box;content:'';position:absolute;display:block;font-size:4em;width:1em;height:1em;top:50%;left:50%;margin:-.5em 0 0 -.5em;border:10px solid #ddd;border-top:10px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#PostContainer{position:absolute;transition:all .5s ease-in-out;background:#fff}#PostContainer.closed{left:calc(50%);top:0;width:0;height:0;Opacity:0}#PostContainer.opened{left:calc(50% - 600px / 2);top:calc(50% - 600px / 2);width:600px;height:600px;Opacity:1}#ContactContainer{position:absolute;transition:all 1s ease-in-out;background:#fff;width:0;height:58px;right:0;top:4px;border-radius:0;overflow:hidden}#ContactContainer.isRunning{border-radius:0 15px;width:350px;right:20%}@media all and (max-width:600px){#PostContainer.opened{left:0;width:100vw}}@media all and (max-height:600px){#PostContainer.opened{top:0;height:100vh}}