/*

*/
/**
 * Minified by jsDelivr using clean-css v4.2.3.
 * Original file: /npm/toastify-js@1.9.3/src/toastify.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*!
 * Toastify js 1.9.3
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap");
/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify {
  padding: 12px 20px;
  color: #fff;
  display: inline-block;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  background: linear-gradient(135deg, #73a5ff, #5477f5);
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify.on {
  opacity: 1;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toast-close {
  opacity: .4;
  padding: 0 5px;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify-right {
  right: 15px;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify-left {
  left: 15px;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify-top {
  top: -150px;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify-bottom {
  bottom: -150px;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify-rounded {
  border-radius: 25px;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

/* line 14, app/assets/stylesheets/vendor/toastify.min.css */
.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  /* line 14, app/assets/stylesheets/vendor/toastify.min.css */
  .toastify-left, .toastify-right {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
/* line 1, app/assets/stylesheets/global/base/_reset.scss */
* {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
button, input {
  line-height: normal;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
input {
  -webkit-appearance: none;
  border-radius: 0;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
iframe {
  width: 100%;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
object {
  max-width: 100%;
}

/* line 1, app/assets/stylesheets/global/base/_reset.scss */
a {
  text-decoration: none;
  outline: none;
}

/* line 2, app/assets/stylesheets/global/base/_layout.scss */
body,
html {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

/* line 10, app/assets/stylesheets/global/base/_layout.scss */
.sr-hidden,
.is-offscreen,
.is-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media (min-width: 48em) {
  /* line 16, app/assets/stylesheets/global/base/_layout.scss */
  .is-hidden--desktop {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}

@media (max-width: 47.9375em) {
  /* line 22, app/assets/stylesheets/global/base/_layout.scss */
  .is-hidden--mobile {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}

@media (min-width: 48em) {
  /* line 28, app/assets/stylesheets/global/base/_layout.scss */
  .hidden--desktop {
    display: none;
  }
}

@media (max-width: 47.9375em) {
  /* line 34, app/assets/stylesheets/global/base/_layout.scss */
  .hidden--mobile {
    display: none;
  }
}

/* line 40, app/assets/stylesheets/global/base/_layout.scss */
.bg-tea-50 {
  background-color: #F0F6EF;
}

/* line 44, app/assets/stylesheets/global/base/_layout.scss */
.bg-green {
  background-color: #008B49;
}

/* line 48, app/assets/stylesheets/global/base/_layout.scss */
.bg-green-dk {
  background-color: #00563B;
}

/* line 52, app/assets/stylesheets/global/base/_layout.scss */
.bg-lime {
  background-color: #00D35A;
}

/* line 2, app/assets/stylesheets/global/base/_icons.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 6, app/assets/stylesheets/global/base/_icons.scss */
[class^="icon-"] {
  display: inline-block;
  vertical-align: middle;
}

/* line 11, app/assets/stylesheets/global/base/_icons.scss */
.ui-icon {
  width: 24px;
  height: 24px;
}

/* line 16, app/assets/stylesheets/global/base/_icons.scss */
.ui-icon-20 {
  width: 20px;
  height: 20px;
}

/* line 21, app/assets/stylesheets/global/base/_icons.scss */
.ui-icon--small {
  width: 18px;
  height: 18px;
}

/* line 26, app/assets/stylesheets/global/base/_icons.scss */
.icon-settings {
  width: 24px;
  height: 24px;
  fill: #bfbfbf;
}

/* line 32, app/assets/stylesheets/global/base/_icons.scss */
.icon-cart {
  width: 20px;
  height: 16px;
  fill: #bfbfbf;
}

/* line 38, app/assets/stylesheets/global/base/_icons.scss */
.icon-edit {
  width: 14px;
  height: 14px;
  fill: #404040;
}

/* line 44, app/assets/stylesheets/global/base/_icons.scss */
.icon-view {
  width: 18px;
  height: 12px;
  fill: #008B49;
}

/* line 50, app/assets/stylesheets/global/base/_icons.scss */
.icon-download {
  width: 24px;
  height: 24px;
}

/* line 55, app/assets/stylesheets/global/base/_icons.scss */
.icon-info {
  width: 14px;
  height: 14px;
}

/* line 60, app/assets/stylesheets/global/base/_icons.scss */
.icon-prev,
.icon-next {
  width: 14px;
  height: 20px;
}

/* line 66, app/assets/stylesheets/global/base/_icons.scss */
.icon-print {
  width: 20px;
  height: 20px;
}

/* line 71, app/assets/stylesheets/global/base/_icons.scss */
.icon-loading {
  width: 16px;
  height: 16px;
  stroke: #fff;
}

/* line 77, app/assets/stylesheets/global/base/_icons.scss */
.icon-loading--animation {
  width: 100px;
  height: 100px;
  color: #00D35A;
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
}

/* line 84, app/assets/stylesheets/global/base/_icons.scss */
.icon-twitter-mark {
  width: 14px;
  height: 12px;
}

/* line 89, app/assets/stylesheets/global/base/_icons.scss */
.icon-facebook-mark {
  width: 7px;
  height: 14px;
}

/* line 94, app/assets/stylesheets/global/base/_icons.scss */
.icon-linkedin-mark {
  width: 14px;
  height: 14px;
}

/* line 99, app/assets/stylesheets/global/base/_icons.scss */
.icon-link {
  width: 15px;
  height: 15px;
}

/* line 104, app/assets/stylesheets/global/base/_icons.scss */
.icon-cvc {
  width: 32px;
  height: 21px;
}

/*
IE SVG Fix
*/
/* line 113, app/assets/stylesheets/global/base/_icons.scss */
.ie9 img[src*=".svg"] {
  width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 118, app/assets/stylesheets/global/base/_icons.scss */
  img[src*=".svg"] {
    width: 100%;
  }
}

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* line 10, app/assets/stylesheets/campaigns/base/_typography.scss */
body {
  font: 400 1em/1.5em "DM Sans", Helvetica, arial, sans-serif;
  color: #000;
}

/* line 15, app/assets/stylesheets/campaigns/base/_typography.scss */
strong, b {
  font-weight: 700;
}

/* line 19, app/assets/stylesheets/campaigns/base/_typography.scss */
.text--medium {
  font-weight: 500;
}

/* line 23, app/assets/stylesheets/campaigns/base/_typography.scss */
em {
  font-style: italic;
}

/* line 27, app/assets/stylesheets/campaigns/base/_typography.scss */
.text--dk-grey {
  color: #404040;
}

/* line 31, app/assets/stylesheets/campaigns/base/_typography.scss */
.text--md-grey {
  color: #7f7f7f;
}

/* line 35, app/assets/stylesheets/campaigns/base/_typography.scss */
.text--grey {
  color: #bfbfbf;
}

/* line 39, app/assets/stylesheets/campaigns/base/_typography.scss */
h1, h2, h3, h4, h5 {
  line-height: 1;
}

/* line 43, app/assets/stylesheets/campaigns/base/_typography.scss */
.title--h1 {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -.01em;
}

@media (min-width: 48em) {
  /* line 43, app/assets/stylesheets/campaigns/base/_typography.scss */
  .title--h1 {
    font-size: 4.125rem;
  }
}

/* line 64, app/assets/stylesheets/campaigns/base/_typography.scss */
.title--h2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1666;
}

@media (min-width: 48em) {
  /* line 64, app/assets/stylesheets/campaigns/base/_typography.scss */
  .title--h2 {
    font-size: 2rem;
    line-height: 1.25;
  }
}

/* line 78, app/assets/stylesheets/campaigns/base/_typography.scss */
.title--h3 {
  font-size: 1.25rem;
  line-height: 1.2;
}

@media (min-width: 48em) {
  /* line 78, app/assets/stylesheets/campaigns/base/_typography.scss */
  .title--h3 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

/* line 88, app/assets/stylesheets/campaigns/base/_typography.scss */
.title--h4 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25;
}

/* line 92, app/assets/stylesheets/campaigns/base/_typography.scss */
.text--18 {
  font-size: 1.125rem;
  line-height: 1.333;
}

/* line 97, app/assets/stylesheets/campaigns/base/_typography.scss */
.text--12 {
  font-size: 0.75rem;
  line-height: 1.25;
}

/* line 102, app/assets/stylesheets/campaigns/base/_typography.scss */
.label--small {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 500;
}

/* line 109, app/assets/stylesheets/campaigns/base/_typography.scss */
.body-content h1,
.body-content h2,
.body-content h3,
.body-content h4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1666;
  margin-bottom: 8px;
}

@media (min-width: 48em) {
  /* line 109, app/assets/stylesheets/campaigns/base/_typography.scss */
  .body-content h1,
.body-content h2,
.body-content h3,
.body-content h4 {
    font-size: 2rem;
    line-height: 1.25;
  }
}

/* line 116, app/assets/stylesheets/campaigns/base/_typography.scss */
.body-content h1:not(:first-child),
.body-content h2:not(:first-child),
.body-content h3:not(:first-child),
.body-content h4:not(:first-child) {
  margin-top: 24px;
}

/* line 121, app/assets/stylesheets/campaigns/base/_typography.scss */
.body-content .title--h3 {
  font-size: 1.25rem;
  line-height: 1.2;
}

@media (min-width: 48em) {
  /* line 121, app/assets/stylesheets/campaigns/base/_typography.scss */
  .body-content .title--h3 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

/* line 125, app/assets/stylesheets/campaigns/base/_typography.scss */
.body-content p,
.body-content ul,
.body-content ol {
  font-size: 1.125rem;
  margin-bottom: 24px;
}

/* line 131, app/assets/stylesheets/campaigns/base/_typography.scss */
.body-content p:last-child, .body-content p.label,
.body-content ul:last-child,
.body-content ul.label,
.body-content ol:last-child,
.body-content ol.label {
  margin-bottom: 0;
}

/* line 136, app/assets/stylesheets/campaigns/base/_typography.scss */
.body-content ul,
.body-content ol {
  margin-left: 1.5em;
}

/* line 141, app/assets/stylesheets/campaigns/base/_typography.scss */
.body-content ul li {
  list-style: disc;
}

/* line 145, app/assets/stylesheets/campaigns/base/_typography.scss */
.body-content ol li {
  list-style: decimal;
}

/* line 2, app/assets/stylesheets/campaigns/base/_buttons.scss */
a {
  transition: all .1s ease-in-out;
}

/* line 6, app/assets/stylesheets/campaigns/base/_buttons.scss */
a.text-black:hover {
  color: #404040;
}

/* line 10, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn {
  transition: all .1s ease-in-out;
  font-size: 1.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 2em;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  font-family: "DM Sans", Helvetica, arial, sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}

/* line 27, app/assets/stylesheets/campaigns/base/_buttons.scss */
.landing-hero .btn:hover,
.section .btn:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.125);
}

/* line 32, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn--white {
  background: #fff;
  border-color: #fff;
  color: #000;
}

/* line 38, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn--black {
  background: #000;
  border-color: #000;
  color: #fff;
}

/* line 44, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn--black-border {
  background: #fff;
  border-color: #000;
  color: #000;
}

/* line 50, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn--lt-grey {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #000;
}

/* line 56, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn-sm {
  font-size: 1rem;
  height: 48px;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

/* line 63, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn svg {
  margin-left: 8px;
}

/* line 67, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn--disabled {
  background: #fff;
  border-color: #bfbfbf;
  color: #bfbfbf;
  cursor: default;
}

/* line 73, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn--disabled:hover {
  color: #bfbfbf;
}

/* line 78, app/assets/stylesheets/campaigns/base/_buttons.scss */
input[type="submit"],
input[type="button"],
button {
  outline: none;
  cursor: pointer;
  font-family: "DM Sans", Helvetica, arial, sans-serif;
}

/* line 86, app/assets/stylesheets/campaigns/base/_buttons.scss */
.link--dk-grey {
  color: #404040;
  border-bottom: 1px solid #404040;
}

/* line 90, app/assets/stylesheets/campaigns/base/_buttons.scss */
.link--dk-grey:hover {
  border-color: transparent;
}

/* line 95, app/assets/stylesheets/campaigns/base/_buttons.scss */
.link--underline {
  text-decoration: underline;
  background: none;
}

/* line 99, app/assets/stylesheets/campaigns/base/_buttons.scss */
.link--underline:hover {
  text-decoration: none;
}

/* line 104, app/assets/stylesheets/campaigns/base/_buttons.scss */
.body-content a {
  color: #000;
  text-decoration: underline;
}

/* line 108, app/assets/stylesheets/campaigns/base/_buttons.scss */
.body-content a:hover {
  text-decoration: none;
}

/* line 113, app/assets/stylesheets/campaigns/base/_buttons.scss */
.text-white .body-content a {
  color: #fff;
}

/* line 117, app/assets/stylesheets/campaigns/base/_buttons.scss */
.btn-print {
  background: none;
}

/** Form Section ============**/
/* line 4, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-section:not(:last-of-type) {
  margin-bottom: 48px;
}

/* line 8, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-section__header {
  margin-bottom: 24px;
}

/* line 12, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-section__description {
  font-size: 0.8125rem;
  color: #262626;
  line-height: 1.4;
}

/** Global Styles ============**/
/* line 21, app/assets/stylesheets/campaigns/base/_forms.scss */
label,
.form-label {
  display: block;
  margin-bottom: 4px;
  color: #262626;
}

/* line 28, app/assets/stylesheets/campaigns/base/_forms.scss */
input,
textarea {
  display: block;
  width: 100%;
  border: 1px solid #7f7f7f;
  outline: none;
  font-family: "DM Sans", Helvetica, arial, sans-serif;
  font-weight: 400;
}

/* line 37, app/assets/stylesheets/campaigns/base/_forms.scss */
input:focus,
textarea:focus {
  border-color: #000;
}

/* line 41, app/assets/stylesheets/campaigns/base/_forms.scss */
input.input--full-width,
textarea.input--full-width {
  max-width: none;
}

/* line 46, app/assets/stylesheets/campaigns/base/_forms.scss */
input {
  height: 48px;
  padding: 0 20px;
}

/* line 51, app/assets/stylesheets/campaigns/base/_forms.scss */
textarea {
  height: 96px;
  padding: 1rem;
  resize: none;
  line-height: 1.4;
}

/** Select ============**/
/* line 61, app/assets/stylesheets/campaigns/base/_forms.scss */
select {
  position: relative;
  z-index: 5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  width: 100%;
  height: 48px;
  background: none;
  border: 1px solid #7f7f7f;
  border-radius: 4px;
  padding: 0 40px 0 16px;
  outline: none;
  color: #262626;
  font-family: "DM Sans", Helvetica, arial, sans-serif;
}

/* line 78, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-select .form-item__container {
  position: relative;
  background: #fff;
  border-radius: 4px;
}

/* line 84, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item--select__no-border:before {
  border: none;
}

/* line 88, app/assets/stylesheets/campaigns/base/_forms.scss */
select::-ms-expand {
  display: none;
}

/** Fieldset ============**/
/* line 95, app/assets/stylesheets/campaigns/base/_forms.scss */
fieldset {
  margin-bottom: 48px;
}

/* line 98, app/assets/stylesheets/campaigns/base/_forms.scss */
fieldset:last-of-type {
  margin-bottom: 24px;
}

/* line 103, app/assets/stylesheets/campaigns/base/_forms.scss */
fieldset .title,
.order-summary .title {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #bfbfbf;
  font: 400 24px/1 "DM Sans", Helvetica, arial, sans-serif;
}

/** Checkboxes ============**/
/** Radio ============**/
/* line 180, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio {
  position: relative;
  margin-bottom: 16px;
}

/* line 185, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio__container {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
}

/* line 193, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio--inline .form-radio__container {
  display: flex;
  margin-bottom: 0;
  margin-right: 12px;
}

/* line 199, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio input {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

/* line 210, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio__label {
  display: flex;
  padding-left: 32px;
  cursor: pointer;
}

/* line 216, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio .form-radio__label:before,
.form-radio .form-radio__label:after {
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
}

/* line 224, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio .form-radio__label:before {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #7f7f7f;
}

/* line 233, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio input:checked + .form-radio__label:before {
  border-color: #000;
}

/* line 237, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-radio input:checked + .form-radio__label:after {
  content: '';
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #262626;
}

/** File Uploads ============**/
/* line 249, app/assets/stylesheets/campaigns/base/_forms.scss */
input[type="file"]::-ms-value {
  background: none;
  border: none;
  height: 42px;
}

/* line 255, app/assets/stylesheets/campaigns/base/_forms.scss */
input[type="file"]::-ms-browse {
  background: none;
  border: 1px solid #bfbfbf;
}

@media (min-width: 40em) {
  /* line 260, app/assets/stylesheets/campaigns/base/_forms.scss */
  .form-item--file {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 39.9375em) {
  /* line 267, app/assets/stylesheets/campaigns/base/_forms.scss */
  .form-item--file-image {
    margin-bottom: 12px;
  }
}

@media (min-width: 40em) {
  /* line 267, app/assets/stylesheets/campaigns/base/_forms.scss */
  .form-item--file-image {
    margin-right: 16px;
  }
}

/* line 277, app/assets/stylesheets/campaigns/base/_forms.scss */
input[type="file"] {
  font-size: 0.8125rem;
  font-family: "DM Sans", Helvetica, arial, sans-serif;
  font-weight: 400;
  width: 100%;
  height: auto;
  padding-left: 0;
  border: none;
}

/* line 287, app/assets/stylesheets/campaigns/base/_forms.scss */
input[type="file"]::-webkit-file-upload-button {
  padding: 4px 16px;
  font-family: "DM Sans", Helvetica, arial, sans-serif;
  background: #f2f2f2;
  border: 1px solid #bfbfbf;
  border-radius: 24px;
}

/* line 295, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item--file .form-item--checkbox {
  width: 100%;
  margin-bottom: 0;
}

/* line 300, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item--file label,
.form-item--file .hint {
  width: 100%;
}

/** Currency ============**/
/* line 308, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item--currency .form-item__container {
  position: relative;
}

/* line 312, app/assets/stylesheets/campaigns/base/_forms.scss */
.currency-label {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  font-size: 1.25rem;
  left: 12px;
}

@media (min-width: 40em) {
  /* line 312, app/assets/stylesheets/campaigns/base/_forms.scss */
  .currency-label {
    font-size: 1.5rem;
  }
}

/* line 322, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item--currency .currency {
  padding-left: 26px;
}

@media (min-width: 40em) {
  /* line 322, app/assets/stylesheets/campaigns/base/_forms.scss */
  .form-item--currency .currency {
    font-size: 1.5rem;
    font-weight: 500;
  }
}

/** Password ============**/
/* line 334, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item--password .form-item__container {
  position: relative;
}

/* line 338, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item--password a {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  font-size: 0.6875rem;
  right: 16px;
  color: #000;
  letter-spacing: .025em;
  text-transform: uppercase;
}

/** Info Icon ============**/
/* line 350, app/assets/stylesheets/campaigns/base/_forms.scss */
.btn-info {
  background: none;
}

/* line 354, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item .icon-info {
  vertical-align: -2px;
}

/** Errors ============**/
/* line 361, app/assets/stylesheets/campaigns/base/_forms.scss */
label.error {
  font-size: 0.875rem;
  color: #f00;
  line-height: 1.25;
  padding-top: 4px;
}

/* line 368, app/assets/stylesheets/campaigns/base/_forms.scss */
input.error,
select.error,
textarea.error {
  border-color: #f00;
}

/** Helper / hint */
/* line 376, app/assets/stylesheets/campaigns/base/_forms.scss */
.form-item .hint {
  font-size: 0.875rem;
  display: block;
  padding-top: 4px;
  color: #404040;
  line-height: 1.25;
}

/* line 2, app/assets/stylesheets/global/components/_messages.scss */
.message {
  position: relative;
  padding: 12px 42px;
  font-weight: 500;
  border-top-width: 4px;
  border-top-style: solid;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

/* line 12, app/assets/stylesheets/global/components/_messages.scss */
.message--public {
  border-radius: 0;
  box-shadow: none;
}

/* line 17, app/assets/stylesheets/global/components/_messages.scss */
.message p {
  color: #262626;
}

@media (max-width: 47.9375em) {
  /* line 17, app/assets/stylesheets/global/components/_messages.scss */
  .message p {
    font-size: 0.875rem;
  }
}

/* line 25, app/assets/stylesheets/global/components/_messages.scss */
.message p:not(:last-of-type) {
  margin-bottom: 12px;
}

/* line 29, app/assets/stylesheets/global/components/_messages.scss */
.message a:not(.btn) {
  color: #262626;
  text-decoration: underline;
}

/* line 33, app/assets/stylesheets/global/components/_messages.scss */
.message a:not(.btn):hover {
  text-decoration: none;
}

/* line 38, app/assets/stylesheets/global/components/_messages.scss */
.message .icon-close {
  transform: translateY(-50%);
  position: absolute;
  right: 18px;
  top: 50%;
}

/* line 44, app/assets/stylesheets/global/components/_messages.scss */
.message .icon-close:hover {
  color: #262626;
}

/* line 49, app/assets/stylesheets/global/components/_messages.scss */
.message ul {
  margin-left: 30px;
}

/* line 53, app/assets/stylesheets/global/components/_messages.scss */
.message li {
  list-style-type: disc;
}

/* line 57, app/assets/stylesheets/global/components/_messages.scss */
.message-success {
  border-color: #008B49;
  background: #E2EDDF;
}

/* line 62, app/assets/stylesheets/global/components/_messages.scss */
.message-error {
  border-color: #cc3333;
  background: #ffefef;
}

/* line 67, app/assets/stylesheets/global/components/_messages.scss */
.message-notification,
.message-warning {
  border-color: #ffcc33;
  background: #fff1d6;
}

/* line 73, app/assets/stylesheets/global/components/_messages.scss */
.site-content .message {
  margin-bottom: 36px;
  border-radius: 0 0 3px;
}

/* line 78, app/assets/stylesheets/global/components/_messages.scss */
.message__icon {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 20px;
  height: 20px;
}

/* line 86, app/assets/stylesheets/global/components/_messages.scss */
.message--public .message__icon {
  top: 14px;
}

/* line 90, app/assets/stylesheets/global/components/_messages.scss */
.message-close {
  position: absolute;
  top: 10px;
  right: 20px;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 -8px 0 0;
  background: none;
  border: none;
  text-indent: -9999em;
}

/* line 103, app/assets/stylesheets/global/components/_messages.scss */
.message-close:before,
.message-close:after {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  content: '';
  transition: background-color .1s ease-in;
  left: 3px;
  display: block;
  width: 16px;
  height: 2px;
  background: #7f7f7f;
}

/* line 115, app/assets/stylesheets/global/components/_messages.scss */
.message-close:before {
  transform: rotate(45deg);
}

/* line 119, app/assets/stylesheets/global/components/_messages.scss */
.message-close:after {
  transform: rotate(-45deg);
}

/* line 123, app/assets/stylesheets/global/components/_messages.scss */
.message-close:hover:before,
.message-close:hover:after {
  background: #404040;
}

/* line 2, app/assets/stylesheets/global/components/_modals.scss */
body.no-scroll {
  overflow: hidden;
}

/* line 6, app/assets/stylesheets/global/components/_modals.scss */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

/* line 15, app/assets/stylesheets/global/components/_modals.scss */
.modal.is-active {
  display: block;
}

/* line 20, app/assets/stylesheets/global/components/_modals.scss */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* line 29, app/assets/stylesheets/global/components/_modals.scss */
.modal-container {
  position: absolute;
  top: 10px;
  overflow: hidden;
  min-height: 10%;
  padding: 55px 0 61px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  outline: none;
}

@media (max-width: 39.9375em) {
  /* line 29, app/assets/stylesheets/global/components/_modals.scss */
  .modal-container {
    max-height: 90%;
    left: 10px;
    right: 10px;
  }
}

@media (min-width: 40em) {
  /* line 29, app/assets/stylesheets/global/components/_modals.scss */
  .modal-container {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 60px;
    width: 90%;
    max-width: 560px;
  }
}

/* line 54, app/assets/stylesheets/global/components/_modals.scss */
.modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}

/* line 68, app/assets/stylesheets/global/components/_modals.scss */
.modal-body {
  overflow: auto;
  max-height: calc(80vh - 110px);
  padding: 24px 20px 40px;
  background: #f7f7f8;
}

@media (min-width: 48em) {
  /* line 68, app/assets/stylesheets/global/components/_modals.scss */
  .modal-body {
    max-height: calc(100vh - 220px);
  }
}

/* line 81, app/assets/stylesheets/global/components/_modals.scss */
.modal-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  padding: 12px 20px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}

/* line 93, app/assets/stylesheets/global/components/_modals.scss */
.modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 -2px 0 0;
  background: #fff;
  border: none;
  border-radius: 50%;
  color: #7f7f7f;
}

/* line 105, app/assets/stylesheets/global/components/_modals.scss */
.modal-close:hover {
  color: #262626;
  background: #e5e5e5;
}

/* line 111, app/assets/stylesheets/global/components/_modals.scss */
.modal-icon {
  margin-bottom: 24px;
  text-align: center;
}

/* line 116, app/assets/stylesheets/global/components/_modals.scss */
.modal-body p:not(:last-child) {
  margin-bottom: 24px;
}

/* line 120, app/assets/stylesheets/global/components/_modals.scss */
.modal-body .form-item {
  margin-bottom: 18px;
}

/* line 123, app/assets/stylesheets/global/components/_modals.scss */
.modal-body .form-item.mb-0 {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  /* line 128, app/assets/stylesheets/global/components/_modals.scss */
  .modal-fieldset {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
}

@media (max-width: 47.9375em) {
  /* line 136, app/assets/stylesheets/global/components/_modals.scss */
  .modal-fieldset:not(:last-child) {
    margin-bottom: 12px;
  }
}

@media (min-width: 48em) {
  /* line 142, app/assets/stylesheets/global/components/_modals.scss */
  .modal-fieldset > .form-item {
    flex: 1 1 50%;
    padding: 0 10px;
  }
}

@media (min-width: 48em) {
  /* line 149, app/assets/stylesheets/global/components/_modals.scss */
  .modal-fieldset > .form-item.w-full {
    flex: 1 1 100%;
  }
}

/* line 155, app/assets/stylesheets/global/components/_modals.scss */
_:-ms-fullscreen,
:root .modal-fieldset > .form-item {
  max-width: 50%;
}

/* line 160, app/assets/stylesheets/global/components/_modals.scss */
.modal-footer .btn {
  margin-right: 10px;
}

/* line 164, app/assets/stylesheets/global/components/_modals.scss */
.modal-footer .btn--trash {
  margin-right: 0;
  margin-left: auto;
}

/* line 169, app/assets/stylesheets/global/components/_modals.scss */
.donate-form .modal-container,
.privacy-modal .modal-container {
  padding-bottom: 0;
}

/* line 174, app/assets/stylesheets/global/components/_modals.scss */
.modal-body .field {
  margin-bottom: 18px;
}

/* line 178, app/assets/stylesheets/global/components/_modals.scss */
.recurring-modal .modal-container {
  max-width: 800px;
  padding-top: 0;
  border-radius: 16px;
}

/* line 184, app/assets/stylesheets/global/components/_modals.scss */
.recurring-modal .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

/* line 2, app/assets/stylesheets/global/components/_back-link.scss */
.back-link {
  position: absolute;
  top: -12px;
  left: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  color: #7f7f7f;
}

@media (min-width: 64em) {
  /* line 2, app/assets/stylesheets/global/components/_back-link.scss */
  .back-link {
    top: -18px;
  }
}

/* line 16, app/assets/stylesheets/global/components/_back-link.scss */
.back-link:hover .label--small {
  transition: all .1s ease-in-out;
  color: #404040;
}

/* line 21, app/assets/stylesheets/global/components/_back-link.scss */
.back-link svg {
  stroke: #7f7f7f;
  width: 7px;
  height: 10px;
  margin-right: 5px;
}

/* line 28, app/assets/stylesheets/global/components/_back-link.scss */
.back-link:hover svg {
  transition: all .1s ease-in-out;
  stroke: #404040;
}

/* line 2, app/assets/stylesheets/global/components/_pager.scss */
.pagination {
  font-size: 0.75rem;
  display: inline-flex;
  margin-top: 24px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  font-weight: 500;
}

@media (min-width: 40em) {
  /* line 2, app/assets/stylesheets/global/components/_pager.scss */
  .pagination {
    font-size: 0.875rem;
  }
}

/* line 16, app/assets/stylesheets/global/components/_pager.scss */
.pager-item:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}

/* line 20, app/assets/stylesheets/global/components/_pager.scss */
.pagination .current,
.pagination .pager-item a,
.pagination .pager-item--gap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}

/* line 30, app/assets/stylesheets/global/components/_pager.scss */
.pagination .pager-item a {
  color: #7f7f7f;
}

/* line 33, app/assets/stylesheets/global/components/_pager.scss */
.pagination .pager-item a:hover {
  color: #008B49;
}

/* line 38, app/assets/stylesheets/global/components/_pager.scss */
.pagination .current {
  color: #00563B;
}

/* line 44, app/assets/stylesheets/global/components/_pager.scss */
.pager-item--prev svg,
.pager-item--next svg {
  transition: all .1s ease-in-out;
  stroke: #7f7f7f;
  width: 7px;
  height: 10px;
}

/* line 51, app/assets/stylesheets/global/components/_pager.scss */
.pager-item--prev:hover svg,
.pager-item--next:hover svg {
  stroke: #008B49;
}

/* line 2, app/assets/stylesheets/global/components/_tooltip.scss */
.tooltip {
  transform: translateY(-2px);
  position: relative;
  display: inline-flex;
  margin-left: 6px;
  z-index: 99;
}

/* line 10, app/assets/stylesheets/global/components/_tooltip.scss */
.tooltip__icon {
  display: inline-block;
  vertical-align: 2px;
  line-height: 1;
  color: #7f7f7f;
}

/* line 16, app/assets/stylesheets/global/components/_tooltip.scss */
.tooltip__icon:hover {
  color: #262626;
  cursor: pointer;
}

/* line 21, app/assets/stylesheets/global/components/_tooltip.scss */
.tooltip__icon svg {
  transition: color .1s ease-in;
}

/* line 26, app/assets/stylesheets/global/components/_tooltip.scss */
.tooltip__body {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  opacity: 1;
  transform: translateX(-50%);
  z-index: 30;
  bottom: calc(100% + 6px);
  width: 180px;
  padding: 9px 10px;
  background: #262626;
  border-radius: 3px;
  color: #fff;
  text-align: center;
}

/* line 40, app/assets/stylesheets/global/components/_tooltip.scss */
.tooltip__body:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #262626;
  transition: opacity .3s ease-in-out;
  transform: translateX(-50%);
  opacity: 1;
  position: absolute;
  left: 50%;
  bottom: -8px;
}

/* line 50, app/assets/stylesheets/global/components/_tooltip.scss */
.tooltip__body p {
  font-size: 0.6875rem;
  line-height: 1.4545454545;
}

/* line 2, app/assets/stylesheets/global/components/_drop-down.scss */
.drop-down {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 20;
  width: 250px;
  padding: 16px 10px 16px 16px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

/* line 15, app/assets/stylesheets/global/components/_drop-down.scss */
.drop-down.is-open, .drop-down.is-active {
  display: block;
}

/* line 21, app/assets/stylesheets/global/components/_drop-down.scss */
.drop-down.align-right {
  left: auto;
  right: 0;
}

/* line 26, app/assets/stylesheets/global/components/_drop-down.scss */
.drop-down--wrapper {
  position: relative;
  overflow: hidden;
  height: 192px;
  padding-right: 6px;
}

/* line 33, app/assets/stylesheets/global/components/_drop-down.scss */
.drop-down--inner-wrapper {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 39, app/assets/stylesheets/global/components/_drop-down.scss */
.drop-down--wrapper .fieldset-group:not(:last-child) {
  margin-bottom: 12px;
}

/* line 43, app/assets/stylesheets/global/components/_drop-down.scss */
.drop-down--wrapper .form-item__label {
  font-size: 0.8125rem;
}

/* line 47, app/assets/stylesheets/global/components/_drop-down.scss */
.drop-down--wrapper .fieldset-group .form-item {
  margin-bottom: 0;
}

/* line 51, app/assets/stylesheets/global/components/_drop-down.scss */
.scrollbar {
  position: absolute;
  top: 16px;
  right: 6px;
  width: 4px;
  height: 100%;
  background: #e5e5e5;
  border-radius: 5px;
}

/* line 61, app/assets/stylesheets/global/components/_drop-down.scss */
.scrollbar .thumb {
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  background: #7f7f7f;
  border-radius: 5px;
}

/* line 2, app/assets/stylesheets/global/components/_autocomplete.scss */
.autocomplete-suggestions {
  border: 1px solid #bfbfbf;
  background: #fff;
  overflow: auto;
}

/* line 8, app/assets/stylesheets/global/components/_autocomplete.scss */
.autocomplete-suggestion,
.autocomplete-no-suggestion {
  font-size: 0.875rem;
  overflow: hidden;
  white-space: nowrap;
  padding: 6px 12px;
}

/* line 16, app/assets/stylesheets/global/components/_autocomplete.scss */
.autocomplete-suggestion:hover {
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/global/components/_autocomplete.scss */
.autocomplete-selected {
  background: #f7f7f8;
}

/* line 24, app/assets/stylesheets/global/components/_autocomplete.scss */
.autocomplete-suggestions strong {
  color: #008B49;
  font-weight: normal;
}

/* line 29, app/assets/stylesheets/global/components/_autocomplete.scss */
.autocomplete-group {
  padding: 2px 5px;
}

/* line 33, app/assets/stylesheets/global/components/_autocomplete.scss */
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}

/* line 38, app/assets/stylesheets/global/components/_autocomplete.scss */
.autocompete-item {
  display: flex;
}

/* line 42, app/assets/stylesheets/global/components/_autocomplete.scss */
#fundraiser-user-selected {
  font-size: 0.875rem;
}

/* line 46, app/assets/stylesheets/global/components/_autocomplete.scss */
#fundraiser-user-selected > span {
  font-weight: 500;
}

/* line 50, app/assets/stylesheets/global/components/_autocomplete.scss */
#fundraiser-user-remove {
  font-size: 0.75rem;
  display: inline-block;
  margin-left: 6px;
}

