Base Content Styles

These styles provide reasonable defaults for common HTML elements. They are applied only for content wrapped in a container with the .spr-content class. Note: Requires import of the Sprout reset file to display properly.

Example

html

<main class="spr-content">
  <h1>Main heading</h1>
  <h2>Sub heading</h2>
  <h3>Sub heading 2</h3>
  <h4>Sub heading 3</h4>
  <h5>Sub heading 4</h5>
  <p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>, sed do eiusmod tempor <i>incididunt</i> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  <a href="#">Example link.</a>
  <ul>
     <li>Item 1</li>
     <li>Item 2</li>
     <li>Item 3</li>
  </ul>
</main>

Compiled CSS

Example

scss

@import 'base/all';

css compiled

@keyframes openPopover {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

.spr-inset-none {
  padding: 0rem 0rem;
}

.spr-inset-h-none {
  padding-left: 0rem;
  padding-right: 0rem;
}

.spr-inset-v-none {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.spr-stack-container-none {
  display: flex;
  flex-direction: column;
}

.spr-stack-container-none > :not(:last-child) {
  margin-bottom: 0rem;
}

.spr-inline-container-none {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.spr-inline-container-none > :not(:last-child) {
  margin-right: 0rem;
}

.spr-inline-container-none.spr-justify-left {
  justify-content: flex-start;
}

.spr-inline-container-none.spr-justify-right {
  justify-content: flex-end;
}

.spr-inline-container-none.spr-justify-center {
  justify-content: center;
}

.spr-inline-container-none.spr-justify-space-between {
  justify-content: space-between;
}

.spr-inline-container-none.spr-align-left {
  align-items: flex-start;
}

.spr-inline-container-none.spr-align-right {
  align-items: flex-end;
}

.spr-inline-container-none.spr-align-center {
  align-items: center;
}

.spr-inline-container-none.spr-align-space-between {
  align-items: space-between;
}

.spr-stack-none {
  margin-bottom: 0rem;
}

.spr-inline-none {
  margin-right: 0rem;
}

.spr-inset-xxs {
  padding: 0.25rem 0.25rem;
}

.spr-inset-h-xxs {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.spr-inset-v-xxs {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.spr-stack-container-xxs {
  display: flex;
  flex-direction: column;
}

.spr-stack-container-xxs > :not(:last-child) {
  margin-bottom: 0.25rem;
}

.spr-inline-container-xxs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.spr-inline-container-xxs > :not(:last-child) {
  margin-right: 0.25rem;
}

.spr-inline-container-xxs.spr-justify-left {
  justify-content: flex-start;
}

.spr-inline-container-xxs.spr-justify-right {
  justify-content: flex-end;
}

.spr-inline-container-xxs.spr-justify-center {
  justify-content: center;
}

.spr-inline-container-xxs.spr-justify-space-between {
  justify-content: space-between;
}

.spr-inline-container-xxs.spr-align-left {
  align-items: flex-start;
}

.spr-inline-container-xxs.spr-align-right {
  align-items: flex-end;
}

.spr-inline-container-xxs.spr-align-center {
  align-items: center;
}

.spr-inline-container-xxs.spr-align-space-between {
  align-items: space-between;
}

.spr-stack-xxs {
  margin-bottom: 0.25rem;
}

.spr-inline-xxs {
  margin-right: 0.25rem;
}

.spr-inset-xs {
  padding: 0.5rem 0.5rem;
}

.spr-inset-h-xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.spr-inset-v-xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.spr-stack-container-xs {
  display: flex;
  flex-direction: column;
}

.spr-stack-container-xs > :not(:last-child) {
  margin-bottom: 0.5rem;
}

.spr-inline-container-xs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.spr-inline-container-xs > :not(:last-child) {
  margin-right: 0.5rem;
}

.spr-inline-container-xs.spr-justify-left {
  justify-content: flex-start;
}

.spr-inline-container-xs.spr-justify-right {
  justify-content: flex-end;
}

.spr-inline-container-xs.spr-justify-center {
  justify-content: center;
}

.spr-inline-container-xs.spr-justify-space-between {
  justify-content: space-between;
}

.spr-inline-container-xs.spr-align-left {
  align-items: flex-start;
}

.spr-inline-container-xs.spr-align-right {
  align-items: flex-end;
}

.spr-inline-container-xs.spr-align-center {
  align-items: center;
}

.spr-inline-container-xs.spr-align-space-between {
  align-items: space-between;
}

.spr-stack-xs {
  margin-bottom: 0.5rem;
}

.spr-inline-xs {
  margin-right: 0.5rem;
}

.spr-inset-sm {
  padding: 0.75rem 0.75rem;
}

.spr-inset-h-sm {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.spr-inset-v-sm {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.spr-stack-container-sm {
  display: flex;
  flex-direction: column;
}

.spr-stack-container-sm > :not(:last-child) {
  margin-bottom: 0.75rem;
}

.spr-inline-container-sm {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.spr-inline-container-sm > :not(:last-child) {
  margin-right: 0.75rem;
}

.spr-inline-container-sm.spr-justify-left {
  justify-content: flex-start;
}

.spr-inline-container-sm.spr-justify-right {
  justify-content: flex-end;
}

.spr-inline-container-sm.spr-justify-center {
  justify-content: center;
}

.spr-inline-container-sm.spr-justify-space-between {
  justify-content: space-between;
}

.spr-inline-container-sm.spr-align-left {
  align-items: flex-start;
}

.spr-inline-container-sm.spr-align-right {
  align-items: flex-end;
}

.spr-inline-container-sm.spr-align-center {
  align-items: center;
}

.spr-inline-container-sm.spr-align-space-between {
  align-items: space-between;
}

.spr-stack-sm, .spr-content h5 {
  margin-bottom: 0.75rem;
}

.spr-inline-sm {
  margin-right: 0.75rem;
}

.spr-inset-md {
  padding: 1rem 1rem;
}

.spr-inset-h-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

.spr-inset-v-md {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.spr-stack-container-md {
  display: flex;
  flex-direction: column;
}

.spr-stack-container-md > :not(:last-child) {
  margin-bottom: 1rem;
}

.spr-inline-container-md {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.spr-inline-container-md > :not(:last-child) {
  margin-right: 1rem;
}

.spr-inline-container-md.spr-justify-left {
  justify-content: flex-start;
}

.spr-inline-container-md.spr-justify-right {
  justify-content: flex-end;
}

.spr-inline-container-md.spr-justify-center {
  justify-content: center;
}

.spr-inline-container-md.spr-justify-space-between {
  justify-content: space-between;
}

.spr-inline-container-md.spr-align-left {
  align-items: flex-start;
}

.spr-inline-container-md.spr-align-right {
  align-items: flex-end;
}

.spr-inline-container-md.spr-align-center {
  align-items: center;
}

.spr-inline-container-md.spr-align-space-between {
  align-items: space-between;
}

.spr-stack-md, .spr-content h4, .spr-content p {
  margin-bottom: 1rem;
}

.spr-inline-md {
  margin-right: 1rem;
}

.spr-inset-lg {
  padding: 1.5rem 1.5rem;
}

.spr-inset-h-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.spr-inset-v-lg {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.spr-stack-container-lg {
  display: flex;
  flex-direction: column;
}

.spr-stack-container-lg > :not(:last-child) {
  margin-bottom: 1.5rem;
}

.spr-inline-container-lg {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.spr-inline-container-lg > :not(:last-child) {
  margin-right: 1.5rem;
}

.spr-inline-container-lg.spr-justify-left {
  justify-content: flex-start;
}

.spr-inline-container-lg.spr-justify-right {
  justify-content: flex-end;
}

.spr-inline-container-lg.spr-justify-center {
  justify-content: center;
}

.spr-inline-container-lg.spr-justify-space-between {
  justify-content: space-between;
}

.spr-inline-container-lg.spr-align-left {
  align-items: flex-start;
}

.spr-inline-container-lg.spr-align-right {
  align-items: flex-end;
}

.spr-inline-container-lg.spr-align-center {
  align-items: center;
}

.spr-inline-container-lg.spr-align-space-between {
  align-items: space-between;
}

.spr-stack-lg, .spr-content h3 {
  margin-bottom: 1.5rem;
}

.spr-inline-lg {
  margin-right: 1.5rem;
}

.spr-inset-xl {
  padding: 2rem 2rem;
}

.spr-inset-h-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

.spr-inset-v-xl {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.spr-stack-container-xl {
  display: flex;
  flex-direction: column;
}

.spr-stack-container-xl > :not(:last-child) {
  margin-bottom: 2rem;
}

.spr-inline-container-xl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.spr-inline-container-xl > :not(:last-child) {
  margin-right: 2rem;
}

.spr-inline-container-xl.spr-justify-left {
  justify-content: flex-start;
}

.spr-inline-container-xl.spr-justify-right {
  justify-content: flex-end;
}

.spr-inline-container-xl.spr-justify-center {
  justify-content: center;
}

.spr-inline-container-xl.spr-justify-space-between {
  justify-content: space-between;
}

.spr-inline-container-xl.spr-align-left {
  align-items: flex-start;
}

.spr-inline-container-xl.spr-align-right {
  align-items: flex-end;
}

.spr-inline-container-xl.spr-align-center {
  align-items: center;
}

.spr-inline-container-xl.spr-align-space-between {
  align-items: space-between;
}

.spr-stack-xl, .spr-content h1, .spr-content h2 {
  margin-bottom: 2rem;
}

.spr-inline-xl {
  margin-right: 2rem;
}

.spr-inset-xxl {
  padding: 4rem 4rem;
}

.spr-inset-h-xxl {
  padding-left: 4rem;
  padding-right: 4rem;
}

.spr-inset-v-xxl {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.spr-stack-container-xxl {
  display: flex;
  flex-direction: column;
}

.spr-stack-container-xxl > :not(:last-child) {
  margin-bottom: 4rem;
}

.spr-inline-container-xxl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.spr-inline-container-xxl > :not(:last-child) {
  margin-right: 4rem;
}

.spr-inline-container-xxl.spr-justify-left {
  justify-content: flex-start;
}

.spr-inline-container-xxl.spr-justify-right {
  justify-content: flex-end;
}

.spr-inline-container-xxl.spr-justify-center {
  justify-content: center;
}

.spr-inline-container-xxl.spr-justify-space-between {
  justify-content: space-between;
}

.spr-inline-container-xxl.spr-align-left {
  align-items: flex-start;
}

.spr-inline-container-xxl.spr-align-right {
  align-items: flex-end;
}

.spr-inline-container-xxl.spr-align-center {
  align-items: center;
}

.spr-inline-container-xxl.spr-align-space-between {
  align-items: space-between;
}

.spr-stack-xxl {
  margin-bottom: 4rem;
}

.spr-inline-xxl {
  margin-right: 4rem;
}

.spr-container {
  margin-right: auto;
  margin-left: auto;
  padding: 0rem 1rem;
}

@media only screen and (min-width: 37.5rem) {
  .spr-container {
    padding: 0rem 1rem;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-container {
    padding: 0rem 1.5rem;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-container {
    padding: 0rem 2rem;
    max-width: 71rem;
  }
}

.spr-container-slim {
  margin-right: auto;
  margin-left: auto;
  padding: 0rem 1rem;
}

@media only screen and (min-width: 37.5rem) {
  .spr-container-slim {
    padding: 0rem 1rem;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-container-slim {
    padding: 0rem 1.5rem;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-container-slim {
    padding: 0rem 2rem;
    max-width: 71rem;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-container-slim {
    padding: 0rem 2rem;
    max-width: 30rem;
  }
}

.spr-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row > *:not(:last-of-type) {
  margin-right: 0rem;
}

.spr-row-phone {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone > *:not(:last-of-type) {
  margin-right: 0rem;
}

.spr-row-tablet {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet > *:not(:last-of-type) {
    margin-right: 0rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet > *:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}

.spr-row-landscape {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape > *:not(:last-of-type) {
    margin-right: 0rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape > *:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}

.spr-row-desktop {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop > *:not(:last-of-type) {
    margin-right: 0rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop > *:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}

.spr-row-desktop-large {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large > *:not(:last-of-type) {
    margin-right: 0rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large > *:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}

.spr-row-none {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-none > *:not(:last-of-type) {
  margin-right: 0rem;
}

.spr-row-phone-none {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone-none > *:not(:last-of-type) {
  margin-right: 0rem;
}

.spr-row-tablet-none {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet-none > *:not(:last-of-type) {
    margin-right: 0rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet-none > *:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}

.spr-row-landscape-none {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape-none > *:not(:last-of-type) {
    margin-right: 0rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape-none > *:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}

.spr-row-desktop-none {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop-none > *:not(:last-of-type) {
    margin-right: 0rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop-none > *:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}

.spr-row-desktop-large-none {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large-none > *:not(:last-of-type) {
    margin-right: 0rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large-none > *:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}

.spr-row-xxs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-xxs > *:not(:last-of-type) {
  margin-right: 0.25rem;
}

.spr-row-phone-xxs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone-xxs > *:not(:last-of-type) {
  margin-right: 0.25rem;
}

.spr-row-tablet-xxs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet-xxs > *:not(:last-of-type) {
    margin-right: 0.25rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet-xxs > *:not(:last-of-type) {
    margin-bottom: 0.25rem;
  }
}

.spr-row-landscape-xxs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape-xxs > *:not(:last-of-type) {
    margin-right: 0.25rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape-xxs > *:not(:last-of-type) {
    margin-bottom: 0.25rem;
  }
}

.spr-row-desktop-xxs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop-xxs > *:not(:last-of-type) {
    margin-right: 0.25rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop-xxs > *:not(:last-of-type) {
    margin-bottom: 0.25rem;
  }
}

.spr-row-desktop-large-xxs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large-xxs > *:not(:last-of-type) {
    margin-right: 0.25rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large-xxs > *:not(:last-of-type) {
    margin-bottom: 0.25rem;
  }
}

.spr-row-xs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-xs > *:not(:last-of-type) {
  margin-right: 0.5rem;
}

.spr-row-phone-xs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone-xs > *:not(:last-of-type) {
  margin-right: 0.5rem;
}

.spr-row-tablet-xs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet-xs > *:not(:last-of-type) {
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet-xs > *:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
}

.spr-row-landscape-xs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape-xs > *:not(:last-of-type) {
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape-xs > *:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
}

.spr-row-desktop-xs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop-xs > *:not(:last-of-type) {
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop-xs > *:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
}

.spr-row-desktop-large-xs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large-xs > *:not(:last-of-type) {
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large-xs > *:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
}

.spr-row-sm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-sm > *:not(:last-of-type) {
  margin-right: 0.75rem;
}

.spr-row-phone-sm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone-sm > *:not(:last-of-type) {
  margin-right: 0.75rem;
}

.spr-row-tablet-sm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet-sm > *:not(:last-of-type) {
    margin-right: 0.75rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet-sm > *:not(:last-of-type) {
    margin-bottom: 0.75rem;
  }
}

.spr-row-landscape-sm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape-sm > *:not(:last-of-type) {
    margin-right: 0.75rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape-sm > *:not(:last-of-type) {
    margin-bottom: 0.75rem;
  }
}

.spr-row-desktop-sm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop-sm > *:not(:last-of-type) {
    margin-right: 0.75rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop-sm > *:not(:last-of-type) {
    margin-bottom: 0.75rem;
  }
}

.spr-row-desktop-large-sm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large-sm > *:not(:last-of-type) {
    margin-right: 0.75rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large-sm > *:not(:last-of-type) {
    margin-bottom: 0.75rem;
  }
}

.spr-row-md {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-md > *:not(:last-of-type) {
  margin-right: 1rem;
}

.spr-row-phone-md {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone-md > *:not(:last-of-type) {
  margin-right: 1rem;
}

.spr-row-tablet-md {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet-md > *:not(:last-of-type) {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet-md > *:not(:last-of-type) {
    margin-bottom: 1rem;
  }
}

.spr-row-landscape-md {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape-md > *:not(:last-of-type) {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape-md > *:not(:last-of-type) {
    margin-bottom: 1rem;
  }
}

.spr-row-desktop-md {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop-md > *:not(:last-of-type) {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop-md > *:not(:last-of-type) {
    margin-bottom: 1rem;
  }
}

.spr-row-desktop-large-md {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large-md > *:not(:last-of-type) {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large-md > *:not(:last-of-type) {
    margin-bottom: 1rem;
  }
}

.spr-row-lg {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-lg > *:not(:last-of-type) {
  margin-right: 1.5rem;
}

.spr-row-phone-lg {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone-lg > *:not(:last-of-type) {
  margin-right: 1.5rem;
}

.spr-row-tablet-lg {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet-lg > *:not(:last-of-type) {
    margin-right: 1.5rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet-lg > *:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
}

.spr-row-landscape-lg {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape-lg > *:not(:last-of-type) {
    margin-right: 1.5rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape-lg > *:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
}

.spr-row-desktop-lg {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop-lg > *:not(:last-of-type) {
    margin-right: 1.5rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop-lg > *:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
}

.spr-row-desktop-large-lg {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large-lg > *:not(:last-of-type) {
    margin-right: 1.5rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large-lg > *:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
}

.spr-row-xl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-xl > *:not(:last-of-type) {
  margin-right: 2rem;
}

.spr-row-phone-xl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone-xl > *:not(:last-of-type) {
  margin-right: 2rem;
}

.spr-row-tablet-xl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet-xl > *:not(:last-of-type) {
    margin-right: 2rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet-xl > *:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}

.spr-row-landscape-xl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape-xl > *:not(:last-of-type) {
    margin-right: 2rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape-xl > *:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}

.spr-row-desktop-xl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop-xl > *:not(:last-of-type) {
    margin-right: 2rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop-xl > *:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}

.spr-row-desktop-large-xl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large-xl > *:not(:last-of-type) {
    margin-right: 2rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large-xl > *:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}

.spr-row-xxl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-xxl > *:not(:last-of-type) {
  margin-right: 4rem;
}

.spr-row-phone-xxl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.spr-row-phone-xxl > *:not(:last-of-type) {
  margin-right: 4rem;
}

.spr-row-tablet-xxl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
  .spr-row-tablet-xxl > *:not(:last-of-type) {
    margin-right: 4rem;
  }
}

@media only screen and (max-width: 37.49rem) {
  .spr-row-tablet-xxl > *:not(:last-of-type) {
    margin-bottom: 4rem;
  }
}

.spr-row-landscape-xxl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 56.25rem) {
  .spr-row-landscape-xxl > *:not(:last-of-type) {
    margin-right: 4rem;
  }
}

@media only screen and (max-width: 56.24rem) {
  .spr-row-landscape-xxl > *:not(:last-of-type) {
    margin-bottom: 4rem;
  }
}

.spr-row-desktop-xxl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
  .spr-row-desktop-xxl > *:not(:last-of-type) {
    margin-right: 4rem;
  }
}

@media only screen and (max-width: 74.99rem) {
  .spr-row-desktop-xxl > *:not(:last-of-type) {
    margin-bottom: 4rem;
  }
}

.spr-row-desktop-large-xxl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 112.5rem) {
  .spr-row-desktop-large-xxl > *:not(:last-of-type) {
    margin-right: 4rem;
  }
}

@media only screen and (max-width: 112.49rem) {
  .spr-row-desktop-large-xxl > *:not(:last-of-type) {
    margin-bottom: 4rem;
  }
}

.spr-col {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
}

.spr-col-phone {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
}

.spr-col-tablet {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet {
    flex: 1 0 0;
    max-width: 100%;
  }
}

.spr-col-landscape {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape {
    flex: 1 0 0;
    max-width: 100%;
  }
}

.spr-col-desktop {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop {
    flex: 1 0 0;
    max-width: 100%;
  }
}

.spr-col-desktop-large {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large {
    flex: 1 0 0;
    max-width: 100%;
  }
}

.spr-col-1 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 8.33333 %;
  max-width: 8.33333 %;
}

.spr-col-phone-1 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 8.33333 %;
  max-width: 8.33333 %;
}

.spr-col-tablet-1 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-1 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-1 {
    flex-basis: 8.33333 %;
    max-width: 8.33333 %;
  }
}

.spr-col-landscape-1 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-1 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-1 {
    flex-basis: 8.33333 %;
    max-width: 8.33333 %;
  }
}

.spr-col-desktop-1 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-1 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-1 {
    flex-basis: 8.33333 %;
    max-width: 8.33333 %;
  }
}

.spr-col-desktop-large-1 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-1 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-1 {
    flex-basis: 8.33333 %;
    max-width: 8.33333 %;
  }
}

.spr-col-2 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 16.66667 %;
  max-width: 16.66667 %;
}

.spr-col-phone-2 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 16.66667 %;
  max-width: 16.66667 %;
}

.spr-col-tablet-2 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-2 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-2 {
    flex-basis: 16.66667 %;
    max-width: 16.66667 %;
  }
}

.spr-col-landscape-2 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-2 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-2 {
    flex-basis: 16.66667 %;
    max-width: 16.66667 %;
  }
}

.spr-col-desktop-2 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-2 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-2 {
    flex-basis: 16.66667 %;
    max-width: 16.66667 %;
  }
}

.spr-col-desktop-large-2 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-2 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-2 {
    flex-basis: 16.66667 %;
    max-width: 16.66667 %;
  }
}

.spr-col-3 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 25 %;
  max-width: 25 %;
}

.spr-col-phone-3 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 25 %;
  max-width: 25 %;
}

.spr-col-tablet-3 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-3 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-3 {
    flex-basis: 25 %;
    max-width: 25 %;
  }
}

.spr-col-landscape-3 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-3 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-3 {
    flex-basis: 25 %;
    max-width: 25 %;
  }
}

.spr-col-desktop-3 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-3 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-3 {
    flex-basis: 25 %;
    max-width: 25 %;
  }
}

.spr-col-desktop-large-3 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-3 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-3 {
    flex-basis: 25 %;
    max-width: 25 %;
  }
}

.spr-col-4 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 33.33333 %;
  max-width: 33.33333 %;
}

.spr-col-phone-4 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 33.33333 %;
  max-width: 33.33333 %;
}

.spr-col-tablet-4 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-4 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-4 {
    flex-basis: 33.33333 %;
    max-width: 33.33333 %;
  }
}

.spr-col-landscape-4 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-4 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-4 {
    flex-basis: 33.33333 %;
    max-width: 33.33333 %;
  }
}

.spr-col-desktop-4 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-4 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-4 {
    flex-basis: 33.33333 %;
    max-width: 33.33333 %;
  }
}

.spr-col-desktop-large-4 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-4 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-4 {
    flex-basis: 33.33333 %;
    max-width: 33.33333 %;
  }
}

.spr-col-5 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 41.66667 %;
  max-width: 41.66667 %;
}

.spr-col-phone-5 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 41.66667 %;
  max-width: 41.66667 %;
}

.spr-col-tablet-5 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-5 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-5 {
    flex-basis: 41.66667 %;
    max-width: 41.66667 %;
  }
}

.spr-col-landscape-5 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-5 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-5 {
    flex-basis: 41.66667 %;
    max-width: 41.66667 %;
  }
}

.spr-col-desktop-5 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-5 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-5 {
    flex-basis: 41.66667 %;
    max-width: 41.66667 %;
  }
}

.spr-col-desktop-large-5 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-5 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-5 {
    flex-basis: 41.66667 %;
    max-width: 41.66667 %;
  }
}

.spr-col-6 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 50 %;
  max-width: 50 %;
}

.spr-col-phone-6 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 50 %;
  max-width: 50 %;
}

.spr-col-tablet-6 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-6 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-6 {
    flex-basis: 50 %;
    max-width: 50 %;
  }
}

.spr-col-landscape-6 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-6 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-6 {
    flex-basis: 50 %;
    max-width: 50 %;
  }
}

.spr-col-desktop-6 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-6 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-6 {
    flex-basis: 50 %;
    max-width: 50 %;
  }
}

.spr-col-desktop-large-6 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-6 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-6 {
    flex-basis: 50 %;
    max-width: 50 %;
  }
}

.spr-col-7 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 58.33333 %;
  max-width: 58.33333 %;
}

.spr-col-phone-7 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 58.33333 %;
  max-width: 58.33333 %;
}

