#modal-container{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);z-index:9999;&.in{transform:scaleY(.01) scaleX(0);animation:unfoldIn 0s cubic-bezier(.165,.84,.44,1) forwards;.modal-background{.modal{transform:scale(0);animation:zoomIn .5s cubic-bezier(.165,.84,.44,1) 0s forwards}}&.out{transform:scale(1);animation:unfoldOut 0s cubic-bezier(.165,.84,.44,1) .3s forwards;.modal-background{.modal{animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}}}}.modal{width:90vw}.modal-background{display:table-cell;background:hsla(0,0%,86%,.8);text-align:center;vertical-align:middle;.modal,.thankyou{background:#fff;border-radius:24px;display:inline-block;font-weight:300;position:relative}}}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(0)}}