/* Adjust the positioning of the character count text. */
/* line 2, app/assets/stylesheets/global/components/_tinymce.scss */
label.mce-charactercount {
  margin: 2px 0 2px 2px;
  padding: 8px;
}

/* Never show the code markup in the bottom panel */
/* line 8, app/assets/stylesheets/global/components/_tinymce.scss */
.mce-path {
  display: none !important;
}

/* line 2, app/assets/stylesheets/global/components/_order-summary.scss */
.order-list__item {
  position: relative;
}

@media (min-width: 48em) {
  /* line 6, app/assets/stylesheets/global/components/_order-summary.scss */
  .order-products .col {
    width: 15%;
  }
}

@media (min-width: 48em) {
  /* line 12, app/assets/stylesheets/global/components/_order-summary.scss */
  .order-products .col:first-child {
    width: 55%;
  }
}

@media (max-width: 47.9375em) {
  /* line 18, app/assets/stylesheets/global/components/_order-summary.scss */
  .order-list__subtotal {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (max-width: 39.9375em) {
  /* line 26, app/assets/stylesheets/global/components/_order-summary.scss */
  .order-summary--header-label__price,
.order-summary--header-label__quantity {
    display: none;
  }
}

/* line 33, app/assets/stylesheets/global/components/_order-summary.scss */
.order-summary--footer-total {
  font-size: 0.9375rem;
  font-weight: 700;
}

/* line 38, app/assets/stylesheets/global/components/_order-summary.scss */
.order-summary--footer-edit {
  font-size: 0.8125rem;
  order: -1;
  padding-right: 40px;
}

/* line 44, app/assets/stylesheets/global/components/_order-summary.scss */
.order-summary--total-label {
  margin-right: 12px;
}

/* line 48, app/assets/stylesheets/global/components/_order-summary.scss */
.admin-order-summary .order-summary {
  margin-bottom: 0;
  background: none;
}

/* line 53, app/assets/stylesheets/global/components/_order-summary.scss */
.admin-order-summary .order-products__header,
.admin-order-summary .order-list__item {
  margin-bottom: 12px;
}

/* line 2, app/assets/stylesheets/global/components/_toast.scss */
.Toastify__toast,
.toastify {
  padding: 20px !important;
  min-width: 320px;
  margin-bottom: 1rem;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
}

/* line 10, app/assets/stylesheets/global/components/_toast.scss */
.dark-toast {
  background: #262626 !important;
  color: #fff !important;
}

/* line 15, app/assets/stylesheets/global/components/_toast.scss */
.Toastify__close-button,
.toast-close {
  position: relative;
  display: inline-block;
  right: -7px;
  top: 3px;
  width: 16px;
  height: 16px;
  background: none !important;
}

/* line 26, app/assets/stylesheets/global/components/_toast.scss */
.Toastify__close-button--default,
.toast-close {
  opacity: 1 !important;
  text-indent: -9999em;
}

/* line 32, app/assets/stylesheets/global/components/_toast.scss */
.Toastify__close-button:before,
.Toastify__close-button:after,
.toast-close:before,
.toast-close:after {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  content: '';
  transition: background-color .1s ease-in;
  left: 0px;
  display: block;
  width: 16px;
  height: 2px;
  background: #e5e5e5;
}

/* line 46, app/assets/stylesheets/global/components/_toast.scss */
.Toastify__close-button:before,
.toast-close:before {
  transform: rotate(45deg);
}

/* line 51, app/assets/stylesheets/global/components/_toast.scss */
.Toastify__close-button:after,
.toast-close:after {
  transform: rotate(-45deg);
}

/* line 56, app/assets/stylesheets/global/components/_toast.scss */
.Toastify__close-button:hover:before,
.Toastify__close-button:hover:after,
.toast-close:hover:before,
.toast-close:hover:after {
  background: #fff;
}

/* line 2, app/assets/stylesheets/admin/components/_block-header.scss */
.block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 8, app/assets/stylesheets/admin/components/_block-header.scss */
.block-header {
  margin-bottom: 18px;
  padding-bottom: 6px;
  border-bottom: 1px solid #bfbfbf;
}

/* line 14, app/assets/stylesheets/admin/components/_block-header.scss */
.block-header__btn {
  padding: 0;
  margin: 0;
  border: none;
}

/* line 20, app/assets/stylesheets/admin/components/_block-header.scss */
.block-header__btn .label--small {
  transition: color .15s ease-in;
  color: #008B49;
}

/* line 24, app/assets/stylesheets/admin/components/_block-header.scss */
.block-header__btn .label--small:hover {
  color: #00563B;
}

/* line 2, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

/* line 9, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip--lt-green,
.circle-tooltip--donation,
.circle-tooltip--active {
  background: #00D35A;
}

/* line 15, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip--lt-blue,
.circle-tooltip--order {
  background: #008B49;
}

/* line 20, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip--yellow,
.circle-tooltip--test {
  background: #ffcc33;
}

/* line 25, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip--draft {
  background: #fff;
  border: 2px solid #bfbfbf;
}

/* line 30, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip:before,
.circle-tooltip:after {
  transition: opacity .3s ease-in-out;
  position: absolute;
  left: -9999em;
  top: -9999em;
  opacity: 0;
}

/* line 39, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip:after {
  content: attr(title);
}

/* line 43, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip:hover:after {
  font-size: 0.625rem;
  position: absolute;
  opacity: 1;
  transform: translateX(-50%);
  left: 50%;
  top: auto;
  z-index: 30;
  bottom: calc(100% + 6px);
  padding: 0 8px;
  background: #404040;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 62, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #404040;
}

/* line 66, app/assets/stylesheets/admin/components/_circle-tooltip.scss */
.circle-tooltip:hover:before {
  transform: translateX(-50%);
  opacity: 1;
  left: 50%;
  top: auto;
  bottom: 100%;
}

/* line 2, app/assets/stylesheets/admin/components/_donor-activity.scss */
.donor-activity__list:not(:last-child) {
  margin-bottom: 24px;
}

/* line 6, app/assets/stylesheets/admin/components/_donor-activity.scss */
.donor-activity__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 30px 20px 18px 52px;
  margin-left: -20px;
  margin-right: -20px;
}

/* line 15, app/assets/stylesheets/admin/components/_donor-activity.scss */
.donor-activity__item:nth-child(2n) {
  background: #f7f7f8;
}

/* line 19, app/assets/stylesheets/admin/components/_donor-activity.scss */
a.donor-activity__item:hover {
  background: #E2EDDF;
}

/* line 23, app/assets/stylesheets/admin/components/_donor-activity.scss */
.donor-activity__right {
  text-align: right;
}

/* line 27, app/assets/stylesheets/admin/components/_donor-activity.scss */
.donor-activity__type {
  position: absolute;
  top: 34px;
  left: 20px;
}

/* line 33, app/assets/stylesheets/admin/components/_donor-activity.scss */
.donor-activity__date {
  position: absolute;
  top: 18px;
  left: 52px;
}

/* line 39, app/assets/stylesheets/admin/components/_donor-activity.scss */
.donor-activity__title {
  font-size: 0.9375rem;
  line-height: 1.4;
}

/* line 43, app/assets/stylesheets/admin/components/_donor-activity.scss */
.donor-activity__title--medium {
  font-weight: 500;
}

/* line 2, app/assets/stylesheets/campaigns/components/_header.scss */
.campaign-header .container {
  margin: 0 auto;
}

/* line 6, app/assets/stylesheets/campaigns/components/_header.scss */
.campaign-logo {
  max-width: 120px;
}

@media (min-width: 27.5em) {
  /* line 6, app/assets/stylesheets/campaigns/components/_header.scss */
  .campaign-logo {
    max-width: 160px;
  }
}

@media (min-width: 48em) {
  /* line 6, app/assets/stylesheets/campaigns/components/_header.scss */
  .campaign-logo {
    max-width: 220px;
  }
}

/* line 18, app/assets/stylesheets/campaigns/components/_header.scss */
.btn-search {
  padding: 0;
}

/* line 21, app/assets/stylesheets/campaigns/components/_header.scss */
.btn-search svg {
  margin-left: 0;
}

@media (max-width: 47.9375em) {
  /* line 26, app/assets/stylesheets/campaigns/components/_header.scss */
  .btn-share {
    width: 48px;
    padding: 0;
  }
  /* line 31, app/assets/stylesheets/campaigns/components/_header.scss */
  .btn-share svg {
    margin-left: 0;
  }
}

/* line 37, app/assets/stylesheets/campaigns/components/_header.scss */
.share-modal .modal-container,
.search-modal .modal-container {
  padding-bottom: 0;
}

/* line 42, app/assets/stylesheets/campaigns/components/_header.scss */
.campaign-search {
  position: relative;
}

/* line 46, app/assets/stylesheets/campaigns/components/_header.scss */
.campaign-search__trigger {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 12px;
  background: none;
}

/* Fundraiser Search */
/* line 55, app/assets/stylesheets/campaigns/components/_header.scss */
.fundraiser-search {
  position: relative;
}

@media (max-width: 47.9375em) {
  /* line 55, app/assets/stylesheets/campaigns/components/_header.scss */
  .fundraiser-search {
    order: 1;
    margin-left: 20px;
  }
}

/* line 64, app/assets/stylesheets/campaigns/components/_header.scss */
.fundraiser-search__btn {
  display: none;
  line-height: 1;
}

@media (max-width: 47.9375em) {
  /* line 64, app/assets/stylesheets/campaigns/components/_header.scss */
  .fundraiser-search__btn {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    background: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
  }
}

/* line 79, app/assets/stylesheets/campaigns/components/_header.scss */
.fundraiser-search__icon {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #7f7f7f;
}

@media (max-width: 47.9375em) {
  /* line 84, app/assets/stylesheets/campaigns/components/_header.scss */
  .fundraiser-search__form {
    display: none;
  }
}

/* line 90, app/assets/stylesheets/campaigns/components/_header.scss */
.search-active {
  padding-bottom: 68px;
}

@media (max-width: 47.9375em) {
  /* line 94, app/assets/stylesheets/campaigns/components/_header.scss */
  .fundraiser-search__form.is-active {
    display: block;
    position: absolute;
    right: -20px;
    left: -20px;
    bottom: -68px;
    z-index: 10;
    padding: 12px 20px;
    background-color: #404040;
  }
}

/* line 107, app/assets/stylesheets/campaigns/components/_header.scss */
.fundraiser-search__form input {
  width: 100%;
  height: 40px;
  padding: 0 16px;
}

@media (max-width: 47.9375em) {
  /* line 107, app/assets/stylesheets/campaigns/components/_header.scss */
  .fundraiser-search__form input {
    border: none;
  }
}

@media (min-width: 48em) {
  /* line 107, app/assets/stylesheets/campaigns/components/_header.scss */
  .fundraiser-search__form input {
    width: 280px;
  }
}

@media (max-width: 47.9375em) {
  /* line 121, app/assets/stylesheets/campaigns/components/_header.scss */
  .fundraiser-search__form input:focus {
    border: none;
  }
}

@media (max-width: 47.9375em) {
  /* line 130, app/assets/stylesheets/campaigns/components/_header.scss */
  .header-actions .welcome-back {
    font-size: 0.8125rem;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    padding-left: 180px;
    line-height: 1.4;
    text-align: right;
  }
}

@media (max-width: 39.9375em) {
  /* line 130, app/assets/stylesheets/campaigns/components/_header.scss */
  .header-actions .welcome-back {
    padding-left: 140px;
  }
}

/* line 2, app/assets/stylesheets/campaigns/components/_sidebar.scss */
.fixed-height {
  overflow-y: auto;
  max-height: 480px;
}

/* line 7, app/assets/stylesheets/campaigns/components/_sidebar.scss */
.fundraiser-list__thumb {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: #000;
}

/* line 13, app/assets/stylesheets/campaigns/components/_sidebar.scss */
.fundraiser-list__thumb img {
  width: 48px;
  height: 48px;
}

/* line 2, app/assets/stylesheets/campaigns/components/_campaign-list.scss */
.campaign-list__thumb {
  width: 60px;
  height: 60px;
  background: #000;
}

/* line 8, app/assets/stylesheets/campaigns/components/_campaign-list.scss */
.campaign-list__thumb img {
  width: 60px;
  height: 60px;
}

@media (min-width: 48em) {
  /* line 2, app/assets/stylesheets/campaigns/components/_user-nav.scss */
  .user-nav {
    position: relative;
  }
}

/* Desktop */
/* line 11, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.user-nav__btn {
  padding-right: 36px;
  color: #000;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center right .5rem;
}

/* line 21, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.user-nav__drop-down {
  position: absolute;
  top: 100%;
  right: -10px;
  z-index: 20;
  width: 160px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

/* line 29, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.user-nav__drop-down.is-open, .user-nav__drop-down.is-active {
  display: block;
}

/* line 35, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.user-nav__drop-down:before,
.user-nav__drop-down:after {
  left: auto;
  right: 16px;
}

/* line 41, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.user-nav__drop-down a {
  color: #404040;
}

/* line 44, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.user-nav__drop-down a:hover {
  color: #000;
}

/* Mobile */
@media (min-width: 48em) {
  /* line 51, app/assets/stylesheets/campaigns/components/_user-nav.scss */
  .mobile-toggle {
    display: none;
  }
}

/* line 57, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.mobile-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

/* line 67, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.mobile-overlay.is-active {
  display: block;
}

/* line 72, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.mobile-overlay__container {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 30px;
}

/* line 77, app/assets/stylesheets/campaigns/components/_user-nav.scss */
.mobile-close {
  position: absolute;
  top: 20px;
  left: 30px;
}

/* line 2, app/assets/stylesheets/campaigns/components/_tabs.scss */
.tabs__item {
  padding-bottom: 4px;
  color: #7f7f7f;
  background: none;
}

/* line 7, app/assets/stylesheets/campaigns/components/_tabs.scss */
.tabs__item.is-active, .tabs__item.active {
  color: #000;
  box-shadow: 0 2px 0 #000;
}

/* line 14, app/assets/stylesheets/campaigns/components/_tabs.scss */
.tab-content {
  display: none;
}

/* line 18, app/assets/stylesheets/campaigns/components/_tabs.scss */
.tab-content.is-active {
  display: block;
}

/* line 2, app/assets/stylesheets/admin/pages/_donor-admin.scss */
.donor-admin .container {
  padding-top: 48px;
}

@media (min-width: 48em) {
  /* line 2, app/assets/stylesheets/admin/pages/_donor-admin.scss */
  .donor-admin .container {
    max-width: 720px;
    padding-bottom: 48px;
  }
}

/* line 11, app/assets/stylesheets/admin/pages/_donor-admin.scss */
.donor-admin .back-link {
  top: 16px;
  left: 20px;
}

/* line 16, app/assets/stylesheets/admin/pages/_donor-admin.scss */
.donor-receipt .order-summary {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 24px;
  background: #f7f7f8;
  border: none;
  border-radius: 0;
}

/* line 25, app/assets/stylesheets/admin/pages/_donor-admin.scss */
.donation-card {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px;
}

/* line 30, app/assets/stylesheets/admin/pages/_donor-admin.scss */
.donation-card:hover {
  background: #f2f2f2;
}

/* line 2, app/assets/stylesheets/global/pages/_error.scss */
.error-page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #008B49;
}

/* line 13, app/assets/stylesheets/global/pages/_error.scss */
.error-logo {
  width: 180px;
  margin: 0 auto;
  padding: 48px 0;
}

/* line 19, app/assets/stylesheets/global/pages/_error.scss */
.error-content {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 25, app/assets/stylesheets/global/pages/_error.scss */
.error-content p:first-of-type a {
  color: #fff;
}

/* line 29, app/assets/stylesheets/global/pages/_error.scss */
.error-content p:first-of-type a:hover {
  border-bottom: 1px solid #fff;
}

/* line 33, app/assets/stylesheets/global/pages/_error.scss */
.error-content .btn {
  width: 260px;
}