.spr-col-tablet-7 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-7 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-7 {
    flex-basis: 58.33333 %;
    max-width: 58.33333 %;
  }
}

.spr-col-landscape-7 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-7 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-7 {
    flex-basis: 58.33333 %;
    max-width: 58.33333 %;
  }
}

.spr-col-desktop-7 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-7 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-7 {
    flex-basis: 58.33333 %;
    max-width: 58.33333 %;
  }
}

.spr-col-desktop-large-7 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-7 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-7 {
    flex-basis: 58.33333 %;
    max-width: 58.33333 %;
  }
}

.spr-col-8 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 66.66667 %;
  max-width: 66.66667 %;
}

.spr-col-phone-8 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 66.66667 %;
  max-width: 66.66667 %;
}

.spr-col-tablet-8 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-8 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-8 {
    flex-basis: 66.66667 %;
    max-width: 66.66667 %;
  }
}

.spr-col-landscape-8 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-8 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-8 {
    flex-basis: 66.66667 %;
    max-width: 66.66667 %;
  }
}

.spr-col-desktop-8 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-8 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-8 {
    flex-basis: 66.66667 %;
    max-width: 66.66667 %;
  }
}

.spr-col-desktop-large-8 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-8 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-8 {
    flex-basis: 66.66667 %;
    max-width: 66.66667 %;
  }
}

