/**
 Global css classes that can be applied anywhere.
 Generally these should perform one specific task.
*/
/* Display styles */
.display-none { display: none; }
.display-block { display: block; }
.position-absolute { position: absolute; }
.position-relative { position: relative; }
.top-right { top: 0; right: 0; }

/* Font styles */
.text-uppercase { text-transform: uppercase; }
.text-underline { text-decoration: underline; }
.text-decoration-none { text-decoration: none; }
.text-center { text-align: center; }
.text-fdic-dark-blue { color: var(--fdic-dark-blue); }
a.text-fdic-dark-blue:hover { color: var(--fdic-med-blue); }
.text-fdic-gold { color: var(--fdic-gold); }
a.text-fdic-gold:hover { color: var(--fdic-brass); }
.text-fdic-teal { color: var(--fdic-teal); }
.text-fdic-rose { color: var(--fdic-rose); }
.text-fdic-disable { color: var(--fdic-disable); }
.text-fdic-white { color: var(--fdic-white); }
.text-fdic-white a { color: var(--fdic-white); }
.text-fdic-white a:hover { color: var(--fdic-tan); }
.text-primary { color: var(--text-primary); }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.align-center { text-align: center; }
.text-nowrap { text-wrap: nowrap; }
.text-wrap { text-wrap: wrap; }
.font-header,
.font-header-arrow:not(p.font-header-arrow),
p.font-header-arrow a {
  font-family: var(--font-family-title);
  font-size: 1.125rem;
  font-weight: normal;
  letter-spacing: 1.13px;
  text-decoration: none;
}

/* Global Divergent */
.font-header-arrow:not(p.font-header-arrow),
p.font-header-arrow a,
.font-header-arrow:not(p.font-header-arrow):visited,
p.font-header-arrow a:visited {
  color: var(--fdic-dark-blue);

  &:hover {
    color: var(--fdic-med-blue);
  }
}

/* Global Divergent */
.bg-blue-gradient,
.bg-blue,
.text-fdic-white {
  .font-header-arrow:not(p.font-header-arrow),
  p.font-header-arrow a,
  .font-header-arrow:not(p.font-header-arrow):visited,
  p.font-header-arrow a:visited,
  .highlighted-item-title a,
  .highlighted-item-title a:visited,
  .glider-card-title a,
  .glider-card-title a:visited {
    color: var(--fdic-white);

    &:hover {
      color: var(--fdic-tan); /* 1522: Links on dark backgrounds are rendered with fdic-tan color. */
    }
  }

  /* Except when there are white background cards on a dark bg */
  .glider-card.full-border .glider-card-title a,
  .glider-card.full-border .glider-card-title a:visited {
    color: var(--fdic-dark-blue);

    &:hover {
      color: var(--fdic-med-blue);
    }
  }
}

.font-header-arrow:not(p.font-header-arrow)::after,
p.font-header-arrow a::after {
    content: "\00a0\0203a";
    font-weight: bold;
    font-size: 110%;
}
.font-header-arrow:not(p.font-header-arrow):hover,
p.font-header-arrow:hover,
.font-header-arrow:not(p.font-header-arrow):hover::after,
p.font-header-arrow:hover::after {
    text-decoration: underline;
}

