docs/src/css/fragments.css

:root {
  --transparent: transparent;
  --white: #fff;
  --grey-900: #23263b;
  --grey-800: #36395a;
  --grey-700: #484c7a;
  --grey-600: #5a5e9a;
  --grey-500: #777aaf;
  --grey-400: #9698c3;
  --grey-300: #b6b7d5;
  --grey-200: #d6d6e7;
  --grey-100: #f5f5fa;
  --grey-050: #fcfcfd;
  --grey-000: #fff;
  --pink-900: #59063d;
  --pink-800: #88085c;
  --pink-700: #b80979;
  --pink-600: #e90a96;
  --pink-500: #f82caa;
  --pink-400: #fb5abc;
  --pink-300: #fd89ce;
  --pink-200: #feb9e2;
  --pink-100: #ffeaf6;
  --nebula-900: #141d61;
  --nebula-800: #1e2b8f;
  --nebula-700: #2b3cbb;
  --nebula-600: #3c4fe0;
  --nebula-500: #5468ff;
  --nebula-400: #7c8aff;
  --nebula-300: #a3acff;
  --nebula-200: #cacfff;
  --nebula-100: #f2f3ff;
  --cyan-900: #00526c;
  --cyan-800: #00769b;
  --cyan-700: #009bcb;
  --cyan-600: #0db7eb;
  --cyan-500: #2cc8f7;
  --cyan-400: #5adaff;
  --cyan-300: #89e5ff;
  --cyan-200: #b9efff;
  --cyan-100: #e8faff;
  --green-900: #005e36;
  --green-800: #028950;
  --green-700: #06b66c;
  --green-600: #0de589;
  --green-500: #5feb9e;
  --green-400: #88f0b3;
  --green-300: #aaf4c8;
  --green-200: #c9f8de;
  --green-100: #e6fcf3;
  --orange-900: #963209;
  --orange-800: #bf470a;
  --orange-700: #e8600a;
  --orange-600: #f78125;
  --orange-500: #faa04b;
  --orange-400: #fcbc73;
  --orange-300: #fed59a;
  --orange-200: #ffe9c3;
  --orange-100: #fff9ec;
  --red-900: #83111e;
  --red-800: #ab1325;
  --red-700: #d4142a;
  --red-600: #ee243c;
  --red-500: #f4495d;
  --red-400: #f86e7e;
  --red-300: #fc95a1;
  --red-200: #febdc5;
  --red-100: #ffe6e9;
  --current: currentColor;
}
.uil-bgc-transparent {
  background-color: transparent;
}
.uil-bgc-white {
  background-color: #fff;
}
.uil-bgc-grey-900 {
  background-color: #23263b;
}
.uil-bgc-grey-800 {
  background-color: #36395a;
}
.uil-bgc-grey-200 {
  background-color: #d6d6e7;
}
.hover\:uil-bgc-grey-100:focus,
.hover\:uil-bgc-grey-100:hover,
.uil-bgc-grey-100 {
  background-color: #f5f5fa;
}
.uil-bgc-pink-200 {
  background-color: #feb9e2;
}
.uil-bgc-nebula-500 {
  background-color: #5468ff;
}
.uil-bgc-nebula-200 {
  background-color: #cacfff;
}
.uil-bgc-green-200 {
  background-color: #c9f8de;
}
.uil-bgc-orange-200 {
  background-color: #ffe9c3;
}
.uil-bgc-red-600 {
  background-color: #ee243c;
}
.uil-bgc-red-500 {
  background-color: #f4495d;
}
.uil-bgc-current {
  background-color: currentColor;
}
@media (min-width: 960px) {
  .md\:uil-bgc-transparent {
    background-color: transparent;
  }
}
@media (min-width: 960px) {
  .md\:uil-bgc-white {
    background-color: #fff;
  }
}
@media (min-width: 960px) {
  .md\:uil-bgc-grey-900 {
    background-color: #23263b;
  }
}
.uil-bgp-center {
  background-position: 50%;
}
.uil-bgp-bottom {
  background-position: bottom;
}
.uil-bgr-no-repeat {
  background-repeat: no-repeat;
}
@media (min-width: 960px) {
  .md\:uil-bgr-no-repeat {
    background-repeat: no-repeat;
  }
}
.uil-bgs-cover {
  background-size: cover;
}
.uil-bgs-contain {
  background-size: contain;
}
@media (min-width: 960px) {
  .md\:uil-bgs-contain {
    background-size: contain;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-bgs-cover {
    background-size: cover;
  }
}
.uil-bd-none {
  border: none;
}
.uil-bdc-transparent {
  border-color: transparent;
}
.uil-bdc-grey-800 {
  border-color: #36395a;
}
.uil-bdc-grey-700 {
  border-color: #484c7a;
}
.uil-bdc-grey-200 {
  border-color: #d6d6e7;
}
.uil-bdc-grey-100 {
  border-color: #f5f5fa;
}
.uil-bdc-pink-600 {
  border-color: #e90a96;
}
.uil-bdc-nebula-500 {
  border-color: #5468ff;
}
.uil-bdc-green-700 {
  border-color: #06b66c;
}
.uil-bdc-orange-600 {
  border-color: #f78125;
}
.uil-bdc-red-600 {
  border-color: #ee243c;
}
@media (min-width: 960px) {
  .md\:uil-bdc-transparent {
    border-color: transparent;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdc-white {
    border-color: #fff;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdc-grey-800 {
    border-color: #36395a;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdc-grey-200 {
    border-color: #d6d6e7;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdc-pink-600 {
    border-color: #e90a96;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdc-nebula-500 {
    border-color: #5468ff;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdc-green-700 {
    border-color: #06b66c;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdc-orange-600 {
    border-color: #f78125;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdc-red-600 {
    border-color: #ee243c;
  }
}
.uil-bdr-0 {
  border-radius: 0;
}
.uil-bdr-2 {
  border-radius: 2px;
}
.uil-bdr-4 {
  border-radius: 4px;
}
.uil-bdr-6 {
  border-radius: 6px;
}
.uil-bdr-8 {
  border-radius: 8px;
}
.uil-bdr-20 {
  border-radius: 20px;
}
.uil-bdr-max {
  border-radius: 9999px;
}
@media (min-width: 960px) {
  .md\:uil-bdr-4 {
    border-radius: 4px;
  }
}
.uil-bdtlr-0 {
  border-top-left-radius: 0;
}
.uil-bdtlr-2 {
  border-top-left-radius: 2px;
}
.uil-bdtlr-4 {
  border-top-left-radius: 4px;
}
.uil-bdtlr-6 {
  border-top-left-radius: 6px;
}
.uil-bdtlr-8 {
  border-top-left-radius: 8px;
}
.uil-bdtlr-20 {
  border-top-left-radius: 20px;
}
.uil-bdtrr-0 {
  border-top-right-radius: 0;
}
.uil-bdtrr-2 {
  border-top-right-radius: 2px;
}
.uil-bdtrr-4 {
  border-top-right-radius: 4px;
}
.uil-bdtrr-6 {
  border-top-right-radius: 6px;
}
.uil-bdtrr-8 {
  border-top-right-radius: 8px;
}
.uil-bdtrr-20 {
  border-top-right-radius: 20px;
}
.uil-bdblr-0 {
  border-bottom-left-radius: 0;
}
.uil-bdblr-6 {
  border-bottom-left-radius: 6px;
}
.uil-bdbrr-0 {
  border-bottom-right-radius: 0;
}
.uil-bdbrr-6 {
  border-bottom-right-radius: 6px;
}
@media (min-width: 960px) {
  .md\:uil-bdbr-6 {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
.uil-bds-solid {
  border-style: solid;
}
@media (min-width: 960px) {
  .md\:uil-bds-solid {
    border-style: solid;
  }
}
.uil-bdts-solid {
  border-top-style: solid;
}
.uil-bdrs-solid {
  border-right-style: solid;
}
.uil-bdbs-solid {
  border-bottom-style: solid;
}
@media (min-width: 960px) {
  .md\:uil-bdbs-solid {
    border-bottom-style: solid;
  }
}
.uil-bdw-0 {
  border-width: 0;
}
.uil-bdw-1 {
  border-width: 1px;
}
@media (min-width: 960px) {
  .md\:uil-bdw-0 {
    border-width: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdw-2 {
    border-width: 2px;
  }
}
@media (min-width: 960px) {
  .md\:uil-bdlw-1 {
    border-left-width: 1px;
  }
}
.uil-bdtw-1 {
  border-top-width: 1px;
}
.uil-bdtw-2 {
  border-top-width: 2px;
}
@media (min-width: 960px) {
  .md\:uil-bdtw-1 {
    border-top-width: 1px;
  }
}
.uil-bdrw-1 {
  border-right-width: 1px;
}
.uil-bdbw-0 {
  border-bottom-width: 0;
}
.uil-bdbw-1 {
  border-bottom-width: 1px;
}
@media (min-width: 960px) {
  .md\:uil-bdbw-1 {
    border-bottom-width: 1px;
  }
}
.uil-d-none {
  display: none;
}
.uil-d-block {
  display: block;
}
.uil-d-inline-block {
  display: inline-block;
}
.uil-d-flex {
  display: flex;
}
.uil-d-inline-flex {
  display: inline-flex;
}
.uil-d-grid {
  display: grid;
}
@media (min-width: 500px) {
  .xs\:uil-d-block {
    display: block;
  }
}
@media (min-width: 768px) {
  .sm\:uil-d-flex {
    display: flex;
  }
}
@media (min-width: 768px) {
  .sm\:uil-d-grid {
    display: grid;
  }
}
@media (min-width: 960px) {
  .md\:uil-d-none {
    display: none;
  }
}
@media (min-width: 960px) {
  .md\:uil-d-block {
    display: block;
  }
}
@media (min-width: 960px) {
  .md\:uil-d-flex {
    display: flex;
  }
}
@media (min-width: 960px) {
  .md\:uil-d-grid {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-d-none {
    display: none;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-d-block {
    display: block;
  }
}
@media (min-width: 1440px) {
  .xl\:uil-d-inline-block {
    display: inline-block;
  }
}
.uil-m-0 {
  margin: 0;
}
.uil-m-8 {
  margin: 8px;
}
.uil-m-auto {
  margin: auto;
}
@media (min-width: 960px) {
  .md\:uil-m-0 {
    margin: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-m-auto {
    margin: auto;
  }
}
.uil-ml-0 {
  margin-left: 0;
}
.uil-ml-8 {
  margin-left: 8px;
}
.uil-ml-12 {
  margin-left: 12px;
}
.uil-ml-auto {
  margin-left: auto;
}
@media (min-width: 500px) {
  .xs\:uil-ml-24 {
    margin-left: 24px;
  }
}
@media (min-width: 768px) {
  .sm\:uil-ml-12 {
    margin-left: 12px;
  }
}
@media (min-width: 768px) {
  .sm\:uil-ml-24 {
    margin-left: 24px;
  }
}
@media (min-width: 960px) {
  .md\:uil-ml-0 {
    margin-left: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-ml-8 {
    margin-left: 8px;
  }
}
@media (min-width: 960px) {
  .md\:uil-ml-50p {
    margin-left: 50%;
  }
}
@media (min-width: 960px) {
  .md\:uil-ml-auto {
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ml-16 {
    margin-left: 16px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ml-48 {
    margin-left: 48px;
  }
}
@media (min-width: 1440px) {
  .xl\:uil-ml-16 {
    margin-left: 16px;
  }
}
.uil-mt-0 {
  margin-top: 0;
}
.uil-mt-4 {
  margin-top: 4px;
}
.uil-mt-8 {
  margin-top: 8px;
}
.uil-mt-12 {
  margin-top: 12px;
}
.uil-mt-16 {
  margin-top: 16px;
}
.uil-mt-20 {
  margin-top: 20px;
}
.uil-mt-24 {
  margin-top: 24px;
}
.uil-mt-32 {
  margin-top: 32px;
}
.uil-mt-48 {
  margin-top: 48px;
}
.uil-mt-80 {
  margin-top: 80px;
}
@media (min-width: 500px) {
  .xs\:uil-mt-0 {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .sm\:uil-mt-0 {
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-mt-0 {
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-mt-8 {
    margin-top: 8px;
  }
}
@media (min-width: 960px) {
  .md\:uil-mt-12 {
    margin-top: 12px;
  }
}
@media (min-width: 960px) {
  .md\:uil-mt-auto {
    margin-top: auto;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mt-8 {
    margin-top: 8px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mt-12 {
    margin-top: 12px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mt-48 {
    margin-top: 48px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mt-120 {
    margin-top: 120px;
  }
}
.uil-mr-0 {
  margin-right: 0;
}
.uil-mr-4 {
  margin-right: 4px;
}
.uil-mr-8 {
  margin-right: 8px;
}
.uil-mr-16 {
  margin-right: 16px;
}
.uil-mr-32 {
  margin-right: 32px;
}
.uil-mr-auto {
  margin-right: auto;
}
@media (min-width: 960px) {
  .md\:uil-mr-0 {
    margin-right: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-mr-8 {
    margin-right: 8px;
  }
}
@media (min-width: 960px) {
  .md\:uil-mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mr-12 {
    margin-right: 12px;
  }
}
.uil-mb-0 {
  margin-bottom: 0;
}
.uil-mb-8 {
  margin-bottom: 8px;
}
.uil-mb-12 {
  margin-bottom: 12px;
}
.uil-mb-16 {
  margin-bottom: 16px;
}
.uil-mb-20 {
  margin-bottom: 20px;
}
.uil-mb-24 {
  margin-bottom: 24px;
}
.uil-mb-48 {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .sm\:uil-mb-0 {
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-mb-0 {
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-mb-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 960px) {
  .md\:uil-mb-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mb-20 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mb-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-mb-80 {
    margin-bottom: 80px;
  }
}
.uil-mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.uil-mv-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.uil-mh-0 {
  margin-left: 0;
  margin-right: 0;
}
.uil-mh-auto {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 960px) {
  .md\:uil-mh-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.uil-ov-visible {
  overflow: visible;
}
.uil-ov-hidden {
  overflow: hidden;
}
.uil-ov-auto {
  overflow: auto;
}
@media (min-width: 960px) {
  .md\:uil-ov-hidden {
    overflow: hidden;
  }
}
.uil-ovx-scroll {
  overflow-x: scroll;
}
.uil-ovx-auto {
  overflow-x: auto;
}
.uil-ovy-hidden {
  overflow-y: hidden;
}
.uil-ovy-auto {
  overflow-y: auto;
}
.uil-p-0 {
  padding: 0;
}
.uil-p-8 {
  padding: 8px;
}
.uil-p-12 {
  padding: 12px;
}
.uil-p-20 {
  padding: 20px;
}
.uil-p-24 {
  padding: 24px;
}
.uil-p-48 {
  padding: 48px;
}
@media (min-width: 960px) {
  .md\:uil-p-48 {
    padding: 48px;
  }
}
.uil-pl-0 {
  padding-left: 0;
}
.uil-pl-8 {
  padding-left: 8px;
}
.uil-pl-12 {
  padding-left: 12px;
}
.uil-pl-16 {
  padding-left: 16px;
}
.uil-pl-24 {
  padding-left: 24px;
}
.uil-pl-48 {
  padding-left: 48px;
}
@media (min-width: 960px) {
  .md\:uil-pl-24 {
    padding-left: 24px;
  }
}
@media (min-width: 960px) {
  .md\:uil-pl-48 {
    padding-left: 48px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pl-32 {
    padding-left: 32px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pl-48 {
    padding-left: 48px;
  }
}
.uil-pt-0 {
  padding-top: 0;
}
.uil-pt-12 {
  padding-top: 12px;
}
.uil-pt-16 {
  padding-top: 16px;
}
.uil-pt-24 {
  padding-top: 24px;
}
.uil-pt-32 {
  padding-top: 32px;
}
.uil-pt-48 {
  padding-top: 48px;
}
@media (min-width: 960px) {
  .md\:uil-pt-0 {
    padding-top: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-pt-24 {
    padding-top: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pt-24 {
    padding-top: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pt-32 {
    padding-top: 32px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pt-48 {
    padding-top: 48px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pt-80 {
    padding-top: 80px;
  }
}
.uil-pr-0 {
  padding-right: 0;
}
.uil-pr-8 {
  padding-right: 8px;
}
.uil-pr-16 {
  padding-right: 16px;
}
.uil-pr-24 {
  padding-right: 24px;
}
.uil-pr-32 {
  padding-right: 32px;
}
.uil-pr-48 {
  padding-right: 48px;
}
.uil-pr-80 {
  padding-right: 80px;
}
@media (min-width: 960px) {
  .md\:uil-pr-0 {
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-pr-24 {
    padding-right: 24px;
  }
}
@media (min-width: 960px) {
  .md\:uil-pr-48 {
    padding-right: 48px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pr-8 {
    padding-right: 8px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pr-48 {
    padding-right: 48px;
  }
}
.uil-pb-0 {
  padding-bottom: 0;
}
.uil-pb-12 {
  padding-bottom: 12px;
}
.uil-pb-16 {
  padding-bottom: 16px;
}
.uil-pb-24 {
  padding-bottom: 24px;
}
.uil-pb-48 {
  padding-bottom: 48px;
}
.uil-pb-80 {
  padding-bottom: 80px;
}
@media (min-width: 960px) {
  .md\:uil-pb-24 {
    padding-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pb-24 {
    padding-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pb-48 {
    padding-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pb-80 {
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pb-120 {
    padding-bottom: 120px;
  }
}
.uil-pv-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.uil-pv-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.uil-pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.uil-pv-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.uil-pv-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.uil-pv-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.uil-pv-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 960px) {
  .md\:uil-pv-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pv-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pv-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-pv-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.uil-ph-0 {
  padding-left: 0;
  padding-right: 0;
}
.uil-ph-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.uil-ph-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.uil-ph-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.uil-ph-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.uil-ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.uil-ph-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.uil-ph-32 {
  padding-left: 32px;
  padding-right: 32px;
}
@media (min-width: 768px) {
  .sm\:uil-ph-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 960px) {
  .md\:uil-ph-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-ph-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 960px) {
  .md\:uil-ph-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ph-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ph-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ph-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.uil-v-visible {
  visibility: visible;
}
.uil-v-hidden {
  visibility: hidden;
}
@media (min-width: 960px) {
  .md\:uil-v-visible {
    visibility: visible;
  }
}
@media (min-width: 960px) {
  .md\:uil-v-hidden {
    visibility: hidden;
  }
}
.hover\:uil-color-white:focus,
.hover\:uil-color-white:hover,
.uil-color-white {
  color: #fff;
}
.hover\:uil-color-grey-900:focus,
.hover\:uil-color-grey-900:hover,
.uil-color-grey-900 {
  color: #23263b;
}
.uil-color-grey-800 {
  color: #36395a;
}
.hover\:uil-color-grey-700:focus,
.hover\:uil-color-grey-700:hover,
.uil-color-grey-700 {
  color: #484c7a;
}
.hover\:uil-color-grey-600:focus,
.hover\:uil-color-grey-600:hover,
.uil-color-grey-600 {
  color: #5a5e9a;
}
.uil-color-grey-500 {
  color: #777aaf;
}
.hover\:uil-color-grey-400:focus,
.hover\:uil-color-grey-400:hover,
.uil-color-grey-400 {
  color: #9698c3;
}
.uil-color-grey-300 {
  color: #b6b7d5;
}
.hover\:uil-color-grey-200:focus,
.hover\:uil-color-grey-200:hover,
.uil-color-grey-200 {
  color: #d6d6e7;
}
.hover\:uil-color-grey-100:focus,
.hover\:uil-color-grey-100:hover,
.uil-color-grey-100 {
  color: #f5f5fa;
}
.uil-color-pink-600 {
  color: #e90a96;
}
.uil-color-nebula-500 {
  color: #5468ff;
}
.uil-color-green-700 {
  color: #06b66c;
}
.uil-color-orange-600 {
  color: #f78125;
}
.uil-color-red-600 {
  color: #ee243c;
}
.uil-color-red-500 {
  color: #f4495d;
}
.uil-color-current {
  color: currentColor;
}
.uil-fill-white {
  fill: #fff;
}
.uil-ai-center {
  align-items: center;
}
.uil-ai-end {
  align-items: flex-end;
}
@media (min-width: 768px) {
  .sm\:uil-ai-start {
    align-items: flex-start;
  }
}
@media (min-width: 960px) {
  .md\:uil-ai-start {
    align-items: flex-start;
  }
}
@media (min-width: 960px) {
  .md\:uil-ai-center {
    align-items: center;
  }
}
@media (min-width: 960px) {
  .md\:uil-ai-end {
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ai-end {
    align-items: flex-end;
  }
}
.uil-as-end {
  align-self: flex-end;
}
.uil-fxd-column {
  flex-direction: column;
}
.uil-fxd-row {
  flex-direction: row;
}
@media (min-width: 500px) {
  .xs\:uil-fxd-row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .sm\:uil-fxd-row {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .md\:uil-fxd-column {
    flex-direction: column;
  }
}
@media (min-width: 960px) {
  .md\:uil-fxd-row {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .md\:uil-fxd-row-reverse {
    flex-direction: row-reverse;
  }
}
.uil-fxg-0 {
  flex-grow: 0;
}
.uil-fxg-1 {
  flex-grow: 1;
}
@media (min-width: 960px) {
  .md\:uil-fxg-1 {
    flex-grow: 1;
  }
}
.uil-fxs-0 {
  flex-shrink: 0;
}
.uil-fxs-1 {
  flex-shrink: 1;
}
.uil-fx-1 {
  flex: 0 1 8.333333%;
}
.uil-fx-4 {
  flex: 0 1 33.333333%;
}
.uil-fx-5 {
  flex: 0 1 41.666667%;
}
.uil-fx-6 {
  flex: 0 1 50%;
}
.uil-fx-12 {
  flex: 0 1 100%;
}
@media (min-width: 960px) {
  .md\:uil-fx-5 {
    flex: 0 1 41.666667%;
  }
}
@media (min-width: 960px) {
  .md\:uil-fx-6 {
    flex: 0 1 50%;
  }
}
@media (min-width: 960px) {
  .md\:uil-fx-7 {
    flex: 0 1 58.333333%;
  }
}
@media (min-width: 960px) {
  .md\:uil-fx-9 {
    flex: 0 1 75%;
  }
}
.uil-jc-center {
  justify-content: center;
}
.uil-jc-end {
  justify-content: flex-end;
}
.uil-jc-between {
  justify-content: space-between;
}
.uil-jc-around {
  justify-content: space-around;
}
@media (min-width: 500px) {
  .xs\:uil-jc-center {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .sm\:uil-jc-start {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .sm\:uil-jc-center {
    justify-content: center;
  }
}
@media (min-width: 960px) {
  .md\:uil-jc-start {
    justify-content: flex-start;
  }
}
@media (min-width: 960px) {
  .md\:uil-jc-center {
    justify-content: center;
  }
}
@media (min-width: 960px) {
  .md\:uil-jc-end {
    justify-content: flex-end;
  }
}
@media (min-width: 960px) {
  .md\:uil-jc-between {
    justify-content: space-between;
  }
}
@media (min-width: 960px) {
  .md\:uil-jc-around {
    justify-content: space-around;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-jc-end {
    justify-content: flex-end;
  }
}
@media (min-width: 960px) {
  .md\:uil-gcstart-1 {
    grid-column-start: 1;
  }
}
@media (min-width: 960px) {
  .md\:uil-gcstart-2 {
    grid-column-start: 2;
  }
}
@media (min-width: 960px) {
  .md\:uil-gcend-3 {
    grid-column-end: 3;
  }
}
@media (min-width: 960px) {
  .md\:uil-grstart-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 960px) {
  .md\:uil-grstart-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 960px) {
  .md\:uil-grend-3 {
    grid-row-end: 3;
  }
}
@media (min-width: 960px) {
  .md\:uil-grend-4 {
    grid-row-end: 4;
  }
}
.uil-g-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .sm\:uil-g-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .sm\:uil-g-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .sm\:uil-g-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .sm\:uil-g-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .sm\:uil-g-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 960px) {
  .md\:uil-g-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 960px) {
  .md\:uil-g-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 960px) {
  .md\:uil-g-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 960px) {
  .md\:uil-g-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 960px) {
  .md\:uil-g-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
.uil-ggap-24 {
  grid-gap: 24px;
}
.uil-ggap-48 {
  grid-gap: 48px;
}
@media (min-width: 1200px) {
  .lg\:uil-ggap-24 {
    grid-gap: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ggap-32 {
    grid-gap: 32px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ggap-48 {
    grid-gap: 48px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-ggap-80 {
    grid-gap: 80px;
  }
}
.uil-gvgap-8 {
  grid-column-gap: 8px;
}
@media (min-width: 768px) {
  .sm\:uil-gvgap-48 {
    grid-column-gap: 48px;
  }
}
.uil-ghgap-48 {
  grid-row-gap: 48px;
}
.uil-obf-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.uil-obf-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.uil-obp-center {
  -o-object-position: center;
  object-position: center;
}
.uil-bot-0 {
  bottom: 0;
}
.uil-bot-70 {
  bottom: 70px;
}
@media (min-width: 960px) {
  .md\:uil-bot-0 {
    bottom: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-fl-right {
    float: right;
  }
}
.uil-left-0 {
  left: 0;
}
.uil-left-50p {
  left: 50%;
}
@media (min-width: 960px) {
  .md\:uil-left-0 {
    left: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-left-50p {
    left: 50%;
  }
}
.uil-pos-relative {
  position: relative;
}
.uil-pos-absolute {
  position: absolute;
}
.uil-pos-fixed {
  position: fixed;
}
.uil-pos-sticky {
  position: sticky;
}
@media (min-width: 768px) {
  .sm\:uil-pos-absolute {
    position: absolute;
  }
}
@media (min-width: 960px) {
  .md\:uil-pos-relative {
    position: relative;
  }
}
@media (min-width: 960px) {
  .md\:uil-pos-absolute {
    position: absolute;
  }
}
@media (min-width: 960px) {
  .md\:uil-pos-fixed {
    position: fixed;
  }
}
@media (min-width: 960px) {
  .md\:uil-pos-sticky {
    position: sticky;
  }
}
.uil-right-0 {
  right: 0;
}
@media (min-width: 960px) {
  .md\:uil-right-0 {
    right: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-right-50p {
    right: 50%;
  }
}
.uil-top-0 {
  top: 0;
}
.uil-top-32 {
  top: 32px;
}
.uil-top-50p {
  top: 50%;
}
@media (min-width: 768px) {
  .sm\:uil-top-0 {
    top: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-top-0 {
    top: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-top-50p {
    top: 50%;
  }
}
.uil-va-middle {
  vertical-align: middle;
}
.uil-z-1 {
  z-index: 1;
}
.uil-z-2 {
  z-index: 2;
}
.uil-z-3 {
  z-index: 3;
}
.uil-z-4 {
  z-index: 4;
}
.uil-z-5 {
  z-index: 5;
}
.uil-z-max {
  z-index: 100;
}
@media (min-width: 960px) {
  .md\:uil-z-5 {
    z-index: 5;
  }
}
@media (min-width: 960px) {
  .md\:uil-z-max {
    z-index: 100;
  }
}
.uil-app-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.uil-bxs-default {
  box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15),
    0 2px 4px 0 rgba(93, 100, 148, 0.2);
}
.uil-bxs-large {
  box-shadow: 0 24px 41px 0 rgba(37, 44, 97, 0.13);
}
.uil-bxs-none {
  box-shadow: none;
}
@media (min-width: 960px) {
  .md\:uil-bxs-default {
    box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15),
      0 2px 4px 0 rgba(93, 100, 148, 0.2);
  }
}
.uil-cursor-auto {
  cursor: auto;
}
.uil-cursor-pointer {
  cursor: pointer;
}
.uil-cursor-not-allowed {
  cursor: not-allowed;
}
.uil-op-0 {
  opacity: 0;
}
.uil-op-50p {
  opacity: 0.5;
}
.uil-op-40p {
  opacity: 0.4;
}
.uil-op-75p {
  opacity: 0.75;
}
.uil-op-100p {
  opacity: 1;
}
@media (min-width: 960px) {
  .md\:uil-op-0 {
    opacity: 0;
  }
}
@media (min-width: 960px) {
  .md\:uil-op-25p {
    opacity: 0.25;
  }
}
@media (min-width: 960px) {
  .md\:uil-op-100p {
    opacity: 1;
  }
}
.uil-pe-auto {
  pointer-events: auto;
}
.uil-pe-none {
  pointer-events: none;
}
@media (min-width: 960px) {
  .md\:uil-pe-none {
    pointer-events: none;
  }
}
.uil-us-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.uil-h-0 {
  height: 0;
}
.uil-h-10 {
  height: 10px;
}
.uil-h-14 {
  height: 14px;
}
.uil-h-16 {
  height: 16px;
}
.uil-h-18 {
  height: 18px;
}
.uil-h-20 {
  height: 20px;
}
.uil-h-24 {
  height: 24px;
}
.uil-h-25 {
  height: 25px;
}
.uil-h-30 {
  height: 30px;
}
.uil-h-40 {
  height: 40px;
}
.uil-h-50 {
  height: 50px;
}
.uil-h-60 {
  height: 60px;
}
.uil-h-70 {
  height: 70px;
}
.uil-h-80 {
  height: 80px;
}
.uil-h-200 {
  height: 200px;
}
.uil-h-10p {
  height: 10%;
}
.uil-h-20p {
  height: 20%;
}
.uil-h-25p {
  height: 25%;
}
.uil-h-30p {
  height: 30%;
}
.uil-h-40p {
  height: 40%;
}
.uil-h-50p {
  height: 50%;
}
.uil-h-60p {
  height: 60%;
}
.uil-h-70p {
  height: 70%;
}
.uil-h-80p {
  height: 80%;
}
.uil-h-90p {
  height: 90%;
}
.uil-h-100p {
  height: 100%;
}
.uil-h-100vh {
  height: 100vh;
}
.uil-h-auto {
  height: auto;
}
@media (min-width: 960px) {
  .md\:uil-h-10 {
    height: 10px;
  }
}
@media (min-width: 960px) {
  .md\:uil-h-30 {
    height: 30px;
  }
}
@media (min-width: 960px) {
  .md\:uil-h-60p {
    height: 60%;
  }
}
@media (min-width: 960px) {
  .md\:uil-h-100p {
    height: 100%;
  }
}
@media (min-width: 960px) {
  .md\:uil-h-100vh {
    height: 100vh;
  }
}
@media (min-width: 960px) {
  .md\:uil-h-auto {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-18 {
    height: 18px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-20 {
    height: 20px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-24 {
    height: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-30 {
    height: 30px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-40 {
    height: 40px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-70 {
    height: 70px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-80 {
    height: 80px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-100 {
    height: 100px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-h-100p {
    height: 100%;
  }
}
.uil-mah-100p {
  max-height: 100%;
}
.uil-mah-100vh {
  max-height: 100vh;
}
@media (min-width: 960px) {
  .md\:uil-mah-100p {
    max-height: 100%;
  }
}
.uil-maw-500 {
  max-width: 500px;
}
.uil-maw-700 {
  max-width: 700px;
}
.uil-maw-800 {
  max-width: 800px;
}
.uil-maw-1200 {
  max-width: 1200px;
}
.uil-maw-1440 {
  max-width: 1440px;
}
.uil-maw-35ch {
  max-width: 35ch;
}
.uil-maw-100p {
  max-width: 100%;
}
@media (min-width: 960px) {
  .md\:uil-maw-600 {
    max-width: 600px;
  }
}
@media (min-width: 960px) {
  .md\:uil-maw-900 {
    max-width: 900px;
  }
}
@media (min-width: 960px) {
  .md\:uil-maw-1200 {
    max-width: 1200px;
  }
}
@media (min-width: 960px) {
  .md\:uil-maw-100p {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-maw-1200 {
    max-width: 1200px;
  }
}
.uil-miw-200 {
  min-width: 200px;
}
@media (min-width: 960px) {
  .md\:uil-miw-300 {
    min-width: 300px;
  }
}
.uil-w-10 {
  width: 10px;
}
.uil-w-14 {
  width: 14px;
}
.uil-w-16 {
  width: 16px;
}
.uil-w-18 {
  width: 18px;
}
.uil-w-20 {
  width: 20px;
}
.uil-w-25 {
  width: 25px;
}
.uil-w-30 {
  width: 30px;
}
.uil-w-40 {
  width: 40px;
}
.uil-w-50 {
  width: 50px;
}
.uil-w-60 {
  width: 60px;
}
.uil-w-100 {
  width: 100px;
}
.uil-w-200 {
  width: 200px;
}
.uil-w-50p {
  width: 50%;
}
.uil-w-70p {
  width: 70%;
}
.uil-w-80p {
  width: 80%;
}
.uil-w-100p {
  width: 100%;
}
.uil-w-auto {
  width: auto;
}
@media (min-width: 500px) {
  .xs\:uil-w-60p {
    width: 60%;
  }
}
@media (min-width: 500px) {
  .xs\:uil-w-70p {
    width: 70%;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-10 {
    width: 10px;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-30 {
    width: 30px;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-400 {
    width: 400px;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-40p {
    width: 40%;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-50p {
    width: 50%;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-60p {
    width: 60%;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-70p {
    width: 70%;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-100p {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .md\:uil-w-auto {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-18 {
    width: 18px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-20 {
    width: 20px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-24 {
    width: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-30 {
    width: 30px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-40 {
    width: 40px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-50 {
    width: 50px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-80 {
    width: 80px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-200 {
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-50p {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-70p {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-80p {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-90p {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-w-100p {
    width: 100%;
  }
}
.uil-ff-hind {
  font-family: Hind, Arial, sans-serif;
}
.uil-ff-poppins {
  font-family: Poppins, Arial, sans-serif;
}
.uil-ff-mono {
  font-family: SFMono-Regular, Consolas, Andale Mono WT, Andale Mono,
    Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono,
    Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco,
    Courier New, Courier, monospace;
}
@media (min-width: 1200px) {
  .lg\:uil-ff-hind {
    font-family: Hind, Arial, sans-serif;
  }
}
.uil-fsz-10 {
  font-size: 10px;
}
.uil-fsz-11 {
  font-size: 11px;
}
.uil-fsz-12 {
  font-size: 12px;
}
.uil-fsz-14 {
  font-size: 14px;
}
.uil-fsz-16 {
  font-size: 16px;
}
.uil-fsz-18 {
  font-size: 18px;
}
.uil-fsz-24 {
  font-size: 24px;
}
.uil-fsz-36 {
  font-size: 36px;
}
@media (min-width: 960px) {
  .md\:uil-fsz-16 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-fsz-12 {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-fsz-14 {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-fsz-16 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-fsz-18 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-fsz-24 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-fsz-36 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .lg\:uil-fsz-56 {
    font-size: 56px;
  }
}
.uil-fst-normal {
  font-style: normal;
}
.uil-fw-light {
  font-weight: 300;
}
.uil-fw-normal {
  font-weight: 400;
}
.uil-fw-semibold {
  font-weight: 600;
}
.uil-fw-bold {
  font-weight: 700;
}
.uil-lsp-small {
  letter-spacing: -1px;
}
.uil-lsp-big {
  letter-spacing: 1.5px;
}
.uil-lsp-normal {
  letter-spacing: normal;
}
@media (min-width: 1200px) {
  .lg\:uil-lsp-medium {
    letter-spacing: 0.7px;
  }
}
.uil-lh-small {
  line-height: 1;
}
.uil-lh-big {
  line-height: 1.33;
}
.uil-lh-bigger {
  line-height: 1.78;
}
.uil-lis-none {
  list-style: none;
}
.uil-ta-left {
  text-align: left;
}
.uil-ta-center {
  text-align: center;
}
.uil-ta-right {
  text-align: right;
}
@media (min-width: 768px) {
  .sm\:uil-ta-left {
    text-align: left;
  }
}
@media (min-width: 960px) {
  .md\:uil-ta-left {
    text-align: left;
  }
}
@media (min-width: 960px) {
  .md\:uil-ta-center {
    text-align: center;
  }
}
@media (min-width: 960px) {
  .md\:uil-ta-right {
    text-align: right;
  }
}
.hover\:uil-td-none:focus,
.hover\:uil-td-none:hover,
.uil-td-none {
  text-decoration: none;
}
@media (min-width: 960px) {
  .md\:uil-td-none {
    text-decoration: none;
  }
}
.uil-to-ellipsis {
  text-overflow: ellipsis;
}
@media (min-width: 1200px) {
  .lg\:uil-to-ellipsis {
    text-overflow: ellipsis;
  }
}
.uil-tt-upper {
  text-transform: uppercase;
}
.uil-tt-lower {
  text-transform: lowercase;
}
.uil-ws-nowrap {
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .lg\:uil-ws-nowrap {
    white-space: nowrap;
  }
}
.uil-wb-break {
  word-break: break-word;
}