.spr-col-9 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 75 %;
  max-width: 75 %;
}

.spr-col-phone-9 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 75 %;
  max-width: 75 %;
}

.spr-col-tablet-9 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-9 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-9 {
    flex-basis: 75 %;
    max-width: 75 %;
  }
}

.spr-col-landscape-9 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-9 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-9 {
    flex-basis: 75 %;
    max-width: 75 %;
  }
}

.spr-col-desktop-9 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-9 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-9 {
    flex-basis: 75 %;
    max-width: 75 %;
  }
}

.spr-col-desktop-large-9 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-9 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-9 {
    flex-basis: 75 %;
    max-width: 75 %;
  }
}

.spr-col-10 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 83.33333 %;
  max-width: 83.33333 %;
}

.spr-col-phone-10 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 83.33333 %;
  max-width: 83.33333 %;
}

.spr-col-tablet-10 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-10 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-10 {
    flex-basis: 83.33333 %;
    max-width: 83.33333 %;
  }
}

.spr-col-landscape-10 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-10 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-10 {
    flex-basis: 83.33333 %;
    max-width: 83.33333 %;
  }
}

.spr-col-desktop-10 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-10 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-10 {
    flex-basis: 83.33333 %;
    max-width: 83.33333 %;
  }
}

.spr-col-desktop-large-10 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-10 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-10 {
    flex-basis: 83.33333 %;
    max-width: 83.33333 %;
  }
}

