body {
  margin: 2em;
  font: 400 16px/1.5 "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif
}

.btn {
  display: inline-block;
  border: 0;
  box-sizing: border-box;
  background: #cb4a70;
  color: #fff;
  font-size: 2em;
  border-radius: .1em;
  line-height: 2em;
  padding: 0 2em;
  transition: .4s ease-out;
  border: 1px solid #cb4a70;
  outline: 0;
  text-decoration: none;
}

.btn:hover, .btn:focus {
  background: #fff;
  color: #cb4a70;
  cursor: pointer;
  transition: .15s ease-in
}

.dialog {
  max-width: 480px;
  position: fixed;
  left: 50%;
  top: 2em;
  transform: translateX(-50%);
  z-index: 2000;
  visibility: hidden;
  backface-visibility: hidden;
  perspective: 1300px;
}

.dialog--active { visibility: visible; }

.dialog--active .dialog__content {
  opacity: 1;
  transform: rotateY(0)
}

.dialog--active ~ .dialog-overlay {
  opacity: 1;
  visibility: visible
}

.dialog__content {
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  transition: .5s ease-in-out;
  opacity: 0;
  transform-style: preserve-3d;
  transform: rotateY(-70deg)
}

.dialog__header {
  background: #cb4a70;
  color: #fff
}

.dialog__title {
  margin: 0;
  text-align: center;
  font-weight: 200;
  line-height: 2em
}

.dialog__body { padding: 2em }

.dialog__footer {
  margin: 0 2em;
  padding: 2em 0;
  text-align: right;
  border-top: 1px solid rgba(0,0,0,0.1);
}

.dialog__footer .btn { font-size: 1.5em }

