/****************************************************
*  original author: horans@gmail.com                *
*  url: github.com/horans/pardot-form-ajax-handler  *
*  modified for Sawyer                              *
****************************************************/
/* color */
/* csslint ignore: start */
:root { --pfah-border: #989898; --pfah-cancel: #979797; --pfah-dark: #353031; --pfah-error: #f37460; --pfah-gray: #5a5b64; --pfah-primary: #272e62; --pfah-secondary: #435bfd; --pfah-white: #fff; }
/* csslint ignore: end */
/* common */
.pfah-transition { -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; -moz-transition: all ease-out .2s; transition: all ease-out .2s; }
.pfah-hidden { display: none; height: 0; margin: 0; padding: 0; width: 0; z-index: -1; }
[data-toggle="pfah-popup"] { cursor: pointer; } /* csslint allow: unqualified-attributes */
/* result */
.pfah-done,
.pfah-error { opacity: 0; z-index: -2; }
.pfah-done { background-color: #fff; height: 100%; left: 0; padding: 2.5rem; position: absolute; text-align: center; top: 0; width: 100%; } /* csslint allow: box-model */
.pfah-done-wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: 
  translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.pfah-error { left: 0; line-height: 1.25rem; margin-top: .625rem; max-height: 0; overflow: hidden; }
.pfah-wrapper[data-error="keep"] .pfah-error { max-height: none; position: relative; }
.pfah-wrapper[data-error="keep"] .pfah-error::before { content: ""; height: 100%; position: absolute; top: 0; width: 100%; }
.pfah-result-done .pfah-done,
.pfah-result-error .pfah-error { opacity: 1; z-index: 2; }
.pfah-result-error .pfah-error { max-height: 5rem; }
/* popup */
.pfah-popup { display: none; position: relative; }
.pfah-close-icon { background-image: url("asset/icon-close.svg"); cursor: pointer; height: 1rem; position: absolute; right: 1rem; top: 1rem; width: 1rem; z-index: 3; }
.pfah-close-icon:hover { background-color: var(--pfah-primary); background-image: none; -webkit-mask: url("asset/icon-close.svg"); mask: url("asset/icon-close.svg"); } /* csslint allow: known-properties */