.spr-col-11 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 91.66667 %;
  max-width: 91.66667 %;
}

.spr-col-phone-11 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 91.66667 %;
  max-width: 91.66667 %;
}

.spr-col-tablet-11 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-11 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-11 {
    flex-basis: 91.66667 %;
    max-width: 91.66667 %;
  }
}

.spr-col-landscape-11 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-11 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-11 {
    flex-basis: 91.66667 %;
    max-width: 91.66667 %;
  }
}

.spr-col-desktop-11 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-11 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-11 {
    flex-basis: 91.66667 %;
    max-width: 91.66667 %;
  }
}

.spr-col-desktop-large-11 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-11 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-11 {
    flex-basis: 91.66667 %;
    max-width: 91.66667 %;
  }
}

.spr-col-12 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 100 %;
  max-width: 100 %;
}

.spr-col-phone-12 {
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 0;
  max-width: 100%;
  flex-basis: 100 %;
  max-width: 100 %;
}

.spr-col-tablet-12 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-12 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 37.5rem) {
  .spr-col-tablet-12 {
    flex-basis: 100 %;
    max-width: 100 %;
  }
}

.spr-col-landscape-12 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-12 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 56.25rem) {
  .spr-col-landscape-12 {
    flex-basis: 100 %;
    max-width: 100 %;
  }
}

.spr-col-desktop-12 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-12 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 75rem) {
  .spr-col-desktop-12 {
    flex-basis: 100 %;
    max-width: 100 %;
  }
}

.spr-col-desktop-large-12 {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-12 {
    flex: 1 0 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 112.5rem) {
  .spr-col-desktop-large-12 {
    flex-basis: 100 %;
    max-width: 100 %;
  }
}

.spr-col-shrink {
  flex-grow: 0 !important;
}

@keyframes openPopover {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

@font-face {
  font-family: "AvenirNext";
  src: url("https://sprout-cdn.kabbage.com/fonts/AvenirNext-Regular.woff") format("woff"), url("https://sprout-cdn.kabbage.com/fonts/AvenirNext-Regular.ttf") format("truetype"), url("https://sprout-cdn.kabbage.com/fonts/AvenirNext-Regular.svg#AvenirNext-Regular") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "AvenirNext";
  src: url("https://sprout-cdn.kabbage.com/fonts/AvenirNext-DemiBold.woff") format("woff"), url("https://sprout-cdn.kabbage.com/fonts/AvenirNext-DemiBold.ttf") format("truetype"), url("https://sprout-cdn.kabbage.com/fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

html,
body {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.375rem;
  letter-spacing: 0;
  font-weight: 400;
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
}

.spr-link, .spr-content a {
  color: #056ad7;
  text-decoration: none;
  outline: none;
  font-weight: 600;
  transition-property: color;
  transition-duration: 0.11s;
  transition-timing-function: ease-in-out;
}

.spr-link:hover, .spr-content a:hover {
  text-decoration: underline;
  color: #033e7d;
}

.spr-text-button-label-sm {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-button-label-sm.spr-text-crop::before, .spr-text-button-label-sm.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-button-label-sm.spr-text-crop::before {
  margin-top: calc((1 - spr-text(button-label-sm, line-height)) * 0.5em);
}

.spr-text-button-label-sm.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(button-label-sm, line-height)) * 0.5em);
}

.spr-text-button-label-md {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-button-label-md.spr-text-crop::before, .spr-text-button-label-md.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-button-label-md.spr-text-crop::before {
  margin-top: calc((1 - spr-text(button-label-md, line-height)) * 0.5em);
}

.spr-text-button-label-md.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(button-label-md, line-height)) * 0.5em);
}