.dialog-overlay {
  content: "";
  position: fixed;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0,0,0,0.5);
  transition: all .6s
}/*# sourceMappingURL=main.css.map */
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4uc3R5bCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxLQUNDLE9BQU8sSUFDUCxLQUE0QixpRUFFN0IsS0FDQyxRQUFRLGFBQ1IsT0FBTyxFQUNQLFdBQVcsV0FDWCxXQUFXLFFBQ1gsTUFBTSxLQUNOLFVBQVUsSUFDVixjQUFjLEtBQ2QsWUFBWSxJQUNaLFFBQVEsTUFDUixXQUFXLGFBQ1gsT0FBTyxrQkFDUCxRQUFRLEVBQ1IsZ0JBQWdCLE1BRWhCLFdBQ0EsV0FDQyxXQUFXLEtBQ1gsTUFBTSxRQUNOLE9BQU8sUUFDUCxXQUFXLGFBRWIsUUFDQyxVQUFVLE1BQ1YsU0FBUyxNQUNULEtBQUssSUFDTCxJQUFJLElBQ0osVUFBeUIsaUJBQ3pCLFFBQVEsS0FDUixXQUFXLE9BQ1gsb0JBQW9CLE9BQ3BCLFlBQVksUUFFWixnQkFDQyxXQUFXLFNBRVgsaUNBQ0MsUUFBUSxFQUNSLFVBQXNCLFdBRXZCLGtDQUNDLFFBQVEsRUFDUixXQUFXLFFBRWIsaUJBQ0MsY0FBYyxJQUNkLFdBQVcsS0FDWCxTQUFTLE9BQ1QsV0FBVyw0QkFDWCxXQUFXLGdCQUNYLFFBQVEsRUFDUixnQkFBZ0IsWUFDaEIsVUFBd0IsZ0JBRXpCLGdCQUNDLFdBQVcsUUFDWCxNQUFNLEtBRVAsZUFDQyxPQUFPLEVBQ1AsV0FBVyxPQUNYLFlBQVksSUFDWixZQUFZLElBRWIsY0FDQyxRQUFRLElBRVQsZ0JBQ0MsT0FBTyxNQUNQLFFBQVEsTUFDUixXQUFXLE1BQ1gsV0FBVywyQkFFWCxxQkFDQyxVQUFVLE1BRVosZ0JBQ0MsUUFBUSxHQUNSLFNBQVMsTUFDVCxXQUFXLE9BQ1gsSUFBSSxFQUNKLEtBQUssRUFDTCxNQUFNLEVBQ04sT0FBTyxFQUNQLFFBQVEsS0FDUixRQUFRLEVBQ1IsV0FBd0IsZ0JBQ3hCLFdBQVciLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJjb2xvci12aW9sZXQgPSAjY2I0YTcwXG5cbmJvZHlcblx0bWFyZ2luIDJlbVxuXHRmb250IDQwMCAxNnB4LzEuNSBcIlNlZ29lIFVJXCIsIFwiSGVsdmV0aWNhIE5ldWVcIiwgUm9ib3RvLCBBcmlhbCwgc2Fucy1zZXJpZlxuXG4uYnRuXG5cdGRpc3BsYXkgaW5saW5lLWJsb2NrXG5cdGJvcmRlciAwXG5cdGJveC1zaXppbmcgYm9yZGVyLWJveFxuXHRiYWNrZ3JvdW5kIGNvbG9yLXZpb2xldFxuXHRjb2xvciAjZmZmXG5cdGZvbnQtc2l6ZSAyZW1cblx0Ym9yZGVyLXJhZGl1cyAuMWVtXG5cdGxpbmUtaGVpZ2h0IDJlbVxuXHRwYWRkaW5nIDAgMmVtXG5cdHRyYW5zaXRpb24gLjRzIGVhc2Utb3V0XG5cdGJvcmRlciAxcHggc29saWQgY29sb3ItdmlvbGV0XG5cdG91dGxpbmUgMFxuXHR0ZXh0LWRlY29yYXRpb24gbm9uZVxuXG5cdCY6aG92ZXJcblx0Jjpmb2N1c1xuXHRcdGJhY2tncm91bmQgI2ZmZlxuXHRcdGNvbG9yIGNvbG9yLXZpb2xldFxuXHRcdGN1cnNvciBwb2ludGVyXG5cdFx0dHJhbnNpdGlvbiAuMTVzIGVhc2UtaW5cblxuLmRpYWxvZ1xuXHRtYXgtd2lkdGggNDgwcHhcblx0cG9zaXRpb24gZml4ZWRcblx0bGVmdCA1MCVcblx0dG9wIDJlbVxuXHR0cmFuc2Zvcm0gdHJhbnNsYXRlWCgtNTAlKVxuXHR6LWluZGV4IDIwMDBcblx0dmlzaWJpbGl0eSBoaWRkZW5cblx0YmFja2ZhY2UtdmlzaWJpbGl0eSBoaWRkZW5cblx0cGVyc3BlY3RpdmUgMTMwMHB4XG5cblx0Ji0tYWN0aXZlXG5cdFx0dmlzaWJpbGl0eSB2aXNpYmxlXG5cblx0XHQuZGlhbG9nX19jb250ZW50XG5cdFx0XHRvcGFjaXR5IDFcblx0XHRcdHRyYW5zZm9ybSByb3RhdGVZKDBkZWcpXG5cblx0XHQmIH4gLmRpYWxvZy1vdmVybGF5XG5cdFx0XHRvcGFjaXR5IDFcblx0XHRcdHZpc2liaWxpdHkgdmlzaWJsZVxuXG5cdCZfX2NvbnRlbnRcblx0XHRib3JkZXItcmFkaXVzIDNweFxuXHRcdGJhY2tncm91bmQgI2ZmZlxuXHRcdG92ZXJmbG93IGhpZGRlblxuXHRcdGJveC1zaGFkb3cgMCAxMHB4IDIwcHggcmdiYSgwLCAwLCAwLCAuMTApXG5cdFx0dHJhbnNpdGlvbiAuNXMgZWFzZS1pbi1vdXRcblx0XHRvcGFjaXR5IDBcblx0XHR0cmFuc2Zvcm0tc3R5bGUgcHJlc2VydmUtM2Rcblx0XHR0cmFuc2Zvcm0gcm90YXRlWSgtNzBkZWcpXG5cblx0Jl9faGVhZGVyXG5cdFx0YmFja2dyb3VuZCBjb2xvci12aW9sZXRcblx0XHRjb2xvciAjZmZmXG5cblx0Jl9fdGl0bGVcblx0XHRtYXJnaW4gMFxuXHRcdHRleHQtYWxpZ24gY2VudGVyXG5cdFx0Zm9udC13ZWlnaHQgMjAwXG5cdFx0bGluZS1oZWlnaHQgMmVtXG5cblx0Jl9fYm9keVxuXHRcdHBhZGRpbmcgMmVtXG5cblx0Jl9fZm9vdGVyXG5cdFx0bWFyZ2luIDAgMmVtXG5cdFx0cGFkZGluZyAyZW0gMFxuXHRcdHRleHQtYWxpZ24gcmlnaHRcblx0XHRib3JkZXItdG9wIDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIC4xKVxuXG5cdFx0LmJ0blxuXHRcdFx0Zm9udC1zaXplIDEuNWVtXG5cblx0Ji1vdmVybGF5XG5cdFx0Y29udGVudCBcIlwiXG5cdFx0cG9zaXRpb24gZml4ZWRcblx0XHR2aXNpYmlsaXR5IGhpZGRlblxuXHRcdHRvcCAwXG5cdFx0bGVmdCAwXG5cdFx0cmlnaHQgMFxuXHRcdGJvdHRvbSAwXG5cdFx0ei1pbmRleCAxMDAwXG5cdFx0b3BhY2l0eSAwXG5cdFx0YmFja2dyb3VuZCByZ2JhKDAsMCwwLC41KVxuXHRcdHRyYW5zaXRpb24gYWxsIC42c1xuIl0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */