#goodbytes__widget{position:fixed;z-index:9999!important;right:20px;bottom:20px}.goodbytesWidget__button{padding:.5em;border-radius:5px;cursor:pointer;font-family:Arial,Helvetica,sans-serif!important;background-color:#1a1a1a;color:#f5f44c;display:inline-block;font-size:1.2rem!important;font-weight:700;text-align:center;transition:transform .05s}.goodbytesWidget__button:hover{background-color:#333}.goodbytesWidget__button:active{transform:translate(1px,1px)}.goodbytesWidget__button--centered{margin:1em auto 0;width:100%}.goodbytesWidget__button--primary{background-color:#f5f44c;color:#1a1a1a}.goodbytesWidget__button--primary:hover{background-color:#e0de0c;text-decoration:none}.goodbytesWidget *{box-sizing:border-box}.goodbytesWidget{font-family:Arial,Helvetica,sans-serif!important;background-color:#1a1a1a;border-radius:1em;position:fixed;top:20px;right:20px;width:300px;max-width:100vw;max-height:100vh;visibility:hidden;box-shadow:0 15px 50px #1a1a1a;color:#fff;padding:1em;z-index:9999!important}.goodbytesWidget__input{width:100%;height:8em;background-color:#1a1a1a;color:#fff;border:1px solid hsla(0,0%,100%,.5);font-size:1em;margin-top:1em}.goodbytesWidget__input:focus{background-color:hsla(0,0%,100%,.2);color:#fff}.goodbytesWidget__input.error{border:2px solid red}.goodbytesWidget__screenshotContainer{max-height:220px;overflow:auto;text-align:center;border:2px dotted red;background-image:url(https://res.cloudinary.com/meetmonocle/image/upload/v1546938362/meetmonocle.com/checkerboard.jpg)}.goodbytesWidget__screenshotContainer::-webkit-scrollbar{background:#f1f1f1;width:10px}.goodbytesWidget__screenshotContainer::-webkit-scrollbar-track{background:#888}.goodbytesWidget__screenshotContainer::-webkit-scrollbar-thumb{background:#555}.goodbytesWidget__screenshot{max-width:100%}.goodbytesWidget__title{margin-top:.5em;margin-bottom:0;font-size:1.5em;color:#fff;text-align:left;font-weight:700}.goodbytesWidget__userDetails{font-size:.9em;color:grey;text-align:left}.goodbytesWidget__user{font-weight:700;font-style:italic}.goodbytesWidget__btnClose{font-size:18px;font-weight:700;display:inline-block;position:absolute;top:20px;right:20px;transition:color .2s ease-in}.goodbytesWidget__btnClose,.goodbytesWidget__btnClose:hover{color:#fff;text-decoration:none}#goodbytes__widget.hidden,.goodbytesWidget .hidden{display:none}.animated{visibility:visible;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (max-width:500px){.goodbytesWidget{box-sizing:border-box;box-shadow:none;width:100%;height:100vh;margin:0;position:fixed;top:0;left:0;border-radius:0;display:grid;grid-template-rows:auto auto 160px auto 1fr}.goodbytesWidget__screenshotContainer{max-height:160px}.goodbytesWidget__input{height:6em}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.spinner{display:none;width:1em;height:1em;margin-left:5px;position:relative;top:.1em;background-color:#1a1a1a;-webkit-animation:sk-rotateplane 1s ease-in-out infinite;animation:sk-rotateplane 1s ease-in-out infinite}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}