.font-title { font-family: var(--font-family-title); }
.font-paragraph { font-family: var(--font-family-paragraph); }
.font-sans-pro { font-family: var(--font-family-sans-pro); }
.font-size-0p8 { font-size: 0.8rem; }
.font-size-0p875 { font-size: 0.875rem; }
.font-size-1 { font-size: 1rem; }
.font-size-1p5 { font-size: 1.5rem; }
.font-size-2 { font-size: 2rem; }
.font-size-2p5 { font-size: 2.5rem; }
.font-size-3 { font-size: 3rem; }
.font-weight-100 { font-weight: 100; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.text-ls-0 { letter-spacing: 0; }
.text-ls-0p1 { letter-spacing: 0.1rem; }
.text-ls-0p15 { letter-spacing: 0.15rem; }
.text-ls-0p2 { letter-spacing: 0.2rem; }
.force-font-size-0p875,
.force-font-size-0p875 * {
  font-size: 0.875rem !important;
}
/* end font styles */

.bg-fdic-dark-blue { background-color: var(--fdic-dark-blue); }
.bg-fdic-med-blue { background-color: var(--fdic-med-blue); }
.bg-fdic-gold { background-color: var(--fdic-gold); }
.bg-fdic-brass { background-color: var(--fdic-brass); }
.bg-fdic-teal { background-color: var(--fdic-teal); }
.bg-fdic-rose { background-color: var(--fdic-rose); }
.bg-fdic-white { background-color: var(--fdic-white); }

.usa-sr-only { /* Used for titles that are there for screen readers only */
    position: absolute;
    left: -999em;
}
.skipheader {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skipheader:focus {
  top: 0;
  left: 0;
  display: block;
  width: auto;
  height: auto;
  padding: 10px;
  z-index: 100000;
}

.table-layout-auto { table-layout: auto; }
.table-layout-fixed { table-layout: fixed; }

.border-none { border: none; }
.border-left-half-pixel-white { border-left: 0.5px solid rgb(255,255,255,0.5); }
.border-right-half-pixel-white { border-right: 0.5px solid rgb(255,255,255,0.5); }
.border-top-half-pixel-white { border-top: 0.5px solid rgb(255,255,255,0.5); }
.border-bottom-half-pixel-white { border-bottom: 0.5px solid rgb(255,255,255,0.5); }

.width-auto { width: auto; max-width: auto; }
.width-quarter { width: 25%; max-width: 25%; }
.width-third { width: 33.33%; max-width: 33.33%; }
.width-half { width: 50%; max-width: 50%; }
.width-full { width: 100%; max-width: 100%; }
.stretch-full-width { margin-left: -2rem; margin-right: -2rem; }

/* flex styles */
.flex-row-nowrap { display: flex; flex-flow: row nowrap; }
.flex-row-wrap { display: flex; flex-flow: row wrap; }
.flex-col { display: flex; flex-flow: column; }
.flex-center-xy { justify-content: center; align-items: center; }
.flex-center-x { justify-content: center; }
.flex-center-y { align-items: center; }
.flex-left { justify-content: flex-start; }
.flex-right { justify-content: flex-end; }
.flex-top { align-items: flex-start; }
.flex-bottom { align-items: flex-end; }
.flex-space-between { justify-content: space-between; }
.flex-children-1 > * { flex: 1; }
.flex-width-25 { flex: 0 1 auto; max-width: 25%; }
.flex-width-33 { flex: 0 1 auto; max-width: 33%; }
.flex-width-50 { flex: 0 1 auto; max-width: 50%; }
.flex-width-66 { flex: 0 1 auto; max-width: 66%; }
.flex-width-75 { flex: 0 1 auto; max-width: 75%; }
.flex-1 { flex: 1; }
.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.flex-item-margin-x-0p3 > * { margin-inline: 0 0.3em; }
.flex-item-margin-x-1 > * { margin-inline: 0 1em; }
.flex-item-margin-y-1 > * { margin-block: 0 1em; }
/* end flex styles */

/* margins */
.margin-0 { margin: 0rem; }
.margin-0p3 { margin: 0.3rem; }
.margin-0p5 { margin: 0.5rem; }
.margin-1 { margin: 1rem; }
.margin-1p5 { margin: 1.5rem; }
.margin-1p6875 { margin: 1.6875rem; }
.margin-2 { margin: 2rem; }
.margin-2p5 { margin: 2.5rem; }
.margin-3 { margin: 3rem; }
.margin-auto { margin: auto; }
.margin-top-0 { margin-top: 0rem; }
.margin-top-0p3 { margin-top: 0.3rem; }
.margin-top-0p5 { margin-top: 0.5rem; }
.margin-top-1 { margin-top: 1rem; }
.margin-top-1p5 { margin-top: 1.5rem; }
.margin-top-1p6875 { margin-top: 1.6875rem; }
.margin-top-2 { margin-top: 2rem; }
.margin-top-2p5 { margin-top: 2.5rem; }
.margin-top-3 { margin-top: 3rem; }
.margin-top-auto { margin-top: auto; }
.margin-bottom-0 { margin-bottom: 0rem; }
.margin-bottom-0p3 { margin-bottom: 0.3rem; }
.margin-bottom-0p5 { margin-bottom: 0.5rem; }
.margin-bottom-1 { margin-bottom: 1rem; }
.margin-bottom-1p5 { margin-bottom: 1.5rem; }
.margin-bottom-1p6875 { margin-bottom: 1.6875rem; }
.margin-bottom-2 { margin-bottom: 2rem; }
.margin-bottom-2p5 { margin-bottom: 2.5rem; }
.margin-bottom-3 { margin-bottom: 3rem; }
.margin-bottom-auto { margin-bottom: auto; }
.margin-left-0 { margin-left: 0rem; }
.margin-left-0p3 { margin-left: 0.3rem; }
.margin-left-0p5 { margin-left: 0.5rem; }
.margin-left-1 { margin-left: 1rem; }
.margin-left-1p5 { margin-left: 1.5rem; }
.margin-left-1p6875 { margin-left: 1.6875rem; }
.margin-left-2 { margin-left: 2rem; }
.margin-left-2p5 { margin-left: 2.5rem; }
.margin-left-3 { margin-left: 3rem; }
.margin-left-auto { margin-left: auto; }
.margin-right-0 { margin-right: 0rem; }
.margin-right-0p3 { margin-right: 0.3rem; }
.margin-right-0p5 { margin-right: 0.5rem; }
.margin-right-1 { margin-right: 1rem; }
.margin-right-1p5 { margin-right: 1.5rem; }
.margin-right-1p6875 { margin-right: 1.6875rem; }
.margin-right-2 { margin-right: 2rem; }
.margin-right-2p5 { margin-right: 2.5rem; }
.margin-right-3 { margin-right: 3rem; }
.margin-right-auto { margin-right: auto; }
.margin-x-0 { margin-left: 0rem; margin-right: 0rem; }
.margin-x-0p3 { margin-left: 0.3rem; margin-right: 0.3rem; }
.margin-x-0p5 { margin-left: 0.5rem; margin-right: 0.5rem; }
.margin-x-1 { margin-left: 1rem; margin-right: 1rem; }
.margin-x-1p5 { margin-left: 1.5rem; margin-right: 1.5rem; }
.margin-x-1p6875 { margin-left: 1.6875rem; margin-right: 1.6875rem; }
.margin-x-2 { margin-left: 2rem; margin-right: 2rem; }
.margin-x-2p5 { margin-left: 2.5rem; margin-right: 2.5rem; }
.margin-x-3 { margin-left: 3rem; margin-right: 3rem; }
.margin-x-auto { margin-left: auto; margin-right: auto; }
.margin-y-0 { margin-top: 0rem; margin-bottom: 0rem; }
.margin-y-0p3 { margin-top: 0.3rem; margin-bottom: 0.3rem; }
.margin-y-0p5 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.margin-y-1 { margin-top: 1rem; margin-bottom: 1rem; }
.margin-y-1p5 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.margin-y-1p6875 { margin-top: 1.6875rem; margin-bottom: 1.6875rem; }
.margin-y-2 { margin-top: 2rem; margin-bottom: 2rem; }
.margin-y-2p5 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.margin-y-3 { margin-top: 3rem; margin-bottom: 3rem; }
.margin-y-auto { margin-top: auto; margin-bottom: auto; }
/* end margins */

/* start paddings */
.padding-0 { padding: 0rem; }
.padding-0p3 { padding: 0.3rem; }
.padding-0p5 { padding: 0.5rem; }
.padding-1 { padding: 1rem; }
.padding-1p5 { padding: 1.5rem; }
.padding-1p6875 { padding: 1.6875rem; }
.padding-2 { padding: 2rem; }
.padding-2p5 { padding: 2.5rem; }
.padding-3 { padding: 3rem; }
.padding-auto { padding: auto; }
.padding-top-0 { padding-top: 0rem; }
.padding-top-0p3 { padding-top: 0.3rem; }
.padding-top-0p5 { padding-top: 0.5rem; }
.padding-top-1 { padding-top: 1rem; }
.padding-top-1p5 { padding-top: 1.5rem; }
.padding-top-1p6875 { padding-top: 1.6875rem; }
.padding-top-2 { padding-top: 2rem; }
.padding-top-2p5 { padding-top: 2.5rem; }
.padding-top-3 { padding-top: 3rem; }
.padding-top-auto { padding-top: auto; }
.padding-bottom-0 { padding-bottom: 0rem; }
.padding-bottom-0p3 { padding-bottom: 0.3rem; }
.padding-bottom-0p5 { padding-bottom: 0.5rem; }
.padding-bottom-1 { padding-bottom: 1rem; }
.padding-bottom-1p5 { padding-bottom: 1.5rem; }
.padding-bottom-1p6875 { padding-bottom: 1.6875rem; }
.padding-bottom-2 { padding-bottom: 2rem; }
.padding-bottom-2p5 { padding-bottom: 2.5rem; }
.padding-bottom-3 { padding-bottom: 3rem; }
.padding-bottom-auto { padding-bottom: auto; }
.padding-left-0 { padding-left: 0rem; }
.padding-left-0p3 { padding-left: 0.3rem; }
.padding-left-0p5 { padding-left: 0.5rem; }
.padding-left-1 { padding-left: 1rem; }
.padding-left-1p5 { padding-left: 1.5rem; }
.padding-left-1p6875 { padding-left: 1.6875rem; }
.padding-left-2 { padding-left: 2rem; }
.padding-left-2p5 { padding-left: 2.5rem; }
.padding-left-3 { padding-left: 3rem; }
.padding-left-auto { padding-left: auto; }
.padding-right-0 { padding-right: 0rem; }
.padding-right-0p3 { padding-right: 0.3rem; }
.padding-right-0p5 { padding-right: 0.5rem; }
.padding-right-1 { padding-right: 1rem; }
.padding-right-1p5 { padding-right: 1.5rem; }
.padding-right-1p6875 { padding-right: 1.6875rem; }
.padding-right-2 { padding-right: 2rem; }
.padding-right-2p5 { padding-right: 2.5rem; }
.padding-right-3 { padding-right: 3rem; }
.padding-right-auto { padding-right: auto; }
.padding-x-0 { padding-left: 0rem; padding-right: 0rem; }
.padding-x-0p3 { padding-left: 0.3rem; padding-right: 0.3rem; }
.padding-x-0p5 { padding-left: 0.5rem; padding-right: 0.5rem; }
.padding-x-1 { padding-left: 1rem; padding-right: 1rem; }
.padding-x-1p5 { padding-left: 1.5rem; padding-right: 1.5rem; }
.padding-x-1p6875 { padding-left: 1.6875rem; padding-right: 1.6875rem; }
.padding-x-2 { padding-left: 2rem; padding-right: 2rem; }
.padding-x-2p5 { padding-left: 2.5rem; padding-right: 2.5rem; }
.padding-x-3 { padding-left: 3rem; padding-right: 3rem; }
.padding-x-auto { padding-left: auto; padding-right: auto; }
.padding-y-0 { padding-top: 0rem; padding-bottom: 0rem; }
.padding-y-0p3 { padding-top: 0.3rem; padding-bottom: 0.3rem; }
.padding-y-0p5 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.padding-y-1 { padding-top: 1rem; padding-bottom: 1rem; }
.padding-y-1p5 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.padding-y-1p6875 { padding-top: 1.6875rem; padding-bottom: 1.6875rem; }
.padding-y-2 { padding-top: 2rem; padding-bottom: 2rem; }
.padding-y-2p5 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.padding-y-3 { padding-top: 3rem; padding-bottom: 3rem; }
.padding-y-auto { padding-top: auto; padding-bottom: auto; }
/* end paddings */

/* fixed width tables */
.table-20-60-20 tr td:nth-child(1), .row-20-60-20 td:nth-child(1) { width: 20%; }
.table-20-60-20 tr td:nth-child(2), .row-20-60-20 td:nth-child(2) { width: 60%; }
.table-20-60-20 tr td:nth-child(3), .row-20-60-20 td:nth-child(3) { width: 20%; }
/* end fixed width tables */

.align-right {
  padding-left: 1.6875rem;
  padding-bottom: 1.6875rem;
}

@media all and (max-width: 1023px)
{
    /* mobile display stlyes */
    .mobile--display-none { display: none; }
    .mobile--display-block { display: block; }

    /* mobile font styles */
    .mobile--text-uppercase { text-transform: uppercase; }
    .mobile--text-underline { text-decoration: underline; }
    .mobile--text-center { text-align: center; }
    .mobile--font-size-0p8 { font-size: 0.8rem; }
    .mobile--font-size-0p875 { font-size: 0.875rem; }
    .mobile--font-size-1 { font-size: 1rem; }
    .mobile--font-size-1p5 { font-size: 1.5rem; }
    .mobile--font-size-2 { font-size: 2rem; }
    .mobile--font-size-2p5 { font-size: 2.5rem; }
    .mobile--font-size-3 { font-size: 3rem; }
    .mobile--text-align-right { text-align: right; }
    .mobile--text-align-left { text-align: left; }
    .mobile--text-align-center { text-align: center; }
    .mobile--text-nowrap { text-wrap: nowrap; }
    .mobile--text-wrap { text-wrap: wrap; }
    /* end mobile font styles */

    /* mobile flex styles */
    .mobile--flex-row-nowrap { display: flex; flex-flow: row nowrap; }
    .mobile--flex-row-wrap { display: flex; flex-flow: row wrap; }
    .mobile--flex-col { display: flex; flex-flow: column; }
    .mobile--flex-center-xy { justify-content: center; align-items: center; }
    .mobile--flex-center-x { justify-content: center; }
    .mobile--flex-center-y { align-items: center; }
    .mobile--flex-left { justify-content: flex-start; }
    .mobile--flex-right { justify-content: flex-end; }
    .mobile--flex-top { align-items: flex-start; }
    .mobile--flex-bottom { align-items: flex-end; }
    .mobile--order-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .mobile--order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .mobile--order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    /* end mobile flex styles */

    .mobile--table-layout-auto { table-layout: auto; }
    .mobile--table-layout-fixed { table-layout: fixed; }

    .mobile--border-none { border: none; }
    .mobile--border-left-half-pixel-white { border-left: 0.5px solid rgb(255,255,255,0.5); }
    .mobile--border-right-half-pixel-white { border-right: 0.5px solid rgb(255,255,255,0.5); }
    .mobile--border-top-half-pixel-white { border-top: 0.5px solid rgb(255,255,255,0.5); }
    .mobile--border-bottom-half-pixel-white { border-bottom: 0.5px solid rgb(255,255,255,0.5); }

    .mobile--width-quarter {
        width: 25%;
        max-width: 25%;
    }
    .mobile--width-third {
        width: 33%;
        max-width: 33%;
    }
    .mobile--width-half {
        width: 50%;
        max-width: 50%;
    }
    .mobile--width-full {
        width: 100%;
        max-width: 100%;
    }

    /* mobile margins */
    .mobile--margin-0 { margin: 0rem; }
    .mobile--margin-0p5 { margin: 0.5rem; }
    .mobile--margin-1 { margin: 1rem; }
    .mobile--margin-1p5 { margin: 1.5rem; }
    .mobile--margin-1p6875 { margin: 1.6875rem; }
    .mobile--margin-2 { margin: 2rem; }
    .mobile--margin-2p5 { margin: 2.5rem; }
    .mobile--margin-3 { margin: 3rem; }
    .mobile--margin-auto { margin: auto; }
    .mobile--margin-0 { margin: 0rem; }
    .mobile--margin-0p5 { margin: 0.5rem; }
    .mobile--margin-1 { margin: 1rem; }
    .mobile--margin-1p5 { margin: 1.5rem; }
    .mobile--margin-1p6875 { margin: 1.6875rem; }
    .mobile--margin-2 { margin: 2rem; }
    .mobile--margin-2p5 { margin: 2.5rem; }
    .mobile--margin-3 { margin: 3rem; }
    .mobile--margin-auto { margin: auto; }
    .mobile--margin-top-0 { margin-top: 0rem; }
    .mobile--margin-top-0p5 { margin-top: 0.5rem; }
    .mobile--margin-top-1 { margin-top: 1rem; }
    .mobile--margin-top-1p5 { margin-top: 1.5rem; }
    .mobile--margin-top-1p6875 { margin-top: 1.6875rem; }
    .mobile--margin-top-2 { margin-top: 2rem; }
    .mobile--margin-top-2p5 { margin-top: 2.5rem; }
    .mobile--margin-top-3 { margin-top: 3rem; }
    .mobile--margin-top-auto { margin-top: auto; }
    .mobile--margin-bottom-0 { margin-bottom: 0rem; }
    .mobile--margin-bottom-0p5 { margin-bottom: 0.5rem; }
    .mobile--margin-bottom-1 { margin-bottom: 1rem; }
    .mobile--margin-bottom-1p5 { margin-bottom: 1.5rem; }
    .mobile--margin-bottom-1p6875 { margin-bottom: 1.6875rem; }
    .mobile--margin-bottom-2 { margin-bottom: 2rem; }
    .mobile--margin-bottom-2p5 { margin-bottom: 2.5rem; }
    .mobile--margin-bottom-3 { margin-bottom: 3rem; }
    .mobile--margin-bottom-auto { margin-bottom: auto; }
    .mobile--margin-left-0 { margin-left: 0rem; }
    .mobile--margin-left-0p5 { margin-left: 0.5rem; }
    .mobile--margin-left-1 { margin-left: 1rem; }
    .mobile--margin-left-1p5 { margin-left: 1.5rem; }
    .mobile--margin-left-1p6875 { margin-left: 1.6875rem; }
    .mobile--margin-left-2 { margin-left: 2rem; }
    .mobile--margin-left-2p5 { margin-left: 2.5rem; }
    .mobile--margin-left-3 { margin-left: 3rem; }
    .mobile--margin-left-auto { margin-left: auto; }
    .mobile--margin-right-0 { margin-right: 0rem; }
    .mobile--margin-right-0p5 { margin-right: 0.5rem; }
    .mobile--margin-right-1 { margin-right: 1rem; }
    .mobile--margin-right-1p5 { margin-right: 1.5rem; }
    .mobile--margin-right-1p6875 { margin-right: 1.6875rem; }
    .mobile--margin-right-2 { margin-right: 2rem; }
    .mobile--margin-right-2p5 { margin-right: 2.5rem; }
    .mobile--margin-right-3 { margin-right: 3rem; }
    .mobile--margin-right-auto { margin-right: auto; }
    .mobile--margin-x-0 { margin-left: 0rem; margin-right: 0rem; }
    .mobile--margin-x-0p5 { margin-left: 0.5rem; margin-right: 0.5rem; }
    .mobile--margin-x-1 { margin-left: 1rem; margin-right: 1rem; }
    .mobile--margin-x-1p5 { margin-left: 1.5rem; margin-right: 1.5rem; }
    .mobile--margin-x-1p6875 { margin-left: 1.6875rem; margin-right: 1.6875rem; }
    .mobile--margin-x-2 { margin-left: 2rem; margin-right: 2rem; }
    .mobile--margin-x-2p5 { margin-left: 2.5rem; margin-right: 2.5rem; }
    .mobile--margin-x-3 { margin-left: 3rem; margin-right: 3rem; }
    .mobile--margin-x-auto { margin-left: auto; margin-right: auto; }
    .mobile--margin-y-0 { margin-top: 0rem; margin-bottom: 0rem; }
    .mobile--margin-y-0p5 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
    .mobile--margin-y-1 { margin-top: 1rem; margin-bottom: 1rem; }
    .mobile--margin-y-1p5 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .mobile--margin-y-1p6875 { margin-top: 1.6875rem; margin-bottom: 1.6875rem; }
    .mobile--margin-y-2 { margin-top: 2rem; margin-bottom: 2rem; }
    .mobile--margin-y-2p5 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .mobile--margin-y-3 { margin-top: 3rem; margin-bottom: 3rem; }
    .mobile--margin-y-auto { margin-top: auto; margin-bottom: auto; }
    /* end mobile margins */

    /* start mobile paddings */
    .mobile--padding-0 { padding: 0rem; }
    .mobile--padding-0p5 { padding: 0.5rem; }
    .mobile--padding-1 { padding: 1rem; }
    .mobile--padding-1p5 { padding: 1.5rem; }
    .mobile--padding-1p6875 { padding: 1.6875rem; }
    .mobile--padding-2 { padding: 2rem; }
    .mobile--padding-2p5 { padding: 2.5rem; }
    .mobile--padding-3 { padding: 3rem; }
    .mobile--padding-auto { padding: auto; }
    .mobile--padding-0 { padding: 0rem; }
    .mobile--padding-0p5 { padding: 0.5rem; }
    .mobile--padding-1 { padding: 1rem; }
    .mobile--padding-1p5 { padding: 1.5rem; }
    .mobile--padding-1p6875 { padding: 1.6875rem; }
    .mobile--padding-2 { padding: 2rem; }
    .mobile--padding-2p5 { padding: 2.5rem; }
    .mobile--padding-3 { padding: 3rem; }
    .mobile--padding-auto { padding: auto; }
    .mobile--padding-top-0 { padding-top: 0rem; }
    .mobile--padding-top-0p5 { padding-top: 0.5rem; }
    .mobile--padding-top-1 { padding-top: 1rem; }
    .mobile--padding-top-1p5 { padding-top: 1.5rem; }
    .mobile--padding-top-1p6875 { padding-top: 1.6875rem; }
    .mobile--padding-top-2 { padding-top: 2rem; }
    .mobile--padding-top-2p5 { padding-top: 2.5rem; }
    .mobile--padding-top-3 { padding-top: 3rem; }
    .mobile--padding-top-auto { padding-top: auto; }
    .mobile--padding-bottom-0 { padding-bottom: 0rem; }
    .mobile--padding-bottom-0p5 { padding-bottom: 0.5rem; }
    .mobile--padding-bottom-1 { padding-bottom: 1rem; }
    .mobile--padding-bottom-1p5 { padding-bottom: 1.5rem; }
    .mobile--padding-bottom-1p6875 { padding-bottom: 1.6875rem; }
    .mobile--padding-bottom-2 { padding-bottom: 2rem; }
    .mobile--padding-bottom-2p5 { padding-bottom: 2.5rem; }
    .mobile--padding-bottom-3 { padding-bottom: 3rem; }
    .mobile--padding-bottom-auto { padding-bottom: auto; }
    .mobile--padding-left-0 { padding-left: 0rem; }
    .mobile--padding-left-0p5 { padding-left: 0.5rem; }
    .mobile--padding-left-1 { padding-left: 1rem; }
    .mobile--padding-left-1p5 { padding-left: 1.5rem; }
    .mobile--padding-left-1p6875 { padding-left: 1.6875rem; }
    .mobile--padding-left-2 { padding-left: 2rem; }
    .mobile--padding-left-2p5 { padding-left: 2.5rem; }
    .mobile--padding-left-3 { padding-left: 3rem; }
    .mobile--padding-left-auto { padding-left: auto; }
    .mobile--padding-right-0 { padding-right: 0rem; }
    .mobile--padding-right-0p5 { padding-right: 0.5rem; }
    .mobile--padding-right-1 { padding-right: 1rem; }
    .mobile--padding-right-1p5 { padding-right: 1.5rem; }
    .mobile--padding-right-1p6875 { padding-right: 1.6875rem; }
    .mobile--padding-right-2 { padding-right: 2rem; }
    .mobile--padding-right-2p5 { padding-right: 2.5rem; }
    .mobile--padding-right-3 { padding-right: 3rem; }
    .mobile--padding-right-auto { padding-right: auto; }
    .mobile--padding-x-0 { padding-left: 0rem; padding-right: 0rem; }
    .mobile--padding-x-0p5 { padding-left: 0.5rem; padding-right: 0.5rem; }
    .mobile--padding-x-1 { padding-left: 1rem; padding-right: 1rem; }
    .mobile--padding-x-1p5 { padding-left: 1.5rem; padding-right: 1.5rem; }
    .mobile--padding-x-1p6875 { padding-left: 1.6875rem; padding-right: 1.6875rem; }
    .mobile--padding-x-2 { padding-left: 2rem; padding-right: 2rem; }
    .mobile--padding-x-2p5 { padding-left: 2.5rem; padding-right: 2.5rem; }
    .mobile--padding-x-3 { padding-left: 3rem; padding-right: 3rem; }
    .mobile--padding-x-auto { padding-left: auto; padding-right: auto; }
    .mobile--padding-y-0 { padding-top: 0rem; padding-bottom: 0rem; }
    .mobile--padding-y-0p5 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
    .mobile--padding-y-1 { padding-top: 1rem; padding-bottom: 1rem; }
    .mobile--padding-y-1p5 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .mobile--padding-y-1p6875 { padding-top: 1.6875rem; padding-bottom: 1.6875rem; }
    .mobile--padding-y-2 { padding-top: 2rem; padding-bottom: 2rem; }
    .mobile--padding-y-2p5 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .mobile--padding-y-3 { padding-top: 3rem; padding-bottom: 3rem; }
    .mobile--padding-y-auto { padding-top: auto; padding-bottom: auto; }
    /* end mobile paddings */
}