/*!
* Grayshift v1.2.0 (https://grayshift.io)
* © Copyright 2019 Grayshift
* Licensed under MIT (https://opensource.org/licenses/mit-license.php)
*/

:root {
  --spacer-12: 5.5rem;
  --spacer-11: 5rem;
  --spacer-10: 4.5rem;
  --spacer-9: 4rem;
  --spacer-8: 3.5rem;
  --spacer-7: 3rem;
  --spacer-6: 2.5rem;
  --spacer-5: 2rem;
  --spacer-4: 1.5rem;
  --spacer-3: 1rem;
  --spacer-2: .5rem;
  --spacer-1: .25rem;
  --blue: hsl(211, 100%, 58%);
  --indigo: hsl(263, 90%, 51%);
  --purple: hsl(261, 51%, 51%);
  --pink: hsl(332, 79%, 58%);
  --red: hsl(354, 70%, 54%);
  --orange: hsl(28, 100%, 46%);
  --yellow: hsl(45, 100%, 51%);
  --green: hsl(134, 61%, 45%);
  --teal: hsl(162, 73%, 46%);
  --cyan: hsl(188, 78%, 45%);
  --white: hsl(0, 0%, 100%);
  --gray: hsl(208, 7%, 46%);
  --black: hsl(210, 11%, 15%);
  --muted: hsla(0, 0%, 100%, .75);
  --light-100: hsl(0, 0%, 98%);
  --light-200: hsl(0, 0%, 96%);
  --light-300: hsl(0, 0%, 94%);
  --light-400: hsl(0, 0%, 92%);
  --light-500: hsl(0, 0%, 90%);
  --light-600: hsl(0, 0%, 88%);
  --light-700: hsl(0, 0%, 86%);
  --light-800: hsl(0, 0%, 84%);
  --light-900: hsl(0, 0%, 82%);
  --dark-100: hsl(0, 0%, 40%);
  --dark-200: hsl(0, 0%, 38%);
  --dark-300: hsl(0, 0%, 36%);
  --dark-400: hsl(0, 0%, 34%);
  --dark-500: hsl(0, 0%, 32%);
  --dark-600: hsl(0, 0%, 30%);
  --dark-700: hsl(0, 0%, 28%);
  --dark-800: hsl(0, 0%, 26%);
  --dark-900: hsl(0, 0%, 24%);
  --primary: var(--blue);
  --secondary: var(--gray);
  --success: var(--green);
  --info: var(--cyan);
  --warning: var(--yellow);
  --danger: var(--red);
  --light: var(--light-600);
  --dark: var(--dark-100);
  --neutral: var(--light-600);
  --orange-hover: hsl(28,100%,34.5%);
  --primary-hover: hsl(211, 100%, 50%);
  --secondary-hover: hsl(208, 7%, 38%);
  --success-hover: hsl(134, 61%, 37%);
  --info-hover: hsl(188, 78%, 37%);
  --warning-hover: hsl(45, 100%, 43%);
  --danger-hover: hsl(354, 70%, 46%);
  --light-hover: var(--light-800);
  --dark-hover: var(--dark-200);
  --neutral-hover: var(--light-800);
  --body-color: hsl(248, 5%, 30%);
  --headings-color: var(--black);
  --tab-link-color: var(--primary);
  --body-bg: var(--light-200);
  --card-bg: var(--white);
  --table-accent-bg: var(--light-200);
  --fill-bg: var(--light-400);
  --fill-active-bg: var(--white);
  --progress-bg: var(--light-900);
  --border-radius-lg: .5rem;
  --border-radius-sm: .25rem;
}

