.gap-0 {
  gap: 0 !important; }

.gx-0 {
  column-gap: 0 !important; }

.gy-0 {
  row-gap: 0 !important; }

.gap-1 {
  gap: 0.25rem !important; }

.gx-1 {
  column-gap: 0.25rem !important; }

.gy-1 {
  row-gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.gx-2 {
  column-gap: 0.5rem !important; }

.gy-2 {
  row-gap: 0.5rem !important; }

.gap-3 {
  gap: 1rem !important; }

.gx-3 {
  column-gap: 1rem !important; }

.gy-3 {
  row-gap: 1rem !important; }

.gap-4 {
  gap: 1.5rem !important; }

.gx-4 {
  column-gap: 1.5rem !important; }

.gy-4 {
  row-gap: 1.5rem !important; }

.gap-5 {
  gap: 3rem !important; }

.gx-5 {
  column-gap: 3rem !important; }

.gy-5 {
  row-gap: 3rem !important; }

.df_cta-button--primary {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #FFF !important;
  background-color: #140002 !important; }
  @media (min-width: 1200px) {
    .df_cta-button--primary {
      font-size: 1.438rem;
      line-height: 1.75rem; } }
  .df_cta-button--primary:hover {
    color: #FFF !important;
    background-color: #DC1E35 !important;
    border-color: #281607 !important; }
  .df_cta-button--primary:focus {
    color: #FFF !important;
    background-color: #140002 !important;
    border-color: #FFF !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--primary-sm {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #FFF !important;
  background-color: #140002 !important; }
  @media (min-width: 1200px) {
    .df_cta-button--primary-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  .df_cta-button--primary-sm:hover {
    color: #FFF !important;
    background-color: #DC1E35 !important;
    border-color: #281607 !important; }
  .df_cta-button--primary-sm:focus {
    color: #FFF !important;
    background-color: #140002 !important;
    border-color: #FFF !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--primary-white {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002 !important;
  background-color: #FFF !important; }
  @media (min-width: 1200px) {
    .df_cta-button--primary-white {
      font-size: 1.438rem;
      line-height: 1.75rem; } }
  .df_cta-button--primary-white:hover {
    color: #140002 !important;
    background-color: #E6E6E6 !important;
    border-color: #281607 !important; }
  .df_cta-button--primary-white:focus {
    color: #140002 !important;
    background-color: #FFF !important;
    border-color: #1973E1 !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--primary-white-sm {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002 !important;
  background-color: #FFF !important; }
  @media (min-width: 1200px) {
    .df_cta-button--primary-white-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  .df_cta-button--primary-white-sm:hover {
    color: #140002 !important;
    background-color: #E6E6E6 !important;
    border-color: #281607 !important; }
  .df_cta-button--primary-white-sm:focus {
    color: #140002 !important;
    background-color: #FFF !important;
    border-color: #1973E1 !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--secondary {
  border: 1px solid #140002 !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002 !important;
  background-color: transparent !important; }
  @media (min-width: 1200px) {
    .df_cta-button--secondary {
      font-size: 1.438rem;
      line-height: 1.75rem; } }
  .df_cta-button--secondary:hover {
    color: #FFF !important;
    background-color: #6D6D6D !important;
    border-color: #140002 !important; }
  .df_cta-button--secondary:focus {
    color: #FFF !important;
    background-color: #140002 !important;
    border-color: #FFF !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--secondary-sm {
  border: 1px solid #140002 !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002 !important;
  background-color: transparent !important; }
  @media (min-width: 1200px) {
    .df_cta-button--secondary-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  .df_cta-button--secondary-sm:hover {
    color: #FFF !important;
    background-color: #6D6D6D !important;
    border-color: #140002 !important; }
  .df_cta-button--secondary-sm:focus {
    color: #FFF !important;
    background-color: #140002 !important;
    border-color: #FFF !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--secondary-white {
  border: 1px solid #FFF !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #FFF !important;
  background-color: transparent !important; }
  @media (min-width: 1200px) {
    .df_cta-button--secondary-white {
      font-size: 1.438rem;
      line-height: 1.75rem; } }
  .df_cta-button--secondary-white:hover {
    color: #140002 !important;
    background-color: #E6E6E6 !important;
    border-color: #FFF !important; }
  .df_cta-button--secondary-white:focus {
    color: #140002 !important;
    background-color: #FFF !important;
    border-color: #1973E1 !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--secondary-white-sm {
  border: 1px solid #FFF !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #FFF !important;
  background-color: transparent !important; }
  @media (min-width: 1200px) {
    .df_cta-button--secondary-white-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  .df_cta-button--secondary-white-sm:hover {
    color: #140002 !important;
    background-color: #E6E6E6 !important;
    border-color: #FFF !important; }
  .df_cta-button--secondary-white-sm:focus {
    color: #140002 !important;
    background-color: #FFF !important;
    border-color: #1973E1 !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--disabled {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #464646 !important;
  background-color: #D5D5D5 !important; }
  @media (min-width: 1200px) {
    .df_cta-button--disabled {
      font-size: 1.438rem;
      line-height: 1.75rem; } }

.df_cta-button--disabled-sm {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #464646 !important;
  background-color: #D5D5D5 !important; }
  @media (min-width: 1200px) {
    .df_cta-button--disabled-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }

.df_cta-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002; }
  @media (min-width: 1200px) {
    .df_cta-link {
      font-size: 1rem;
      line-height: 1.25rem; } }
  .df_cta-link::before, .df_cta-link::after {
    content: none;
    display: none; }
  .df_cta-link[data-icon-left]::before {
    content: attr(data-icon-left url);
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0.25rem; }
  .df_cta-link[data-icon-right]::after {
    content: attr(data-icon-right url);
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 0.25rem; }
  .df_cta-link:hover, .df_cta-link:focus {
    text-decoration: none; }

.sbh-color-primary-red {
  color: #DC1E35 !important; }

.sbh-mb-05 {
  margin-bottom: 4px; }

.sbh-mt-05 {
  margin-top: 4px; }

.sbh-mb-2 {
  margin-bottom: 16px; }

.sbh-mb-3 {
  margin-bottom: 24px; }

.gap-1 {
  gap: 0.25rem; }

.gap-2 {
  gap: 0.5rem; }

.gap-3 {
  gap: 1rem; }

.gap-4 {
  gap: 1.5rem; }

.gap-5 {
  gap: 2rem; }

.pl-075 {
  padding-left: 0.75rem !important; }

.sbh-fw-regular {
  font-family: 'Jost Regular' !important; }

.sbh-fw-medium {
  font-family: 'Jost Medium' !important; }

.sbh-fw-semi-bold {
  font-family: 'Jost Semi Bold'; }

.sbh-fw-bold {
  font-family: 'Jost Bold'; }

.sbh-display-1,
.sbh-display-2,
.sbh-display-3 {
  font-family: 'Jost Bold';
  font-style: normal;
  font-weight: 400;
  color: #212121; }

.sbh-display-1 {
  line-height: 52px;
  font-size: 41px; }
  @media (min-width: 769px) {
    .sbh-display-1 {
      line-height: 56px;
      font-size: 46px; } }
  @media (min-width: 1200px) {
    .sbh-display-1 {
      line-height: 64px;
      font-size: 52px; } }

.sbh-display-2 {
  line-height: 48px;
  font-size: 36px; }
  @media (min-width: 769px) {
    .sbh-display-2 {
      line-height: 52px;
      font-size: 41px; } }
  @media (min-width: 1200px) {
    .sbh-display-2 {
      line-height: 56px;
      font-size: 46px; } }

.sbh-display-3 {
  line-height: 44px;
  font-size: 32px; }
  @media (min-width: 769px) {
    .sbh-display-3 {
      line-height: 48px;
      font-size: 36px; } }
  @media (min-width: 1200px) {
    .sbh-display-3 {
      line-height: 52px;
      font-size: 41px; } }

.sbh-heading-1,
.sbh-heading-2,
.sbh-heading-3,
.sbh-heading-4,
.sbh-heading-5,
.sbh-heading-6 {
  font-family: 'Jost Semi Bold';
  font-style: normal;
  color: #212121;
  font-weight: 400 !important; }

.sbh-heading-1 {
  line-height: 40px;
  font-size: 29px; }
  @media (min-width: 769px) {
    .sbh-heading-1 {
      line-height: 44px;
      font-size: 32px; } }
  @media (min-width: 1200px) {
    .sbh-heading-1 {
      line-height: 48px;
      font-size: 36px; } }

.sbh-heading-2 {
  line-height: 36px;
  font-size: 26px; }
  @media (min-width: 769px) {
    .sbh-heading-2 {
      line-height: 40px;
      font-size: 29px; } }
  @media (min-width: 1200px) {
    .sbh-heading-2 {
      line-height: 44px;
      font-size: 32px; } }

.sbh-heading-3 {
  line-height: 32px;
  font-size: 23px; }
  @media (min-width: 769px) {
    .sbh-heading-3 {
      line-height: 36px;
      font-size: 26px; } }
  @media (min-width: 1200px) {
    .sbh-heading-3 {
      line-height: 40px;
      font-size: 29px; } }

.sbh-heading-4 {
  line-height: 28px;
  font-size: 20px; }
  @media (min-width: 769px) {
    .sbh-heading-4 {
      line-height: 32px;
      font-size: 23px; } }
  @media (min-width: 1200px) {
    .sbh-heading-4 {
      line-height: 36px;
      font-size: 26px; } }

.sbh-heading-5 {
  line-height: 24px;
  font-size: 18px; }
  @media (min-width: 769px) {
    .sbh-heading-5 {
      line-height: 28px;
      font-size: 20px; } }
  @media (min-width: 1200px) {
    .sbh-heading-5 {
      line-height: 32px;
      font-size: 23px; } }

.sbh-heading-6 {
  line-height: 24px;
  font-size: 16px; }
  @media (min-width: 769px) {
    .sbh-heading-6 {
      line-height: 24px;
      font-size: 18px; } }
  @media (min-width: 1200px) {
    .sbh-heading-6 {
      line-height: 28px;
      font-size: 20px; } }

.sbh-subtitle-lg,
.sbh-subtitle-sm,
.sbh-body,
.sbh-body-sm,
.sbh-text-link,
.sbh-text-link-sm,
.sbh-label,
.sbh-input-helpertext,
.sbh-asterisk,
.sbh-helper-text,
.sbh-breadcrumb {
  font-style: normal;
  color: #464646;
  font-weight: 400 !important; }

.sbh-reg-subtitle-lg {
  font-family: 'Jost Regular';
  line-height: 24px;
  font-size: 16px;
  font-weight: 400; }
  @media (min-width: 1200px) {
    .sbh-reg-subtitle-lg {
      font-size: 18px;
      line-height: 1.5rem; } }

.sbh-subtitle-lg {
  font-family: 'Jost Medium';
  line-height: 24px;
  font-size: 16px; }
  @media (min-width: 1200px) {
    .sbh-subtitle-lg {
      font-size: 18px; } }

.sbh-subtitle-lg-bold {
  font-family: 'Jost Semi Bold';
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5rem; }
  @media (min-width: 1200px) {
    .sbh-subtitle-lg-bold {
      font-size: 18px; } }

.sbh-subtitle-sm {
  font-family: 'Jost Medium';
  line-height: 20px;
  font-size: 14px; }
  @media (min-width: 1200px) {
    .sbh-subtitle-sm {
      line-height: 24px;
      font-size: 16px; } }

.sbh-body {
  font-family: 'Jost Regular';
  line-height: 20px;
  font-size: 14px; }
  @media (min-width: 1200px) {
    .sbh-body {
      line-height: 24px;
      font-size: 16px; } }

.sbh-body-sm {
  font-family: 'Jost Regular';
  line-height: 16px;
  font-size: 12px !important; }
  @media (min-width: 1200px) {
    .sbh-body-sm {
      line-height: 20px;
      font-size: 14px !important; } }

.sbh-body-lg {
  font-family: 'Jost Medium';
  font-weight: 500;
  line-height: 20px;
  font-size: 14px !important; }
  @media (min-width: 1200px) {
    .sbh-body-lg {
      line-height: 24px;
      font-size: 16px !important; } }

button.sbh-text-link,
button.sbh-text-link-sm {
  border: none;
  padding: 0;
  background: transparent; }
  button.sbh-text-link:focus,
  button.sbh-text-link-sm:focus {
    outline: 2px solid #1973E1; }

.sbh-text-link {
  font-family: 'Jost Medium';
  line-height: 20px;
  font-size: 14px;
  text-decoration: underline;
  color: #111111; }
  @media (min-width: 1200px) {
    .sbh-text-link {
      line-height: 24px;
      font-size: 16px; } }

.sbh-text-link-sm {
  font-family: 'Jost Medium';
  line-height: 16px;
  font-size: 12px;
  text-decoration: underline;
  color: #111111;
  font-weight: 500 !important; }
  @media (min-width: 1200px) {
    .sbh-text-link-sm {
      line-height: 20px;
      font-size: 14px; } }


.sbh-label,
.sbh-input-helpertext,
.sbh-asterisk {
  font-family: 'Jost Medium';
  line-height: 16px;
  font-size: 12px;
  font-weight: 500 !important; }
  @media (min-width: 1200px) {
    
    .sbh-label,
    .sbh-input-helpertext,
    .sbh-asterisk {
      line-height: 20px;
      font-size: 14px; } }

.sbh-helper-text {
  font-family: 'Jost Medium';
  line-height: 12px;
  font-size: 16px;
  font-weight: 400 !important; }

.sbh-breadcrumb {
  font-family: 'Jost Medium';
  line-height: 16px;
  font-size: 12px;
  font-style: normal; }
  @media (min-width: 1200px) {
    .sbh-breadcrumb {
      line-height: 20px;
      font-size: 14px; } }

.sbh-carousel-brand-name, .sbh-carousel-product-name, .sbh-carousel-product-price, .sbh-carousel-product-strike-price, .sbh-carousel-product-rating-count {
  font-style: normal;
  line-height: 20px;
  font-family: 'Jost Regular'; }

.sbh-carousel-brand-name {
  font-size: 14px;
  font-weight: 500;
  color: #DC1E35; }

.sbh-carousel-product-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #464646; }

.sbh-carousel-product-price {
  font-weight: 600;
  line-height: 24px;
  font-size: 18px;
  color: #464646; }
  @media (max-width: 543.98px) {
    .sbh-carousel-product-price {
      font-size: 16px; } }

.sbh-carousel-product-strike-price {
  font-size: 16px;
  line-height: 24px;
  text-decoration: line-through;
  font-weight: 400;
  color: #464646; }

.sbh-carousel-product-star-icon {
  width: 16px;
  height: 16px; }

.sbh-carousel-product-rating-count {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #111111; }

.sbh-form-label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-family: "Jost Medium";
  font-style: normal;
  color: #454545; }
  @media (min-width: 1200px) {
    .sbh-form-label {
      line-height: 1.25rem;
      font-size: 0.875rem; } }

.sbh-input-helpertext, .sbh-asterisk {
  font-size: 12px;
  line-height: 16px;
  color: #6D6D6D; }

.sbh-checkbox-label {
  font-size: 12px;
  font-weight: 400;
  font-family: 'Jost Regular';
  line-height: 1rem; }

.sbh-asterisk {
  font-family: 'Jost Medium';
  font-weight: 500;
  color: #B50021; }
  @media (min-width: 1200px) {
    .sbh-asterisk {
      line-height: 20px;
      font-size: 14px; } }

.sbh-error-text {
  font-family: 'Jost Medium';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem; }

.container-spacer {
  padding-left: 15px;
  padding-right: 15px; }

a, body, a:not(.btn-primary):not(.btn-outline-primary) {
  color: #140002; }

@font-face {
  font-family: "Founders Regular";
  src: url("../fonts/founders-grotesk/founders-grotesk-regular.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Regular Italic";
  src: url("../fonts/founders-grotesk/founders-grotesk-regular-italic.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Medium";
  src: url("../fonts/founders-grotesk/founders-grotesk-medium.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Medium Italic";
  src: url("../fonts/founders-grotesk/founders-grotesk-medium-italic.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Semibold";
  src: url("../fonts/founders-grotesk/founders-grotesk-semibold.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Semibold Italic";
  src: url("../fonts/founders-grotesk/founders-grotesk-semibold-italic.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Bold";
  src: url("../fonts/founders-grotesk/founders-grotesk-bold.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Bold Italic";
  src: url("../fonts/founders-grotesk/founders-grotesk-bold-italic.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Condensed Regular";
  src: url("../fonts/founders-grotesk/founders-grotesk-condensed-regular.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Condensed Medium";
  src: url("../fonts/founders-grotesk/founders-grotesk-condensed-medium.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Condensed Semibold";
  src: url("../fonts/founders-grotesk/founders-grotesk-condensed-semibold.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Condensed Bold";
  src: url("../fonts/founders-grotesk/founders-grotesk-condensed-bold.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Text Regular";
  src: url("../fonts/founders-grotesk/founders-grotesk-text-regular.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Text Regular Italic";
  src: url("../fonts/founders-grotesk/founders-grotesk-text-regular-italic.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Text Medium";
  src: url("../fonts/founders-grotesk/founders-grotesk-text-medium.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Text Medium Italic";
  src: url("../fonts/founders-grotesk/founders-grotesk-text-medium-italic.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Text Bold";
  src: url("../fonts/founders-grotesk/founders-grotesk-text-bold.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Text Bold Italic";
  src: url("../fonts/founders-grotesk/founders-grotesk-text-bold-italic.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Mono Regular";
  src: url("../fonts/founders-grotesk/founders-grotesk-mono-regular.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "Founders Mono Medium";
  src: url("../fonts/founders-grotesk/FoundersGroteskMono-Medium.otf") format("opentype");
  font-display: swap; }

@font-face {
  font-family: "Founders Mono Semibold";
  src: url("../fonts/founders-grotesk/FoundersGroteskMono-Semibold.otf") format("opentype");
  font-display: swap; }

:root {
  --df_red: #DC1E35;
  --df_white: #FFF;
  --df_blush: #FFE0E3;
  --df_black: #140002;
  --df_cream: #FEF0E1;
  --df_peach: #F5C99E;
  --df_tan: #C09887;
  --df_brown: #9E4841;
  --df_coffee: #281607;
  --df_gray-50: #FDFDFD;
  --df_gray-100: #F5F5F5;
  --df_gray-200: #E6E6E6;
  --df_gray-300: #D5D5D5;
  --df_gray-400: #B1B1B1;
  --df_gray-500: #909090;
  --df_gray-600: #6D6D6D;
  --df_gray-700: #464646;
  --df_lcod: #FFBFD7;
  --df_focus: #1973E1;
  --df_alert-info-text: #104B93;
  --df_alert-info-bg: #D2E6FE;
  --df_alert-success-text: #2D7B43;
  --df_alert-success-bg: #E2F3E4;
  --df_alert-error-text: #B50021;
  --df_alert-error-bg: #FFE0E3;
  --df_alert-warning-text: #93433C;
  --df_alert-warning-bg: #FFF0E0; }

.df_red {
  color: #DC1E35 !important; }

.df_white {
  color: #FFF !important; }

.df_blush {
  color: #FFE0E3 !important; }

.df_black {
  color: #140002 !important; }

.df_cream {
  color: #FEF0E1 !important; }

.df_peach {
  color: #F5C99E !important; }

.df_tan {
  color: #C09887 !important; }

.df_brown {
  color: #9E4841 !important; }

.df_coffee {
  color: #281607 !important; }

.df_gray-50 {
  color: #FDFDFD !important; }

.df_gray-100 {
  color: #F5F5F5 !important; }

.df_gray-200 {
  color: #E6E6E6 !important; }

.df_gray-300 {
  color: #D5D5D5 !important; }

.df_gray-400 {
  color: #B1B1B1 !important; }

.df_gray-500 {
  color: #909090 !important; }

.df_gray-600 {
  color: #6D6D6D !important; }

.df_gray-700 {
  color: #464646 !important; }

.df_lcod {
  color: #FFBFD7 !important; }

.df_focus {
  color: #1973E1 !important; }

.df_alert-info-text {
  color: #104B93 !important; }

.df_alert-info-bg {
  background-color: #D2E6FE !important; }

.df_alert-success-text {
  color: #2D7B43 !important; }

.df_alert-success-bg {
  background-color: #E2F3E4 !important; }

.df_alert-error-text {
  color: #B50021 !important; }

.df_alert-error-bg {
  background-color: #FFE0E3 !important; }

.df_alert-warning-text {
  color: #93433C !important; }

.df_alert-warning-bg {
  background-color: #FFF0E0 !important; }

.ds1 {
  font-size: 3.625rem !important;
  line-height: 4rem !important;
  font-family: Founders Condensed Regular, Archivo, DM Sans, sans-serif !important;
  font-weight: 400 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .ds1 {
      font-size: 4.125rem !important;
      line-height: 4.25rem !important; } }
  @media (min-width: 1200px) {
    .ds1 {
      font-size: 4.625rem !important;
      line-height: 4.5rem !important; } }

.ds2 {
  font-size: 3.25rem !important;
  line-height: 3.75rem !important;
  font-family: Founders Condensed Regular, Archivo, DM Sans, sans-serif !important;
  font-weight: 400 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .ds2 {
      font-size: 3.625rem !important;
      line-height: 4rem !important; } }
  @media (min-width: 1200px) {
    .ds2 {
      font-size: 4.125rem !important;
      line-height: 4.25rem !important; } }

.ds3 {
  font-size: 2.875rem !important;
  line-height: 3.25rem !important;
  font-family: Founders Condensed Regular, Archivo, DM Sans, sans-serif !important;
  font-weight: 400 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .ds3 {
      font-size: 3.25rem !important;
      line-height: 3.75rem !important; } }
  @media (min-width: 1200px) {
    .ds3 {
      font-size: 3.625rem !important;
      line-height: 4rem !important; } }

.hd1 {
  font-size: 2.563rem !important;
  line-height: 3rem !important;
  font-family: Founders Condensed Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .hd1 {
      font-size: 2.875rem !important;
      line-height: 3.25rem !important; } }
  @media (min-width: 1200px) {
    .hd1 {
      font-size: 3.25rem !important;
      line-height: 3.75rem !important; } }

.hd2 {
  font-size: 2.25rem !important;
  line-height: 2.75rem !important;
  font-family: Founders Condensed Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .hd2 {
      font-size: 2.563rem !important;
      line-height: 3rem !important; } }
  @media (min-width: 1200px) {
    .hd2 {
      font-size: 2.875rem !important;
      line-height: 3.25rem !important; } }

.hd3 {
  font-size: 2rem !important;
  line-height: 2.5rem !important;
  font-family: Founders Condensed Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .hd3 {
      font-size: 2.25rem !important;
      line-height: 2.75rem !important; } }
  @media (min-width: 1200px) {
    .hd3 {
      font-size: 2.563rem !important;
      line-height: 3rem !important; } }

.hd4 {
  font-size: 1.813rem !important;
  line-height: 2.25rem !important;
  font-family: Founders Condensed Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .hd4 {
      font-size: 2rem !important;
      line-height: 2.5rem !important; } }
  @media (min-width: 1200px) {
    .hd4 {
      font-size: 2.25rem !important;
      line-height: 2.75rem !important; } }

.hd5 {
  font-size: 1.625rem !important;
  line-height: 2rem !important;
  font-family: Founders Condensed Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .hd5 {
      font-size: 1.813rem !important;
      line-height: 2.25rem !important; } }
  @media (min-width: 1200px) {
    .hd5 {
      font-size: 2rem !important;
      line-height: 2.5rem !important; } }

.hd6 {
  font-size: 1.438rem !important;
  line-height: 1.75rem !important;
  font-family: Founders Condensed Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #140002; }
  @media (min-width: 769px) {
    .hd6 {
      font-size: 1.625rem !important;
      line-height: 2rem !important; } }
  @media (min-width: 1200px) {
    .hd6 {
      font-size: 1.813rem !important;
      line-height: 2.25rem !important; } }

.pg1-md {
  font-size: 1.25rem !important;
  line-height: 1.5rem !important;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .pg1-md {
      font-size: 1.438rem !important;
      line-height: 1.75rem !important; } }

.pg1 {
  font-size: 1.25rem !important;
  line-height: 1.5rem !important;
  font-family: Founders Regular, Archivo, DM Sans, sans-serif !important;
  font-weight: 400 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .pg1 {
      font-size: 1.438rem !important;
      line-height: 1.75rem !important; } }

.pg2-md {
  font-size: 1.125rem !important;
  line-height: 1.25rem !important;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .pg2-md {
      font-size: 1.25rem !important;
      line-height: 1.5rem !important; } }

.pg2 {
  font-size: 1.125rem !important;
  line-height: 1.25rem !important;
  font-family: Founders Regular, Archivo, DM Sans, sans-serif !important;
  font-weight: 400 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .pg2 {
      font-size: 1.25rem !important;
      line-height: 1.5rem !important; } }

.pg3-md {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .pg3-md {
      font-size: 1.125rem !important;
      line-height: 1.25rem !important; } }

.pg3 {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  font-family: Founders Regular, Archivo, DM Sans, sans-serif !important;
  font-weight: 400 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .pg3 {
      font-size: 1.125rem !important;
      line-height: 1.25rem !important; } }

.bd1-md {
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .bd1-md {
      font-size: 1rem !important;
      line-height: 1.25rem !important; } }

.bd1 {
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  font-family: Founders Regular, Archivo, DM Sans, sans-serif !important;
  font-weight: 400 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .bd1 {
      font-size: 1rem !important;
      line-height: 1.25rem !important; } }

.bd2-md {
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .bd2-md {
      font-size: 0.875rem !important;
      line-height: 1rem !important; } }

.bd2 {
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
  font-family: Founders Regular, Archivo, DM Sans, sans-serif !important;
  font-weight: 400 !important;
  color: #464646; }
  @media (min-width: 1200px) {
    .bd2 {
      font-size: 0.875rem !important;
      line-height: 1rem !important; } }

.mn1-md {
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  font-family: Founders Mono Medium, Archivo, DM Sans, sans-serif !important;
  font-weight: 500 !important;
  color: #6D6D6D; }
  @media (min-width: 1200px) {
    .mn1-md {
      font-size: 1rem !important;
      line-height: 1.25rem !important; } }

.mn2 {
  font-size: 12px !important;
  line-height: 1.25rem !important;
  font-family: "Founders Mono Regular", "Archivo", "DM Sans", sans-serif;
  font-weight: 400 !important;
  color: #6D6D6D; }

.mn2-md {
  font-size: 12px !important;
  line-height: 1.25rem !important;
  font-family: "Founders Mono Medium", "Archivo", "DM Sans", sans-serif;
  font-weight: 500 !important;
  color: #6D6D6D; }

.regular {
  font-family: "Founders Regular", "Archivo", "DM Sans", sans-serif !important; }

.italic {
  font-family: "Founders Regular Italic", "Archivo", "DM Sans", sans-serif !important; }

.medium {
  font-family: "Founders Medium", "Archivo", "DM Sans", sans-serif !important; }

.medium-italic {
  font-family: "Founders Medium Italic", "Archivo", "DM Sans", sans-serif !important; }

.semi-bold {
  font-family: "Founders Semibold", "Archivo", "DM Sans", sans-serif !important; }

.semi-bold-italic {
  font-family: "Founders Semibold Italic", "Archivo", "DM Sans", sans-serif !important; }

.bold {
  font-family: "Founders Bold", "Archivo", "DM Sans", sans-serif !important; }

.bold-italic {
  font-family: "Founders Bold Italic", "Archivo", "DM Sans", sans-serif !important; }

.condensed-regular {
  font-family: "Founders Condensed Regular", "Archivo", "DM Sans", sans-serif !important; }

.condensed-medium {
  font-family: "Founders Condensed Medium", "Archivo", "DM Sans", sans-serif !important; }

.condensed-semi-bold {
  font-family: "Founders Condensed Semibold", "Archivo", "DM Sans", sans-serif !important; }

.condensed-bold {
  font-family: "Founders Condensed Bold", "Archivo", "DM Sans", sans-serif !important; }

.mono-regular {
  font-family: "Founders Mono Regular", "Archivo", "DM Sans", sans-serif !important; }

.mono-medium {
  font-family: "Founders Mono Medium", "Archivo", "DM Sans", sans-serif !important; }

.mono-semibold {
  font-family: "Founders Mono Semibold", "Archivo", "DM Sans", sans-serif !important; }

.df_border--radius-0 {
  border-radius: 0; }

.df_border--radius-4 {
  border-radius: 4px; }

.df_border--radius-8 {
  border-radius: 8px; }

.df_border--radius-32 {
  border-radius: 32px; }

.df_cta-button--primary {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #FFF !important;
  background-color: #140002 !important; }
  @media (min-width: 1200px) {
    .df_cta-button--primary {
      font-size: 1.438rem;
      line-height: 1.75rem; } }
  .df_cta-button--primary:hover {
    color: #FFF !important;
    background-color: #DC1E35 !important;
    border-color: #281607 !important; }
  .df_cta-button--primary:focus {
    color: #FFF !important;
    background-color: #140002 !important;
    border-color: #FFF !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--primary-sm {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #FFF !important;
  background-color: #140002 !important; }
  @media (min-width: 1200px) {
    .df_cta-button--primary-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  .df_cta-button--primary-sm:hover {
    color: #FFF !important;
    background-color: #DC1E35 !important;
    border-color: #281607 !important; }
  .df_cta-button--primary-sm:focus {
    color: #FFF !important;
    background-color: #140002 !important;
    border-color: #FFF !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--primary-white {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002 !important;
  background-color: #FFF !important; }
  @media (min-width: 1200px) {
    .df_cta-button--primary-white {
      font-size: 1.438rem;
      line-height: 1.75rem; } }
  .df_cta-button--primary-white:hover {
    color: #140002 !important;
    background-color: #E6E6E6 !important;
    border-color: #281607 !important; }
  .df_cta-button--primary-white:focus {
    color: #140002 !important;
    background-color: #FFF !important;
    border-color: #1973E1 !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--primary-white-sm {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002 !important;
  background-color: #FFF !important; }
  @media (min-width: 1200px) {
    .df_cta-button--primary-white-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  .df_cta-button--primary-white-sm:hover {
    color: #140002 !important;
    background-color: #E6E6E6 !important;
    border-color: #281607 !important; }
  .df_cta-button--primary-white-sm:focus {
    color: #140002 !important;
    background-color: #FFF !important;
    border-color: #1973E1 !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--secondary {
  border: 1px solid #140002 !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002 !important;
  background-color: transparent !important; }
  @media (min-width: 1200px) {
    .df_cta-button--secondary {
      font-size: 1.438rem;
      line-height: 1.75rem; } }
  .df_cta-button--secondary:hover {
    color: #FFF !important;
    background-color: #6D6D6D !important;
    border-color: #140002 !important; }
  .df_cta-button--secondary:focus {
    color: #FFF !important;
    background-color: #140002 !important;
    border-color: #FFF !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--secondary-sm {
  border: 1px solid #140002 !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002 !important;
  background-color: transparent !important; }
  @media (min-width: 1200px) {
    .df_cta-button--secondary-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  .df_cta-button--secondary-sm:hover {
    color: #FFF !important;
    background-color: #6D6D6D !important;
    border-color: #140002 !important; }
  .df_cta-button--secondary-sm:focus {
    color: #FFF !important;
    background-color: #140002 !important;
    border-color: #FFF !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--secondary-white {
  border: 1px solid #FFF !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #FFF !important;
  background-color: transparent !important; }
  @media (min-width: 1200px) {
    .df_cta-button--secondary-white {
      font-size: 1.438rem;
      line-height: 1.75rem; } }
  .df_cta-button--secondary-white:hover {
    color: #140002 !important;
    background-color: #E6E6E6 !important;
    border-color: #FFF !important; }
  .df_cta-button--secondary-white:focus {
    color: #140002 !important;
    background-color: #FFF !important;
    border-color: #1973E1 !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--secondary-white-sm {
  border: 1px solid #FFF !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #FFF !important;
  background-color: transparent !important; }
  @media (min-width: 1200px) {
    .df_cta-button--secondary-white-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  .df_cta-button--secondary-white-sm:hover {
    color: #140002 !important;
    background-color: #E6E6E6 !important;
    border-color: #FFF !important; }
  .df_cta-button--secondary-white-sm:focus {
    color: #140002 !important;
    background-color: #FFF !important;
    border-color: #1973E1 !important;
    outline: 2px solid #1973E1 !important; }

.df_cta-button--disabled {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 8px 1.5rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #464646 !important;
  background-color: #D5D5D5 !important; }
  @media (min-width: 1200px) {
    .df_cta-button--disabled {
      font-size: 1.438rem;
      line-height: 1.75rem; } }

.df_cta-button--disabled-sm {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 8px 1rem !important;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #464646 !important;
  background-color: #D5D5D5 !important; }
  @media (min-width: 1200px) {
    .df_cta-button--disabled-sm {
      font-size: 1.125rem;
      line-height: 1.25rem; } }

.df_cta-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  color: #140002; }
  @media (min-width: 1200px) {
    .df_cta-link {
      font-size: 1rem;
      line-height: 1.25rem; } }
  .df_cta-link::before, .df_cta-link::after {
    content: none;
    display: none; }
  .df_cta-link[data-icon-left]::before {
    content: attr(data-icon-left url);
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0.25rem; }
  .df_cta-link[data-icon-right]::after {
    content: attr(data-icon-right url);
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 0.25rem; }
  .df_cta-link:hover, .df_cta-link:focus {
    text-decoration: none; }

.df_alert--success-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: fit-content;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  padding: 0 0.5rem;
  color: var(--df_alert-success-text) !important; }
  .df_alert--success-text:before {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 1200px) {
    .df_alert--success-text {
      font-size: 0.875rem;
      line-height: 1rem; } }
  .df_alert--success-text:before {
    width: 1rem;
    height: 1rem;
    content: '';
    background-image: url(../images/icons/line/alert-success--hollow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.df_alert--success-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: fit-content;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  padding: 0.5rem;
  color: var(--df_alert-success-text) !important;
  background-color: var(--df_alert-success-bg) !important; }
  .df_alert--success-block:before {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 1200px) {
    .df_alert--success-block {
      font-size: 0.875rem;
      line-height: 1rem; } }
  .df_alert--success-block:before {
    width: 1rem;
    height: 1rem;
    content: '';
    background-image: url(../images/icons/filled/alert-success.svg);
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.df_alert--error-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: fit-content;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  padding: 0 0.5rem;
  color: var(--df_alert-error-text) !important; }
  .df_alert--error-text:before {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 1200px) {
    .df_alert--error-text {
      font-size: 0.875rem;
      line-height: 1rem; } }
  .df_alert--error-text:before {
    width: 1rem;
    height: 1rem;
    content: '';
    background-image: url(../images/icons/line/alert-error--hollow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.df_alert--error-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: fit-content;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  padding: 0.5rem;
  color: var(--df_alert-error-text) !important;
  background-color: var(--df_alert-error-bg) !important; }
  .df_alert--error-block:before {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 1200px) {
    .df_alert--error-block {
      font-size: 0.875rem;
      line-height: 1rem; } }
  .df_alert--error-block:before {
    width: 1rem;
    height: 1rem;
    content: '';
    background-image: url(../images/icons/filled/alert-error.svg);
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.df_alert--warning-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: fit-content;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  padding: 0 0.5rem;
  color: var(--df_alert-warning-text) !important; }
  .df_alert--warning-text:before {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 1200px) {
    .df_alert--warning-text {
      font-size: 0.875rem;
      line-height: 1rem; } }
  .df_alert--warning-text:before {
    width: 1rem;
    height: 1rem;
    content: '';
    background-image: url(../images/icons/line/alert-warning--hollow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.df_alert--warning-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: fit-content;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  padding: 0.5rem;
  color: var(--df_alert-warning-text) !important;
  background-color: var(--df_alert-warning-bg) !important; }
  .df_alert--warning-block:before {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 1200px) {
    .df_alert--warning-block {
      font-size: 0.875rem;
      line-height: 1rem; } }
  .df_alert--warning-block:before {
    width: 1rem;
    height: 1rem;
    content: '';
    background-image: url(../images/icons/filled/alert-warning.svg);
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.df_alert--info-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: fit-content;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  padding: 0 0.5rem;
  color: var(--df_alert-info-text) !important; }
  .df_alert--info-text:before {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 1200px) {
    .df_alert--info-text {
      font-size: 0.875rem;
      line-height: 1rem; } }
  .df_alert--info-text:before {
    width: 1rem;
    height: 1rem;
    content: '';
    background-image: url(../images/icons/line/alert-info--hollow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.df_alert--info-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: fit-content;
  outline: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Founders Medium, Archivo, DM Sans, sans-serif;
  font-weight: 500;
  color: #464646;
  padding: 0.5rem;
  color: var(--df_alert-info-text) !important;
  background-color: var(--df_alert-info-bg) !important; }
  .df_alert--info-block:before {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 1200px) {
    .df_alert--info-block {
      font-size: 0.875rem;
      line-height: 1rem; } }
  .df_alert--info-block:before {
    width: 1rem;
    height: 1rem;
    content: '';
    background-image: url(../images/icons/filled/alert-info.svg);
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
        flex-shrink: 0; }