{"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;AAEF;AAAE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEJ;AACE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;;AAGA;EACE;IACE;EAAF;EAEA;IACE;EAAF;AACF;AAIA;EACE;EACA;EACA;EACA;EACA;AAFF;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ;AAQE;EACE;EACA;AANJ;AAQI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANN;AASI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPN;AASM;EACE;EACA;AAPR,C","sources":["webpack:///./src/css/shortcode.scss"],"sourcesContent":[":root {\n  --newslettergate-heading: #fff;\n  --newslettergate-text: #fff;\n  --newslettergate-button-bg: #fff;\n  --newslettergate-button-text: #000;\n  --newslettergate-background: #000;\n}\n\n.newslettergate-loader {\n  display: none;\n  width: 80px;\n  height: 80px;\n}\n.newslettergate-loader:after {\n  content: \" \";\n  display: block;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border-radius: 50%;\n  border: 6px solid #fff;\n  border-color: #fff transparent #fff transparent;\n  animation: newslettergate-loader 1.2s linear infinite;\n}\n\n.newslettergate-loading {\n  position: relative;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.5);\n    z-index: 20;\n  }\n\n  .newslettergate-loader {\n    display: block;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n    z-index: 30;\n  }\n}\n\n@keyframes newslettergate-loader {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n\n.newslettergate {\n  background: var(--newslettergate-background);\n  color: var(--newslettergate-text);\n  padding: 20px;\n  text-align: center;\n  border-radius: 3px;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  h3 {\n    margin: 0 0 .5em 0;\n  }\n\n\n\n  .newslettergate-form {\n    max-width: 300px;\n    margin: 1em auto 0;\n\n    input {\n      border-radius: 3px;\n      width: 100%;\n      padding: 10px;\n      border: none;\n      background: white;\n      color: #333;\n      height: 40px;\n      line-height: 20px;\n    }\n\n    .newslettergate-button {\n      border-radius: 3px;\n      border: none;\n      padding: .5em 1.5em;\n      height: 40px;\n      line-height: 20px;\n      background: var(--newslettergate-button-bg);\n      color: var(--newslettergate-button-text);\n      margin: 20px 0 0 0;\n      cursor: pointer;\n      transition: all .2s ease-in-out;\n\n      &:hover {\n        color: var(--newslettergate-button-bg);\n        background: var(--newslettergate-button-text);\n      }\n    }\n  }\n}"],"names":[],"sourceRoot":""}