/*
@media (prefers-color-scheme: dark) {
  :root {
    --neutral: var(--dark-100);
    --neutral-hover: var(--dark-200);
    --body-color: hsla(0, 0%, 100%, .45);
    --headings-color: var(--white);
    --tab-link-color: var(--white);
    --body-bg: var(--dark-700);
    --card-bg: var(--dark-500);
    --table-accent-bg: var(--dark-400);
    --fill-bg: var(--dark-300);
    --fill-active-bg: hsl(0, 0%, 44%);
    --progress-bg: var(--dark-100);
  }
}
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font: 500 1rem/1.5 "Inter", sans-serif;
  color: var(--body-color);
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--body-bg);
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  margin-top: var(--spacer-5);
  margin-bottom: var(--spacer-5);
  background-color: var(--fill-bg);
  border: 0;
}

hr:not([size]) {
  height: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.2;
  color: var(--headings-color);
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
}

ol,
ul {
  padding-left: var(--spacer-4);
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

blockquote {
  margin: 0;
}

small,
.small {
  font-size: .875em;
}

a {
  color: var(--headings-color);
  text-decoration: none;
  transition: color .4s ease;
}

@media (prefers-reduced-motion: reduce) {
  a {
    transition: none;
  }
}

a:hover {
  color: var(--orange);
}

a:not([href]),
a:not([href]):hover {
  color: inherit;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 0;
  overflow: auto;
}

pre code {
  word-break: normal;
}

code {
  word-break: break-word;
}

figure {
  margin: 0;
}

img,
svg {
  vertical-align: middle;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

label {
  display: inline-block;
  margin-bottom: var(--spacer-3);
  font-weight: 600;
  color: var(--headings-color);
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

select {
  -webkit-appearance: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-decoration,
[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

.container {
  width: 100%;
  padding-right: var(--spacer-3);
  padding-left: var(--spacer-3);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: var(--spacer-3);
  padding-left: var(--spacer-3);
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--spacer-3) / -1);
  margin-left: calc(var(--spacer-3) / -1);
}

.col,
[class*="col-"] {
  position: relative;
  width: 100%;
  padding-right: var(--spacer-3);
  padding-left: var(--spacer-3);
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 calc((100%) / (12/1));
  max-width: calc((100%) / (12/1));
}

.col-2 {
  flex: 0 0 calc((100%) / (12/2));
  max-width: calc((100%) / (12/2));
}

.col-3 {
  flex: 0 0 calc((100%) / (12/3));
  max-width: calc((100%) / (12/3));
}

.col-4 {
  flex: 0 0 calc((100%) / (12/4));
  max-width: calc((100%) / (12/4));
}

.col-5 {
  flex: 0 0 calc((100%) / (12/5));
  max-width: calc((100%) / (12/5));
}

.col-6 {
  flex: 0 0 calc((100%) / (12/6));
  max-width: calc((100%) / (12/6));
}

.col-7 {
  flex: 0 0 calc((100%) / (12/7));
  max-width: calc((100%) / (12/7));
}

.col-8 {
  flex: 0 0 calc((100%) / (12/8));
  max-width: calc((100%) / (12/8));
}

.col-9 {
  flex: 0 0 calc((100%) / (12/9));
  max-width: calc((100%) / (12/9));
}

.col-10 {
  flex: 0 0 calc((100%) / (12/10));
  max-width: calc((100%) / (12/10));
}

.col-11 {
  flex: 0 0 calc((100%) / (12/11));
  max-width: calc((100%) / (12/11));
}

.col-12 {
  flex: 0 0 calc((100%) / (12/12));
  max-width: calc((100%) / (12/12));
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 calc((100%) / (12/1));
    max-width: calc((100%) / (12/1));
  }
  .col-sm-2 {
    flex: 0 0 calc((100%) / (12/2));
    max-width: calc((100%) / (12/2));
  }
  .col-sm-3 {
    flex: 0 0 calc((100%) / (12/3));
    max-width: calc((100%) / (12/3));
  }
  .col-sm-4 {
    flex: 0 0 calc((100%) / (12/4));
    max-width: calc((100%) / (12/4));
  }
  .col-sm-5 {
    flex: 0 0 calc((100%) / (12/5));
    max-width: calc((100%) / (12/5));
  }
  .col-sm-6 {
    flex: 0 0 calc((100%) / (12/6));
    max-width: calc((100%) / (12/6));
  }
  .col-sm-7 {
    flex: 0 0 calc((100%) / (12/7));
    max-width: calc((100%) / (12/7));
  }
  .col-sm-8 {
    flex: 0 0 calc((100%) / (12/8));
    max-width: calc((100%) / (12/8));
  }
  .col-sm-9 {
    flex: 0 0 calc((100%) / (12/9));
    max-width: calc((100%) / (12/9));
  }
  .col-sm-10 {
    flex: 0 0 calc((100%) / (12/10));
    max-width: calc((100%) / (12/10));
  }
  .col-sm-11 {
    flex: 0 0 calc((100%) / (12/11));
    max-width: calc((100%) / (12/11));
  }
  .col-sm-12 {
    flex: 0 0 calc((100%) / (12/12));
    max-width: calc((100%) / (12/12));
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 calc((100%) / (12/1));
    max-width: calc((100%) / (12/1));
  }
  .col-md-2 {
    flex: 0 0 calc((100%) / (12/2));
    max-width: calc((100%) / (12/2));
  }
  .col-md-3 {
    flex: 0 0 calc((100%) / (12/3));
    max-width: calc((100%) / (12/3));
  }
  .col-md-4 {
    flex: 0 0 calc((100%) / (12/4));
    max-width: calc((100%) / (12/4));
  }
  .col-md-5 {
    flex: 0 0 calc((100%) / (12/5));
    max-width: calc((100%) / (12/5));
  }
  .col-md-6 {
    flex: 0 0 calc((100%) / (12/6));
    max-width: calc((100%) / (12/6));
  }
  .col-md-7 {
    flex: 0 0 calc((100%) / (12/7));
    max-width: calc((100%) / (12/7));
  }
  .col-md-8 {
    flex: 0 0 calc((100%) / (12/8));
    max-width: calc((100%) / (12/8));
  }
  .col-md-9 {
    flex: 0 0 calc((100%) / (12/9));
    max-width: calc((100%) / (12/9));
  }
  .col-md-10 {
    flex: 0 0 calc((100%) / (12/10));
    max-width: calc((100%) / (12/10));
  }
  .col-md-11 {
    flex: 0 0 calc((100%) / (12/11));
    max-width: calc((100%) / (12/11));
  }
  .col-md-12 {
    flex: 0 0 calc((100%) / (12/12));
    max-width: calc((100%) / (12/12));
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 calc((100%) / (12/1));
    max-width: calc((100%) / (12/1));
  }
  .col-lg-2 {
    flex: 0 0 calc((100%) / (12/2));
    max-width: calc((100%) / (12/2));
  }
  .col-lg-3 {
    flex: 0 0 calc((100%) / (12/3));
    max-width: calc((100%) / (12/3));
  }
  .col-lg-4 {
    flex: 0 0 calc((100%) / (12/4));
    max-width: calc((100%) / (12/4));
  }
  .col-lg-5 {
    flex: 0 0 calc((100%) / (12/5));
    max-width: calc((100%) / (12/5));
  }
  .col-lg-6 {
    flex: 0 0 calc((100%) / (12/6));
    max-width: calc((100%) / (12/6));
  }
  .col-lg-7 {
    flex: 0 0 calc((100%) / (12/7));
    max-width: calc((100%) / (12/7));
  }
  .col-lg-8 {
    flex: 0 0 calc((100%) / (12/8));
    max-width: calc((100%) / (12/8));
  }
  .col-lg-9 {
    flex: 0 0 calc((100%) / (12/9));
    max-width: calc((100%) / (12/9));
  }
  .col-lg-10 {
    flex: 0 0 calc((100%) / (12/10));
    max-width: calc((100%) / (12/10));
  }
  .col-lg-11 {
    flex: 0 0 calc((100%) / (12/11));
    max-width: calc((100%) / (12/11));
  }
  .col-lg-12 {
    flex: 0 0 calc((100%) / (12/12));
    max-width: calc((100%) / (12/12));
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 calc((100%) / (12/1));
    max-width: calc((100%) / (12/1));
  }
  .col-xl-2 {
    flex: 0 0 calc((100%) / (12/2));
    max-width: calc((100%) / (12/2));
  }
  .col-xl-3 {
    flex: 0 0 calc((100%) / (12/3));
    max-width: calc((100%) / (12/3));
  }
  .col-xl-4 {
    flex: 0 0 calc((100%) / (12/4));
    max-width: calc((100%) / (12/4));
  }
  .col-xl-5 {
    flex: 0 0 calc((100%) / (12/5));
    max-width: calc((100%) / (12/5));
  }
  .col-xl-6 {
    flex: 0 0 calc((100%) / (12/6));
    max-width: calc((100%) / (12/6));
  }
  .col-xl-7 {
    flex: 0 0 calc((100%) / (12/7));
    max-width: calc((100%) / (12/7));
  }
  .col-xl-8 {
    flex: 0 0 calc((100%) / (12/8));
    max-width: calc((100%) / (12/8));
  }
  .col-xl-9 {
    flex: 0 0 calc((100%) / (12/9));
    max-width: calc((100%) / (12/9));
  }
  .col-xl-10 {
    flex: 0 0 calc((100%) / (12/10));
    max-width: calc((100%) / (12/10));
  }
  .col-xl-11 {
    flex: 0 0 calc((100%) / (12/11));
    max-width: calc((100%) / (12/11));
  }
  .col-xl-12 {
    flex: 0 0 calc((100%) / (12/12));
    max-width: calc((100%) / (12/12));
  }
}

.table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--card-bg);
  border-radius: var(--border-radius-lg);
}

.table th,
.table td {
  padding: var(--spacer-5);
}

.table th {
  font-weight: 600;
  color: var(--headings-color);
}

.table tbody tr:nth-of-type(odd) {
  background-color: var(--table-accent-bg);
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  border-radius: var(--border-radius-lg);
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-radius: var(--border-radius-lg);
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-radius: var(--border-radius-lg);
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-radius: var(--border-radius-lg);
  }
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-radius: var(--border-radius-lg);
  }
}

.form-control {
  display: block;
  width: 100%;
  padding: .75rem var(--spacer-3);
  background-color: var(--fill-bg);
  background-clip: padding-box;
  border: 0;
  border-radius: var(--border-radius-lg);
}

.form-control:focus {
  outline: 0;
}

.form-control::placeholder {
  color: var(--body-color);
  opacity: 1;
}

.form-control:disabled {
  opacity: .5;
}

.form-control-sm {
  padding: var(--spacer-2) var(--spacer-3);
}

.form-control-lg {
  padding: var(--spacer-3);
}

.form-check {
  display: block;
  min-height: 1em;
}

.form-label .form-check-input {
  margin-top: .25em;
  margin-bottom: .25em;
}

.form-check .form-check-input {
  float: left;
}

.form-check-input {
  width: 1em;
  height: 1em;
  background-color: var(--fill-bg);
  -webkit-appearance: none;
}

.form-check-input[type="checkbox"] {
  border-radius: .25em;
}

.form-check-input[type="radio"] {
  border-radius: 50%;
}

.form-check-input:focus {
  outline: 0;
}

.form-check-input:active {
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
}

.form-check-input:checked {
  background-color: var(--primary);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: .75em;
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[disabled] {
  pointer-events: none;
  opacity: .5;
}

.form-check-input[disabled] ~ .form-check-label {
  opacity: .5;
}

.form-check-label {
  margin-bottom: 0;
  margin-left: var(--spacer-3);
  font-weight: 500;
  color: var(--body-color);
}

.form-switch .form-check-input {
  width: 1.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  border: 1px solid transparent;
  border-radius: 2em;
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: background-color, background-position;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}

.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: right center;
}

.input-group {
  position: relative;
  display: flex;
}

.input-group .form-control {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
}

.input-group .form-control:not(:last-child) {
  padding-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .form-control:not(:first-child) {
  padding-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
  align-items: center;
  background-color: var(--fill-bg);
}

.input-group-prepend {
  padding-right: var(--spacer-3);
  padding-left: var(--spacer-3);
  border-top-left-radius: var(--border-radius-lg);
  border-bottom-left-radius: var(--border-radius-lg);
}

.input-group-append {
  padding-right: var(--spacer-3);
  padding-left: var(--spacer-3);
  border-top-right-radius: var(--border-radius-lg);
  border-bottom-right-radius: var(--border-radius-lg);
}

.btn {
  display: inline-block;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 0;
  border-radius: var(--border-radius-lg);
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: color, background-color;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:focus {
  outline: 0;
}

.btn:disabled,
.btn.disabled {
  opacity: .5;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-sm {
  padding: .75rem var(--spacer-5);
}

.btn-lg {
  padding: var(--spacer-3) var(--spacer-5);
}

.btn-circle {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border-radius: 50%;
}

.btn-sm.btn-circle {
  width: 2.5rem;
  height: 2.5rem;
}

.btn-lg.btn-circle {
  width: 3.5rem;
  height: 3.5rem;
}

.btn-orange {
  color: var(--white);
  background-color: var(--orange);
}

.btn-orange:hover,
.btn-orange:focus {
  color: var(--white);
  background-color: var(--orange-hover);
}

.btn-orange:disabled,
.btn-orange.disabled {
  color: var(--white);
  background-color: var(--orange);
}

.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-orange {
  background-color: hsl(28.1,100%,30.6%);
}

.btn-primary {
  color: var(--white);
  background-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus {
  color: var(--white);
  background-color: var(--primary-hover);
}

.btn-primary:disabled,
.btn-primary.disabled {
  color: var(--white);
  background-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-primary {
  background-color: hsl(211, 100%, 46%);
}

.btn-secondary {
  color: var(--white);
  background-color: var(--secondary);
}

.btn-secondary:hover,
.btn-secondary:focus {
  color: var(--white);
  background-color: var(--secondary-hover);
}

.btn-secondary:disabled,
.btn-secondary.disabled {
  color: var(--white);
  background-color: var(--secondary);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-secondary {
  background-color: hsl(208, 7%, 34%)
}

.btn-success {
  color: var(--white);
  background-color: var(--success);
}

.btn-success:hover,
.btn-success:focus {
  color: var(--white);
  background-color: var(--success-hover);
}

.btn-success:disabled,
.btn-success.disabled {
  color: var(--white);
  background-color: var(--success);
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-success {
  background-color: hsl(134, 61%, 33%);
}

.btn-info {
  color: var(--white);
  background-color: var(--info);
}

.btn-info:hover,
.btn-info:focus {
  color: var(--white);
  background-color: var(--info-hover);
}

.btn-info:disabled,
.btn-info.disabled {
  color: var(--white);
  background-color: var(--info);
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-info {
  background-color: hsl(188, 78%, 33%);
}

.btn-warning {
  color: var(--white);
  background-color: var(--warning);
}

.btn-warning:hover,
.btn-warning:focus {
  color: var(--white);
  background-color: var(--warning-hover);
}

.btn-warning:disabled,
.btn-warning.disabled {
  color: var(--white);
  background-color: var(--warning);
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-warning {
  background-color: hsl(45, 100%, 39%);
}

.btn-danger {
  color: var(--white);
  background-color: var(--danger);
}

.btn-danger:hover,
.btn-danger:focus {
  color: var(--white);
  background-color: var(--danger-hover);
}

.btn-danger:disabled,
.btn-danger.disabled {
  color: var(--white);
  background-color: var(--danger);
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-danger {
  background-color: hsl(354, 70%, 42%);
}

.btn-light {
  color: var(--body-color);
  background-color: var(--light);
}

.btn-light:hover,
.btn-light:focus {
  color: var(--body-color);
  background-color: var(--light-hover);
}

.btn-light:disabled,
.btn-light.disabled {
  color: var(--primary);
  background-color: var(--light);
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-light {
  background-color: var(--light-hover);
}

.btn-dark {
  color: var(--white);
  background-color: var(--dark);
}

.btn-dark:hover,
.btn-dark:focus {
  color: var(--white);
  background-color: var(--dark-hover);
}

.btn-dark:disabled,
.btn-dark.disabled {
  color: var(--white);
  background-color: var(--dark);
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-light {
  background-color: var(--dark-hover);
}

.btn-neutral {
  color: var(--body-color);
  background-color: var(--neutral);
}

.btn-neutral:hover,
.btn-neutral:focus {
  color: var(--body-color);
  background-color: var(--neutral-hover);
}

.btn-neutral:disabled,
.btn-neutral.disabled {
  color: var(--body-color);
  background-color: var(--neutral);
}

.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active,
.dropdown.show > .btn-neutral {
  background-color: var(--neutral-hover);
}

.btn-white {
  color: var(--primary);
  background-color: var(--white);
}

.fade {
  transition: opacity .16s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .32s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  display: none;
  min-width: 12rem;
  padding: .75rem;
  margin-top: var(--spacer-1);
  background-color: var(--fill-bg);
  background-clip: padding-box;
  border-radius: var(--border-radius-lg);
}

.dropdown-menu.show {
  display: block;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--spacer-1);
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-bottom: var(--spacer-1);
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-bottom: var(--spacer-1);
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .75rem;
  clear: both;
  color: var(--body-color);
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: var(--border-radius-lg);
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: color, background-color;
}

@media (prefers-reduced-motion: reduce) {
  .dropdown-item {
    transition: none;
  }
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: inherit;
  background-color: var(--fill-active-bg);
  outline: 0;
}

.dropdown-item:active,
.dropdown-item.active {
  color: var(--white);
  background-color: var(--primary);
}

.dropdown-item:disabled,
.dropdown-item.disabled {
  pointer-events: none;
  opacity: .5;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}

.nav-link {
  display: block;
  color: var(--body-color);
}

.nav-link.disabled {
  pointer-events: none;
  opacity: .5;
}

.nav-tabs {
  display: flex;
  width: 100%;
  padding: var(--spacer-2);
  list-style: none;
  background-color: var(--fill-bg);
  border-radius: var(--border-radius-lg);
}

.nav-tabs .nav-link {
  padding: .75rem;
  border-radius: var(--border-radius-lg);
  transition-property: color, background-color;
}

.nav-tabs .nav-link:hover {
  color: inherit;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--tab-link-color);
  background-color: var(--fill-active-bg);
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-sm .nav-link {
  padding: .5rem;
}

.nav-lg .nav-link {
  padding: var(--spacer-3);
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacer-5) var(--spacer-3);
  background-color: var(--card-bg);
}

.navbar .container,
.navbar .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar .dropdown-menu {
  position: static;
  margin-top: var(--spacer-3);
}

.navbar-toggler {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.navbar-toggler:focus {
  outline: 0;
}

.navbar-collapse {
  flex-basis: 100%;
  align-items: center;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin: var(--spacer-5) 0;
  list-style: none;
}

.navbar-nav .nav-item + .nav-item {
  margin-top: var(--spacer-3);
}

.navbar-nav .active > .nav-link,
.navbar-nav .show > .nav-link {
  color: var(--primary);
}

@media (max-width: 575.98px) {
  .navbar .container,
  .navbar .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .container,
  .navbar-expand-sm .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
    margin: 0 var(--spacer-5);
  }
  .navbar-expand-sm .navbar-nav .nav-item + .nav-item {
    margin-top: 0;
    margin-left: var(--spacer-5);
  }
  .navbar-expand-sm .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .form-control {
    max-width: 9rem;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .container,
  .navbar-expand-md .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
    margin: 0 var(--spacer-5);
  }
  .navbar-expand-md .navbar-nav .nav-item + .nav-item {
    margin-top: 0;
    margin-left: var(--spacer-5);
  }
  .navbar-expand-md .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .form-control {
    max-width: 9rem;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .container,
  .navbar-expand-lg .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    margin: 0 var(--spacer-5);
  }
  .navbar-expand-lg .navbar-nav .nav-item + .nav-item {
    margin-top: 0;
    margin-left: var(--spacer-5);
  }
  .navbar-expand-lg .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .form-control {
    max-width: 9rem;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .container,
  .navbar-expand-xl .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
    margin: 0 var(--spacer-5);
  }
  .navbar-expand-xl .navbar-nav .nav-item + .nav-item {
    margin-top: 0;
    margin-left: var(--spacer-5);
  }
  .navbar-expand-xl .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .form-control {
    max-width: 9rem;
  }
}

.card {
  position: relative;
  background-color: var(--card-bg);
  border-radius: var(--border-radius-lg);
}

.card-header,
.card-body,
.card-footer {
  padding: var(--spacer-5);
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacer-5);
  list-style: none;
  background-color: var(--fill-bg);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--spacer-3);
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: var(--spacer-3);
  color: var(--body-color);
  content: "/";
}

.breadcrumb-link {
  color: var(--body-color);
}

.breadcrumb-item.active .breadcrumb-link {
  color: var(--primary);
}

.pagination {
  display: inline-flex;
  padding: var(--spacer-2);
  list-style: none;
  background-color: var(--fill-bg);
  border-radius: var(--border-radius-lg);
}

.page-link {
  display: block;
  padding: .75rem 1.25rem;
  color: var(--body-color);
  border-radius: var(--border-radius-lg);
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: color, background-color;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}

.page-link:hover,
.page-item.active .page-link {
  color: var(--white);
  background-color: var(--primary);
}

.page-item:not(:first-child) .page-link {
  margin-left: var(--spacer-2);
}

.page-item.disabled .page-link {
  pointer-events: none;
  opacity: .5;
}

.pagination-sm .page-link {
  padding: .625rem 1.125rem;
}

.pagination-lg .page-link {
  padding: var(--spacer-3) var(--spacer-4);
}

.badge {
  display: inline-block;
  padding: var(--spacer-1) var(--spacer-2);
  font-size: .75rem;
  text-align: center;
  white-space: nowrap;
  border-radius: var(--border-radius-sm);
}

.badge-pill {
  padding-right: .75rem;
  padding-left: .75rem;
  border-radius: 10rem;
}

.alert {
  position: relative;
  padding: var(--spacer-3);
  border-radius: var(--border-radius-lg);
}

.alert-dismissible {
  padding-right: var(--spacer-9);
}

.alert-dismissible .close {
  position: absolute;
  top: var(--spacer-3);
  right: var(--spacer-3);
}

.icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  vertical-align: middle;
}

.icon-sm {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-lg {
  width: 3rem;
  height: 3rem;
}

.gi {
  display: inline-block;
  flex-shrink: 0;
  transition: fill .4s ease;
}

@media (prefers-reduced-motion: reduce) {
  .gi {
    transition: none;
  }
}

.gi-animation {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.gi-animation-infinite {
  animation-iteration-count: infinite;
}

.gi-animation-shake {
  animation-name: shake;
}

.gi-animation-zoom {
  animation-name: zoom;
}

.gi-animation-pulse {
  animation-name: pulse;
}

.gi-animation-flip {
  animation-name: flip;
}

.gi-animation-hover {
  display: inline-block;
}

@-webkit-keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-3px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(3px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-3px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(3px, 0, 0);
  }
}

.gi-animation-hover:hover .gi-animation-hover-shake {
  animation-name: shake;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 1;
    transform: scale3d(.5, .5, .5);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoom {
  0% {
    opacity: 1;
    transform: scale3d(.5, .5, .5);
  }
  50% {
    opacity: 1;
  }
}

.gi-animation-hover:hover .gi-animation-hover-zoom {
  animation-name: zoom;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

.gi-animation-hover:hover .gi-animation-hover-pulse {
  animation-name: pulse;
}

@-webkit-keyframes flip {
  0% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}

@keyframes flip {
  0% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}

.gi-animation-hover:hover .gi-animation-hover-flip {
  animation-name: flip;
}

.avatar {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: var(--white);
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: var(--border-radius-lg);
}

.avatar:hover {
  color: var(--white);
}

.avatar:not(:first-child) {
  margin-left: calc(var(--spacer-3) / -1);
}

.avatar-xs {
  width: 2rem;
  height: 2rem;
}

.avatar-sm {
  width: 2.5rem;
  height: 2.5rem;
}

.avatar-md {
  width: 3rem;
  height: 3rem;
}

.avatar-lg {
  width: 3.5rem;
  height: 3.5rem;
}

.avatar-xl {
  width: 4rem;
  height: 4rem;
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: var(--progress-bg);
  border-radius: var(--border-radius-lg);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  border-radius: var(--border-radius-lg);
  transition: width .4s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--spacer-2);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform .4s ease;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-scrollable {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  display: none;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--card-bg);
  background-clip: padding-box;
  border-radius: var(--border-radius-lg);
  outline: 0;
}

.modal-header,
.modal-body,
.modal-footer {
  padding: var(--spacer-5) var(--spacer-3);
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  background-color: var(--body-bg);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100vw;
  height: 100vh;
  background-color: var(--black);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: .5;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: auto;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
  .modal-header,
  .modal-body,
  .modal-footer {
    padding: var(--spacer-5);
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.accordion {
  padding-right: var(--spacer-5);
  padding-left: var(--spacer-5);
  background-color: var(--card-bg);
  border-radius: var(--border-radius-lg);
}

.accordion-item:not(:last-child) {
  border-bottom: 2px solid var(--fill-bg);
}

.accordion-header,
.accordion-body {
  padding-top: var(--spacer-5);
  padding-bottom: var(--spacer-5);
}

.accordion-header {
  display: flex;
  align-items: center;
  width: 100%;
}

.accordion-header[aria-expanded="false"] .gi-arrow-ios-downward,
.accordion-header[aria-expanded="true"] .gi-arrow-ios-forward {
  display: none;
}

.accordion-body {
  border-top: 2px solid var(--fill-bg);
}

.tooltip {
  position: absolute;
  z-index: 5;
  display: block;
  margin: 0;
  font-size: .875rem;
  opacity: 0;
}

.tooltip.show {
  opacity: 1;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: .4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: var(--neutral);
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 .4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: .4rem;
  height: .8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: var(--neutral);
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: .4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: var(--neutral);
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 .4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: .4rem;
  height: .8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: var(--neutral);
}

.tooltip-inner {
  max-width: 200px;
  padding: var(--spacer-1) var(--spacer-2);
  text-align: center;
  background-color: var(--neutral);
  border-radius: var(--border-radius-sm);
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-orange {
  color: var(--orange);
}

.link-orange:hover {
  color: var(--orange-hover);
}

.link-primary {
  color: var(--primary);
}

.link-primary:hover {
  color: var(--primary-hover);
}

.link-secondary {
  color: var(--secondary);
}

.link-secondary:hover {
  color: var(--secondary-hover);
}

.link-success {
  color: var(--success);
}

.link-success:hover {
  color: var(--success-hover);
}

.link-info {
  color: var(--info);
}

.link-info:hover {
  color: var(--info-hover);
}

.link-warning {
  color: var(--warning);
}

.link-warning:hover {
  color: var(--warning-hover);
}

.link-danger {
  color: var(--danger);
}

.link-danger:hover {
  color: var(--danger-hover);
}

.link-light {
  color: var(--light);
}

.link-light:hover {
  color: var(--light-hover);
}

.link-dark {
  color: var(--dark);
}

.link-dark:hover {
  color: var(--dark-hover);
}

.link-body {
  color: var(--body-color);
}

.link-body:hover {
  color: var(--orange);
}

.embed-responsive {
  position: relative;
  width: 100%;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.fixed-top {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
}

.fixed-bottom {
  position: fixed !important;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    z-index: 2;
  }
  @media (min-width: 576px) {
    .sticky-sm-top {
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0;
      z-index: 2;
    }
  }
  @media (min-width: 768px) {
    .sticky-md-top {
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0;
      z-index: 2;
    }
  }
  @media (min-width: 992px) {
    .sticky-lg-top {
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0;
      z-index: 2;
    }
  }
  @media (min-width: 1200px) {
    .sticky-xl-top {
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0;
      z-index: 2;
    }
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.z-index-lower {
  z-index: 1 !important;
}

.z-index-low {
  z-index: 2 !important;
}

.z-index-medium {
  z-index: 3 !important;
}

.z-index-high {
  z-index: 4 !important;
}

.z-index-higher {
  z-index: 5 !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-flex {
  display: flex !important;
}

.d-none {
  display: none !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-block {
    display: block !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-none {
    display: none !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.order-first {
  order: -1 !important;
}

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

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

@media (max-width: 1199.98px) {
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .mw-xl-100 {
    max-width: 100% !important;
  }
  .vw-xl-100 {
    width: 100vw !important;
  }
  .min-xl-vw-100 {
    min-width: 100vw !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
  .mh-xl-100 {
    max-height: 100% !important;
  }
  .vh-xl-100 {
    height: 100vh !important;
  }
  .min-xl-vh-100 {
    min-height: 100vh !important;
  }
}

@media (max-width: 991.98px) {
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .mw-lg-100 {
    max-width: 100% !important;
  }
  .vw-lg-100 {
    width: 100vw !important;
  }
  .min-lg-vw-100 {
    min-width: 100vw !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
  .mh-lg-100 {
    max-height: 100% !important;
  }
  .vh-lg-100 {
    height: 100vh !important;
  }
  .min-lg-vh-100 {
    min-height: 100vh !important;
  }
}

@media (max-width: 767.98px) {
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .mw-md-100 {
    max-width: 100% !important;
  }
  .vw-md-100 {
    width: 100vw !important;
  }
  .min-md-vw-100 {
    min-width: 100vw !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .h-md-auto {
    height: auto !important;
  }
  .mh-md-100 {
    max-height: 100% !important;
  }
  .vh-md-100 {
    height: 100vh !important;
  }
  .min-md-vh-100 {
    min-height: 100vh !important;
  }
}

@media (max-width: 575.98px) {
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .mw-sm-100 {
    max-width: 100% !important;
  }
  .vw-sm-100 {
    width: 100vw !important;
  }
  .min-sm-vw-100 {
    min-width: 100vw !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
  .mh-sm-100 {
    max-height: 100% !important;
  }
  .vh-sm-100 {
    height: 100vh !important;
  }
  .min-sm-vh-100 {
    min-height: 100vh !important;
  }
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: var(--spacer-1) !important;
}

.p-2 {
  padding: var(--spacer-2) !important;
}

.p-3 {
  padding: var(--spacer-3) !important;
}

.p-4 {
  padding: var(--spacer-4) !important;
}

.p-5 {
  padding: var(--spacer-5) !important;
}

.p-6 {
  padding: var(--spacer-6) !important;
}

.p-7 {
  padding: var(--spacer-7) !important;
}

.p-8 {
  padding: var(--spacer-8) !important;
}

.p-9 {
  padding: var(--spacer-9) !important;
}

.p-10 {
  padding: var(--spacer-10) !important;
}

.p-11 {
  padding: var(--spacer-11) !important;
}

.p-12 {
  padding: var(--spacer-12) !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: var(--spacer-1) !important;
  padding-left: var(--spacer-1) !important;
}

.px-2 {
  padding-right: var(--spacer-2) !important;
  padding-left: var(--spacer-2) !important;
}

.px-3 {
  padding-right: var(--spacer-3) !important;
  padding-left: var(--spacer-3) !important;
}

.px-4 {
  padding-right: var(--spacer-4) !important;
  padding-left: var(--spacer-4) !important;
}

.px-5 {
  padding-right: var(--spacer-5) !important;
  padding-left: var(--spacer-5) !important;
}

.px-6 {
  padding-right: var(--spacer-6) !important;
  padding-left: var(--spacer-6) !important;
}

.px-7 {
  padding-right: var(--spacer-7) !important;
  padding-left: var(--spacer-7) !important;
}

.px-8 {
  padding-right: var(--spacer-8) !important;
  padding-left: var(--spacer-8) !important;
}

.px-9 {
  padding-right: var(--spacer-9) !important;
  padding-left: var(--spacer-9) !important;
}

.px-10 {
  padding-right: var(--spacer-10) !important;
  padding-left: var(--spacer-10) !important;
}

.px-11 {
  padding-right: var(--spacer-11) !important;
  padding-left: var(--spacer-11) !important;
}

.px-12 {
  padding-right: var(--spacer-12) !important;
  padding-left: var(--spacer-12) !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: var(--spacer-1) !important;
  padding-bottom: var(--spacer-1) !important;
}

.py-2 {
  padding-top: var(--spacer-2) !important;
  padding-bottom: var(--spacer-2) !important;
}

.py-3 {
  padding-top: var(--spacer-3) !important;
  padding-bottom: var(--spacer-3) !important;
}

.py-4 {
  padding-top: var(--spacer-4) !important;
  padding-bottom: var(--spacer-4) !important;
}

.py-5 {
  padding-top: var(--spacer-5) !important;
  padding-bottom: var(--spacer-5) !important;
}

.py-6 {
  padding-top: var(--spacer-6) !important;
  padding-bottom: var(--spacer-6) !important;
}

.py-7 {
  padding-top: var(--spacer-7) !important;
  padding-bottom: var(--spacer-7) !important;
}

.py-8 {
  padding-top: var(--spacer-8) !important;
  padding-bottom: var(--spacer-8) !important;
}

.py-9 {
  padding-top: var(--spacer-9) !important;
  padding-bottom: var(--spacer-9) !important;
}

.py-10 {
  padding-top: var(--spacer-10) !important;
  padding-bottom: var(--spacer-10) !important;
}

.py-11 {
  padding-top: var(--spacer-11) !important;
  padding-bottom: var(--spacer-11) !important;
}

.py-12 {
  padding-top: var(--spacer-12) !important;
  padding-bottom: var(--spacer-12) !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: var(--spacer-1) !important;
}

.pt-2 {
  padding-top: var(--spacer-2) !important;
}

.pt-3 {
  padding-top: var(--spacer-3) !important;
}

.pt-4 {
  padding-top: var(--spacer-4) !important;
}

.pt-5 {
  padding-top: var(--spacer-5) !important;
}

.pt-6 {
  padding-top: var(--spacer-6) !important;
}

.pt-7 {
  padding-top: var(--spacer-7) !important;
}

.pt-8 {
  padding-top: var(--spacer-8) !important;
}

.pt-9 {
  padding-top: var(--spacer-9) !important;
}

.pt-10 {
  padding-top: var(--spacer-10) !important;
}

.pt-11 {
  padding-top: var(--spacer-11) !important;
}

.pt-12 {
  padding-top: var(--spacer-12) !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: var(--spacer-1) !important;
}

.pr-2 {
  padding-right: var(--spacer-2) !important;
}

.pr-3 {
  padding-right: var(--spacer-3) !important;
}

.pr-4 {
  padding-right: var(--spacer-4) !important;
}

.pr-5 {
  padding-right: var(--spacer-5) !important;
}

.pr-6 {
  padding-right: var(--spacer-6) !important;
}

.pr-7 {
  padding-right: var(--spacer-7) !important;
}

.pr-8 {
  padding-right: var(--spacer-8) !important;
}

.pr-9 {
  padding-right: var(--spacer-9) !important;
}

.pr-10 {
  padding-right: var(--spacer-10) !important;
}

.pr-11 {
  padding-right: var(--spacer-11) !important;
}

.pr-12 {
  padding-right: var(--spacer-12) !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: var(--spacer-1) !important;
}

.pb-2 {
  padding-bottom: var(--spacer-2) !important;
}

.pb-3 {
  padding-bottom: var(--spacer-3) !important;
}

.pb-4 {
  padding-bottom: var(--spacer-4) !important;
}

.pb-5 {
  padding-bottom: var(--spacer-5) !important;
}

.pb-6 {
  padding-bottom: var(--spacer-6) !important;
}

.pb-7 {
  padding-bottom: var(--spacer-7) !important;
}

.pb-8 {
  padding-bottom: var(--spacer-8) !important;
}

.pb-9 {
  padding-bottom: var(--spacer-9) !important;
}

.pb-10 {
  padding-bottom: var(--spacer-10) !important;
}

.pb-11 {
  padding-bottom: var(--spacer-11) !important;
}

.pb-12 {
  padding-bottom: var(--spacer-12) !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: var(--spacer-1) !important;
}

.pl-2 {
  padding-left: var(--spacer-2) !important;
}

.pl-3 {
  padding-left: var(--spacer-3) !important;
}

.pl-4 {
  padding-left: var(--spacer-4) !important;
}

.pl-5 {
  padding-left: var(--spacer-5) !important;
}

.pl-6 {
  padding-left: var(--spacer-6) !important;
}

.pl-7 {
  padding-left: var(--spacer-7) !important;
}

.pl-8 {
  padding-left: var(--spacer-8) !important;
}

.pl-9 {
  padding-left: var(--spacer-9) !important;
}

.pl-10 {
  padding-left: var(--spacer-10) !important;
}

.pl-11 {
  padding-left: var(--spacer-11) !important;
}

.pl-12 {
  padding-left: var(--spacer-12) !important;
}

@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: var(--spacer-1) !important;
  }
  .p-sm-2 {
    padding: var(--spacer-2) !important;
  }
  .p-sm-3 {
    padding: var(--spacer-3) !important;
  }
  .p-sm-4 {
    padding: var(--spacer-4) !important;
  }
  .p-sm-5 {
    padding: var(--spacer-5) !important;
  }
  .p-sm-6 {
    padding: var(--spacer-6) !important;
  }
  .p-sm-7 {
    padding: var(--spacer-7) !important;
  }
  .p-sm-8 {
    padding: var(--spacer-8) !important;
  }
  .p-sm-9 {
    padding: var(--spacer-9) !important;
  }
  .p-sm-10 {
    padding: var(--spacer-10) !important;
  }
  .p-sm-11 {
    padding: var(--spacer-11) !important;
  }
  .p-sm-12 {
    padding: var(--spacer-12) !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: var(--spacer-1) !important;
    padding-left: var(--spacer-1) !important;
  }
  .px-sm-2 {
    padding-right: var(--spacer-2) !important;
    padding-left: var(--spacer-2) !important;
  }
  .px-sm-3 {
    padding-right: var(--spacer-3) !important;
    padding-left: var(--spacer-3) !important;
  }
  .px-sm-4 {
    padding-right: var(--spacer-4) !important;
    padding-left: var(--spacer-4) !important;
  }
  .px-sm-5 {
    padding-right: var(--spacer-5) !important;
    padding-left: var(--spacer-5) !important;
  }
  .px-sm-6 {
    padding-right: var(--spacer-6) !important;
    padding-left: var(--spacer-6) !important;
  }
  .px-sm-7 {
    padding-right: var(--spacer-7) !important;
    padding-left: var(--spacer-7) !important;
  }
  .px-sm-8 {
    padding-right: var(--spacer-8) !important;
    padding-left: var(--spacer-8) !important;
  }
  .px-sm-9 {
    padding-right: var(--spacer-9) !important;
    padding-left: var(--spacer-9) !important;
  }
  .px-sm-10 {
    padding-right: var(--spacer-10) !important;
    padding-left: var(--spacer-10) !important;
  }
  .px-sm-11 {
    padding-right: var(--spacer-11) !important;
    padding-left: var(--spacer-11) !important;
  }
  .px-sm-12 {
    padding-right: var(--spacer-12) !important;
    padding-left: var(--spacer-12) !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: var(--spacer-1) !important;
    padding-bottom: var(--spacer-1) !important;
  }
  .py-sm-2 {
    padding-top: var(--spacer-2) !important;
    padding-bottom: var(--spacer-2) !important;
  }
  .py-sm-3 {
    padding-top: var(--spacer-3) !important;
    padding-bottom: var(--spacer-3) !important;
  }
  .py-sm-4 {
    padding-top: var(--spacer-4) !important;
    padding-bottom: var(--spacer-4) !important;
  }
  .py-sm-5 {
    padding-top: var(--spacer-5) !important;
    padding-bottom: var(--spacer-5) !important;
  }
  .py-sm-6 {
    padding-top: var(--spacer-6) !important;
    padding-bottom: var(--spacer-6) !important;
  }
  .py-sm-7 {
    padding-top: var(--spacer-7) !important;
    padding-bottom: var(--spacer-7) !important;
  }
  .py-sm-8 {
    padding-top: var(--spacer-8) !important;
    padding-bottom: var(--spacer-8) !important;
  }
  .py-sm-9 {
    padding-top: var(--spacer-9) !important;
    padding-bottom: var(--spacer-9) !important;
  }
  .py-sm-10 {
    padding-top: var(--spacer-10) !important;
    padding-bottom: var(--spacer-10) !important;
  }
  .py-sm-11 {
    padding-top: var(--spacer-11) !important;
    padding-bottom: var(--spacer-11) !important;
  }
  .py-sm-12 {
    padding-top: var(--spacer-12) !important;
    padding-bottom: var(--spacer-12) !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pt-sm-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pt-sm-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pt-sm-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pt-sm-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pt-sm-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pt-sm-7 {
    padding-top: var(--spacer-7) !important;
  }
  .pt-sm-8 {
    padding-top: var(--spacer-8) !important;
  }
  .pt-sm-9 {
    padding-top: var(--spacer-9) !important;
  }
  .pt-sm-10 {
    padding-top: var(--spacer-10) !important;
  }
  .pt-sm-11 {
    padding-top: var(--spacer-11) !important;
  }
  .pt-sm-12 {
    padding-top: var(--spacer-12) !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pr-sm-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pr-sm-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pr-sm-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pr-sm-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pr-sm-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pr-sm-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pr-sm-7 {
    padding-right: var(--spacer-7) !important;
  }
  .pr-sm-8 {
    padding-right: var(--spacer-8) !important;
  }
  .pr-sm-9 {
    padding-right: var(--spacer-9) !important;
  }
  .pr-sm-10 {
    padding-right: var(--spacer-10) !important;
  }
  .pr-sm-11 {
    padding-right: var(--spacer-11) !important;
  }
  .pr-sm-12 {
    padding-right: var(--spacer-12) !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pb-sm-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pb-sm-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pb-sm-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pb-sm-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pb-sm-7 {
    padding-bottom: var(--spacer-7) !important;
  }
  .pb-sm-8 {
    padding-bottom: var(--spacer-8) !important;
  }
  .pb-sm-9 {
    padding-bottom: var(--spacer-9) !important;
  }
  .pb-sm-10 {
    padding-bottom: var(--spacer-10) !important;
  }
  .pb-sm-11 {
    padding-bottom: var(--spacer-11) !important;
  }
  .pb-sm-12 {
    padding-bottom: var(--spacer-12) !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .pl-sm-1 {
    padding-left: var(--spacer-1) !important;
  }
  .pl-sm-2 {
    padding-left: var(--spacer-2) !important;
  }
  .pl-sm-3 {
    padding-left: var(--spacer-3) !important;
  }
  .pl-sm-4 {
    padding-left: var(--spacer-4) !important;
  }
  .pl-sm-5 {
    padding-left: var(--spacer-5) !important;
  }
  .pl-sm-6 {
    padding-left: var(--spacer-6) !important;
  }
  .pl-sm-7 {
    padding-left: var(--spacer-7) !important;
  }
  .pl-sm-8 {
    padding-left: var(--spacer-8) !important;
  }
  .pl-sm-9 {
    padding-left: var(--spacer-9) !important;
  }
  .pl-sm-10 {
    padding-left: var(--spacer-10) !important;
  }
  .pl-sm-11 {
    padding-left: var(--spacer-11) !important;
  }
  .pl-sm-12 {
    padding-left: var(--spacer-12) !important;
  }
}

@media (min-width: 768px) {
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: var(--spacer-1) !important;
  }
  .p-md-2 {
    padding: var(--spacer-2) !important;
  }
  .p-md-3 {
    padding: var(--spacer-3) !important;
  }
  .p-md-4 {
    padding: var(--spacer-4) !important;
  }
  .p-md-5 {
    padding: var(--spacer-5) !important;
  }
  .p-md-6 {
    padding: var(--spacer-6) !important;
  }
  .p-md-7 {
    padding: var(--spacer-7) !important;
  }
  .p-md-8 {
    padding: var(--spacer-8) !important;
  }
  .p-md-9 {
    padding: var(--spacer-9) !important;
  }
  .p-md-10 {
    padding: var(--spacer-10) !important;
  }
  .p-md-11 {
    padding: var(--spacer-11) !important;
  }
  .p-md-12 {
    padding: var(--spacer-12) !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: var(--spacer-1) !important;
    padding-left: var(--spacer-1) !important;
  }
  .px-md-2 {
    padding-right: var(--spacer-2) !important;
    padding-left: var(--spacer-2) !important;
  }
  .px-md-3 {
    padding-right: var(--spacer-3) !important;
    padding-left: var(--spacer-3) !important;
  }
  .px-md-4 {
    padding-right: var(--spacer-4) !important;
    padding-left: var(--spacer-4) !important;
  }
  .px-md-5 {
    padding-right: var(--spacer-5) !important;
    padding-left: var(--spacer-5) !important;
  }
  .px-md-6 {
    padding-right: var(--spacer-6) !important;
    padding-left: var(--spacer-6) !important;
  }
  .px-md-7 {
    padding-right: var(--spacer-7) !important;
    padding-left: var(--spacer-7) !important;
  }
  .px-md-8 {
    padding-right: var(--spacer-8) !important;
    padding-left: var(--spacer-8) !important;
  }
  .px-md-9 {
    padding-right: var(--spacer-9) !important;
    padding-left: var(--spacer-9) !important;
  }
  .px-md-10 {
    padding-right: var(--spacer-10) !important;
    padding-left: var(--spacer-10) !important;
  }
  .px-md-11 {
    padding-right: var(--spacer-11) !important;
    padding-left: var(--spacer-11) !important;
  }
  .px-md-12 {
    padding-right: var(--spacer-12) !important;
    padding-left: var(--spacer-12) !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: var(--spacer-1) !important;
    padding-bottom: var(--spacer-1) !important;
  }
  .py-md-2 {
    padding-top: var(--spacer-2) !important;
    padding-bottom: var(--spacer-2) !important;
  }
  .py-md-3 {
    padding-top: var(--spacer-3) !important;
    padding-bottom: var(--spacer-3) !important;
  }
  .py-md-4 {
    padding-top: var(--spacer-4) !important;
    padding-bottom: var(--spacer-4) !important;
  }
  .py-md-5 {
    padding-top: var(--spacer-5) !important;
    padding-bottom: var(--spacer-5) !important;
  }
  .py-md-6 {
    padding-top: var(--spacer-6) !important;
    padding-bottom: var(--spacer-6) !important;
  }
  .py-md-7 {
    padding-top: var(--spacer-7) !important;
    padding-bottom: var(--spacer-7) !important;
  }
  .py-md-8 {
    padding-top: var(--spacer-8) !important;
    padding-bottom: var(--spacer-8) !important;
  }
  .py-md-9 {
    padding-top: var(--spacer-9) !important;
    padding-bottom: var(--spacer-9) !important;
  }
  .py-md-10 {
    padding-top: var(--spacer-10) !important;
    padding-bottom: var(--spacer-10) !important;
  }
  .py-md-11 {
    padding-top: var(--spacer-11) !important;
    padding-bottom: var(--spacer-11) !important;
  }
  .py-md-12 {
    padding-top: var(--spacer-12) !important;
    padding-bottom: var(--spacer-12) !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pt-md-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pt-md-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pt-md-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pt-md-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pt-md-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pt-md-7 {
    padding-top: var(--spacer-7) !important;
  }
  .pt-md-8 {
    padding-top: var(--spacer-8) !important;
  }
  .pt-md-9 {
    padding-top: var(--spacer-9) !important;
  }
  .pt-md-10 {
    padding-top: var(--spacer-10) !important;
  }
  .pt-md-11 {
    padding-top: var(--spacer-11) !important;
  }
  .pt-md-12 {
    padding-top: var(--spacer-12) !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pr-md-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pr-md-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pr-md-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pr-md-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pr-md-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pr-md-7 {
    padding-right: var(--spacer-7) !important;
  }
  .pr-md-8 {
    padding-right: var(--spacer-8) !important;
  }
  .pr-md-9 {
    padding-right: var(--spacer-9) !important;
  }
  .pr-md-10 {
    padding-right: var(--spacer-10) !important;
  }
  .pr-md-11 {
    padding-right: var(--spacer-11) !important;
  }
  .pr-md-12 {
    padding-right: var(--spacer-12) !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pb-md-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pb-md-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pb-md-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pb-md-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pb-md-7 {
    padding-bottom: var(--spacer-7) !important;
  }
  .pb-md-8 {
    padding-bottom: var(--spacer-8) !important;
  }
  .pb-md-9 {
    padding-bottom: var(--spacer-9) !important;
  }
  .pb-md-10 {
    padding-bottom: var(--spacer-10) !important;
  }
  .pb-md-11 {
    padding-bottom: var(--spacer-11) !important;
  }
  .pb-md-12 {
    padding-bottom: var(--spacer-12) !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-1 {
    padding-left: var(--spacer-1) !important;
  }
  .pl-md-2 {
    padding-left: var(--spacer-2) !important;
  }
  .pl-md-3 {
    padding-left: var(--spacer-3) !important;
  }
  .pl-md-4 {
    padding-left: var(--spacer-4) !important;
  }
  .pl-md-5 {
    padding-left: var(--spacer-5) !important;
  }
  .pl-md-6 {
    padding-left: var(--spacer-6) !important;
  }
  .pl-md-7 {
    padding-left: var(--spacer-7) !important;
  }
  .pl-md-8 {
    padding-left: var(--spacer-8) !important;
  }
  .pl-md-9 {
    padding-left: var(--spacer-9) !important;
  }
  .pl-md-10 {
    padding-left: var(--spacer-10) !important;
  }
  .pl-md-11 {
    padding-left: var(--spacer-11) !important;
  }
  .pl-md-12 {
    padding-left: var(--spacer-12) !important;
  }
}

@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: var(--spacer-1) !important;
  }
  .p-lg-2 {
    padding: var(--spacer-2) !important;
  }
  .p-lg-3 {
    padding: var(--spacer-3) !important;
  }
  .p-lg-4 {
    padding: var(--spacer-4) !important;
  }
  .p-lg-5 {
    padding: var(--spacer-5) !important;
  }
  .p-lg-6 {
    padding: var(--spacer-6) !important;
  }
  .p-lg-7 {
    padding: var(--spacer-7) !important;
  }
  .p-lg-8 {
    padding: var(--spacer-8) !important;
  }
  .p-lg-9 {
    padding: var(--spacer-9) !important;
  }
  .p-lg-10 {
    padding: var(--spacer-10) !important;
  }
  .p-lg-11 {
    padding: var(--spacer-11) !important;
  }
  .p-lg-12 {
    padding: var(--spacer-12) !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: var(--spacer-1) !important;
    padding-left: var(--spacer-1) !important;
  }
  .px-lg-2 {
    padding-right: var(--spacer-2) !important;
    padding-left: var(--spacer-2) !important;
  }
  .px-lg-3 {
    padding-right: var(--spacer-3) !important;
    padding-left: var(--spacer-3) !important;
  }
  .px-lg-4 {
    padding-right: var(--spacer-4) !important;
    padding-left: var(--spacer-4) !important;
  }
  .px-lg-5 {
    padding-right: var(--spacer-5) !important;
    padding-left: var(--spacer-5) !important;
  }
  .px-lg-6 {
    padding-right: var(--spacer-6) !important;
    padding-left: var(--spacer-6) !important;
  }
  .px-lg-7 {
    padding-right: var(--spacer-7) !important;
    padding-left: var(--spacer-7) !important;
  }
  .px-lg-8 {
    padding-right: var(--spacer-8) !important;
    padding-left: var(--spacer-8) !important;
  }
  .px-lg-9 {
    padding-right: var(--spacer-9) !important;
    padding-left: var(--spacer-9) !important;
  }
  .px-lg-10 {
    padding-right: var(--spacer-10) !important;
    padding-left: var(--spacer-10) !important;
  }
  .px-lg-11 {
    padding-right: var(--spacer-11) !important;
    padding-left: var(--spacer-11) !important;
  }
  .px-lg-12 {
    padding-right: var(--spacer-12) !important;
    padding-left: var(--spacer-12) !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: var(--spacer-1) !important;
    padding-bottom: var(--spacer-1) !important;
  }
  .py-lg-2 {
    padding-top: var(--spacer-2) !important;
    padding-bottom: var(--spacer-2) !important;
  }
  .py-lg-3 {
    padding-top: var(--spacer-3) !important;
    padding-bottom: var(--spacer-3) !important;
  }
  .py-lg-4 {
    padding-top: var(--spacer-4) !important;
    padding-bottom: var(--spacer-4) !important;
  }
  .py-lg-5 {
    padding-top: var(--spacer-5) !important;
    padding-bottom: var(--spacer-5) !important;
  }
  .py-lg-6 {
    padding-top: var(--spacer-6) !important;
    padding-bottom: var(--spacer-6) !important;
  }
  .py-lg-7 {
    padding-top: var(--spacer-7) !important;
    padding-bottom: var(--spacer-7) !important;
  }
  .py-lg-8 {
    padding-top: var(--spacer-8) !important;
    padding-bottom: var(--spacer-8) !important;
  }
  .py-lg-9 {
    padding-top: var(--spacer-9) !important;
    padding-bottom: var(--spacer-9) !important;
  }
  .py-lg-10 {
    padding-top: var(--spacer-10) !important;
    padding-bottom: var(--spacer-10) !important;
  }
  .py-lg-11 {
    padding-top: var(--spacer-11) !important;
    padding-bottom: var(--spacer-11) !important;
  }
  .py-lg-12 {
    padding-top: var(--spacer-12) !important;
    padding-bottom: var(--spacer-12) !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pt-lg-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pt-lg-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pt-lg-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pt-lg-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pt-lg-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pt-lg-7 {
    padding-top: var(--spacer-7) !important;
  }
  .pt-lg-8 {
    padding-top: var(--spacer-8) !important;
  }
  .pt-lg-9 {
    padding-top: var(--spacer-9) !important;
  }
  .pt-lg-10 {
    padding-top: var(--spacer-10) !important;
  }
  .pt-lg-11 {
    padding-top: var(--spacer-11) !important;
  }
  .pt-lg-12 {
    padding-top: var(--spacer-12) !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pr-lg-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pr-lg-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pr-lg-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pr-lg-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pr-lg-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pr-lg-7 {
    padding-right: var(--spacer-7) !important;
  }
  .pr-lg-8 {
    padding-right: var(--spacer-8) !important;
  }
  .pr-lg-9 {
    padding-right: var(--spacer-9) !important;
  }
  .pr-lg-10 {
    padding-right: var(--spacer-10) !important;
  }
  .pr-lg-11 {
    padding-right: var(--spacer-11) !important;
  }
  .pr-lg-12 {
    padding-right: var(--spacer-12) !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pb-lg-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pb-lg-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pb-lg-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pb-lg-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pb-lg-7 {
    padding-bottom: var(--spacer-7) !important;
  }
  .pb-lg-8 {
    padding-bottom: var(--spacer-8) !important;
  }
  .pb-lg-9 {
    padding-bottom: var(--spacer-9) !important;
  }
  .pb-lg-10 {
    padding-bottom: var(--spacer-10) !important;
  }
  .pb-lg-11 {
    padding-bottom: var(--spacer-11) !important;
  }
  .pb-lg-12 {
    padding-bottom: var(--spacer-12) !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-1 {
    padding-left: var(--spacer-1) !important;
  }
  .pl-lg-2 {
    padding-left: var(--spacer-2) !important;
  }
  .pl-lg-3 {
    padding-left: var(--spacer-3) !important;
  }
  .pl-lg-4 {
    padding-left: var(--spacer-4) !important;
  }
  .pl-lg-5 {
    padding-left: var(--spacer-5) !important;
  }
  .pl-lg-6 {
    padding-left: var(--spacer-6) !important;
  }
  .pl-lg-7 {
    padding-left: var(--spacer-7) !important;
  }
  .pl-lg-8 {
    padding-left: var(--spacer-8) !important;
  }
  .pl-lg-9 {
    padding-left: var(--spacer-9) !important;
  }
  .pl-lg-10 {
    padding-left: var(--spacer-10) !important;
  }
  .pl-lg-11 {
    padding-left: var(--spacer-11) !important;
  }
  .pl-lg-12 {
    padding-left: var(--spacer-12) !important;
  }
}

@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: var(--spacer-1) !important;
  }
  .p-xl-2 {
    padding: var(--spacer-2) !important;
  }
  .p-xl-3 {
    padding: var(--spacer-3) !important;
  }
  .p-xl-4 {
    padding: var(--spacer-4) !important;
  }
  .p-xl-5 {
    padding: var(--spacer-5) !important;
  }
  .p-xl-6 {
    padding: var(--spacer-6) !important;
  }
  .p-xl-7 {
    padding: var(--spacer-7) !important;
  }
  .p-xl-8 {
    padding: var(--spacer-8) !important;
  }
  .p-xl-9 {
    padding: var(--spacer-9) !important;
  }
  .p-xl-10 {
    padding: var(--spacer-10) !important;
  }
  .p-xl-11 {
    padding: var(--spacer-11) !important;
  }
  .p-xl-12 {
    padding: var(--spacer-12) !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: var(--spacer-1) !important;
    padding-left: var(--spacer-1) !important;
  }
  .px-xl-2 {
    padding-right: var(--spacer-2) !important;
    padding-left: var(--spacer-2) !important;
  }
  .px-xl-3 {
    padding-right: var(--spacer-3) !important;
    padding-left: var(--spacer-3) !important;
  }
  .px-xl-4 {
    padding-right: var(--spacer-4) !important;
    padding-left: var(--spacer-4) !important;
  }
  .px-xl-5 {
    padding-right: var(--spacer-5) !important;
    padding-left: var(--spacer-5) !important;
  }
  .px-xl-6 {
    padding-right: var(--spacer-6) !important;
    padding-left: var(--spacer-6) !important;
  }
  .px-xl-7 {
    padding-right: var(--spacer-7) !important;
    padding-left: var(--spacer-7) !important;
  }
  .px-xl-8 {
    padding-right: var(--spacer-8) !important;
    padding-left: var(--spacer-8) !important;
  }
  .px-xl-9 {
    padding-right: var(--spacer-9) !important;
    padding-left: var(--spacer-9) !important;
  }
  .px-xl-10 {
    padding-right: var(--spacer-10) !important;
    padding-left: var(--spacer-10) !important;
  }
  .px-xl-11 {
    padding-right: var(--spacer-11) !important;
    padding-left: var(--spacer-11) !important;
  }
  .px-xl-12 {
    padding-right: var(--spacer-12) !important;
    padding-left: var(--spacer-12) !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: var(--spacer-1) !important;
    padding-bottom: var(--spacer-1) !important;
  }
  .py-xl-2 {
    padding-top: var(--spacer-2) !important;
    padding-bottom: var(--spacer-2) !important;
  }
  .py-xl-3 {
    padding-top: var(--spacer-3) !important;
    padding-bottom: var(--spacer-3) !important;
  }
  .py-xl-4 {
    padding-top: var(--spacer-4) !important;
    padding-bottom: var(--spacer-4) !important;
  }
  .py-xl-5 {
    padding-top: var(--spacer-5) !important;
    padding-bottom: var(--spacer-5) !important;
  }
  .py-xl-6 {
    padding-top: var(--spacer-6) !important;
    padding-bottom: var(--spacer-6) !important;
  }
  .py-xl-7 {
    padding-top: var(--spacer-7) !important;
    padding-bottom: var(--spacer-7) !important;
  }
  .py-xl-8 {
    padding-top: var(--spacer-8) !important;
    padding-bottom: var(--spacer-8) !important;
  }
  .py-xl-9 {
    padding-top: var(--spacer-9) !important;
    padding-bottom: var(--spacer-9) !important;
  }
  .py-xl-10 {
    padding-top: var(--spacer-10) !important;
    padding-bottom: var(--spacer-10) !important;
  }
  .py-xl-11 {
    padding-top: var(--spacer-11) !important;
    padding-bottom: var(--spacer-11) !important;
  }
  .py-xl-12 {
    padding-top: var(--spacer-12) !important;
    padding-bottom: var(--spacer-12) !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pt-xl-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pt-xl-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pt-xl-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pt-xl-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pt-xl-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pt-xl-7 {
    padding-top: var(--spacer-7) !important;
  }
  .pt-xl-8 {
    padding-top: var(--spacer-8) !important;
  }
  .pt-xl-9 {
    padding-top: var(--spacer-9) !important;
  }
  .pt-xl-10 {
    padding-top: var(--spacer-10) !important;
  }
  .pt-xl-11 {
    padding-top: var(--spacer-11) !important;
  }
  .pt-xl-12 {
    padding-top: var(--spacer-12) !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pr-xl-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pr-xl-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pr-xl-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pr-xl-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pr-xl-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pr-xl-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pr-xl-7 {
    padding-right: var(--spacer-7) !important;
  }
  .pr-xl-8 {
    padding-right: var(--spacer-8) !important;
  }
  .pr-xl-9 {
    padding-right: var(--spacer-9) !important;
  }
  .pr-xl-10 {
    padding-right: var(--spacer-10) !important;
  }
  .pr-xl-11 {
    padding-right: var(--spacer-11) !important;
  }
  .pr-xl-12 {
    padding-right: var(--spacer-12) !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pb-xl-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pb-xl-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pb-xl-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pb-xl-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pb-xl-7 {
    padding-bottom: var(--spacer-7) !important;
  }
  .pb-xl-8 {
    padding-bottom: var(--spacer-8) !important;
  }
  .pb-xl-9 {
    padding-bottom: var(--spacer-9) !important;
  }
  .pb-xl-10 {
    padding-bottom: var(--spacer-10) !important;
  }
  .pb-xl-11 {
    padding-bottom: var(--spacer-11) !important;
  }
  .pb-xl-12 {
    padding-bottom: var(--spacer-12) !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .pl-xl-1 {
    padding-left: var(--spacer-1) !important;
  }
  .pl-xl-2 {
    padding-left: var(--spacer-2) !important;
  }
  .pl-xl-3 {
    padding-left: var(--spacer-3) !important;
  }
  .pl-xl-4 {
    padding-left: var(--spacer-4) !important;
  }
  .pl-xl-5 {
    padding-left: var(--spacer-5) !important;
  }
  .pl-xl-6 {
    padding-left: var(--spacer-6) !important;
  }
  .pl-xl-7 {
    padding-left: var(--spacer-7) !important;
  }
  .pl-xl-8 {
    padding-left: var(--spacer-8) !important;
  }
  .pl-xl-9 {
    padding-left: var(--spacer-9) !important;
  }
  .pl-xl-10 {
    padding-left: var(--spacer-10) !important;
  }
  .pl-xl-11 {
    padding-left: var(--spacer-11) !important;
  }
  .pl-xl-12 {
    padding-left: var(--spacer-12) !important;
  }
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: var(--spacer-1) !important;
}

.m-2 {
  margin: var(--spacer-2) !important;
}

.m-3 {
  margin: var(--spacer-3) !important;
}

.m-4 {
  margin: var(--spacer-4) !important;
}

.m-5 {
  margin: var(--spacer-5) !important;
}

.m-6 {
  margin: var(--spacer-6) !important;
}

.m-7 {
  margin: var(--spacer-7) !important;
}

.m-8 {
  margin: var(--spacer-8) !important;
}

.m-9 {
  margin: var(--spacer-9) !important;
}

.m-10 {
  margin: var(--spacer-10) !important;
}

.m-11 {
  margin: var(--spacer-11) !important;
}

.m-12 {
  margin: var(--spacer-12) !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: var(--spacer-1) !important;
  margin-left: var(--spacer-1) !important;
}

.mx-2 {
  margin-right: var(--spacer-2) !important;
  margin-left: var(--spacer-2) !important;
}

.mx-3 {
  margin-right: var(--spacer-3) !important;
  margin-left: var(--spacer-3) !important;
}

.mx-4 {
  margin-right: var(--spacer-4) !important;
  margin-left: var(--spacer-4) !important;
}

.mx-5 {
  margin-right: var(--spacer-5) !important;
  margin-left: var(--spacer-5) !important;
}

.mx-6 {
  margin-right: var(--spacer-6) !important;
  margin-left: var(--spacer-6) !important;
}

.mx-7 {
  margin-right: var(--spacer-7) !important;
  margin-left: var(--spacer-7) !important;
}

.mx-8 {
  margin-right: var(--spacer-8) !important;
  margin-left: var(--spacer-8) !important;
}

.mx-9 {
  margin-right: var(--spacer-9) !important;
  margin-left: var(--spacer-9) !important;
}

.mx-10 {
  margin-right: var(--spacer-10) !important;
  margin-left: var(--spacer-10) !important;
}

.mx-11 {
  margin-right: var(--spacer-11) !important;
  margin-left: var(--spacer-11) !important;
}

.mx-12 {
  margin-right: var(--spacer-12) !important;
  margin-left: var(--spacer-12) !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: var(--spacer-1) !important;
  margin-bottom: var(--spacer-1) !important;
}

.my-2 {
  margin-top: var(--spacer-2) !important;
  margin-bottom: var(--spacer-2) !important;
}

.my-3 {
  margin-top: var(--spacer-3) !important;
  margin-bottom: var(--spacer-3) !important;
}

.my-4 {
  margin-top: var(--spacer-4) !important;
  margin-bottom: var(--spacer-4) !important;
}

.my-5 {
  margin-top: var(--spacer-5) !important;
  margin-bottom: var(--spacer-5) !important;
}

.my-6 {
  margin-top: var(--spacer-6) !important;
  margin-bottom: var(--spacer-6) !important;
}

.my-7 {
  margin-top: var(--spacer-7) !important;
  margin-bottom: var(--spacer-7) !important;
}

.my-8 {
  margin-top: var(--spacer-8) !important;
  margin-bottom: var(--spacer-8) !important;
}

.my-9 {
  margin-top: var(--spacer-9) !important;
  margin-bottom: var(--spacer-9) !important;
}

.my-10 {
  margin-top: var(--spacer-10) !important;
  margin-bottom: var(--spacer-10) !important;
}

.my-11 {
  margin-top: var(--spacer-11) !important;
  margin-bottom: var(--spacer-11) !important;
}

.my-12 {
  margin-top: var(--spacer-12) !important;
  margin-bottom: var(--spacer-12) !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: var(--spacer-1) !important;
}

.mt-2 {
  margin-top: var(--spacer-2) !important;
}

.mt-3 {
  margin-top: var(--spacer-3) !important;
}

.mt-4 {
  margin-top: var(--spacer-4) !important;
}

.mt-5 {
  margin-top: var(--spacer-5) !important;
}

.mt-6 {
  margin-top: var(--spacer-6) !important;
}

.mt-7 {
  margin-top: var(--spacer-7) !important;
}

.mt-8 {
  margin-top: var(--spacer-8) !important;
}

.mt-9 {
  margin-top: var(--spacer-9) !important;
}

.mt-10 {
  margin-top: var(--spacer-10) !important;
}

.mt-11 {
  margin-top: var(--spacer-11) !important;
}

.mt-12 {
  margin-top: var(--spacer-12) !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: var(--spacer-1) !important;
}

.mr-2 {
  margin-right: var(--spacer-2) !important;
}

.mr-3 {
  margin-right: var(--spacer-3) !important;
}

.mr-4 {
  margin-right: var(--spacer-4) !important;
}

.mr-5 {
  margin-right: var(--spacer-5) !important;
}

.mr-6 {
  margin-right: var(--spacer-6) !important;
}

.mr-7 {
  margin-right: var(--spacer-7) !important;
}

.mr-8 {
  margin-right: var(--spacer-8) !important;
}

.mr-9 {
  margin-right: var(--spacer-9) !important;
}

.mr-10 {
  margin-right: var(--spacer-10) !important;
}

.mr-11 {
  margin-right: var(--spacer-11) !important;
}

.mr-12 {
  margin-right: var(--spacer-12) !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: var(--spacer-1) !important;
}

.mb-2 {
  margin-bottom: var(--spacer-2) !important;
}

.mb-3 {
  margin-bottom: var(--spacer-3) !important;
}

.mb-4 {
  margin-bottom: var(--spacer-4) !important;
}

.mb-5 {
  margin-bottom: var(--spacer-5) !important;
}

.mb-6 {
  margin-bottom: var(--spacer-6) !important;
}

.mb-7 {
  margin-bottom: var(--spacer-7) !important;
}

.mb-8 {
  margin-bottom: var(--spacer-8) !important;
}

.mb-9 {
  margin-bottom: var(--spacer-9) !important;
}

.mb-10 {
  margin-bottom: var(--spacer-10) !important;
}

.mb-11 {
  margin-bottom: var(--spacer-11) !important;
}

.mb-12 {
  margin-bottom: var(--spacer-12) !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: var(--spacer-1) !important;
}

.ml-2 {
  margin-left: var(--spacer-2) !important;
}

.ml-3 {
  margin-left: var(--spacer-3) !important;
}

.ml-4 {
  margin-left: var(--spacer-4) !important;
}

.ml-5 {
  margin-left: var(--spacer-5) !important;
}

.ml-6 {
  margin-left: var(--spacer-6) !important;
}

.ml-7 {
  margin-left: var(--spacer-7) !important;
}

.ml-8 {
  margin-left: var(--spacer-8) !important;
}

.ml-9 {
  margin-left: var(--spacer-9) !important;
}

.ml-10 {
  margin-left: var(--spacer-10) !important;
}

.ml-11 {
  margin-left: var(--spacer-11) !important;
}

.ml-12 {
  margin-left: var(--spacer-12) !important;
}

.ml-auto {
  margin-left: auto !important;
}

.m-n1 {
  margin: calc(var(--spacer-1) / -1) !important;
}

.m-n2 {
  margin: calc(var(--spacer-2) / -1) !important;
}

.m-n3 {
  margin: calc(var(--spacer-3) / -1) !important;
}

.m-n4 {
  margin: calc(var(--spacer-4) / -1) !important;
}

.m-n5 {
  margin: calc(var(--spacer-5) / -1) !important;
}

.m-n6 {
  margin: calc(var(--spacer-6) / -1) !important;
}

.m-n7 {
  margin: calc(var(--spacer-7) / -1) !important;
}

.m-n8 {
  margin: calc(var(--spacer-8) / -1) !important;
}

.m-n9 {
  margin: calc(var(--spacer-9) / -1) !important;
}

.m-n10 {
  margin: calc(var(--spacer-10) / -1) !important;
}

.m-n11 {
  margin: calc(var(--spacer-11) / -1) !important;
}

.m-n12 {
  margin: calc(var(--spacer-12) / -1) !important;
}

.mx-n1 {
  margin-right: calc(var(--spacer-1) / -1) !important;
  margin-left: calc(var(--spacer-1) / -1) !important;
}

.mx-n2 {
  margin-right: calc(var(--spacer-2) / -1) !important;
  margin-left: calc(var(--spacer-2) / -1) !important;
}

.mx-n3 {
  margin-right: calc(var(--spacer-3) / -1) !important;
  margin-left: calc(var(--spacer-3) / -1) !important;
}

.mx-n4 {
  margin-right: calc(var(--spacer-4) / -1) !important;
  margin-left: calc(var(--spacer-4) / -1) !important;
}

.mx-n5 {
  margin-right: calc(var(--spacer-5) / -1) !important;
  margin-left: calc(var(--spacer-5) / -1) !important;
}

.mx-n6 {
  margin-right: calc(var(--spacer-6) / -1) !important;
  margin-left: calc(var(--spacer-6) / -1) !important;
}

.mx-n7 {
  margin-right: calc(var(--spacer-7) / -1) !important;
  margin-left: calc(var(--spacer-7) / -1) !important;
}

.mx-n8 {
  margin-right: calc(var(--spacer-8) / -1) !important;
  margin-left: calc(var(--spacer-8) / -1) !important;
}

.mx-n9 {
  margin-right: calc(var(--spacer-9) / -1) !important;
  margin-left: calc(var(--spacer-9) / -1) !important;
}

.mx-n10 {
  margin-right: calc(var(--spacer-10) / -1) !important;
  margin-left: calc(var(--spacer-10) / -1) !important;
}

.mx-n11 {
  margin-right: calc(var(--spacer-11) / -1) !important;
  margin-left: calc(var(--spacer-11) / -1) !important;
}

.mx-n12 {
  margin-right: calc(var(--spacer-12) / -1) !important;
  margin-left: calc(var(--spacer-12) / -1) !important;
}

.my-n1 {
  margin-top: calc(var(--spacer-1) / -1) !important;
  margin-bottom: calc(var(--spacer-1) / -1) !important;
}

.my-n2 {
  margin-top: calc(var(--spacer-2) / -1) !important;
  margin-bottom: calc(var(--spacer-2) / -1) !important;
}

.my-n3 {
  margin-top: calc(var(--spacer-3) / -1) !important;
  margin-bottom: calc(var(--spacer-3) / -1) !important;
}

.my-n4 {
  margin-top: calc(var(--spacer-4) / -1) !important;
  margin-bottom: calc(var(--spacer-4) / -1) !important;
}

.my-n5 {
  margin-top: calc(var(--spacer-5) / -1) !important;
  margin-bottom: calc(var(--spacer-5) / -1) !important;
}

.my-n6 {
  margin-top: calc(var(--spacer-6) / -1) !important;
  margin-bottom: calc(var(--spacer-6) / -1) !important;
}

.my-n7 {
  margin-top: calc(var(--spacer-7) / -1) !important;
  margin-bottom: calc(var(--spacer-7) / -1) !important;
}

.my-n8 {
  margin-top: calc(var(--spacer-8) / -1) !important;
  margin-bottom: calc(var(--spacer-8) / -1) !important;
}

.my-n9 {
  margin-top: calc(var(--spacer-9) / -1) !important;
  margin-bottom: calc(var(--spacer-9) / -1) !important;
}

.my-n10 {
  margin-top: calc(var(--spacer-10) / -1) !important;
  margin-bottom: calc(var(--spacer-10) / -1) !important;
}

.my-n11 {
  margin-top: calc(var(--spacer-11) / -1) !important;
  margin-bottom: calc(var(--spacer-11) / -1) !important;
}

.my-n12 {
  margin-top: calc(var(--spacer-12) / -1) !important;
  margin-bottom: calc(var(--spacer-12) / -1) !important;
}

.mt-n1 {
  margin-top: calc(var(--spacer-1) / -1) !important;
}

.mt-n2 {
  margin-top: calc(var(--spacer-2) / -1) !important;
}

.mt-n3 {
  margin-top: calc(var(--spacer-3) / -1) !important;
}

.mt-n4 {
  margin-top: calc(var(--spacer-4) / -1) !important;
}

.mt-n5 {
  margin-top: calc(var(--spacer-5) / -1) !important;
}

.mt-n6 {
  margin-top: calc(var(--spacer-6) / -1) !important;
}

.mt-n7 {
  margin-top: calc(var(--spacer-7) / -1) !important;
}

.mt-n8 {
  margin-top: calc(var(--spacer-8) / -1) !important;
}

.mt-n9 {
  margin-top: calc(var(--spacer-9) / -1) !important;
}

.mt-n10 {
  margin-top: calc(var(--spacer-10) / -1) !important;
}

.mt-n11 {
  margin-top: calc(var(--spacer-11) / -1) !important;
}

.mt-n12 {
  margin-top: calc(var(--spacer-12) / -1) !important;
}

.mr-n1 {
  margin-right: calc(var(--spacer-1) / -1) !important;
}

.mr-n2 {
  margin-right: calc(var(--spacer-2) / -1) !important;
}

.mr-n3 {
  margin-right: calc(var(--spacer-3) / -1) !important;
}

.mr-n4 {
  margin-right: calc(var(--spacer-4) / -1) !important;
}

.mr-n5 {
  margin-right: calc(var(--spacer-5) / -1) !important;
}

.mr-n6 {
  margin-right: calc(var(--spacer-6) / -1) !important;
}

.mr-n7 {
  margin-right: calc(var(--spacer-7) / -1) !important;
}

.mr-n8 {
  margin-right: calc(var(--spacer-8) / -1) !important;
}

.mr-n9 {
  margin-right: calc(var(--spacer-9) / -1) !important;
}

.mr-n10 {
  margin-right: calc(var(--spacer-10) / -1) !important;
}

.mr-n11 {
  margin-right: calc(var(--spacer-11) / -1) !important;
}

.mr-n12 {
  margin-right: calc(var(--spacer-12) / -1) !important;
}

.mb-n1 {
  margin-bottom: calc(var(--spacer-1) / -1) !important;
}

.mb-n2 {
  margin-bottom: calc(var(--spacer-2) / -1) !important;
}

.mb-n3 {
  margin-bottom: calc(var(--spacer-3) / -1) !important;
}

.mb-n4 {
  margin-bottom: calc(var(--spacer-4) / -1) !important;
}

.mb-n5 {
  margin-bottom: calc(var(--spacer-5) / -1) !important;
}

.mb-n6 {
  margin-bottom: calc(var(--spacer-6) / -1) !important;
}

.mb-n7 {
  margin-bottom: calc(var(--spacer-7) / -1) !important;
}

.mb-n8 {
  margin-bottom: calc(var(--spacer-8) / -1) !important;
}

.mb-n9 {
  margin-bottom: calc(var(--spacer-9) / -1) !important;
}

.mb-n10 {
  margin-bottom: calc(var(--spacer-10) / -1) !important;
}

.mb-n11 {
  margin-bottom: calc(var(--spacer-11) / -1) !important;
}

.mb-n12 {
  margin-bottom: calc(var(--spacer-12) / -1) !important;
}

.ml-n1 {
  margin-left: calc(var(--spacer-1) / -1) !important;
}

.ml-n2 {
  margin-left: calc(var(--spacer-2) / -1) !important;
}

.ml-n3 {
  margin-left: calc(var(--spacer-3) / -1) !important;
}

.ml-n4 {
  margin-left: calc(var(--spacer-4) / -1) !important;
}

.ml-n5 {
  margin-left: calc(var(--spacer-5) / -1) !important;
}

.ml-n6 {
  margin-left: calc(var(--spacer-6) / -1) !important;
}

.ml-n7 {
  margin-left: calc(var(--spacer-7) / -1) !important;
}

.ml-n8 {
  margin-left: calc(var(--spacer-8) / -1) !important;
}

.ml-n9 {
  margin-left: calc(var(--spacer-9) / -1) !important;
}

.ml-n10 {
  margin-left: calc(var(--spacer-10) / -1) !important;
}

.ml-n11 {
  margin-left: calc(var(--spacer-11) / -1) !important;
}

.ml-n12 {
  margin-left: calc(var(--spacer-12) / -1) !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: var(--spacer-1) !important;
  }
  .m-sm-2 {
    margin: var(--spacer-2) !important;
  }
  .m-sm-3 {
    margin: var(--spacer-3) !important;
  }
  .m-sm-4 {
    margin: var(--spacer-4) !important;
  }
  .m-sm-5 {
    margin: var(--spacer-5) !important;
  }
  .m-sm-6 {
    margin: var(--spacer-6) !important;
  }
  .m-sm-7 {
    margin: var(--spacer-7) !important;
  }
  .m-sm-8 {
    margin: var(--spacer-8) !important;
  }
  .m-sm-9 {
    margin: var(--spacer-9) !important;
  }
  .m-sm-10 {
    margin: var(--spacer-10) !important;
  }
  .m-sm-11 {
    margin: var(--spacer-11) !important;
  }
  .m-sm-12 {
    margin: var(--spacer-12) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: var(--spacer-1) !important;
    margin-left: var(--spacer-1) !important;
  }
  .mx-sm-2 {
    margin-right: var(--spacer-2) !important;
    margin-left: var(--spacer-2) !important;
  }
  .mx-sm-3 {
    margin-right: var(--spacer-3) !important;
    margin-left: var(--spacer-3) !important;
  }
  .mx-sm-4 {
    margin-right: var(--spacer-4) !important;
    margin-left: var(--spacer-4) !important;
  }
  .mx-sm-5 {
    margin-right: var(--spacer-5) !important;
    margin-left: var(--spacer-5) !important;
  }
  .mx-sm-6 {
    margin-right: var(--spacer-6) !important;
    margin-left: var(--spacer-6) !important;
  }
  .mx-sm-7 {
    margin-right: var(--spacer-7) !important;
    margin-left: var(--spacer-7) !important;
  }
  .mx-sm-8 {
    margin-right: var(--spacer-8) !important;
    margin-left: var(--spacer-8) !important;
  }
  .mx-sm-9 {
    margin-right: var(--spacer-9) !important;
    margin-left: var(--spacer-9) !important;
  }
  .mx-sm-10 {
    margin-right: var(--spacer-10) !important;
    margin-left: var(--spacer-10) !important;
  }
  .mx-sm-11 {
    margin-right: var(--spacer-11) !important;
    margin-left: var(--spacer-11) !important;
  }
  .mx-sm-12 {
    margin-right: var(--spacer-12) !important;
    margin-left: var(--spacer-12) !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: var(--spacer-1) !important;
    margin-bottom: var(--spacer-1) !important;
  }
  .my-sm-2 {
    margin-top: var(--spacer-2) !important;
    margin-bottom: var(--spacer-2) !important;
  }
  .my-sm-3 {
    margin-top: var(--spacer-3) !important;
    margin-bottom: var(--spacer-3) !important;
  }
  .my-sm-4 {
    margin-top: var(--spacer-4) !important;
    margin-bottom: var(--spacer-4) !important;
  }
  .my-sm-5 {
    margin-top: var(--spacer-5) !important;
    margin-bottom: var(--spacer-5) !important;
  }
  .my-sm-6 {
    margin-top: var(--spacer-6) !important;
    margin-bottom: var(--spacer-6) !important;
  }
  .my-sm-7 {
    margin-top: var(--spacer-7) !important;
    margin-bottom: var(--spacer-7) !important;
  }
  .my-sm-8 {
    margin-top: var(--spacer-8) !important;
    margin-bottom: var(--spacer-8) !important;
  }
  .my-sm-9 {
    margin-top: var(--spacer-9) !important;
    margin-bottom: var(--spacer-9) !important;
  }
  .my-sm-10 {
    margin-top: var(--spacer-10) !important;
    margin-bottom: var(--spacer-10) !important;
  }
  .my-sm-11 {
    margin-top: var(--spacer-11) !important;
    margin-bottom: var(--spacer-11) !important;
  }
  .my-sm-12 {
    margin-top: var(--spacer-12) !important;
    margin-bottom: var(--spacer-12) !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mt-sm-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mt-sm-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mt-sm-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mt-sm-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mt-sm-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mt-sm-7 {
    margin-top: var(--spacer-7) !important;
  }
  .mt-sm-8 {
    margin-top: var(--spacer-8) !important;
  }
  .mt-sm-9 {
    margin-top: var(--spacer-9) !important;
  }
  .mt-sm-10 {
    margin-top: var(--spacer-10) !important;
  }
  .mt-sm-11 {
    margin-top: var(--spacer-11) !important;
  }
  .mt-sm-12 {
    margin-top: var(--spacer-12) !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mr-sm-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mr-sm-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mr-sm-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mr-sm-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mr-sm-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mr-sm-7 {
    margin-right: var(--spacer-7) !important;
  }
  .mr-sm-8 {
    margin-right: var(--spacer-8) !important;
  }
  .mr-sm-9 {
    margin-right: var(--spacer-9) !important;
  }
  .mr-sm-10 {
    margin-right: var(--spacer-10) !important;
  }
  .mr-sm-11 {
    margin-right: var(--spacer-11) !important;
  }
  .mr-sm-12 {
    margin-right: var(--spacer-12) !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .mb-sm-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .mb-sm-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .mb-sm-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .mb-sm-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .mb-sm-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .mb-sm-7 {
    margin-bottom: var(--spacer-7) !important;
  }
  .mb-sm-8 {
    margin-bottom: var(--spacer-8) !important;
  }
  .mb-sm-9 {
    margin-bottom: var(--spacer-9) !important;
  }
  .mb-sm-10 {
    margin-bottom: var(--spacer-10) !important;
  }
  .mb-sm-11 {
    margin-bottom: var(--spacer-11) !important;
  }
  .mb-sm-12 {
    margin-bottom: var(--spacer-12) !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-1 {
    margin-left: var(--spacer-1) !important;
  }
  .ml-sm-2 {
    margin-left: var(--spacer-2) !important;
  }
  .ml-sm-3 {
    margin-left: var(--spacer-3) !important;
  }
  .ml-sm-4 {
    margin-left: var(--spacer-4) !important;
  }
  .ml-sm-5 {
    margin-left: var(--spacer-5) !important;
  }
  .ml-sm-6 {
    margin-left: var(--spacer-6) !important;
  }
  .ml-sm-7 {
    margin-left: var(--spacer-7) !important;
  }
  .ml-sm-8 {
    margin-left: var(--spacer-8) !important;
  }
  .ml-sm-9 {
    margin-left: var(--spacer-9) !important;
  }
  .ml-sm-10 {
    margin-left: var(--spacer-10) !important;
  }
  .ml-sm-11 {
    margin-left: var(--spacer-11) !important;
  }
  .ml-sm-12 {
    margin-left: var(--spacer-12) !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n1 {
    margin: calc(var(--spacer-1) / -1) !important;
  }
  .m-sm-n2 {
    margin: calc(var(--spacer-2) / -1) !important;
  }
  .m-sm-n3 {
    margin: calc(var(--spacer-3) / -1) !important;
  }
  .m-sm-n4 {
    margin: calc(var(--spacer-4) / -1) !important;
  }
  .m-sm-n5 {
    margin: calc(var(--spacer-5) / -1) !important;
  }
  .m-sm-n6 {
    margin: calc(var(--spacer-6) / -1) !important;
  }
  .m-sm-n7 {
    margin: calc(var(--spacer-7) / -1) !important;
  }
  .m-sm-n8 {
    margin: calc(var(--spacer-8) / -1) !important;
  }
  .m-sm-n9 {
    margin: calc(var(--spacer-9) / -1) !important;
  }
  .m-sm-n10 {
    margin: calc(var(--spacer-10) / -1) !important;
  }
  .m-sm-n11 {
    margin: calc(var(--spacer-11) / -1) !important;
  }
  .m-sm-n12 {
    margin: calc(var(--spacer-12) / -1) !important;
  }
  .mx-sm-n1 {
    margin-right: calc(var(--spacer-1) / -1) !important;
    margin-left: calc(var(--spacer-1) / -1) !important;
  }
  .mx-sm-n2 {
    margin-right: calc(var(--spacer-2) / -1) !important;
    margin-left: calc(var(--spacer-2) / -1) !important;
  }
  .mx-sm-n3 {
    margin-right: calc(var(--spacer-3) / -1) !important;
    margin-left: calc(var(--spacer-3) / -1) !important;
  }
  .mx-sm-n4 {
    margin-right: calc(var(--spacer-4) / -1) !important;
    margin-left: calc(var(--spacer-4) / -1) !important;
  }
  .mx-sm-n5 {
    margin-right: calc(var(--spacer-5) / -1) !important;
    margin-left: calc(var(--spacer-5) / -1) !important;
  }
  .mx-sm-n6 {
    margin-right: calc(var(--spacer-6) / -1) !important;
    margin-left: calc(var(--spacer-6) / -1) !important;
  }
  .mx-sm-n7 {
    margin-right: calc(var(--spacer-7) / -1) !important;
    margin-left: calc(var(--spacer-7) / -1) !important;
  }
  .mx-sm-n8 {
    margin-right: calc(var(--spacer-8) / -1) !important;
    margin-left: calc(var(--spacer-8) / -1) !important;
  }
  .mx-sm-n9 {
    margin-right: calc(var(--spacer-9) / -1) !important;
    margin-left: calc(var(--spacer-9) / -1) !important;
  }
  .mx-sm-n10 {
    margin-right: calc(var(--spacer-10) / -1) !important;
    margin-left: calc(var(--spacer-10) / -1) !important;
  }
  .mx-sm-n11 {
    margin-right: calc(var(--spacer-11) / -1) !important;
    margin-left: calc(var(--spacer-11) / -1) !important;
  }
  .mx-sm-n12 {
    margin-right: calc(var(--spacer-12) / -1) !important;
    margin-left: calc(var(--spacer-12) / -1) !important;
  }
  .my-sm-n1 {
    margin-top: calc(var(--spacer-1) / -1) !important;
    margin-bottom: calc(var(--spacer-1) / -1) !important;
  }
  .my-sm-n2 {
    margin-top: calc(var(--spacer-2) / -1) !important;
    margin-bottom: calc(var(--spacer-2) / -1) !important;
  }
  .my-sm-n3 {
    margin-top: calc(var(--spacer-3) / -1) !important;
    margin-bottom: calc(var(--spacer-3) / -1) !important;
  }
  .my-sm-n4 {
    margin-top: calc(var(--spacer-4) / -1) !important;
    margin-bottom: calc(var(--spacer-4) / -1) !important;
  }
  .my-sm-n5 {
    margin-top: calc(var(--spacer-5) / -1) !important;
    margin-bottom: calc(var(--spacer-5) / -1) !important;
  }
  .my-sm-n6 {
    margin-top: calc(var(--spacer-6) / -1) !important;
    margin-bottom: calc(var(--spacer-6) / -1) !important;
  }
  .my-sm-n7 {
    margin-top: calc(var(--spacer-7) / -1) !important;
    margin-bottom: calc(var(--spacer-7) / -1) !important;
  }
  .my-sm-n8 {
    margin-top: calc(var(--spacer-8) / -1) !important;
    margin-bottom: calc(var(--spacer-8) / -1) !important;
  }
  .my-sm-n9 {
    margin-top: calc(var(--spacer-9) / -1) !important;
    margin-bottom: calc(var(--spacer-9) / -1) !important;
  }
  .my-sm-n10 {
    margin-top: calc(var(--spacer-10) / -1) !important;
    margin-bottom: calc(var(--spacer-10) / -1) !important;
  }
  .my-sm-n11 {
    margin-top: calc(var(--spacer-11) / -1) !important;
    margin-bottom: calc(var(--spacer-11) / -1) !important;
  }
  .my-sm-n12 {
    margin-top: calc(var(--spacer-12) / -1) !important;
    margin-bottom: calc(var(--spacer-12) / -1) !important;
  }
  .mt-sm-n1 {
    margin-top: calc(var(--spacer-1) / -1) !important;
  }
  .mt-sm-n2 {
    margin-top: calc(var(--spacer-2) / -1) !important;
  }
  .mt-sm-n3 {
    margin-top: calc(var(--spacer-3) / -1) !important;
  }
  .mt-sm-n4 {
    margin-top: calc(var(--spacer-4) / -1) !important;
  }
  .mt-sm-n5 {
    margin-top: calc(var(--spacer-5) / -1) !important;
  }
  .mt-sm-n6 {
    margin-top: calc(var(--spacer-6) / -1) !important;
  }
  .mt-sm-n7 {
    margin-top: calc(var(--spacer-7) / -1) !important;
  }
  .mt-sm-n8 {
    margin-top: calc(var(--spacer-8) / -1) !important;
  }
  .mt-sm-n9 {
    margin-top: calc(var(--spacer-9) / -1) !important;
  }
  .mt-sm-n10 {
    margin-top: calc(var(--spacer-10) / -1) !important;
  }
  .mt-sm-n11 {
    margin-top: calc(var(--spacer-11) / -1) !important;
  }
  .mt-sm-n12 {
    margin-top: calc(var(--spacer-12) / -1) !important;
  }
  .mr-sm-n1 {
    margin-right: calc(var(--spacer-1) / -1) !important;
  }
  .mr-sm-n2 {
    margin-right: calc(var(--spacer-2) / -1) !important;
  }
  .mr-sm-n3 {
    margin-right: calc(var(--spacer-3) / -1) !important;
  }
  .mr-sm-n4 {
    margin-right: calc(var(--spacer-4) / -1) !important;
  }
  .mr-sm-n5 {
    margin-right: calc(var(--spacer-5) / -1) !important;
  }
  .mr-sm-n6 {
    margin-right: calc(var(--spacer-6) / -1) !important;
  }
  .mr-sm-n7 {
    margin-right: calc(var(--spacer-7) / -1) !important;
  }
  .mr-sm-n8 {
    margin-right: calc(var(--spacer-8) / -1) !important;
  }
  .mr-sm-n9 {
    margin-right: calc(var(--spacer-9) / -1) !important;
  }
  .mr-sm-n10 {
    margin-right: calc(var(--spacer-10) / -1) !important;
  }
  .mr-sm-n11 {
    margin-right: calc(var(--spacer-11) / -1) !important;
  }
  .mr-sm-n12 {
    margin-right: calc(var(--spacer-12) / -1) !important;
  }
  .mb-sm-n1 {
    margin-bottom: calc(var(--spacer-1) / -1) !important;
  }
  .mb-sm-n2 {
    margin-bottom: calc(var(--spacer-2) / -1) !important;
  }
  .mb-sm-n3 {
    margin-bottom: calc(var(--spacer-3) / -1) !important;
  }
  .mb-sm-n4 {
    margin-bottom: calc(var(--spacer-4) / -1) !important;
  }
  .mb-sm-n5 {
    margin-bottom: calc(var(--spacer-5) / -1) !important;
  }
  .mb-sm-n6 {
    margin-bottom: calc(var(--spacer-6) / -1) !important;
  }
  .mb-sm-n7 {
    margin-bottom: calc(var(--spacer-7) / -1) !important;
  }
  .mb-sm-n8 {
    margin-bottom: calc(var(--spacer-8) / -1) !important;
  }
  .mb-sm-n9 {
    margin-bottom: calc(var(--spacer-9) / -1) !important;
  }
  .mb-sm-n10 {
    margin-bottom: calc(var(--spacer-10) / -1) !important;
  }
  .mb-sm-n11 {
    margin-bottom: calc(var(--spacer-11) / -1) !important;
  }
  .mb-sm-n12 {
    margin-bottom: calc(var(--spacer-12) / -1) !important;
  }
  .ml-sm-n1 {
    margin-left: calc(var(--spacer-1) / -1) !important;
  }
  .ml-sm-n2 {
    margin-left: calc(var(--spacer-2) / -1) !important;
  }
  .ml-sm-n3 {
    margin-left: calc(var(--spacer-3) / -1) !important;
  }
  .ml-sm-n4 {
    margin-left: calc(var(--spacer-4) / -1) !important;
  }
  .ml-sm-n5 {
    margin-left: calc(var(--spacer-5) / -1) !important;
  }
  .ml-sm-n6 {
    margin-left: calc(var(--spacer-6) / -1) !important;
  }
  .ml-sm-n7 {
    margin-left: calc(var(--spacer-7) / -1) !important;
  }
  .ml-sm-n8 {
    margin-left: calc(var(--spacer-8) / -1) !important;
  }
  .ml-sm-n9 {
    margin-left: calc(var(--spacer-9) / -1) !important;
  }
  .ml-sm-n10 {
    margin-left: calc(var(--spacer-10) / -1) !important;
  }
  .ml-sm-n11 {
    margin-left: calc(var(--spacer-11) / -1) !important;
  }
  .ml-sm-n12 {
    margin-left: calc(var(--spacer-12) / -1) !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: var(--spacer-1) !important;
  }
  .m-md-2 {
    margin: var(--spacer-2) !important;
  }
  .m-md-3 {
    margin: var(--spacer-3) !important;
  }
  .m-md-4 {
    margin: var(--spacer-4) !important;
  }
  .m-md-5 {
    margin: var(--spacer-5) !important;
  }
  .m-md-6 {
    margin: var(--spacer-6) !important;
  }
  .m-md-7 {
    margin: var(--spacer-7) !important;
  }
  .m-md-8 {
    margin: var(--spacer-8) !important;
  }
  .m-md-9 {
    margin: var(--spacer-9) !important;
  }
  .m-md-10 {
    margin: var(--spacer-10) !important;
  }
  .m-md-11 {
    margin: var(--spacer-11) !important;
  }
  .m-md-12 {
    margin: var(--spacer-12) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: var(--spacer-1) !important;
    margin-left: var(--spacer-1) !important;
  }
  .mx-md-2 {
    margin-right: var(--spacer-2) !important;
    margin-left: var(--spacer-2) !important;
  }
  .mx-md-3 {
    margin-right: var(--spacer-3) !important;
    margin-left: var(--spacer-3) !important;
  }
  .mx-md-4 {
    margin-right: var(--spacer-4) !important;
    margin-left: var(--spacer-4) !important;
  }
  .mx-md-5 {
    margin-right: var(--spacer-5) !important;
    margin-left: var(--spacer-5) !important;
  }
  .mx-md-6 {
    margin-right: var(--spacer-6) !important;
    margin-left: var(--spacer-6) !important;
  }
  .mx-md-7 {
    margin-right: var(--spacer-7) !important;
    margin-left: var(--spacer-7) !important;
  }
  .mx-md-8 {
    margin-right: var(--spacer-8) !important;
    margin-left: var(--spacer-8) !important;
  }
  .mx-md-9 {
    margin-right: var(--spacer-9) !important;
    margin-left: var(--spacer-9) !important;
  }
  .mx-md-10 {
    margin-right: var(--spacer-10) !important;
    margin-left: var(--spacer-10) !important;
  }
  .mx-md-11 {
    margin-right: var(--spacer-11) !important;
    margin-left: var(--spacer-11) !important;
  }
  .mx-md-12 {
    margin-right: var(--spacer-12) !important;
    margin-left: var(--spacer-12) !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: var(--spacer-1) !important;
    margin-bottom: var(--spacer-1) !important;
  }
  .my-md-2 {
    margin-top: var(--spacer-2) !important;
    margin-bottom: var(--spacer-2) !important;
  }
  .my-md-3 {
    margin-top: var(--spacer-3) !important;
    margin-bottom: var(--spacer-3) !important;
  }
  .my-md-4 {
    margin-top: var(--spacer-4) !important;
    margin-bottom: var(--spacer-4) !important;
  }
  .my-md-5 {
    margin-top: var(--spacer-5) !important;
    margin-bottom: var(--spacer-5) !important;
  }
  .my-md-6 {
    margin-top: var(--spacer-6) !important;
    margin-bottom: var(--spacer-6) !important;
  }
  .my-md-7 {
    margin-top: var(--spacer-7) !important;
    margin-bottom: var(--spacer-7) !important;
  }
  .my-md-8 {
    margin-top: var(--spacer-8) !important;
    margin-bottom: var(--spacer-8) !important;
  }
  .my-md-9 {
    margin-top: var(--spacer-9) !important;
    margin-bottom: var(--spacer-9) !important;
  }
  .my-md-10 {
    margin-top: var(--spacer-10) !important;
    margin-bottom: var(--spacer-10) !important;
  }
  .my-md-11 {
    margin-top: var(--spacer-11) !important;
    margin-bottom: var(--spacer-11) !important;
  }
  .my-md-12 {
    margin-top: var(--spacer-12) !important;
    margin-bottom: var(--spacer-12) !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mt-md-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mt-md-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mt-md-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mt-md-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mt-md-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mt-md-7 {
    margin-top: var(--spacer-7) !important;
  }
  .mt-md-8 {
    margin-top: var(--spacer-8) !important;
  }
  .mt-md-9 {
    margin-top: var(--spacer-9) !important;
  }
  .mt-md-10 {
    margin-top: var(--spacer-10) !important;
  }
  .mt-md-11 {
    margin-top: var(--spacer-11) !important;
  }
  .mt-md-12 {
    margin-top: var(--spacer-12) !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mr-md-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mr-md-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mr-md-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mr-md-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mr-md-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mr-md-7 {
    margin-right: var(--spacer-7) !important;
  }
  .mr-md-8 {
    margin-right: var(--spacer-8) !important;
  }
  .mr-md-9 {
    margin-right: var(--spacer-9) !important;
  }
  .mr-md-10 {
    margin-right: var(--spacer-10) !important;
  }
  .mr-md-11 {
    margin-right: var(--spacer-11) !important;
  }
  .mr-md-12 {
    margin-right: var(--spacer-12) !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .mb-md-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .mb-md-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .mb-md-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .mb-md-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .mb-md-7 {
    margin-bottom: var(--spacer-7) !important;
  }
  .mb-md-8 {
    margin-bottom: var(--spacer-8) !important;
  }
  .mb-md-9 {
    margin-bottom: var(--spacer-9) !important;
  }
  .mb-md-10 {
    margin-bottom: var(--spacer-10) !important;
  }
  .mb-md-11 {
    margin-bottom: var(--spacer-11) !important;
  }
  .mb-md-12 {
    margin-bottom: var(--spacer-12) !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-1 {
    margin-left: var(--spacer-1) !important;
  }
  .ml-md-2 {
    margin-left: var(--spacer-2) !important;
  }
  .ml-md-3 {
    margin-left: var(--spacer-3) !important;
  }
  .ml-md-4 {
    margin-left: var(--spacer-4) !important;
  }
  .ml-md-5 {
    margin-left: var(--spacer-5) !important;
  }
  .ml-md-6 {
    margin-left: var(--spacer-6) !important;
  }
  .mb-md-7 {
    margin-bottom: var(--spacer-7) !important;
  }
  .mb-md-8 {
    margin-bottom: var(--spacer-8) !important;
  }
  .mb-md-9 {
    margin-bottom: var(--spacer-9) !important;
  }
  .mb-md-10 {
    margin-bottom: var(--spacer-10) !important;
  }
  .mb-md-11 {
    margin-bottom: var(--spacer-11) !important;
  }
  .mb-md-12 {
    margin-bottom: var(--spacer-12) !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .m-md-n1 {
    margin: calc(var(--spacer-1) / -1) !important;
  }
  .m-md-n2 {
    margin: calc(var(--spacer-2) / -1) !important;
  }
  .m-md-n3 {
    margin: calc(var(--spacer-3) / -1) !important;
  }
  .m-md-n4 {
    margin: calc(var(--spacer-4) / -1) !important;
  }
  .m-md-n5 {
    margin: calc(var(--spacer-5) / -1) !important;
  }
  .m-md-n6 {
    margin: calc(var(--spacer-6) / -1) !important;
  }
  .m-md-n7 {
    margin: calc(var(--spacer-7) / -1) !important;
  }
  .m-md-n8 {
    margin: calc(var(--spacer-8) / -1) !important;
  }
  .m-md-n9 {
    margin: calc(var(--spacer-9) / -1) !important;
  }
  .m-md-n10 {
    margin: calc(var(--spacer-10) / -1) !important;
  }
  .m-md-n11 {
    margin: calc(var(--spacer-11) / -1) !important;
  }
  .m-md-n12 {
    margin: calc(var(--spacer-12) / -1) !important;
  }
  .mx-md-n1 {
    margin-right: calc(var(--spacer-1) / -1) !important;
    margin-left: calc(var(--spacer-1) / -1) !important;
  }
  .mx-md-n2 {
    margin-right: calc(var(--spacer-2) / -1) !important;
    margin-left: calc(var(--spacer-2) / -1) !important;
  }
  .mx-md-n3 {
    margin-right: calc(var(--spacer-3) / -1) !important;
    margin-left: calc(var(--spacer-3) / -1) !important;
  }
  .mx-md-n4 {
    margin-right: calc(var(--spacer-4) / -1) !important;
    margin-left: calc(var(--spacer-4) / -1) !important;
  }
  .mx-md-n5 {
    margin-right: calc(var(--spacer-5) / -1) !important;
    margin-left: calc(var(--spacer-5) / -1) !important;
  }
  .mx-md-n6 {
    margin-right: calc(var(--spacer-6) / -1) !important;
    margin-left: calc(var(--spacer-6) / -1) !important;
  }
  .mx-md-n7 {
    margin-right: calc(var(--spacer-7) / -1) !important;
    margin-left: calc(var(--spacer-7) / -1) !important;
  }
  .mx-md-n8 {
    margin-right: calc(var(--spacer-8) / -1) !important;
    margin-left: calc(var(--spacer-8) / -1) !important;
  }
  .mx-md-n9 {
    margin-right: calc(var(--spacer-9) / -1) !important;
    margin-left: calc(var(--spacer-9) / -1) !important;
  }
  .mx-md-n10 {
    margin-right: calc(var(--spacer-10) / -1) !important;
    margin-left: calc(var(--spacer-10) / -1) !important;
  }
  .mx-md-n11 {
    margin-right: calc(var(--spacer-11) / -1) !important;
    margin-left: calc(var(--spacer-11) / -1) !important;
  }
  .mx-md-n12 {
    margin-right: calc(var(--spacer-12) / -1) !important;
    margin-left: calc(var(--spacer-12) / -1) !important;
  }
  .my-md-n1 {
    margin-top: calc(var(--spacer-1) / -1) !important;
    margin-bottom: calc(var(--spacer-1) / -1) !important;
  }
  .my-md-n2 {
    margin-top: calc(var(--spacer-2) / -1) !important;
    margin-bottom: calc(var(--spacer-2) / -1) !important;
  }
  .my-md-n3 {
    margin-top: calc(var(--spacer-3) / -1) !important;
    margin-bottom: calc(var(--spacer-3) / -1) !important;
  }
  .my-md-n4 {
    margin-top: calc(var(--spacer-4) / -1) !important;
    margin-bottom: calc(var(--spacer-4) / -1) !important;
  }
  .my-md-n5 {
    margin-top: calc(var(--spacer-5) / -1) !important;
    margin-bottom: calc(var(--spacer-5) / -1) !important;
  }
  .my-md-n6 {
    margin-top: calc(var(--spacer-6) / -1) !important;
    margin-bottom: calc(var(--spacer-6) / -1) !important;
  }
  .my-md-n7 {
    margin-top: calc(var(--spacer-7) / -1) !important;
    margin-bottom: calc(var(--spacer-7) / -1) !important;
  }
  .my-md-n8 {
    margin-top: calc(var(--spacer-8) / -1) !important;
    margin-bottom: calc(var(--spacer-8) / -1) !important;
  }
  .my-md-n9 {
    margin-top: calc(var(--spacer-9) / -1) !important;
    margin-bottom: calc(var(--spacer-9) / -1) !important;
  }
  .my-md-n10 {
    margin-top: calc(var(--spacer-10) / -1) !important;
    margin-bottom: calc(var(--spacer-10) / -1) !important;
  }
  .my-md-n11 {
    margin-top: calc(var(--spacer-11) / -1) !important;
    margin-bottom: calc(var(--spacer-11) / -1) !important;
  }
  .my-md-n12 {
    margin-top: calc(var(--spacer-12) / -1) !important;
    margin-bottom: calc(var(--spacer-12) / -1) !important;
  }
  .mt-md-n1 {
    margin-top: calc(var(--spacer-1) / -1) !important;
  }
  .mt-md-n2 {
    margin-top: calc(var(--spacer-2) / -1) !important;
  }
  .mt-md-n3 {
    margin-top: calc(var(--spacer-3) / -1) !important;
  }
  .mt-md-n4 {
    margin-top: calc(var(--spacer-4) / -1) !important;
  }
  .mt-md-n5 {
    margin-top: calc(var(--spacer-5) / -1) !important;
  }
  .mt-md-n6 {
    margin-top: calc(var(--spacer-6) / -1) !important;
  }
  .mt-md-n7 {
    margin-top: calc(var(--spacer-7) / -1) !important;
  }
  .mt-md-n8 {
    margin-top: calc(var(--spacer-8) / -1) !important;
  }
  .mt-md-n9 {
    margin-top: calc(var(--spacer-9) / -1) !important;
  }
  .mt-md-n10 {
    margin-top: calc(var(--spacer-10) / -1) !important;
  }
  .mt-md-n11 {
    margin-top: calc(var(--spacer-11) / -1) !important;
  }
  .mt-md-n12 {
    margin-top: calc(var(--spacer-12) / -1) !important;
  }
  .mr-md-n1 {
    margin-right: calc(var(--spacer-1) / -1) !important;
  }
  .mr-md-n2 {
    margin-right: calc(var(--spacer-2) / -1) !important;
  }
  .mr-md-n3 {
    margin-right: calc(var(--spacer-3) / -1) !important;
  }
  .mr-md-n4 {
    margin-right: calc(var(--spacer-4) / -1) !important;
  }
  .mr-md-n5 {
    margin-right: calc(var(--spacer-5) / -1) !important;
  }
  .mr-md-n6 {
    margin-right: calc(var(--spacer-6) / -1) !important;
  }
  .mr-md-n7 {
    margin-right: calc(var(--spacer-7) / -1) !important;
  }
  .mr-md-n8 {
    margin-right: calc(var(--spacer-8) / -1) !important;
  }
  .mr-md-n9 {
    margin-right: calc(var(--spacer-9) / -1) !important;
  }
  .mr-md-n10 {
    margin-right: calc(var(--spacer-10) / -1) !important;
  }
  .mr-md-n11 {
    margin-right: calc(var(--spacer-11) / -1) !important;
  }
  .mr-md-n12 {
    margin-right: calc(var(--spacer-12) / -1) !important;
  }
  .mb-md-n1 {
    margin-bottom: calc(var(--spacer-1) / -1) !important;
  }
  .mb-md-n2 {
    margin-bottom: calc(var(--spacer-2) / -1) !important;
  }
  .mb-md-n3 {
    margin-bottom: calc(var(--spacer-3) / -1) !important;
  }
  .mb-md-n4 {
    margin-bottom: calc(var(--spacer-4) / -1) !important;
  }
  .mb-md-n5 {
    margin-bottom: calc(var(--spacer-5) / -1) !important;
  }
  .mb-md-n6 {
    margin-bottom: calc(var(--spacer-6) / -1) !important;
  }
  .mb-md-n7 {
    margin-bottom: calc(var(--spacer-7) / -1) !important;
  }
  .mb-md-n8 {
    margin-bottom: calc(var(--spacer-8) / -1) !important;
  }
  .mb-md-n9 {
    margin-bottom: calc(var(--spacer-9) / -1) !important;
  }
  .mb-md-n10 {
    margin-bottom: calc(var(--spacer-10) / -1) !important;
  }
  .mb-md-n11 {
    margin-bottom: calc(var(--spacer-11) / -1) !important;
  }
  .mb-md-n12 {
    margin-bottom: calc(var(--spacer-12) / -1) !important;
  }
  .ml-md-n1 {
    margin-left: calc(var(--spacer-1) / -1) !important;
  }
  .ml-md-n2 {
    margin-left: calc(var(--spacer-2) / -1) !important;
  }
  .ml-md-n3 {
    margin-left: calc(var(--spacer-3) / -1) !important;
  }
  .ml-md-n4 {
    margin-left: calc(var(--spacer-4) / -1) !important;
  }
  .ml-md-n5 {
    margin-left: calc(var(--spacer-5) / -1) !important;
  }
  .ml-md-n6 {
    margin-left: calc(var(--spacer-6) / -1) !important;
  }
  .ml-md-n7 {
    margin-left: calc(var(--spacer-7) / -1) !important;
  }
  .ml-md-n8 {
    margin-left: calc(var(--spacer-8) / -1) !important;
  }
  .ml-md-n9 {
    margin-left: calc(var(--spacer-9) / -1) !important;
  }
  .ml-md-n10 {
    margin-left: calc(var(--spacer-10) / -1) !important;
  }
  .ml-md-n11 {
    margin-left: calc(var(--spacer-11) / -1) !important;
  }
  .ml-md-n12 {
    margin-left: calc(var(--spacer-12) / -1) !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: var(--spacer-1) !important;
  }
  .m-lg-2 {
    margin: var(--spacer-2) !important;
  }
  .m-lg-3 {
    margin: var(--spacer-3) !important;
  }
  .m-lg-4 {
    margin: var(--spacer-4) !important;
  }
  .m-lg-5 {
    margin: var(--spacer-5) !important;
  }
  .m-lg-6 {
    margin: var(--spacer-6) !important;
  }
  .m-lg-7 {
    margin: var(--spacer-7) !important;
  }
  .m-lg-8 {
    margin: var(--spacer-8) !important;
  }
  .m-lg-9 {
    margin: var(--spacer-9) !important;
  }
  .m-lg-10 {
    margin: var(--spacer-10) !important;
  }
  .m-lg-11 {
    margin: var(--spacer-11) !important;
  }
  .m-lg-12 {
    margin: var(--spacer-12) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: var(--spacer-1) !important;
    margin-left: var(--spacer-1) !important;
  }
  .mx-lg-2 {
    margin-right: var(--spacer-2) !important;
    margin-left: var(--spacer-2) !important;
  }
  .mx-lg-3 {
    margin-right: var(--spacer-3) !important;
    margin-left: var(--spacer-3) !important;
  }
  .mx-lg-4 {
    margin-right: var(--spacer-4) !important;
    margin-left: var(--spacer-4) !important;
  }
  .mx-lg-5 {
    margin-right: var(--spacer-5) !important;
    margin-left: var(--spacer-5) !important;
  }
  .mx-lg-6 {
    margin-right: var(--spacer-6) !important;
    margin-left: var(--spacer-6) !important;
  }
  .mx-lg-7 {
    margin-right: var(--spacer-7) !important;
    margin-left: var(--spacer-7) !important;
  }
  .mx-lg-8 {
    margin-right: var(--spacer-8) !important;
    margin-left: var(--spacer-8) !important;
  }
  .mx-lg-9 {
    margin-right: var(--spacer-9) !important;
    margin-left: var(--spacer-9) !important;
  }
  .mx-lg-10 {
    margin-right: var(--spacer-10) !important;
    margin-left: var(--spacer-10) !important;
  }
  .mx-lg-11 {
    margin-right: var(--spacer-11) !important;
    margin-left: var(--spacer-11) !important;
  }
  .mx-lg-12 {
    margin-right: var(--spacer-12) !important;
    margin-left: var(--spacer-12) !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: var(--spacer-1) !important;
    margin-bottom: var(--spacer-1) !important;
  }
  .my-lg-2 {
    margin-top: var(--spacer-2) !important;
    margin-bottom: var(--spacer-2) !important;
  }
  .my-lg-3 {
    margin-top: var(--spacer-3) !important;
    margin-bottom: var(--spacer-3) !important;
  }
  .my-lg-4 {
    margin-top: var(--spacer-4) !important;
    margin-bottom: var(--spacer-4) !important;
  }
  .my-lg-5 {
    margin-top: var(--spacer-5) !important;
    margin-bottom: var(--spacer-5) !important;
  }
  .my-lg-6 {
    margin-top: var(--spacer-6) !important;
    margin-bottom: var(--spacer-6) !important;
  }
  .my-lg-7 {
    margin-top: var(--spacer-7) !important;
    margin-bottom: var(--spacer-7) !important;
  }
  .my-lg-8 {
    margin-top: var(--spacer-8) !important;
    margin-bottom: var(--spacer-8) !important;
  }
  .my-lg-9 {
    margin-top: var(--spacer-9) !important;
    margin-bottom: var(--spacer-9) !important;
  }
  .my-lg-10 {
    margin-top: var(--spacer-10) !important;
    margin-bottom: var(--spacer-10) !important;
  }
  .my-lg-11 {
    margin-top: var(--spacer-11) !important;
    margin-bottom: var(--spacer-11) !important;
  }
  .my-lg-12 {
    margin-top: var(--spacer-12) !important;
    margin-bottom: var(--spacer-12) !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mt-lg-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mt-lg-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mt-lg-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mt-lg-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mt-lg-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mt-lg-7 {
    margin-top: var(--spacer-7) !important;
  }
  .mt-lg-8 {
    margin-top: var(--spacer-8) !important;
  }
  .mt-lg-9 {
    margin-top: var(--spacer-9) !important;
  }
  .mt-lg-10 {
    margin-top: var(--spacer-10) !important;
  }
  .mt-lg-11 {
    margin-top: var(--spacer-11) !important;
  }
  .mt-lg-12 {
    margin-top: var(--spacer-12) !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mr-lg-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mr-lg-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mr-lg-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mr-lg-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mr-lg-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mr-lg-7 {
    margin-right: var(--spacer-7) !important;
  }
  .mr-lg-8 {
    margin-right: var(--spacer-8) !important;
  }
  .mr-lg-9 {
    margin-right: var(--spacer-9) !important;
  }
  .mr-lg-10 {
    margin-right: var(--spacer-10) !important;
  }
  .mr-lg-11 {
    margin-right: var(--spacer-11) !important;
  }
  .mr-lg-12 {
    margin-right: var(--spacer-12) !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .mb-lg-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .mb-lg-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .mb-lg-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .mb-lg-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .mb-lg-7 {
    margin-bottom: var(--spacer-7) !important;
  }
  .mb-lg-8 {
    margin-bottom: var(--spacer-8) !important;
  }
  .mb-lg-9 {
    margin-bottom: var(--spacer-9) !important;
  }
  .mb-lg-10 {
    margin-bottom: var(--spacer-10) !important;
  }
  .mb-lg-11 {
    margin-bottom: var(--spacer-11) !important;
  }
  .mb-lg-12 {
    margin-bottom: var(--spacer-12) !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-1 {
    margin-left: var(--spacer-1) !important;
  }
  .ml-lg-2 {
    margin-left: var(--spacer-2) !important;
  }
  .ml-lg-3 {
    margin-left: var(--spacer-3) !important;
  }
  .ml-lg-4 {
    margin-left: var(--spacer-4) !important;
  }
  .ml-lg-5 {
    margin-left: var(--spacer-5) !important;
  }
  .ml-lg-6 {
    margin-left: var(--spacer-6) !important;
  }
  .ml-lg-7 {
    margin-left: var(--spacer-7) !important;
  }
  .ml-lg-8 {
    margin-left: var(--spacer-8) !important;
  }
  .ml-lg-9 {
    margin-left: var(--spacer-9) !important;
  }
  .ml-lg-10 {
    margin-left: var(--spacer-10) !important;
  }
  .ml-lg-11 {
    margin-left: var(--spacer-11) !important;
  }
  .ml-lg-12 {
    margin-left: var(--spacer-12) !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n1 {
    margin: calc(var(--spacer-1) / -1) !important;
  }
  .m-lg-n2 {
    margin: calc(var(--spacer-2) / -1) !important;
  }
  .m-lg-n3 {
    margin: calc(var(--spacer-3) / -1) !important;
  }
  .m-lg-n4 {
    margin: calc(var(--spacer-4) / -1) !important;
  }
  .m-lg-n5 {
    margin: calc(var(--spacer-5) / -1) !important;
  }
  .m-lg-n6 {
    margin: calc(var(--spacer-6) / -1) !important;
  }
  .m-lg-n7 {
    margin: calc(var(--spacer-7) / -1) !important;
  }
  .m-lg-n8 {
    margin: calc(var(--spacer-8) / -1) !important;
  }
  .m-lg-n9 {
    margin: calc(var(--spacer-9) / -1) !important;
  }
  .m-lg-n10 {
    margin: calc(var(--spacer-10) / -1) !important;
  }
  .m-lg-n11 {
    margin: calc(var(--spacer-11) / -1) !important;
  }
  .m-lg-n12 {
    margin: calc(var(--spacer-12) / -1) !important;
  }
  .mx-lg-n1 {
    margin-right: calc(var(--spacer-1) / -1) !important;
    margin-left: calc(var(--spacer-1) / -1) !important;
  }
  .mx-lg-n2 {
    margin-right: calc(var(--spacer-2) / -1) !important;
    margin-left: calc(var(--spacer-2) / -1) !important;
  }
  .mx-lg-n3 {
    margin-right: calc(var(--spacer-3) / -1) !important;
    margin-left: calc(var(--spacer-3) / -1) !important;
  }
  .mx-lg-n4 {
    margin-right: calc(var(--spacer-4) / -1) !important;
    margin-left: calc(var(--spacer-4) / -1) !important;
  }
  .mx-lg-n5 {
    margin-right: calc(var(--spacer-5) / -1) !important;
    margin-left: calc(var(--spacer-5) / -1) !important;
  }
  .mx-lg-n6 {
    margin-right: calc(var(--spacer-6) / -1) !important;
    margin-left: calc(var(--spacer-6) / -1) !important;
  }
  .mx-lg-n7 {
    margin-right: calc(var(--spacer-7) / -1) !important;
    margin-left: calc(var(--spacer-7) / -1) !important;
  }
  .mx-lg-n8 {
    margin-right: calc(var(--spacer-8) / -1) !important;
    margin-left: calc(var(--spacer-8) / -1) !important;
  }
  .mx-lg-n9 {
    margin-right: calc(var(--spacer-9) / -1) !important;
    margin-left: calc(var(--spacer-9) / -1) !important;
  }
  .mx-lg-n10 {
    margin-right: calc(var(--spacer-10) / -1) !important;
    margin-left: calc(var(--spacer-10) / -1) !important;
  }
  .mx-lg-n11 {
    margin-right: calc(var(--spacer-11) / -1) !important;
    margin-left: calc(var(--spacer-11) / -1) !important;
  }
  .mx-lg-n12 {
    margin-right: calc(var(--spacer-12) / -1) !important;
    margin-left: calc(var(--spacer-12) / -1) !important;
  }
  .my-lg-n1 {
    margin-top: calc(var(--spacer-1) / -1) !important;
    margin-bottom: calc(var(--spacer-1) / -1) !important;
  }
  .my-lg-n2 {
    margin-top: calc(var(--spacer-2) / -1) !important;
    margin-bottom: calc(var(--spacer-2) / -1) !important;
  }
  .my-lg-n3 {
    margin-top: calc(var(--spacer-3) / -1) !important;
    margin-bottom: calc(var(--spacer-3) / -1) !important;
  }
  .my-lg-n4 {
    margin-top: calc(var(--spacer-4) / -1) !important;
    margin-bottom: calc(var(--spacer-4) / -1) !important;
  }
  .my-lg-n5 {
    margin-top: calc(var(--spacer-5) / -1) !important;
    margin-bottom: calc(var(--spacer-5) / -1) !important;
  }
  .my-lg-n6 {
    margin-top: calc(var(--spacer-6) / -1) !important;
    margin-bottom: calc(var(--spacer-6) / -1) !important;
  }
  .my-lg-n7 {
    margin-top: calc(var(--spacer-7) / -1) !important;
    margin-bottom: calc(var(--spacer-7) / -1) !important;
  }
  .my-lg-n8 {
    margin-top: calc(var(--spacer-8) / -1) !important;
    margin-bottom: calc(var(--spacer-8) / -1) !important;
  }
  .my-lg-n9 {
    margin-top: calc(var(--spacer-9) / -1) !important;
    margin-bottom: calc(var(--spacer-9) / -1) !important;
  }
  .my-lg-n10 {
    margin-top: calc(var(--spacer-10) / -1) !important;
    margin-bottom: calc(var(--spacer-10) / -1) !important;
  }
  .my-lg-n11 {
    margin-top: calc(var(--spacer-11) / -1) !important;
    margin-bottom: calc(var(--spacer-11) / -1) !important;
  }
  .my-lg-n12 {
    margin-top: calc(var(--spacer-12) / -1) !important;
    margin-bottom: calc(var(--spacer-12) / -1) !important;
  }
  .mt-lg-n1 {
    margin-top: calc(var(--spacer-1) / -1) !important;
  }
  .mt-lg-n2 {
    margin-top: calc(var(--spacer-2) / -1) !important;
  }
  .mt-lg-n3 {
    margin-top: calc(var(--spacer-3) / -1) !important;
  }
  .mt-lg-n4 {
    margin-top: calc(var(--spacer-4) / -1) !important;
  }
  .mt-lg-n5 {
    margin-top: calc(var(--spacer-5) / -1) !important;
  }
  .mt-lg-n6 {
    margin-top: calc(var(--spacer-6) / -1) !important;
  }
  .mt-lg-n7 {
    margin-top: calc(var(--spacer-7) / -1) !important;
  }
  .mt-lg-n8 {
    margin-top: calc(var(--spacer-8) / -1) !important;
  }
  .mt-lg-n9 {
    margin-top: calc(var(--spacer-9) / -1) !important;
  }
  .mt-lg-n10 {
    margin-top: calc(var(--spacer-10) / -1) !important;
  }
  .mt-lg-n11 {
    margin-top: calc(var(--spacer-11) / -1) !important;
  }
  .mt-lg-n12 {
    margin-top: calc(var(--spacer-12) / -1) !important;
  }
  .mr-lg-n1 {
    margin-right: calc(var(--spacer-1) / -1) !important;
  }
  .mr-lg-n2 {
    margin-right: calc(var(--spacer-2) / -1) !important;
  }
  .mr-lg-n3 {
    margin-right: calc(var(--spacer-3) / -1) !important;
  }
  .mr-lg-n4 {
    margin-right: calc(var(--spacer-4) / -1) !important;
  }
  .mr-lg-n5 {
    margin-right: calc(var(--spacer-5) / -1) !important;
  }
  .mr-lg-n6 {
    margin-right: calc(var(--spacer-6) / -1) !important;
  }
  .mr-lg-n7 {
    margin-right: calc(var(--spacer-7) / -1) !important;
  }
  .mr-lg-n8 {
    margin-right: calc(var(--spacer-8) / -1) !important;
  }
  .mr-lg-n9 {
    margin-right: calc(var(--spacer-9) / -1) !important;
  }
  .mr-lg-n10 {
    margin-right: calc(var(--spacer-10) / -1) !important;
  }
  .mr-lg-n11 {
    margin-right: calc(var(--spacer-11) / -1) !important;
  }
  .mr-lg-n12 {
    margin-right: calc(var(--spacer-12) / -1) !important;
  }
  .mb-lg-n1 {
    margin-bottom: calc(var(--spacer-1) / -1) !important;
  }
  .mb-lg-n2 {
    margin-bottom: calc(var(--spacer-2) / -1) !important;
  }
  .mb-lg-n3 {
    margin-bottom: calc(var(--spacer-3) / -1) !important;
  }
  .mb-lg-n4 {
    margin-bottom: calc(var(--spacer-4) / -1) !important;
  }
  .mb-lg-n5 {
    margin-bottom: calc(var(--spacer-5) / -1) !important;
  }
  .mb-lg-n6 {
    margin-bottom: calc(var(--spacer-6) / -1) !important;
  }
  .mb-lg-n7 {
    margin-bottom: calc(var(--spacer-7) / -1) !important;
  }
  .mb-lg-n8 {
    margin-bottom: calc(var(--spacer-8) / -1) !important;
  }
  .mb-lg-n9 {
    margin-bottom: calc(var(--spacer-9) / -1) !important;
  }
  .mb-lg-n10 {
    margin-bottom: calc(var(--spacer-10) / -1) !important;
  }
  .mb-lg-n11 {
    margin-bottom: calc(var(--spacer-11) / -1) !important;
  }
  .mb-lg-n12 {
    margin-bottom: calc(var(--spacer-12) / -1) !important;
  }
  .ml-lg-n1 {
    margin-left: calc(var(--spacer-1) / -1) !important;
  }
  .ml-lg-n2 {
    margin-left: calc(var(--spacer-2) / -1) !important;
  }
  .ml-lg-n3 {
    margin-left: calc(var(--spacer-3) / -1) !important;
  }
  .ml-lg-n4 {
    margin-left: calc(var(--spacer-4) / -1) !important;
  }
  .ml-lg-n5 {
    margin-left: calc(var(--spacer-5) / -1) !important;
  }
  .ml-lg-n6 {
    margin-left: calc(var(--spacer-6) / -1) !important;
  }
  .ml-lg-n7 {
    margin-left: calc(var(--spacer-7) / -1) !important;
  }
  .ml-lg-n8 {
    margin-left: calc(var(--spacer-8) / -1) !important;
  }
  .ml-lg-n9 {
    margin-left: calc(var(--spacer-9) / -1) !important;
  }
  .ml-lg-n10 {
    margin-left: calc(var(--spacer-10) / -1) !important;
  }
  .ml-lg-n11 {
    margin-left: calc(var(--spacer-11) / -1) !important;
  }
  .ml-lg-n12 {
    margin-left: calc(var(--spacer-12) / -1) !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: var(--spacer-1) !important;
  }
  .m-xl-2 {
    margin: var(--spacer-2) !important;
  }
  .m-xl-3 {
    margin: var(--spacer-3) !important;
  }
  .m-xl-4 {
    margin: var(--spacer-4) !important;
  }
  .m-xl-5 {
    margin: var(--spacer-5) !important;
  }
  .m-xl-6 {
    margin: var(--spacer-6) !important;
  }
  .m-xl-7 {
    margin: var(--spacer-7) !important;
  }
  .m-xl-8 {
    margin: var(--spacer-8) !important;
  }
  .m-xl-9 {
    margin: var(--spacer-9) !important;
  }
  .m-xl-10 {
    margin: var(--spacer-10) !important;
  }
  .m-xl-11 {
    margin: var(--spacer-11) !important;
  }
  .m-xl-12 {
    margin: var(--spacer-12) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: var(--spacer-1) !important;
    margin-left: var(--spacer-1) !important;
  }
  .mx-xl-2 {
    margin-right: var(--spacer-2) !important;
    margin-left: var(--spacer-2) !important;
  }
  .mx-xl-3 {
    margin-right: var(--spacer-3) !important;
    margin-left: var(--spacer-3) !important;
  }
  .mx-xl-4 {
    margin-right: var(--spacer-4) !important;
    margin-left: var(--spacer-4) !important;
  }
  .mx-xl-5 {
    margin-right: var(--spacer-5) !important;
    margin-left: var(--spacer-5) !important;
  }
  .mx-xl-6 {
    margin-right: var(--spacer-6) !important;
    margin-left: var(--spacer-6) !important;
  }
  .mx-xl-7 {
    margin-right: var(--spacer-7) !important;
    margin-left: var(--spacer-7) !important;
  }
  .mx-xl-8 {
    margin-right: var(--spacer-8) !important;
    margin-left: var(--spacer-8) !important;
  }
  .mx-xl-9 {
    margin-right: var(--spacer-9) !important;
    margin-left: var(--spacer-9) !important;
  }
  .mx-xl-10 {
    margin-right: var(--spacer-10) !important;
    margin-left: var(--spacer-10) !important;
  }
  .mx-xl-11 {
    margin-right: var(--spacer-11) !important;
    margin-left: var(--spacer-11) !important;
  }
  .mx-xl-12 {
    margin-right: var(--spacer-12) !important;
    margin-left: var(--spacer-12) !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: var(--spacer-1) !important;
    margin-bottom: var(--spacer-1) !important;
  }
  .my-xl-2 {
    margin-top: var(--spacer-2) !important;
    margin-bottom: var(--spacer-2) !important;
  }
  .my-xl-3 {
    margin-top: var(--spacer-3) !important;
    margin-bottom: var(--spacer-3) !important;
  }
  .my-xl-4 {
    margin-top: var(--spacer-4) !important;
    margin-bottom: var(--spacer-4) !important;
  }
  .my-xl-5 {
    margin-top: var(--spacer-5) !important;
    margin-bottom: var(--spacer-5) !important;
  }
  .my-xl-6 {
    margin-top: var(--spacer-6) !important;
    margin-bottom: var(--spacer-6) !important;
  }
  .my-xl-7 {
    margin-top: var(--spacer-7) !important;
    margin-bottom: var(--spacer-7) !important;
  }
  .my-xl-8 {
    margin-top: var(--spacer-8) !important;
    margin-bottom: var(--spacer-8) !important;
  }
  .my-xl-9 {
    margin-top: var(--spacer-9) !important;
    margin-bottom: var(--spacer-9) !important;
  }
  .my-xl-10 {
    margin-top: var(--spacer-10) !important;
    margin-bottom: var(--spacer-10) !important;
  }
  .my-xl-11 {
    margin-top: var(--spacer-11) !important;
    margin-bottom: var(--spacer-11) !important;
  }
  .my-xl-12 {
    margin-top: var(--spacer-12) !important;
    margin-bottom: var(--spacer-12) !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mt-xl-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mt-xl-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mt-xl-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mt-xl-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mt-xl-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mt-xl-7 {
    margin-top: var(--spacer-7) !important;
  }
  .mt-xl-8 {
    margin-top: var(--spacer-8) !important;
  }
  .mt-xl-9 {
    margin-top: var(--spacer-9) !important;
  }
  .mt-xl-10 {
    margin-top: var(--spacer-10) !important;
  }
  .mt-xl-11 {
    margin-top: var(--spacer-11) !important;
  }
  .mt-xl-12 {
    margin-top: var(--spacer-12) !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mr-xl-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mr-xl-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mr-xl-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mr-xl-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mr-xl-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mr-xl-7 {
    margin-right: var(--spacer-7) !important;
  }
  .mr-xl-8 {
    margin-right: var(--spacer-8) !important;
  }
  .mr-xl-9 {
    margin-right: var(--spacer-9) !important;
  }
  .mr-xl-10 {
    margin-right: var(--spacer-10) !important;
  }
  .mr-xl-11 {
    margin-right: var(--spacer-11) !important;
  }
  .mr-xl-12 {
    margin-right: var(--spacer-12) !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .mb-xl-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .mb-xl-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .mb-xl-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .mb-xl-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .mb-xl-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .mb-xl-7 {
    margin-bottom: var(--spacer-7) !important;
  }
  .mb-xl-8 {
    margin-bottom: var(--spacer-8) !important;
  }
  .mb-xl-9 {
    margin-bottom: var(--spacer-9) !important;
  }
  .mb-xl-10 {
    margin-bottom: var(--spacer-10) !important;
  }
  .mb-xl-11 {
    margin-bottom: var(--spacer-11) !important;
  }
  .mb-xl-12 {
    margin-bottom: var(--spacer-12) !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-1 {
    margin-left: var(--spacer-1) !important;
  }
  .ml-xl-2 {
    margin-left: var(--spacer-2) !important;
  }
  .ml-xl-3 {
    margin-left: var(--spacer-3) !important;
  }
  .ml-xl-4 {
    margin-left: var(--spacer-4) !important;
  }
  .ml-xl-5 {
    margin-left: var(--spacer-5) !important;
  }
  .ml-xl-6 {
    margin-left: var(--spacer-6) !important;
  }
  .ml-xl-7 {
    margin-left: var(--spacer-7) !important;
  }
  .ml-xl-8 {
    margin-left: var(--spacer-8) !important;
  }
  .ml-xl-9 {
    margin-left: var(--spacer-9) !important;
  }
  .ml-xl-10 {
    margin-left: var(--spacer-10) !important;
  }
  .ml-xl-11 {
    margin-left: var(--spacer-11) !important;
  }
  .ml-xl-12 {
    margin-left: var(--spacer-12) !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n1 {
    margin: calc(var(--spacer-1) / -1) !important;
  }
  .m-xl-n2 {
    margin: calc(var(--spacer-2) / -1) !important;
  }
  .m-xl-n3 {
    margin: calc(var(--spacer-3) / -1) !important;
  }
  .m-xl-n4 {
    margin: calc(var(--spacer-4) / -1) !important;
  }
  .m-xl-n5 {
    margin: calc(var(--spacer-5) / -1) !important;
  }
  .m-xl-n6 {
    margin: calc(var(--spacer-6) / -1) !important;
  }
  .m-xl-n7 {
    margin: calc(var(--spacer-7) / -1) !important;
  }
  .m-xl-n8 {
    margin: calc(var(--spacer-8) / -1) !important;
  }
  .m-xl-n9 {
    margin: calc(var(--spacer-9) / -1) !important;
  }
  .m-xl-n10 {
    margin: calc(var(--spacer-10) / -1) !important;
  }
  .m-xl-n11 {
    margin: calc(var(--spacer-11) / -1) !important;
  }
  .m-xl-n12 {
    margin: calc(var(--spacer-12) / -1) !important;
  }
  .mx-xl-n1 {
    margin-right: calc(var(--spacer-1) / -1) !important;
    margin-left: calc(var(--spacer-1) / -1) !important;
  }
  .mx-xl-n2 {
    margin-right: calc(var(--spacer-2) / -1) !important;
    margin-left: calc(var(--spacer-2) / -1) !important;
  }
  .mx-xl-n3 {
    margin-right: calc(var(--spacer-3) / -1) !important;
    margin-left: calc(var(--spacer-3) / -1) !important;
  }
  .mx-xl-n4 {
    margin-right: calc(var(--spacer-4) / -1) !important;
    margin-left: calc(var(--spacer-4) / -1) !important;
  }
  .mx-xl-n5 {
    margin-right: calc(var(--spacer-5) / -1) !important;
    margin-left: calc(var(--spacer-5) / -1) !important;
  }
  .mx-xl-n6 {
    margin-right: calc(var(--spacer-6) / -1) !important;
    margin-left: calc(var(--spacer-6) / -1) !important;
  }
  .mx-xl-n7 {
    margin-right: calc(var(--spacer-7) / -1) !important;
    margin-left: calc(var(--spacer-7) / -1) !important;
  }
  .mx-xl-n8 {
    margin-right: calc(var(--spacer-8) / -1) !important;
    margin-left: calc(var(--spacer-8) / -1) !important;
  }
  .mx-xl-n9 {
    margin-right: calc(var(--spacer-9) / -1) !important;
    margin-left: calc(var(--spacer-9) / -1) !important;
  }
  .mx-xl-n10 {
    margin-right: calc(var(--spacer-10) / -1) !important;
    margin-left: calc(var(--spacer-10) / -1) !important;
  }
  .mx-xl-n11 {
    margin-right: calc(var(--spacer-11) / -1) !important;
    margin-left: calc(var(--spacer-11) / -1) !important;
  }
  .mx-xl-n12 {
    margin-right: calc(var(--spacer-12) / -1) !important;
    margin-left: calc(var(--spacer-12) / -1) !important;
  }
  .my-xl-n1 {
    margin-top: calc(var(--spacer-1) / -1) !important;
    margin-bottom: calc(var(--spacer-1) / -1) !important;
  }
  .my-xl-n2 {
    margin-top: calc(var(--spacer-2) / -1) !important;
    margin-bottom: calc(var(--spacer-2) / -1) !important;
  }
  .my-xl-n3 {
    margin-top: calc(var(--spacer-3) / -1) !important;
    margin-bottom: calc(var(--spacer-3) / -1) !important;
  }
  .my-xl-n4 {
    margin-top: calc(var(--spacer-4) / -1) !important;
    margin-bottom: calc(var(--spacer-4) / -1) !important;
  }
  .my-xl-n5 {
    margin-top: calc(var(--spacer-5) / -1) !important;
    margin-bottom: calc(var(--spacer-5) / -1) !important;
  }
  .my-xl-n6 {
    margin-top: calc(var(--spacer-6) / -1) !important;
    margin-bottom: calc(var(--spacer-6) / -1) !important;
  }
  .my-xl-n7 {
    margin-top: calc(var(--spacer-7) / -1) !important;
    margin-bottom: calc(var(--spacer-7) / -1) !important;
  }
  .my-xl-n8 {
    margin-top: calc(var(--spacer-8) / -1) !important;
    margin-bottom: calc(var(--spacer-8) / -1) !important;
  }
  .my-xl-n9 {
    margin-top: calc(var(--spacer-9) / -1) !important;
    margin-bottom: calc(var(--spacer-9) / -1) !important;
  }
  .my-xl-n10 {
    margin-top: calc(var(--spacer-10) / -1) !important;
    margin-bottom: calc(var(--spacer-10) / -1) !important;
  }
  .my-xl-n11 {
    margin-top: calc(var(--spacer-11) / -1) !important;
    margin-bottom: calc(var(--spacer-11) / -1) !important;
  }
  .my-xl-n12 {
    margin-top: calc(var(--spacer-12) / -1) !important;
    margin-bottom: calc(var(--spacer-12) / -1) !important;
  }
  .mt-xl-n1 {
    margin-top: calc(var(--spacer-1) / -1) !important;
  }
  .mt-xl-n2 {
    margin-top: calc(var(--spacer-2) / -1) !important;
  }
  .mt-xl-n3 {
    margin-top: calc(var(--spacer-3) / -1) !important;
  }
  .mt-xl-n4 {
    margin-top: calc(var(--spacer-4) / -1) !important;
  }
  .mt-xl-n5 {
    margin-top: calc(var(--spacer-5) / -1) !important;
  }
  .mt-xl-n6 {
    margin-top: calc(var(--spacer-6) / -1) !important;
  }
  .mt-xl-n7 {
    margin-top: calc(var(--spacer-7) / -1) !important;
  }
  .mt-xl-n8 {
    margin-top: calc(var(--spacer-8) / -1) !important;
  }
  .mt-xl-n9 {
    margin-top: calc(var(--spacer-9) / -1) !important;
  }
  .mt-xl-n10 {
    margin-top: calc(var(--spacer-10) / -1) !important;
  }
  .mt-xl-n11 {
    margin-top: calc(var(--spacer-11) / -1) !important;
  }
  .mt-xl-n12 {
    margin-top: calc(var(--spacer-12) / -1) !important;
  }
  .mr-xl-n1 {
    margin-right: calc(var(--spacer-1) / -1) !important;
  }
  .mr-xl-n2 {
    margin-right: calc(var(--spacer-2) / -1) !important;
  }
  .mr-xl-n3 {
    margin-right: calc(var(--spacer-3) / -1) !important;
  }
  .mr-xl-n4 {
    margin-right: calc(var(--spacer-4) / -1) !important;
  }
  .mr-xl-n5 {
    margin-right: calc(var(--spacer-5) / -1) !important;
  }
  .mr-xl-n6 {
    margin-right: calc(var(--spacer-6) / -1) !important;
  }
  .mr-xl-n7 {
    margin-right: calc(var(--spacer-7) / -1) !important;
  }
  .mr-xl-n8 {
    margin-right: calc(var(--spacer-8) / -1) !important;
  }
  .mr-xl-n9 {
    margin-right: calc(var(--spacer-9) / -1) !important;
  }
  .mr-xl-n10 {
    margin-right: calc(var(--spacer-10) / -1) !important;
  }
  .mr-xl-n11 {
    margin-right: calc(var(--spacer-11) / -1) !important;
  }
  .mr-xl-n12 {
    margin-right: calc(var(--spacer-12) / -1) !important;
  }
  .mb-xl-n1 {
    margin-bottom: calc(var(--spacer-1) / -1) !important;
  }
  .mb-xl-n2 {
    margin-bottom: calc(var(--spacer-2) / -1) !important;
  }
  .mb-xl-n3 {
    margin-bottom: calc(var(--spacer-3) / -1) !important;
  }
  .mb-xl-n4 {
    margin-bottom: calc(var(--spacer-4) / -1) !important;
  }
  .mb-xl-n5 {
    margin-bottom: calc(var(--spacer-5) / -1) !important;
  }
  .mb-xl-n6 {
    margin-bottom: calc(var(--spacer-6) / -1) !important;
  }
  .mb-xl-n7 {
    margin-bottom: calc(var(--spacer-7) / -1) !important;
  }
  .mb-xl-n8 {
    margin-bottom: calc(var(--spacer-8) / -1) !important;
  }
  .mb-xl-n9 {
    margin-bottom: calc(var(--spacer-9) / -1) !important;
  }
  .mb-xl-n10 {
    margin-bottom: calc(var(--spacer-10) / -1) !important;
  }
  .mb-xl-n11 {
    margin-bottom: calc(var(--spacer-11) / -1) !important;
  }
  .mb-xl-n12 {
    margin-bottom: calc(var(--spacer-12) / -1) !important;
  }
  .ml-xl-n1 {
    margin-left: calc(var(--spacer-1) / -1) !important;
  }
  .ml-xl-n2 {
    margin-left: calc(var(--spacer-2) / -1) !important;
  }
  .ml-xl-n3 {
    margin-left: calc(var(--spacer-3) / -1) !important;
  }
  .ml-xl-n4 {
    margin-left: calc(var(--spacer-4) / -1) !important;
  }
  .ml-xl-n5 {
    margin-left: calc(var(--spacer-5) / -1) !important;
  }
  .ml-xl-n6 {
    margin-left: calc(var(--spacer-6) / -1) !important;
  }
  .ml-xl-n7 {
    margin-left: calc(var(--spacer-7) / -1) !important;
  }
  .ml-xl-n8 {
    margin-left: calc(var(--spacer-8) / -1) !important;
  }
  .ml-xl-n9 {
    margin-left: calc(var(--spacer-9) / -1) !important;
  }
  .ml-xl-n10 {
    margin-left: calc(var(--spacer-10) / -1) !important;
  }
  .ml-xl-n11 {
    margin-left: calc(var(--spacer-11) / -1) !important;
  }
  .ml-xl-n12 {
    margin-left: calc(var(--spacer-12) / -1) !important;
  }
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.scroll-smooth {
  scroll-behavior: smooth !important;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-smooth {
    scroll-behavior: auto !important;
  }
}

.lead {
  font-size: 1.125rem !important;
}

.fs-xxs {
  font-size: 1rem !important;
}

.fs-xs {
  font-size: 1.25rem !important;
}

.fs-sm {
  font-size: 1.5rem !important;
}

.fs-md {
  font-size: 1.75rem !important;
}

.fs-lg {
  font-size: 2rem !important;
}

.fs-xl {
  font-size: 2.5rem !important;
}

.fs-xxl {
  font-size: 3rem !important;
}

.font-italic {
  font-style: italic !important;
}

.font-weight-thin {
  font-weight: 100 !important;
}

.font-weight-extra-light {
  font-weight: 200 !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-semi-bold {
  font-weight: 600 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-weight-extra-bold {
  font-weight: 800 !important;
}

.font-weight-black {
  font-weight: 900 !important;
}

.lh-sm {
  line-height: 1 !important;
}

.lh-md {
  line-height: 1.2 !important;
}

.lh-lg {
  line-height: 1.5 !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-info {
  color: var(--info) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-light {
  color: var(--light) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.text-white {
  color: var(--white) !important;
}

.text-black {
  color: var(--black) !important;
}

.text-muted {
  color: var(--muted) !important;
}

.text-body {
  color: var(--body-color) !important;
}

.text-reset {
  color: inherit !important;
}

.text-justify {
  text-align: justify !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

.bg-info {
  background-color: var(--info) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.bg-light {
  background-color: var(--light) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}

.bg-neutral {
  background-color: var(--neutral) !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.bg-black {
  background-color: var(--black) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 2px solid var(--fill-bg) !important;
}

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

.border-top {
  border-top: 2px solid var(--fill-bg) !important;
}

.border-right {
  border-right: 2px solid var(--fill-bg) !important;
}

.border-bottom {
  border-bottom: 2px solid var(--fill-bg) !important;
}

.border-left {
  border-left: 2px solid var(--fill-bg) !important;
}

.rounded {
  border-radius: var(--border-radius-lg) !important;
}

.rounded-sm {
  border-radius: var(--border-radius-sm) !important;
}

.rounded-top {
  border-top-left-radius: var(--border-radius-lg) !important;
  border-top-right-radius: var(--border-radius-lg) !important;
}

.rounded-right {
  border-top-right-radius: var(--border-radius-lg) !important;
  border-bottom-right-radius: var(--border-radius-lg) !important;
}

.rounded-bottom {
  border-bottom-left-radius: var(--border-radius-lg) !important;
  border-bottom-right-radius: var(--border-radius-lg) !important;
}

.rounded-left {
  border-top-left-radius: var(--border-radius-lg) !important;
  border-bottom-left-radius: var(--border-radius-lg) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}