.spr-text-link-xs {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-link-xs.spr-text-crop::before, .spr-text-link-xs.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-link-xs.spr-text-crop::before {
  margin-top: calc((1 - spr-text(link-xs, line-height)) * 0.5em);
}

.spr-text-link-xs.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(link-xs, line-height)) * 0.5em);
}

.spr-text-link-sm {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-link-sm.spr-text-crop::before, .spr-text-link-sm.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-link-sm.spr-text-crop::before {
  margin-top: calc((1 - spr-text(link-sm, line-height)) * 0.5em);
}

.spr-text-link-sm.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(link-sm, line-height)) * 0.5em);
}

.spr-text-link-md {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-link-md.spr-text-crop::before, .spr-text-link-md.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-link-md.spr-text-crop::before {
  margin-top: calc((1 - spr-text(link-md, line-height)) * 0.5em);
}

.spr-text-link-md.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(link-md, line-height)) * 0.5em);
}

.spr-text-body-xs {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-body-xs.spr-text-crop::before, .spr-text-body-xs.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-body-xs.spr-text-crop::before {
  margin-top: calc((1 - spr-text(body-xs, line-height)) * 0.5em);
}

.spr-text-body-xs.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(body-xs, line-height)) * 0.5em);
}

.spr-text-body-sm {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-body-sm.spr-text-crop::before, .spr-text-body-sm.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-body-sm.spr-text-crop::before {
  margin-top: calc((1 - spr-text(body-sm, line-height)) * 0.5em);
}

.spr-text-body-sm.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(body-sm, line-height)) * 0.5em);
}

.spr-text-body-md, .spr-content p {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.375rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-body-md.spr-text-crop::before, .spr-content p.spr-text-crop::before, .spr-text-body-md.spr-text-crop::after, .spr-content p.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-body-md.spr-text-crop::before, .spr-content p.spr-text-crop::before {
  margin-top: calc((1 - spr-text(body-md, line-height)) * 0.5em);
}

.spr-text-body-md.spr-text-crop::after, .spr-content p.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(body-md, line-height)) * 0.5em);
}

.spr-text-label-xs {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-label-xs.spr-text-crop::before, .spr-text-label-xs.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-label-xs.spr-text-crop::before {
  margin-top: calc((1 - spr-text(label-xs, line-height)) * 0.5em);
}

.spr-text-label-xs.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(label-xs, line-height)) * 0.5em);
}

.spr-text-label-sm {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-label-sm.spr-text-crop::before, .spr-text-label-sm.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-label-sm.spr-text-crop::before {
  margin-top: calc((1 - spr-text(label-sm, line-height)) * 0.5em);
}

.spr-text-label-sm.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(label-sm, line-height)) * 0.5em);
}

.spr-text-label-md {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  font-weight: 400;
}

.spr-text-label-md.spr-text-crop::before, .spr-text-label-md.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-label-md.spr-text-crop::before {
  margin-top: calc((1 - spr-text(label-md, line-height)) * 0.5em);
}

.spr-text-label-md.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(label-md, line-height)) * 0.5em);
}

.spr-text-display-xs, .spr-content h5 {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  font-weight: 600;
}

.spr-text-display-xs.spr-text-crop::before, .spr-content h5.spr-text-crop::before, .spr-text-display-xs.spr-text-crop::after, .spr-content h5.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-display-xs.spr-text-crop::before, .spr-content h5.spr-text-crop::before {
  margin-top: calc((1 - spr-text(display-xs, line-height)) * 0.5em);
}

.spr-text-display-xs.spr-text-crop::after, .spr-content h5.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(display-xs, line-height)) * 0.5em);
}

.spr-text-display-sm, .spr-content h4 {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0;
  font-weight: 600;
}

.spr-text-display-sm.spr-text-crop::before, .spr-content h4.spr-text-crop::before, .spr-text-display-sm.spr-text-crop::after, .spr-content h4.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-display-sm.spr-text-crop::before, .spr-content h4.spr-text-crop::before {
  margin-top: calc((1 - spr-text(display-sm, line-height)) * 0.5em);
}

.spr-text-display-sm.spr-text-crop::after, .spr-content h4.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(display-sm, line-height)) * 0.5em);
}

.spr-text-display-md, .spr-content h3 {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 2.125rem;
  letter-spacing: 0;
  font-weight: 600;
}

.spr-text-display-md.spr-text-crop::before, .spr-content h3.spr-text-crop::before, .spr-text-display-md.spr-text-crop::after, .spr-content h3.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-display-md.spr-text-crop::before, .spr-content h3.spr-text-crop::before {
  margin-top: calc((1 - spr-text(display-md, line-height)) * 0.5em);
}

.spr-text-display-md.spr-text-crop::after, .spr-content h3.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(display-md, line-height)) * 0.5em);
}

.spr-text-display-lg, .spr-content h2 {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: 0;
  font-weight: 600;
}

.spr-text-display-lg.spr-text-crop::before, .spr-content h2.spr-text-crop::before, .spr-text-display-lg.spr-text-crop::after, .spr-content h2.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-display-lg.spr-text-crop::before, .spr-content h2.spr-text-crop::before {
  margin-top: calc((1 - spr-text(display-lg, line-height)) * 0.5em);
}

.spr-text-display-lg.spr-text-crop::after, .spr-content h2.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(display-lg, line-height)) * 0.5em);
}

.spr-text-display-xl, .spr-content h1 {
  font-family: "AvenirNext", "Helvetica Neue", Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: 0;
  font-weight: 600;
}

.spr-text-display-xl.spr-text-crop::before, .spr-content h1.spr-text-crop::before, .spr-text-display-xl.spr-text-crop::after, .spr-content h1.spr-text-crop::after {
  display: block;
  width: 0;
  height: 0;
  content: '';
}

.spr-text-display-xl.spr-text-crop::before, .spr-content h1.spr-text-crop::before {
  margin-top: calc((1 - spr-text(display-xl, line-height)) * 0.5em);
}

.spr-text-display-xl.spr-text-crop::after, .spr-content h1.spr-text-crop::after {
  margin-bottom: calc((1 - spr-text(display-xl, line-height)) * 0.5em);
}

@keyframes openPopover {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

.spr-icon.spr-icon-_default {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/_default.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-_default.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-_default.light {
  background-color: #fff;
}

.spr-icon.spr-icon-_default.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-add-circle {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/add-circle.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-add-circle.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-add-circle.light {
  background-color: #fff;
}

.spr-icon.spr-icon-add-circle.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-add {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/add.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-add.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-add.light {
  background-color: #fff;
}

.spr-icon.spr-icon-add.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-address-book {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/address-book.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-address-book.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-address-book.light {
  background-color: #fff;
}

.spr-icon.spr-icon-address-book.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-alert-fill {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/alert-fill.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-alert-fill.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-alert-fill.light {
  background-color: #fff;
}

.spr-icon.spr-icon-alert-fill.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-alert {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/alert.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-alert.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-alert.light {
  background-color: #fff;
}

.spr-icon.spr-icon-alert.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-arrow-forward {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/arrow-forward.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-arrow-forward.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-arrow-forward.light {
  background-color: #fff;
}

.spr-icon.spr-icon-arrow-forward.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-arrow-left {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/arrow-left.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-arrow-left.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-arrow-left.light {
  background-color: #fff;
}

.spr-icon.spr-icon-arrow-left.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-arrow-right-circle {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/arrow-right-circle.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-arrow-right-circle.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-arrow-right-circle.light {
  background-color: #fff;
}

.spr-icon.spr-icon-arrow-right-circle.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-arrow-right {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/arrow-right.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-arrow-right.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-arrow-right.light {
  background-color: #fff;
}

.spr-icon.spr-icon-arrow-right.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-bank {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/bank.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-bank.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-bank.light {
  background-color: #fff;
}

.spr-icon.spr-icon-bank.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-bell-badge {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/bell-badge.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-bell-badge.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-bell-badge.light {
  background-color: #fff;
}

.spr-icon.spr-icon-bell-badge.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-bell {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/bell.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-bell.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-bell.light {
  background-color: #fff;
}

.spr-icon.spr-icon-bell.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-calendar {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/calendar.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-calendar.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-calendar.light {
  background-color: #fff;
}

.spr-icon.spr-icon-calendar.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-camera {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/camera.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-camera.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-camera.light {
  background-color: #fff;
}

.spr-icon.spr-icon-camera.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-carat-down {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/carat-down.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-carat-down.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-carat-down.light {
  background-color: #fff;
}

.spr-icon.spr-icon-carat-down.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-carat-left {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/carat-left.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-carat-left.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-carat-left.light {
  background-color: #fff;
}

.spr-icon.spr-icon-carat-left.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-carat-right {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/carat-right.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-carat-right.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-carat-right.light {
  background-color: #fff;
}

.spr-icon.spr-icon-carat-right.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-carat-up {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/carat-up.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-carat-up.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-carat-up.light {
  background-color: #fff;
}

.spr-icon.spr-icon-carat-up.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-card-hand {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/card-hand.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-card-hand.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-card-hand.light {
  background-color: #fff;
}

.spr-icon.spr-icon-card-hand.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-change {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/change.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-change.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-change.light {
  background-color: #fff;
}

.spr-icon.spr-icon-change.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-chat {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/chat.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-chat.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-chat.light {
  background-color: #fff;
}

.spr-icon.spr-icon-chat.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-check-fill {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/check-fill.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-check-fill.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-check-fill.light {
  background-color: #fff;
}

.spr-icon.spr-icon-check-fill.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-check-stroke {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/check-stroke.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-check-stroke.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-check-stroke.light {
  background-color: #fff;
}

.spr-icon.spr-icon-check-stroke.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-check {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/check.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-check.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-check.light {
  background-color: #fff;
}

.spr-icon.spr-icon-check.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-chevron-left {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/chevron-left.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-chevron-left.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-chevron-left.light {
  background-color: #fff;
}

.spr-icon.spr-icon-chevron-left.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-chevron-right {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/chevron-right.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-chevron-right.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-chevron-right.light {
  background-color: #fff;
}

.spr-icon.spr-icon-chevron-right.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-clients {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/clients.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-clients.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-clients.light {
  background-color: #fff;
}

.spr-icon.spr-icon-clients.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-close {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/close.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-close.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-close.light {
  background-color: #fff;
}

.spr-icon.spr-icon-close.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-download {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/download.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-download.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-download.light {
  background-color: #fff;
}

.spr-icon.spr-icon-download.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-duplicate {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/duplicate.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-duplicate.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-duplicate.light {
  background-color: #fff;
}

.spr-icon.spr-icon-duplicate.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-edit {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/edit.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-edit.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-edit.light {
  background-color: #fff;
}

.spr-icon.spr-icon-edit.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-email {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/email.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-email.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-email.light {
  background-color: #fff;
}

.spr-icon.spr-icon-email.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-envelope {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/envelope.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-envelope.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-envelope.light {
  background-color: #fff;
}

.spr-icon.spr-icon-envelope.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-facebook {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/facebook.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-facebook.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-facebook.light {
  background-color: #fff;
}

.spr-icon.spr-icon-facebook.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-faq {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/faq.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-faq.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-faq.light {
  background-color: #fff;
}

.spr-icon.spr-icon-faq.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-filter {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/filter.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-filter.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-filter.light {
  background-color: #fff;
}

.spr-icon.spr-icon-filter.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-funding {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/funding.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-funding.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-funding.light {
  background-color: #fff;
}

.spr-icon.spr-icon-funding.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-graph-up {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/graph-up.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-graph-up.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-graph-up.light {
  background-color: #fff;
}

.spr-icon.spr-icon-graph-up.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-graph {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/graph.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-graph.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-graph.light {
  background-color: #fff;
}

.spr-icon.spr-icon-graph.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-hamburger {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/hamburger.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-hamburger.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-hamburger.light {
  background-color: #fff;
}

.spr-icon.spr-icon-hamburger.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-help {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/help.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-help.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-help.light {
  background-color: #fff;
}

.spr-icon.spr-icon-help.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-history {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/history.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-history.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-history.light {
  background-color: #fff;
}

.spr-icon.spr-icon-history.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-info-fill {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/info-fill.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-info-fill.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-info-fill.light {
  background-color: #fff;
}

.spr-icon.spr-icon-info-fill.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-info {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/info.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-info.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-info.light {
  background-color: #fff;
}

.spr-icon.spr-icon-info.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-instagram {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/instagram.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-instagram.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-instagram.light {
  background-color: #fff;
}

.spr-icon.spr-icon-instagram.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-indeterminate-fill {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/indeterminate-fill.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-indeterminate-fill.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-indeterminate-fill.light {
  background-color: #fff;
}

.spr-icon.spr-icon-indeterminate-fill.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-items {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/items.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-items.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-items.light {
  background-color: #fff;
}

.spr-icon.spr-icon-items.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-kabbage {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/kabbage.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-kabbage.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-kabbage.light {
  background-color: #fff;
}

.spr-icon.spr-icon-kabbage.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-link-out {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/link-out.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-link-out.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-link-out.light {
  background-color: #fff;
}

.spr-icon.spr-icon-link-out.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-linkedin {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/linkedin.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-linkedin.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-linkedin.light {
  background-color: #fff;
}

.spr-icon.spr-icon-linkedin.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-loading {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/loading.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-loading.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-loading.light {
  background-color: #fff;
}

.spr-icon.spr-icon-loading.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-more {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/more.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-more.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-more.light {
  background-color: #fff;
}

.spr-icon.spr-icon-more.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-payments {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/payments.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-payments.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-payments.light {
  background-color: #fff;
}

.spr-icon.spr-icon-payments.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-pending {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/pending.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-pending.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-pending.light {
  background-color: #fff;
}

.spr-icon.spr-icon-pending.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-phone {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/phone.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-phone.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-phone.light {
  background-color: #fff;
}

.spr-icon.spr-icon-phone.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-print {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/print.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-print.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-print.light {
  background-color: #fff;
}

.spr-icon.spr-icon-print.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-product {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/product.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-product.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-product.light {
  background-color: #fff;
}

.spr-icon.spr-icon-product.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-search {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/search.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-search.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-search.light {
  background-color: #fff;
}

.spr-icon.spr-icon-search.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-security {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/security.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-security.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-security.light {
  background-color: #fff;
}

.spr-icon.spr-icon-security.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-select-arrows {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/select-arrows.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-select-arrows.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-select-arrows.light {
  background-color: #fff;
}

.spr-icon.spr-icon-select-arrows.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-service-item {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/service-item.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-service-item.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-service-item.light {
  background-color: #fff;
}

.spr-icon.spr-icon-service-item.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-services {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/services.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-services.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-services.light {
  background-color: #fff;
}

.spr-icon.spr-icon-services.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-settings {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/settings.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-settings.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-settings.light {
  background-color: #fff;
}

.spr-icon.spr-icon-settings.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-sign-in {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/sign-in.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-sign-in.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-sign-in.light {
  background-color: #fff;
}

.spr-icon.spr-icon-sign-in.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-sign-out {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/sign-out.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-sign-out.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-sign-out.light {
  background-color: #fff;
}

.spr-icon.spr-icon-sign-out.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-social-media {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/social-media.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-social-media.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-social-media.light {
  background-color: #fff;
}

.spr-icon.spr-icon-social-media.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-store {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/store.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-store.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-store.light {
  background-color: #fff;
}

.spr-icon.spr-icon-store.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-transaction {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/transaction.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-transaction.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-transaction.light {
  background-color: #fff;
}

.spr-icon.spr-icon-transaction.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-trash {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/trash.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-trash.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-trash.light {
  background-color: #fff;
}

.spr-icon.spr-icon-trash.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-twitter {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/twitter.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-twitter.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-twitter.light {
  background-color: #fff;
}

.spr-icon.spr-icon-twitter.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-unlock {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/unlock.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-unlock.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-unlock.light {
  background-color: #fff;
}

.spr-icon.spr-icon-unlock.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-upload {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/upload.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-upload.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-upload.light {
  background-color: #fff;
}

.spr-icon.spr-icon-upload.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-user {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/user.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-user.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-user.light {
  background-color: #fff;
}

.spr-icon.spr-icon-user.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-visibility-off {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/visibility-off.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-visibility-off.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-visibility-off.light {
  background-color: #fff;
}

.spr-icon.spr-icon-visibility-off.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-visibility-on {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/visibility-on.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-visibility-on.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-visibility-on.light {
  background-color: #fff;
}

.spr-icon.spr-icon-visibility-on.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-void {
  display: inline-block;
  height: 24px;
  width: 24px;
  mask: url("https://sprout-cdn.kabbage.com/icons/void.svg");
  mask-size: cover;
  content: '';
  vertical-align: middle;
  background-color: #6b6f7b;
}

.spr-icon.spr-icon-void.error {
  background-color: #dd1d33;
}

.spr-icon.spr-icon-void.light {
  background-color: #fff;
}

.spr-icon.spr-icon-void.dark {
  background-color: #18191b;
}

.spr-icon.spr-icon-left {
  margin-right: 0.5rem;
  background-color: #18191b;
}

.spr-icon.spr-icon-right {
  margin-left: 0.5rem;
  background-color: #18191b;
}

@keyframes openPopover {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

.spr-divider {
  box-shadow: 0 1px 0 0 #e4e5e7;
}

.spr-list, .spr-content ul {
  padding: 0 1rem;
  list-style: disc outside none;
}

.spr-list > li, .spr-content ul > li {
  margin-bottom: 1rem;
}