/*
* PIPUS Awesome
* 
* Cirrus 0.8.0
* Stanley Lim, Copyright 2025
* https://cirrus-ui.com
*
* Web Awesome 3.0.0-beta.3
*/
@charset "UTF-8";

@import url('/.fa/all.min.css');
@import url('/.pipe/elements.css');

:root,
html,
body {
  /* 
  ========================================
  Font Family
  ========================================
  */
  --wa-font-family-body: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --wa-font-family-heading: var(--wa-font-family-body);
  --wa-font-family-code: ui-monospace, monospace;
  --wa-font-family-longform: ui-serif, serif;

  /* 
  ========================================
  Font Size
  ========================================
  */
  --wa-font-size-scale: 1;
  --wa-font-size-2xs: round(calc(var(--wa-font-size-xs) / 1.125), 1px);
  /* 11px */
  --wa-font-size-xs: round(calc(var(--wa-font-size-s) / 1.125), 1px);
  /* 12px */
  --wa-font-size-s: round(calc(var(--wa-font-size-m) / 1.125), 1px);
  /* 14px */
  --wa-font-size-m: calc(1rem * var(--wa-font-size-scale));
  /* 16px */
  --wa-font-size-l: round(calc(var(--wa-font-size-m) * 1.125 * 1.125), 1px);
  /* 20px */
  --wa-font-size-xl: round(calc(var(--wa-font-size-l) * 1.125 * 1.125), 1px);
  /* 25px */
  --wa-font-size-2xl: round(calc(var(--wa-font-size-xl) * 1.125 * 1.125), 1px);
  /* 32px */
  --wa-font-size-3xl: round(calc(var(--wa-font-size-2xl) * 1.125 * 1.125), 1px);
  /* 41px */
  --wa-font-size-4xl: round(calc(var(--wa-font-size-3xl) * 1.125 * 1.125), 1px);
  /* 52px */

  /* Font size helpers for proportional scaling */
  --wa-font-size-smaller: round(calc(1em / 1.125), 1px);
  --wa-font-size-larger: round(calc(1em * 1.125 * 1.125), 1px);

  /* 
  ========================================
  Font Weight
  ========================================
  */
  --wa-font-weight-light: 300;
  --wa-font-weight-normal: 400;
  --wa-font-weight-semibold: 500;
  --wa-font-weight-bold: 600;

  /* Role-based weights */
  --wa-font-weight-body: var(--wa-font-weight-normal);
  --wa-font-weight-heading: var(--wa-font-weight-bold);
  --wa-font-weight-action: var(--wa-font-weight-semibold);

  /* 
  ========================================
  Line Height
  ========================================
  */
  --wa-line-height-condensed: 1.2;
  --wa-line-height-normal: 1.6;
  --wa-line-height-expanded: 2;

  /* 
  ========================================
  Links
  ========================================
  */
  --wa-link-decoration-default: underline color-mix(in oklab, var(--wa-color-text-link) 70%, transparent) dotted;
  --wa-link-decoration-hover: underline;

}

:root {
  /*
  ========================================
  Colors
  ========================================
  */

  /*
  Text Colors
  These variables control text colors throughout the interface
  */
  --wa-color-text-default: #f8f9fa;
  --wa-color-text-subtle: rgba(248, 249, 250, 0.7);
  --wa-color-text-muted: rgba(248, 249, 250, 0.5);
  --wa-color-text-disabled: rgba(248, 249, 250, 0.3);

  --wa-color-text-link: #5e5cc7;
  --wa-color-text-error: #fb4143;
  --wa-color-text-success: #0dd157;
  --wa-color-text-warning: #fab633;
  --wa-color-text-info: #2972fa;

  --wa-color-back-link: #3f51b50d;
  --wa-color-back-error: #f443360d;
  --wa-color-back-success: #00e0000d;
  --wa-color-back-warning: #ff98000d;
  --wa-color-back-info: #2196f30d;

  --wa-color-border-link: #5e5cc7;
  --wa-color-border-error: #fb4143;
  --wa-color-border-success: #0dd157;
  --wa-color-border-warning: #fab633;
  --wa-color-border-info: #2972fa;

  --cirrus-select-bg: rgba(0, 161, 255, 0.2);
  --wa-color-mix-hover: var(--cirrus-select-bg) 10%;
  --wa-color-mix-active: var(--cirrus-select-bg) 20%;

  --scrollbar-thumb: #AAA;
  --scrollbar-background: #f8f9fa;

  /*
  Brand Colors
  Color palette with tints from 05 to 95 in 5-step increments
  */
  --wa-color-brand-05: #e6f0ff;
  --wa-color-brand-10: #cce0ff;
  --wa-color-brand-15: #b3d1ff;
  --wa-color-brand-20: #99c2ff;
  --wa-color-brand-25: #80b3ff;
  --wa-color-brand-30: #66a3ff;
  --wa-color-brand-35: #4d94ff;
  --wa-color-brand-40: #3385ff;
  --wa-color-brand-45: #1a75ff;
  --wa-color-brand-50: #0066ff;
  --wa-color-brand-55: #005ce6;
  --wa-color-brand-60: #0052cc;
  --wa-color-brand-65: #0047b3;
  --wa-color-brand-70: #003d99;
  --wa-color-brand-75: #003380;
  --wa-color-brand-80: #002966;
  --wa-color-brand-85: #001f4d;
  --wa-color-brand-90: #001433;
  --wa-color-brand-95: #000a1a;
}

/* 
 ========================================
 General
 ========================================
*/

html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-background);
}

body {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.main {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
}

.content-center {
  display: flex;
  justify-content: center;
}

.content-background {
  flex: 1;
  display: flex;
  padding: 0 1.8rem;
  margin: 0 calc(2rem * var(--md-plus) + 3rem * var(--lg-plus) + 1rem * var(--xl-plus));
}

.content-wrapper {
  flex: 1;
  max-width: 1280px;
  margin: 0 auto;
}

.filler {
  flex: auto;
}

/* Apple Fixes for clickable elements */
a,
button,
.btn,
*[onclick],
*.clickable {
  cursor: pointer;
}

/* Selection Color */
::selection {
  background-color: var(--cirrus-select-bg);
}

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

.u-text-break {
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}

.u-flex, .u-row {
  display: flex;
}

.u-grow {
  flex-grow: 1;
}

.u-left {
  display: flex;
  justify-content: left;
}

.u-right {
  display: flex;
  justify-content: right;
}

.u-center-x {
  display: flex;
  justify-content: center;
}

.u-center-y {
  display: flex;
  align-items: center;
}

/* Center element - best used for hero bodies or text */
.u-center {
  display: flex;
  align-items: center;
  justify-content: center;
  /*margin: 0 auto;*/
  /*flex-wrap: wrap;*/
}

.u-center-alt,
.u-center-alt:hover,
.u-center-alt:active {
  /* If flexbox method fails, this works for elements with unknown dimensions */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.u-top {
  display: flex;
  align-items: start;
}

.u-bottom {
  display: flex;
  align-items: end;
}

.u-relative {
  position: relative;
}

.u-overlay {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
}

.u-disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.u-unselectable {
  user-select: none !important;
}

.divider {
  border-top: .05rem solid rgba(173, 181, 189, .5);
  height: .1rem;
  margin: 1.8rem 0 1.6rem;
  position: relative;
}

/* Text Align */

.ta-left {
  text-align: left;
}

.ta-right {
  text-align: right;
}

.ta-center {
  text-align: center;
}

.ta-justify {
  text-align: justify;
}

.ta-start {
  text-align: start;
}

.ta-end {
  text-align: end;
}

/* --- Font Awesome --- */

.icon {
  /* Usually used in spans */
  display: inline-block;
  /* font-size: 21px; Allow font sizes for icons to be overwritten */
  /* line-height: 1.5rem; Allow line height to be inherited or overwritten */
  text-align: center;
  width: 1.5rem;
  vertical-align: baseline;
}

.icon.x-small {
  margin: 0.55rem 0 0 0.1rem;
}

.icon.small {
  margin: 0.95rem 0 0 0.1rem;
}

.icon .fa-wrapper {
  font-size: inherit;
}

i.fa {}

i.fa+i-label {
  margin-left: 0.5rem;
}

/* --- Cursors --- */

.u-cursor-auto {
  cursor: auto;
}

.u-cursor-pointer {
  cursor: pointer;
}

.u-cursor-wait {
  cursor: wait;
}

.u-cursor-text {
  cursor: text;
}

.u-cursor-move {
  cursor: move;
}

.u-cursor-help {
  cursor: help;
}

.u-cursor-not-allowed {
  cursor: not-allowed;
}

.u-cursor-none {
  cursor: none;
}

.u-cursor-cell {
  cursor: cell;
}

.u-cursor-crosshair {
  cursor: crosshair;
}

.u-cursor-grab {
  cursor: grab;
}

.u-cursor-grabbing {
  cursor: grabbing;
}

.u-cursor-all-scroll {
  cursor: all-scroll;
}

.u-cursor-col-resize {
  cursor: col-resize;
}

.u-cursor-row-resize {
  cursor: row-resize;
}

.u-cursor-zoom-in {
  cursor: zoom-in;
}

.u-cursor-zoom-out {
  cursor: zoom-out;
}

/* None */
/* Hidden elements must not show */

[hidden] {
  display: none !important;
}

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

/* ---- VIEWPORTS ---- */

/* Small: 640px */
@media (max-width: 639px) {
  :root {
    --sm: 1;
    --md: 0;
    --lg: 0;
    --xl: 0;

    --sm-plus: 1;
    --md-plus: 0;
    --lg-plus: 0;
    --xl-plus: 0;
  }
}

/* Medium: 640px – 1024px */
@media (min-width: 640px) and (max-width: 1023px) {
  :root {
    --sm: 0;
    --md: 1;
    --lg: 0;
    --xl: 0;

    --sm-plus: 1;
    --md-plus: 1;
    --lg-plus: 0;
    --xl-plus: 0;
  }
}

/* Large: 1024px – 1280px */
@media (min-width: 1024px) and (max-width: 1279px) {
  :root {
    --sm: 0;
    --md: 0;
    --lg: 1;
    --xl: 0;

    --sm-plus: 1;
    --md-plus: 1;
    --lg-plus: 1;
    --xl-plus: 0;
  }
}

/* Extra Large: 1280px and up */
@media (min-width: 1280px) {
  :root {
    --sm: 0;
    --md: 0;
    --lg: 0;
    --xl: 1;

    --sm-plus: 1;
    --md-plus: 1;
    --lg-plus: 1;
    --xl-plus: 1;
  }
}

/* show & none */

@media (max-width: 639px) {

  .sm\:u-none,
  .md\:u-show,
  .lg\:u-show,
  .xl\:u-show {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {

  .md\:u-none,
  .sm\:u-show,
  .lg\:u-show,
  .xl\:u-show {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {

  .lg\:u-none,
  .sm\:u-show,
  .md\:u-show,
  .xl\:u-show {
    display: none !important;
  }
}

@media (min-width: 1280px) {

  .xl\:u-none,
  .sm\:u-show,
  .md\:u-show,
  .lg\:u-show {
    display: none !important;
  }
}

/* 
 ========================================
       Effects
 ========================================
*/

.background-glass {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(17, 25, 40, 0.75);
}

/* 
 ========================================
 Links
 ========================================
*/

.u-push:active {
  scale: 0.95;
}

/* Animated links */
.u,
.utb,
.u-inner * {
  display: inline;
  position: relative;
  /* So the psuedo-elements are positioned correctly */
}

.u-inner,
.u-inner:hover,
.u,
.u:hover,
.utb,
.utb:hover {
  text-decoration: none;
}

/* Underline */
.u::after,
.u-inner *:after {
  content: "";
  transition: all 0.3s;
  backface-visibility: hidden;
  position: absolute;
  height: 2px;
  width: 0;
  background: currentColor;
  bottom: -0.25em;
}

.u:hover::after,
.u-inner:hover *::after {
  width: 100%;
}

.u.u-LR::after,
.u-inner.u-LR *::after {
  /* Left to Right */
  left: 0;
}

.u.u-RL::after,
.u-inner.u-RL *::after {
  /* Right to Left */
  right: 0;
}

.u.u-RL:hover::after,
.u-inner.u-RL:hover *::after {
  width: 100%;
}

.u.u-C::after,
.u-inner.u-C *:after {
  /* Center Outwards */
  left: 50%;
  transform: translateX(-50%);
}

/* Underline top and bottom */
.utb {
  /* Opposite start */
}

.utb::before,
.utb::after {
  content: "";
  transition: all 0.3s;
  backface-visibility: hidden;
  position: absolute;
  height: 2px;
  width: 0;
  background: currentColor;
}

.utb::before {
  top: -0.25em;
}

.utb::after {
  bottom: -0.25em;
}

.utb:hover::before,
.utb:hover::after {
  width: 100%;
}

.utb.utb-LR::before,
.utb.utb-LR::after {
  left: 0;
}

.utb.utb-RL::before,
.utb.utb-RL::after {
  right: 0;
}

.utb.utb-C::before,
.utb.utb-C::after {
  left: 50%;
  transform: translateX(-50%);
}

.utb.utb-OLR::before {
  /* Suffix denotes border transition direction for the top border (left to right). Bottom border will be the opposite direction */
  left: 0;
}

.utb.utb-OLR::after {
  right: 0;
}

.utb.utb-ORL::before {
  right: 0;
}

.utb.utb-ORL::after {
  left: 0;
}

/* 
 ========================================
 Buttons
 ========================================
*/

.btn,
button {
  --btn-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud));
  --btn-fg: var(--wa-color-text-default);
  --btn-border-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud));

  --btn-hover-color: color-mix(in oklab, var(--btn-color), var(--wa-color-mix-hover));
  --btn-active-color: color-mix(in oklab, var(--btn-color), var(--wa-color-mix-active));

  color: var(--btn-fg);
  background: var(--btn-color);
  border-color: var(--btn-border-color);

}

.btn:hover,
button:hover {
  background: var(--btn-hover-color);
}

.btn:active,
button:active {
  scale: 0.95;
  background: var(--btn-active-color);
}

/* Links inside buttons */
button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  width: 100%;
  height: 100%;
  padding: 0 var(--wa-form-control-padding-inline);
  text-decoration: none;
}

button:has(a) {
  padding: 0;
}

/* 
 ========================================
 Animations
 ========================================
*/
/* Remove all animations based on preference */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ANIMATIONS */
/* Keyframes */
/* Spinning loading animation */
@keyframes loading {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

/* Heart animation */
@keyframes pound {
  to {
    transform: scale(1.1);
  }
}

/* Bounce animations */
@keyframes bounce {

  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

@keyframes ping {

  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

/* Hover animation */
.hover-grow {
  /* Mouse leave */
  transition-duration: 0.32s;
}

.hover-grow:hover {
  /* Mouse enter */
  transform: scale(1.1);
  transition-duration: 0.08s;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  /* Loading button position relatively for loading spinner location */
}

.animated.loading {
  display: block;
  position: relative;
  /* Loading Spinner, align center by default */
  /* Hide text in loading button */
}

.animated.loading::after {
  border: 2px solid #ced4da;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
  left: calc(50% - 0.5rem);
  top: calc(50% - 0.5rem);
  position: absolute;
  animation: loading 500ms infinite linear;
}

.animated.loading.loading-white::after {
  border-left-color: #fff;
  border-bottom-color: #fff;
}

.animated.loading.loading-left {
  padding-left: 3rem;
  /* Align spinner left */
}

.animated.loading.loading-left::after {
  left: 1rem;
  right: auto;
}

.animated.loading.loading-right {
  padding-right: 3rem;
  /* Align spinner right */
}

.animated.loading.loading-right::after {
  left: auto;
  right: 1rem;
}

.animated.loading.hide-text {
  color: transparent !important;
}

.animated.pound {
  animation: pound 0.35s infinite alternate;
  vertical-align: baseline;
}

.animated.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

.animated.bounceIn {
  animation-name: bounceIn;
}

.animated.fadeIn {
  animation-name: fadeIn;
}

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

.animated.infinite.alternate {
  animation-direction: alternate;
}

.animated.paused {
  animation-play-state: paused !important;
}

.animated.pulse {
  animation: pulse 1.25s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animated.ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* 
========================================
Grid
========================================
*/

/* Use for spacing out elements vertically */
.row {
  flex: 1;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  display: flex;
  /* GRID */
  /* Auto align col to left in row */
  /* Auto align col to middle in row */
  /* Auto align col to right in row */
  /* Dividers for mobile layout */
  /* Base sizing where everything is 100% width */
  /* Columns without the spacing */
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.row.row--no-wrap {
  flex-wrap: nowrap;
  overflow-x: auto;
  /* Can be disabled to remove scroll bar */
}

.row .col {
  display: block;
  flex: 1;
  padding: 0.15rem 0.75rem;
}

.row .offset-right {
  margin-left: 0;
  margin-right: auto;
}

.row .offset-center {
  margin-left: auto;
  margin-right: auto;
}

.row .offset-left {
  margin-left: auto;
  margin-right: 0;
}

.row.divided [class^=col],
.row.divided [class*=" col"] {
  box-shadow: 0 -1px 0 0 rgba(173, 181, 189, 0.5);
}

.row [class^=col-],
.row [class*=" col-"],
.row [class*=":col-"] {
  width: 100%;
  margin-left: 0;
  padding: 0 0.5rem;
}

.row .col-1 {
  width: 8.3333333333% !important;
}

.row .col-2 {
  width: 16.6666666667% !important;
}

.row .col-3 {
  width: 25% !important;
}

.row .col-4 {
  width: 33.3333333333% !important;
}

.row .col-5 {
  width: 41.6666666667% !important;
}

.row .col-6 {
  width: 50% !important;
}

.row .col-7 {
  width: 58.3333333333% !important;
}

.row .col-8 {
  width: 66.6666666667% !important;
}

.row .col-9 {
  width: 75% !important;
}

.row .col-10 {
  width: 83.3333333333% !important;
}

.row .col-11 {
  width: 91.6666666667% !important;
}

.row .col-12 {
  width: 100% !important;
}

@media (max-width: 639px) {
  .row .sm\:col-1 {
    width: 8.3333333333% !important;
  }

  .row .sm\:col-2 {
    width: 16.6666666667% !important;
  }

  .row .sm\:col-3 {
    width: 25% !important;
  }

  .row .sm\:col-4 {
    width: 33.3333333333% !important;
  }

  .row .sm\:col-5 {
    width: 41.6666666667% !important;
  }

  .row .sm\:col-6 {
    width: 50% !important;
  }

  .row .sm\:col-7 {
    width: 58.3333333333% !important;
  }

  .row .sm\:col-8 {
    width: 66.6666666667% !important;
  }

  .row .sm\:col-9 {
    width: 75% !important;
  }

  .row .sm\:col-10 {
    width: 83.3333333333% !important;
  }

  .row .sm\:col-11 {
    width: 91.6666666667% !important;
  }

  .row .sm\:col-12 {
    width: 100% !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .row .md\:col-1 {
    width: 8.3333333333% !important;
  }

  .row .md\:col-2 {
    width: 16.6666666667% !important;
  }

  .row .md\:col-3 {
    width: 25% !important;
  }

  .row .md\:col-4 {
    width: 33.3333333333% !important;
  }

  .row .md\:col-5 {
    width: 41.6666666667% !important;
  }

  .row .md\:col-6 {
    width: 50% !important;
  }

  .row .md\:col-7 {
    width: 58.3333333333% !important;
  }

  .row .md\:col-8 {
    width: 66.6666666667% !important;
  }

  .row .md\:col-9 {
    width: 75% !important;
  }

  .row .md\:col-10 {
    width: 83.3333333333% !important;
  }

  .row .md\:col-11 {
    width: 91.6666666667% !important;
  }

  .row .md\:col-12 {
    width: 100% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .row .lg\:col-1 {
    width: 8.3333333333% !important;
  }

  .row .lg\:col-2 {
    width: 16.6666666667% !important;
  }

  .row .lg\:col-3 {
    width: 25% !important;
  }

  .row .lg\:col-4 {
    width: 33.3333333333% !important;
  }

  .row .lg\:col-5 {
    width: 41.6666666667% !important;
  }

  .row .lg\:col-6 {
    width: 50% !important;
  }

  .row .lg\:col-7 {
    width: 58.3333333333% !important;
  }

  .row .lg\:col-8 {
    width: 66.6666666667% !important;
  }

  .row .lg\:col-9 {
    width: 75% !important;
  }

  .row .lg\:col-10 {
    width: 83.3333333333% !important;
  }

  .row .lg\:col-11 {
    width: 91.6666666667% !important;
  }

  .row .lg\:col-12 {
    width: 100% !important;
  }
}

@media (min-width: 1280px) {
  .row .xl\:col-1 {
    width: 8.3333333333% !important;
  }

  .row .xl\:col-2 {
    width: 16.6666666667% !important;
  }

  .row .xl\:col-3 {
    width: 25% !important;
  }

  .row .xl\:col-4 {
    width: 33.3333333333% !important;
  }

  .row .xl\:col-5 {
    width: 41.6666666667% !important;
  }

  .row .xl\:col-6 {
    width: 50% !important;
  }

  .row .xl\:col-7 {
    width: 58.3333333333% !important;
  }

  .row .xl\:col-8 {
    width: 66.6666666667% !important;
  }

  .row .xl\:col-9 {
    width: 75% !important;
  }

  .row .xl\:col-10 {
    width: 83.3333333333% !important;
  }

  .row .xl\:col-11 {
    width: 91.6666666667% !important;
  }

  .row .xl\:col-12 {
    width: 100% !important;
  }
}

.row .offset-1 {
  margin-left: 8.3333333333% !important;
}

.row .offset-2 {
  margin-left: 16.6666666667% !important;
}

.row .offset-3 {
  margin-left: 25% !important;
}

.row .offset-4 {
  margin-left: 33.3333333333% !important;
}

.row .offset-5 {
  margin-left: 41.6666666667% !important;
}

.row .offset-6 {
  margin-left: 50% !important;
}

.row .offset-7 {
  margin-left: 58.3333333333% !important;
}

.row .offset-8 {
  margin-left: 66.6666666667% !important;
}

.row .offset-9 {
  margin-left: 75% !important;
}

.row .offset-10 {
  margin-left: 83.3333333333% !important;
}

.row .offset-11 {
  margin-left: 91.6666666667% !important;
}

.row .offset-12 {
  margin-left: 100% !important;
}

@media (max-width: 639px) {
  .row .sm\:offset-1 {
    margin-left: 8.3333333333% !important;
  }

  .row .sm\:offset-2 {
    margin-left: 16.6666666667% !important;
  }

  .row .sm\:offset-3 {
    margin-left: 25% !important;
  }

  .row .sm\:offset-4 {
    margin-left: 33.3333333333% !important;
  }

  .row .sm\:offset-5 {
    margin-left: 41.6666666667% !important;
  }

  .row .sm\:offset-6 {
    margin-left: 50% !important;
  }

  .row .sm\:offset-7 {
    margin-left: 58.3333333333% !important;
  }

  .row .sm\:offset-8 {
    margin-left: 66.6666666667% !important;
  }

  .row .sm\:offset-9 {
    margin-left: 75% !important;
  }

  .row .sm\:offset-10 {
    margin-left: 83.3333333333% !important;
  }

  .row .sm\:offset-11 {
    margin-left: 91.6666666667% !important;
  }

  .row .sm\:offset-12 {
    margin-left: 100% !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .row .md\:offset-1 {
    margin-left: 8.3333333333% !important;
  }

  .row .md\:offset-2 {
    margin-left: 16.6666666667% !important;
  }

  .row .md\:offset-3 {
    margin-left: 25% !important;
  }

  .row .md\:offset-4 {
    margin-left: 33.3333333333% !important;
  }

  .row .md\:offset-5 {
    margin-left: 41.6666666667% !important;
  }

  .row .md\:offset-6 {
    margin-left: 50% !important;
  }

  .row .md\:offset-7 {
    margin-left: 58.3333333333% !important;
  }

  .row .md\:offset-8 {
    margin-left: 66.6666666667% !important;
  }

  .row .md\:offset-9 {
    margin-left: 75% !important;
  }

  .row .md\:offset-10 {
    margin-left: 83.3333333333% !important;
  }

  .row .md\:offset-11 {
    margin-left: 91.6666666667% !important;
  }

  .row .md\:offset-12 {
    margin-left: 100% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .row .lg\:offset-1 {
    margin-left: 8.3333333333% !important;
  }

  .row .lg\:offset-2 {
    margin-left: 16.6666666667% !important;
  }

  .row .lg\:offset-3 {
    margin-left: 25% !important;
  }

  .row .lg\:offset-4 {
    margin-left: 33.3333333333% !important;
  }

  .row .lg\:offset-5 {
    margin-left: 41.6666666667% !important;
  }

  .row .lg\:offset-6 {
    margin-left: 50% !important;
  }

  .row .lg\:offset-7 {
    margin-left: 58.3333333333% !important;
  }

  .row .lg\:offset-8 {
    margin-left: 66.6666666667% !important;
  }

  .row .lg\:offset-9 {
    margin-left: 75% !important;
  }

  .row .lg\:offset-10 {
    margin-left: 83.3333333333% !important;
  }

  .row .lg\:offset-11 {
    margin-left: 91.6666666667% !important;
  }

  .row .lg\:offset-12 {
    margin-left: 100% !important;
  }
}

@media (min-width: 1280px) {
  .row .xl\:offset-1 {
    margin-left: 8.3333333333% !important;
  }

  .row .xl\:offset-2 {
    margin-left: 16.6666666667% !important;
  }

  .row .xl\:offset-3 {
    margin-left: 25% !important;
  }

  .row .xl\:offset-4 {
    margin-left: 33.3333333333% !important;
  }

  .row .xl\:offset-5 {
    margin-left: 41.6666666667% !important;
  }

  .row .xl\:offset-6 {
    margin-left: 50% !important;
  }

  .row .xl\:offset-7 {
    margin-left: 58.3333333333% !important;
  }

  .row .xl\:offset-8 {
    margin-left: 66.6666666667% !important;
  }

  .row .xl\:offset-9 {
    margin-left: 75% !important;
  }

  .row .xl\:offset-10 {
    margin-left: 83.3333333333% !important;
  }

  .row .xl\:offset-11 {
    margin-left: 91.6666666667% !important;
  }

  .row .xl\:offset-12 {
    margin-left: 100% !important;
  }
}

/* 
========================================
Level
========================================
*/

.level {
  align-items: center;
  justify-content: space-between;
  /* Used to stretch the contents of div in level to fill */
}

.level .level-item {
  /* Centers items */
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

.level .level-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left;
  width: 100%;
}

/* 
========================================
Width & Height Viewports
========================================
*/

/* Width/Height CSS */
.h-0 {
  height: 0 !important;
}

.h-px {
  height: 1px !important;
}

.h-1 {
  height: 0.5rem !important;
}

.h-2 {
  height: 1rem !important;
}

.h-3 {
  height: 1.5rem !important;
}

.h-4 {
  height: 2rem !important;
}

.h-5 {
  height: 2.5rem !important;
}

.h-6 {
  height: 3rem !important;
}

.h-8 {
  height: 4rem !important;
}

.h-10 {
  height: 5rem !important;
}

.h-12 {
  height: 6rem !important;
}

.h-16 {
  height: 8rem !important;
}

.h-20 {
  height: 10rem !important;
}

.h-24 {
  height: 12rem !important;
}

.h-32 {
  height: 16rem !important;
}

.h-48 {
  height: 24rem !important;
}

.h-64 {
  height: 32rem !important;
}

.h-10p {
  height: 10% !important;
}

.h-20p {
  height: 20% !important;
}

.h-30p {
  height: 30% !important;
}

.h-40p {
  height: 40% !important;
}

.h-50p {
  height: 50% !important;
}

.h-60p {
  height: 60% !important;
}

.h-70p {
  height: 70% !important;
}

.h-80p {
  height: 80% !important;
}

.h-90p {
  height: 90% !important;
}

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

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

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

@media (max-width: 639px) {
  .sm\:h-0 {
    height: 0 !important;
  }

  .sm\:h-px {
    height: 1px !important;
  }

  .sm\:h-1 {
    height: 0.5rem !important;
  }

  .sm\:h-2 {
    height: 1rem !important;
  }

  .sm\:h-3 {
    height: 1.5rem !important;
  }

  .sm\:h-4 {
    height: 2rem !important;
  }

  .sm\:h-5 {
    height: 2.5rem !important;
  }

  .sm\:h-6 {
    height: 3rem !important;
  }

  .sm\:h-8 {
    height: 4rem !important;
  }

  .sm\:h-10 {
    height: 5rem !important;
  }

  .sm\:h-12 {
    height: 6rem !important;
  }

  .sm\:h-16 {
    height: 8rem !important;
  }

  .sm\:h-20 {
    height: 10rem !important;
  }

  .sm\:h-24 {
    height: 12rem !important;
  }

  .sm\:h-32 {
    height: 16rem !important;
  }

  .sm\:h-48 {
    height: 24rem !important;
  }

  .sm\:h-64 {
    height: 32rem !important;
  }

  .sm\:h-10p {
    height: 10% !important;
  }

  .sm\:h-20p {
    height: 20% !important;
  }

  .sm\:h-30p {
    height: 30% !important;
  }

  .sm\:h-40p {
    height: 40% !important;
  }

  .sm\:h-50p {
    height: 50% !important;
  }

  .sm\:h-60p {
    height: 60% !important;
  }

  .sm\:h-70p {
    height: 70% !important;
  }

  .sm\:h-80p {
    height: 80% !important;
  }

  .sm\:h-90p {
    height: 90% !important;
  }

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

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

  .sm\:h-screen {
    height: 100vh !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .md\:h-0 {
    height: 0 !important;
  }

  .md\:h-px {
    height: 1px !important;
  }

  .md\:h-1 {
    height: 0.5rem !important;
  }

  .md\:h-2 {
    height: 1rem !important;
  }

  .md\:h-3 {
    height: 1.5rem !important;
  }

  .md\:h-4 {
    height: 2rem !important;
  }

  .md\:h-5 {
    height: 2.5rem !important;
  }

  .md\:h-6 {
    height: 3rem !important;
  }

  .md\:h-8 {
    height: 4rem !important;
  }

  .md\:h-10 {
    height: 5rem !important;
  }

  .md\:h-12 {
    height: 6rem !important;
  }

  .md\:h-16 {
    height: 8rem !important;
  }

  .md\:h-20 {
    height: 10rem !important;
  }

  .md\:h-24 {
    height: 12rem !important;
  }

  .md\:h-32 {
    height: 16rem !important;
  }

  .md\:h-48 {
    height: 24rem !important;
  }

  .md\:h-64 {
    height: 32rem !important;
  }

  .md\:h-10p {
    height: 10% !important;
  }

  .md\:h-20p {
    height: 20% !important;
  }

  .md\:h-30p {
    height: 30% !important;
  }

  .md\:h-40p {
    height: 40% !important;
  }

  .md\:h-50p {
    height: 50% !important;
  }

  .md\:h-60p {
    height: 60% !important;
  }

  .md\:h-70p {
    height: 70% !important;
  }

  .md\:h-80p {
    height: 80% !important;
  }

  .md\:h-90p {
    height: 90% !important;
  }

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

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

  .md\:h-screen {
    height: 100vh !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .lg\:h-0 {
    height: 0 !important;
  }

  .lg\:h-px {
    height: 1px !important;
  }

  .lg\:h-1 {
    height: 0.5rem !important;
  }

  .lg\:h-2 {
    height: 1rem !important;
  }

  .lg\:h-3 {
    height: 1.5rem !important;
  }

  .lg\:h-4 {
    height: 2rem !important;
  }

  .lg\:h-5 {
    height: 2.5rem !important;
  }

  .lg\:h-6 {
    height: 3rem !important;
  }

  .lg\:h-8 {
    height: 4rem !important;
  }

  .lg\:h-10 {
    height: 5rem !important;
  }

  .lg\:h-12 {
    height: 6rem !important;
  }

  .lg\:h-16 {
    height: 8rem !important;
  }

  .lg\:h-20 {
    height: 10rem !important;
  }

  .lg\:h-24 {
    height: 12rem !important;
  }

  .lg\:h-32 {
    height: 16rem !important;
  }

  .lg\:h-48 {
    height: 24rem !important;
  }

  .lg\:h-64 {
    height: 32rem !important;
  }

  .lg\:h-10p {
    height: 10% !important;
  }

  .lg\:h-20p {
    height: 20% !important;
  }

  .lg\:h-30p {
    height: 30% !important;
  }

  .lg\:h-40p {
    height: 40% !important;
  }

  .lg\:h-50p {
    height: 50% !important;
  }

  .lg\:h-60p {
    height: 60% !important;
  }

  .lg\:h-70p {
    height: 70% !important;
  }

  .lg\:h-80p {
    height: 80% !important;
  }

  .lg\:h-90p {
    height: 90% !important;
  }

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

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

  .lg\:h-screen {
    height: 100vh !important;
  }
}

@media (min-width: 1280px) {
  .xl\:h-0 {
    height: 0 !important;
  }

  .xl\:h-px {
    height: 1px !important;
  }

  .xl\:h-1 {
    height: 0.5rem !important;
  }

  .xl\:h-2 {
    height: 1rem !important;
  }

  .xl\:h-3 {
    height: 1.5rem !important;
  }

  .xl\:h-4 {
    height: 2rem !important;
  }

  .xl\:h-5 {
    height: 2.5rem !important;
  }

  .xl\:h-6 {
    height: 3rem !important;
  }

  .xl\:h-8 {
    height: 4rem !important;
  }

  .xl\:h-10 {
    height: 5rem !important;
  }

  .xl\:h-12 {
    height: 6rem !important;
  }

  .xl\:h-16 {
    height: 8rem !important;
  }

  .xl\:h-20 {
    height: 10rem !important;
  }

  .xl\:h-24 {
    height: 12rem !important;
  }

  .xl\:h-32 {
    height: 16rem !important;
  }

  .xl\:h-48 {
    height: 24rem !important;
  }

  .xl\:h-64 {
    height: 32rem !important;
  }

  .xl\:h-10p {
    height: 10% !important;
  }

  .xl\:h-20p {
    height: 20% !important;
  }

  .xl\:h-30p {
    height: 30% !important;
  }

  .xl\:h-40p {
    height: 40% !important;
  }

  .xl\:h-50p {
    height: 50% !important;
  }

  .xl\:h-60p {
    height: 60% !important;
  }

  .xl\:h-70p {
    height: 70% !important;
  }

  .xl\:h-80p {
    height: 80% !important;
  }

  .xl\:h-90p {
    height: 90% !important;
  }

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

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

  .xl\:h-screen {
    height: 100vh !important;
  }
}

.w-0 {
  width: 0rem !important;
}

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

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

.w-10p {
  width: 10% !important;
}

.w-20p {
  width: 20% !important;
}

.w-30p {
  width: 30% !important;
}

.w-40p {
  width: 40% !important;
}

.w-50p {
  width: 50% !important;
}

.w-60p {
  width: 60% !important;
}

.w-70p {
  width: 70% !important;
}

.w-80p {
  width: 80% !important;
}

.w-90p {
  width: 90% !important;
}

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

.w-px {
  width: 1px !important;
}

.w-1 {
  width: 0.5rem !important;
}

.w-2 {
  width: 1rem !important;
}

.w-3 {
  width: 1.5rem !important;
}

.w-4 {
  width: 2rem !important;
}

.w-5 {
  width: 2.5rem !important;
}

.w-6 {
  width: 3rem !important;
}

.w-8 {
  width: 4rem !important;
}

.w-10 {
  width: 5rem !important;
}

.w-12 {
  width: 6rem !important;
}

.w-16 {
  width: 8rem !important;
}

.w-20 {
  width: 10rem !important;
}

.w-24 {
  width: 12rem !important;
}

.w-32 {
  width: 16rem !important;
}

.w-48 {
  width: 24rem !important;
}

.w-64 {
  width: 32rem !important;
}

@media (max-width: 639px) {
  .sm\:w-0 {
    width: 0rem !important;
  }

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

  .sm\:w-screen {
    width: 100vw !important;
  }

  .sm\:w-10p {
    width: 10% !important;
  }

  .sm\:w-20p {
    width: 20% !important;
  }

  .sm\:w-30p {
    width: 30% !important;
  }

  .sm\:w-40p {
    width: 40% !important;
  }

  .sm\:w-50p {
    width: 50% !important;
  }

  .sm\:w-60p {
    width: 60% !important;
  }

  .sm\:w-70p {
    width: 70% !important;
  }

  .sm\:w-80p {
    width: 80% !important;
  }

  .sm\:w-90p {
    width: 90% !important;
  }

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

  .sm\:w-px {
    width: 1px !important;
  }

  .sm\:w-1 {
    width: 0.5rem !important;
  }

  .sm\:w-2 {
    width: 1rem !important;
  }

  .sm\:w-3 {
    width: 1.5rem !important;
  }

  .sm\:w-4 {
    width: 2rem !important;
  }

  .sm\:w-5 {
    width: 2.5rem !important;
  }

  .sm\:w-6 {
    width: 3rem !important;
  }

  .sm\:w-8 {
    width: 4rem !important;
  }

  .sm\:w-10 {
    width: 5rem !important;
  }

  .sm\:w-12 {
    width: 6rem !important;
  }

  .sm\:w-16 {
    width: 8rem !important;
  }

  .sm\:w-20 {
    width: 10rem !important;
  }

  .sm\:w-24 {
    width: 12rem !important;
  }

  .sm\:w-32 {
    width: 16rem !important;
  }

  .sm\:w-48 {
    width: 24rem !important;
  }

  .sm\:w-64 {
    width: 32rem !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .md\:w-0 {
    width: 0rem !important;
  }

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

  .md\:w-screen {
    width: 100vw !important;
  }

  .md\:w-10p {
    width: 10% !important;
  }

  .md\:w-20p {
    width: 20% !important;
  }

  .md\:w-30p {
    width: 30% !important;
  }

  .md\:w-40p {
    width: 40% !important;
  }

  .md\:w-50p {
    width: 50% !important;
  }

  .md\:w-60p {
    width: 60% !important;
  }

  .md\:w-70p {
    width: 70% !important;
  }

  .md\:w-80p {
    width: 80% !important;
  }

  .md\:w-90p {
    width: 90% !important;
  }

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

  .md\:w-px {
    width: 1px !important;
  }

  .md\:w-1 {
    width: 0.5rem !important;
  }

  .md\:w-2 {
    width: 1rem !important;
  }

  .md\:w-3 {
    width: 1.5rem !important;
  }

  .md\:w-4 {
    width: 2rem !important;
  }

  .md\:w-5 {
    width: 2.5rem !important;
  }

  .md\:w-6 {
    width: 3rem !important;
  }

  .md\:w-8 {
    width: 4rem !important;
  }

  .md\:w-10 {
    width: 5rem !important;
  }

  .md\:w-12 {
    width: 6rem !important;
  }

  .md\:w-16 {
    width: 8rem !important;
  }

  .md\:w-20 {
    width: 10rem !important;
  }

  .md\:w-24 {
    width: 12rem !important;
  }

  .md\:w-32 {
    width: 16rem !important;
  }

  .md\:w-48 {
    width: 24rem !important;
  }

  .md\:w-64 {
    width: 32rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .lg\:w-0 {
    width: 0rem !important;
  }

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

  .lg\:w-screen {
    width: 100vw !important;
  }

  .lg\:w-10p {
    width: 10% !important;
  }

  .lg\:w-20p {
    width: 20% !important;
  }

  .lg\:w-30p {
    width: 30% !important;
  }

  .lg\:w-40p {
    width: 40% !important;
  }

  .lg\:w-50p {
    width: 50% !important;
  }

  .lg\:w-60p {
    width: 60% !important;
  }

  .lg\:w-70p {
    width: 70% !important;
  }

  .lg\:w-80p {
    width: 80% !important;
  }

  .lg\:w-90p {
    width: 90% !important;
  }

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

  .lg\:w-px {
    width: 1px !important;
  }

  .lg\:w-1 {
    width: 0.5rem !important;
  }

  .lg\:w-2 {
    width: 1rem !important;
  }

  .lg\:w-3 {
    width: 1.5rem !important;
  }

  .lg\:w-4 {
    width: 2rem !important;
  }

  .lg\:w-5 {
    width: 2.5rem !important;
  }

  .lg\:w-6 {
    width: 3rem !important;
  }

  .lg\:w-8 {
    width: 4rem !important;
  }

  .lg\:w-10 {
    width: 5rem !important;
  }

  .lg\:w-12 {
    width: 6rem !important;
  }

  .lg\:w-16 {
    width: 8rem !important;
  }

  .lg\:w-20 {
    width: 10rem !important;
  }

  .lg\:w-24 {
    width: 12rem !important;
  }

  .lg\:w-32 {
    width: 16rem !important;
  }

  .lg\:w-48 {
    width: 24rem !important;
  }

  .lg\:w-64 {
    width: 32rem !important;
  }
}

@media (min-width: 1280px) {
  .xl\:w-0 {
    width: 0rem !important;
  }

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

  .xl\:w-screen {
    width: 100vw !important;
  }

  .xl\:w-10p {
    width: 10% !important;
  }

  .xl\:w-20p {
    width: 20% !important;
  }

  .xl\:w-30p {
    width: 30% !important;
  }

  .xl\:w-40p {
    width: 40% !important;
  }

  .xl\:w-50p {
    width: 50% !important;
  }

  .xl\:w-60p {
    width: 60% !important;
  }

  .xl\:w-70p {
    width: 70% !important;
  }

  .xl\:w-80p {
    width: 80% !important;
  }

  .xl\:w-90p {
    width: 90% !important;
  }

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

  .xl\:w-px {
    width: 1px !important;
  }

  .xl\:w-1 {
    width: 0.5rem !important;
  }

  .xl\:w-2 {
    width: 1rem !important;
  }

  .xl\:w-3 {
    width: 1.5rem !important;
  }

  .xl\:w-4 {
    width: 2rem !important;
  }

  .xl\:w-5 {
    width: 2.5rem !important;
  }

  .xl\:w-6 {
    width: 3rem !important;
  }

  .xl\:w-8 {
    width: 4rem !important;
  }

  .xl\:w-10 {
    width: 5rem !important;
  }

  .xl\:w-12 {
    width: 6rem !important;
  }

  .xl\:w-16 {
    width: 8rem !important;
  }

  .xl\:w-20 {
    width: 10rem !important;
  }

  .xl\:w-24 {
    width: 12rem !important;
  }

  .xl\:w-32 {
    width: 16rem !important;
  }

  .xl\:w-48 {
    width: 24rem !important;
  }

  .xl\:w-64 {
    width: 32rem !important;
  }
}

.min-h-10p {
  min-height: 10% !important;
}

.min-h-20p {
  min-height: 20% !important;
}

.min-h-30p {
  min-height: 30% !important;
}

.min-h-40p {
  min-height: 40% !important;
}

.min-h-50p {
  min-height: 50% !important;
}

.min-h-60p {
  min-height: 60% !important;
}

.min-h-70p {
  min-height: 70% !important;
}

.min-h-80p {
  min-height: 80% !important;
}

.min-h-90p {
  min-height: 90% !important;
}

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

.min-h-0 {
  min-height: 0 !important;
}

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

@media (max-width: 639px) {
  .sm\:min-h-10p {
    min-height: 10% !important;
  }

  .sm\:min-h-20p {
    min-height: 20% !important;
  }

  .sm\:min-h-30p {
    min-height: 30% !important;
  }

  .sm\:min-h-40p {
    min-height: 40% !important;
  }

  .sm\:min-h-50p {
    min-height: 50% !important;
  }

  .sm\:min-h-60p {
    min-height: 60% !important;
  }

  .sm\:min-h-70p {
    min-height: 70% !important;
  }

  .sm\:min-h-80p {
    min-height: 80% !important;
  }

  .sm\:min-h-90p {
    min-height: 90% !important;
  }

  .sm\:min-h-100p {
    min-height: 100% !important;
  }

  .sm\:min-h-0 {
    min-height: 0 !important;
  }

  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .md\:min-h-10p {
    min-height: 10% !important;
  }

  .md\:min-h-20p {
    min-height: 20% !important;
  }

  .md\:min-h-30p {
    min-height: 30% !important;
  }

  .md\:min-h-40p {
    min-height: 40% !important;
  }

  .md\:min-h-50p {
    min-height: 50% !important;
  }

  .md\:min-h-60p {
    min-height: 60% !important;
  }

  .md\:min-h-70p {
    min-height: 70% !important;
  }

  .md\:min-h-80p {
    min-height: 80% !important;
  }

  .md\:min-h-90p {
    min-height: 90% !important;
  }

  .md\:min-h-100p {
    min-height: 100% !important;
  }

  .md\:min-h-0 {
    min-height: 0 !important;
  }

  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .lg\:min-h-10p {
    min-height: 10% !important;
  }

  .lg\:min-h-20p {
    min-height: 20% !important;
  }

  .lg\:min-h-30p {
    min-height: 30% !important;
  }

  .lg\:min-h-40p {
    min-height: 40% !important;
  }

  .lg\:min-h-50p {
    min-height: 50% !important;
  }

  .lg\:min-h-60p {
    min-height: 60% !important;
  }

  .lg\:min-h-70p {
    min-height: 70% !important;
  }

  .lg\:min-h-80p {
    min-height: 80% !important;
  }

  .lg\:min-h-90p {
    min-height: 90% !important;
  }

  .lg\:min-h-100p {
    min-height: 100% !important;
  }

  .lg\:min-h-0 {
    min-height: 0 !important;
  }

  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}

@media (min-width: 1280px) {
  .xl\:min-h-10p {
    min-height: 10% !important;
  }

  .xl\:min-h-20p {
    min-height: 20% !important;
  }

  .xl\:min-h-30p {
    min-height: 30% !important;
  }

  .xl\:min-h-40p {
    min-height: 40% !important;
  }

  .xl\:min-h-50p {
    min-height: 50% !important;
  }

  .xl\:min-h-60p {
    min-height: 60% !important;
  }

  .xl\:min-h-70p {
    min-height: 70% !important;
  }

  .xl\:min-h-80p {
    min-height: 80% !important;
  }

  .xl\:min-h-90p {
    min-height: 90% !important;
  }

  .xl\:min-h-100p {
    min-height: 100% !important;
  }

  .xl\:min-h-0 {
    min-height: 0 !important;
  }

  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}

.min-w-xs {
  min-width: 640px !important;
}

.min-w-sm {
  min-width: 768px !important;
}

.min-w-md {
  min-width: 1024px !important;
}

.min-w-lg {
  min-width: 1280px !important;
}

.min-w-xl {
  min-width: 1536px !important;
}

.min-w-10p {
  min-width: 10% !important;
}

.min-w-20p {
  min-width: 20% !important;
}

.min-w-30p {
  min-width: 30% !important;
}

.min-w-40p {
  min-width: 40% !important;
}

.min-w-50p {
  min-width: 50% !important;
}

.min-w-60p {
  min-width: 60% !important;
}

.min-w-70p {
  min-width: 70% !important;
}

.min-w-80p {
  min-width: 80% !important;
}

.min-w-90p {
  min-width: 90% !important;
}

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

.min-w-0 {
  min-width: 0 !important;
}

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

@media (max-width: 639px) {
  .sm\:min-w-xs {
    min-width: 640px !important;
  }

  .sm\:min-w-sm {
    min-width: 768px !important;
  }

  .sm\:min-w-md {
    min-width: 1024px !important;
  }

  .sm\:min-w-lg {
    min-width: 1280px !important;
  }

  .sm\:min-w-xl {
    min-width: 1536px !important;
  }

  .sm\:min-w-10p {
    min-width: 10% !important;
  }

  .sm\:min-w-20p {
    min-width: 20% !important;
  }

  .sm\:min-w-30p {
    min-width: 30% !important;
  }

  .sm\:min-w-40p {
    min-width: 40% !important;
  }

  .sm\:min-w-50p {
    min-width: 50% !important;
  }

  .sm\:min-w-60p {
    min-width: 60% !important;
  }

  .sm\:min-w-70p {
    min-width: 70% !important;
  }

  .sm\:min-w-80p {
    min-width: 80% !important;
  }

  .sm\:min-w-90p {
    min-width: 90% !important;
  }

  .sm\:min-w-100p {
    min-width: 100% !important;
  }

  .sm\:min-w-0 {
    min-width: 0 !important;
  }

  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .md\:min-w-xs {
    min-width: 640px !important;
  }

  .md\:min-w-sm {
    min-width: 768px !important;
  }

  .md\:min-w-md {
    min-width: 1024px !important;
  }

  .md\:min-w-lg {
    min-width: 1280px !important;
  }

  .md\:min-w-xl {
    min-width: 1536px !important;
  }

  .md\:min-w-10p {
    min-width: 10% !important;
  }

  .md\:min-w-20p {
    min-width: 20% !important;
  }

  .md\:min-w-30p {
    min-width: 30% !important;
  }

  .md\:min-w-40p {
    min-width: 40% !important;
  }

  .md\:min-w-50p {
    min-width: 50% !important;
  }

  .md\:min-w-60p {
    min-width: 60% !important;
  }

  .md\:min-w-70p {
    min-width: 70% !important;
  }

  .md\:min-w-80p {
    min-width: 80% !important;
  }

  .md\:min-w-90p {
    min-width: 90% !important;
  }

  .md\:min-w-100p {
    min-width: 100% !important;
  }

  .md\:min-w-0 {
    min-width: 0 !important;
  }

  .md\:min-w-screen {
    min-width: 100vw !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .lg\:min-w-xs {
    min-width: 640px !important;
  }

  .lg\:min-w-sm {
    min-width: 768px !important;
  }

  .lg\:min-w-md {
    min-width: 1024px !important;
  }

  .lg\:min-w-lg {
    min-width: 1280px !important;
  }

  .lg\:min-w-xl {
    min-width: 1536px !important;
  }

  .lg\:min-w-10p {
    min-width: 10% !important;
  }

  .lg\:min-w-20p {
    min-width: 20% !important;
  }

  .lg\:min-w-30p {
    min-width: 30% !important;
  }

  .lg\:min-w-40p {
    min-width: 40% !important;
  }

  .lg\:min-w-50p {
    min-width: 50% !important;
  }

  .lg\:min-w-60p {
    min-width: 60% !important;
  }

  .lg\:min-w-70p {
    min-width: 70% !important;
  }

  .lg\:min-w-80p {
    min-width: 80% !important;
  }

  .lg\:min-w-90p {
    min-width: 90% !important;
  }

  .lg\:min-w-100p {
    min-width: 100% !important;
  }

  .lg\:min-w-0 {
    min-width: 0 !important;
  }

  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
}

@media (min-width: 1280px) {
  .xl\:min-w-xs {
    min-width: 640px !important;
  }

  .xl\:min-w-sm {
    min-width: 768px !important;
  }

  .xl\:min-w-md {
    min-width: 1024px !important;
  }

  .xl\:min-w-lg {
    min-width: 1280px !important;
  }

  .xl\:min-w-xl {
    min-width: 1536px !important;
  }

  .xl\:min-w-10p {
    min-width: 10% !important;
  }

  .xl\:min-w-20p {
    min-width: 20% !important;
  }

  .xl\:min-w-30p {
    min-width: 30% !important;
  }

  .xl\:min-w-40p {
    min-width: 40% !important;
  }

  .xl\:min-w-50p {
    min-width: 50% !important;
  }

  .xl\:min-w-60p {
    min-width: 60% !important;
  }

  .xl\:min-w-70p {
    min-width: 70% !important;
  }

  .xl\:min-w-80p {
    min-width: 80% !important;
  }

  .xl\:min-w-90p {
    min-width: 90% !important;
  }

  .xl\:min-w-100p {
    min-width: 100% !important;
  }

  .xl\:min-w-0 {
    min-width: 0 !important;
  }

  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
}

.max-h-10p {
  max-height: 10% !important;
}

.max-h-20p {
  max-height: 20% !important;
}

.max-h-30p {
  max-height: 30% !important;
}

.max-h-40p {
  max-height: 40% !important;
}

.max-h-50p {
  max-height: 50% !important;
}

.max-h-60p {
  max-height: 60% !important;
}

.max-h-70p {
  max-height: 70% !important;
}

.max-h-80p {
  max-height: 80% !important;
}

.max-h-90p {
  max-height: 90% !important;
}

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

.max-h-none {
  max-height: none !important;
}

.max-h-screen {
  max-height: 100vh !important;
}

@media (max-width: 639px) {
  .sm\:max-h-10p {
    max-height: 10% !important;
  }

  .sm\:max-h-20p {
    max-height: 20% !important;
  }

  .sm\:max-h-30p {
    max-height: 30% !important;
  }

  .sm\:max-h-40p {
    max-height: 40% !important;
  }

  .sm\:max-h-50p {
    max-height: 50% !important;
  }

  .sm\:max-h-60p {
    max-height: 60% !important;
  }

  .sm\:max-h-70p {
    max-height: 70% !important;
  }

  .sm\:max-h-80p {
    max-height: 80% !important;
  }

  .sm\:max-h-90p {
    max-height: 90% !important;
  }

  .sm\:max-h-100p {
    max-height: 100% !important;
  }

  .sm\:max-h-none {
    max-height: none !important;
  }

  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .md\:max-h-10p {
    max-height: 10% !important;
  }

  .md\:max-h-20p {
    max-height: 20% !important;
  }

  .md\:max-h-30p {
    max-height: 30% !important;
  }

  .md\:max-h-40p {
    max-height: 40% !important;
  }

  .md\:max-h-50p {
    max-height: 50% !important;
  }

  .md\:max-h-60p {
    max-height: 60% !important;
  }

  .md\:max-h-70p {
    max-height: 70% !important;
  }

  .md\:max-h-80p {
    max-height: 80% !important;
  }

  .md\:max-h-90p {
    max-height: 90% !important;
  }

  .md\:max-h-100p {
    max-height: 100% !important;
  }

  .md\:max-h-none {
    max-height: none !important;
  }

  .md\:max-h-screen {
    max-height: 100vh !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .lg\:max-h-10p {
    max-height: 10% !important;
  }

  .lg\:max-h-20p {
    max-height: 20% !important;
  }

  .lg\:max-h-30p {
    max-height: 30% !important;
  }

  .lg\:max-h-40p {
    max-height: 40% !important;
  }

  .lg\:max-h-50p {
    max-height: 50% !important;
  }

  .lg\:max-h-60p {
    max-height: 60% !important;
  }

  .lg\:max-h-70p {
    max-height: 70% !important;
  }

  .lg\:max-h-80p {
    max-height: 80% !important;
  }

  .lg\:max-h-90p {
    max-height: 90% !important;
  }

  .lg\:max-h-100p {
    max-height: 100% !important;
  }

  .lg\:max-h-none {
    max-height: none !important;
  }

  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
}

@media (min-width: 1280px) {
  .xl\:max-h-10p {
    max-height: 10% !important;
  }

  .xl\:max-h-20p {
    max-height: 20% !important;
  }

  .xl\:max-h-30p {
    max-height: 30% !important;
  }

  .xl\:max-h-40p {
    max-height: 40% !important;
  }

  .xl\:max-h-50p {
    max-height: 50% !important;
  }

  .xl\:max-h-60p {
    max-height: 60% !important;
  }

  .xl\:max-h-70p {
    max-height: 70% !important;
  }

  .xl\:max-h-80p {
    max-height: 80% !important;
  }

  .xl\:max-h-90p {
    max-height: 90% !important;
  }

  .xl\:max-h-100p {
    max-height: 100% !important;
  }

  .xl\:max-h-none {
    max-height: none !important;
  }

  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
}

.max-w-xs {
  max-width: 640px !important;
}

.max-w-sm {
  max-width: 768px !important;
}

.max-w-md {
  max-width: 1024px !important;
}

.max-w-lg {
  max-width: 1280px !important;
}

.max-w-xl {
  max-width: 1536px !important;
}

.max-w-10p {
  max-width: 10% !important;
}

.max-w-20p {
  max-width: 20% !important;
}

.max-w-30p {
  max-width: 30% !important;
}

.max-w-40p {
  max-width: 40% !important;
}

.max-w-50p {
  max-width: 50% !important;
}

.max-w-60p {
  max-width: 60% !important;
}

.max-w-70p {
  max-width: 70% !important;
}

.max-w-80p {
  max-width: 80% !important;
}

.max-w-90p {
  max-width: 90% !important;
}

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

.max-w-none {
  max-width: none !important;
}

.max-w-screen {
  max-width: 100vw !important;
}

@media (max-width: 639px) {
  .sm\:max-w-xs {
    max-width: 640px !important;
  }

  .sm\:max-w-sm {
    max-width: 768px !important;
  }

  .sm\:max-w-md {
    max-width: 1024px !important;
  }

  .sm\:max-w-lg {
    max-width: 1280px !important;
  }

  .sm\:max-w-xl {
    max-width: 1536px !important;
  }

  .sm\:max-w-10p {
    max-width: 10% !important;
  }

  .sm\:max-w-20p {
    max-width: 20% !important;
  }

  .sm\:max-w-30p {
    max-width: 30% !important;
  }

  .sm\:max-w-40p {
    max-width: 40% !important;
  }

  .sm\:max-w-50p {
    max-width: 50% !important;
  }

  .sm\:max-w-60p {
    max-width: 60% !important;
  }

  .sm\:max-w-70p {
    max-width: 70% !important;
  }

  .sm\:max-w-80p {
    max-width: 80% !important;
  }

  .sm\:max-w-90p {
    max-width: 90% !important;
  }

  .sm\:max-w-100p {
    max-width: 100% !important;
  }

  .sm\:max-w-none {
    max-width: none !important;
  }

  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .md\:max-w-xs {
    max-width: 640px !important;
  }

  .md\:max-w-sm {
    max-width: 768px !important;
  }

  .md\:max-w-md {
    max-width: 1024px !important;
  }

  .md\:max-w-lg {
    max-width: 1280px !important;
  }

  .md\:max-w-xl {
    max-width: 1536px !important;
  }

  .md\:max-w-10p {
    max-width: 10% !important;
  }

  .md\:max-w-20p {
    max-width: 20% !important;
  }

  .md\:max-w-30p {
    max-width: 30% !important;
  }

  .md\:max-w-40p {
    max-width: 40% !important;
  }

  .md\:max-w-50p {
    max-width: 50% !important;
  }

  .md\:max-w-60p {
    max-width: 60% !important;
  }

  .md\:max-w-70p {
    max-width: 70% !important;
  }

  .md\:max-w-80p {
    max-width: 80% !important;
  }

  .md\:max-w-90p {
    max-width: 90% !important;
  }

  .md\:max-w-100p {
    max-width: 100% !important;
  }

  .md\:max-w-none {
    max-width: none !important;
  }

  .md\:max-w-screen {
    max-width: 100vw !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .lg\:max-w-xs {
    max-width: 640px !important;
  }

  .lg\:max-w-sm {
    max-width: 768px !important;
  }

  .lg\:max-w-md {
    max-width: 1024px !important;
  }

  .lg\:max-w-lg {
    max-width: 1280px !important;
  }

  .lg\:max-w-xl {
    max-width: 1536px !important;
  }

  .lg\:max-w-10p {
    max-width: 10% !important;
  }

  .lg\:max-w-20p {
    max-width: 20% !important;
  }

  .lg\:max-w-30p {
    max-width: 30% !important;
  }

  .lg\:max-w-40p {
    max-width: 40% !important;
  }

  .lg\:max-w-50p {
    max-width: 50% !important;
  }

  .lg\:max-w-60p {
    max-width: 60% !important;
  }

  .lg\:max-w-70p {
    max-width: 70% !important;
  }

  .lg\:max-w-80p {
    max-width: 80% !important;
  }

  .lg\:max-w-90p {
    max-width: 90% !important;
  }

  .lg\:max-w-100p {
    max-width: 100% !important;
  }

  .lg\:max-w-none {
    max-width: none !important;
  }

  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
}

@media (min-width: 1280px) {
  .xl\:max-w-xs {
    max-width: 640px !important;
  }

  .xl\:max-w-sm {
    max-width: 768px !important;
  }

  .xl\:max-w-md {
    max-width: 1024px !important;
  }

  .xl\:max-w-lg {
    max-width: 1280px !important;
  }

  .xl\:max-w-xl {
    max-width: 1536px !important;
  }

  .xl\:max-w-10p {
    max-width: 10% !important;
  }

  .xl\:max-w-20p {
    max-width: 20% !important;
  }

  .xl\:max-w-30p {
    max-width: 30% !important;
  }

  .xl\:max-w-40p {
    max-width: 40% !important;
  }

  .xl\:max-w-50p {
    max-width: 50% !important;
  }

  .xl\:max-w-60p {
    max-width: 60% !important;
  }

  .xl\:max-w-70p {
    max-width: 70% !important;
  }

  .xl\:max-w-80p {
    max-width: 80% !important;
  }

  .xl\:max-w-90p {
    max-width: 90% !important;
  }

  .xl\:max-w-100p {
    max-width: 100% !important;
  }

  .xl\:max-w-none {
    max-width: none !important;
  }

  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
}

/* Do the actual balancing only on larger screens */
@media (min-width: 640px) and (max-width: 1023px) {

  .level,
  .level-left,
  .level-right {
    display: flex;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .level-right {
    margin-left: 1rem;
  }

  /* Keep all level children the same height */
  .level.fill-height {
    align-items: stretch;
    display: flex;
  }
}

/* MOBILE */
@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }

  .row {
    margin-top: 0;
  }

  /* Dividers for mobile layout */
  .divided>.row [class^=col-],
  .divided>.row [class*=" col-"],
  .divided>.row [class*=":col-"] {
    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
  }

  .level.fill-height {
    display: inherit;
    /* Allow children to expand */
  }

  .hero-body {
    padding: 0;
  }
}

/* 
========================================
Margin & Padding
========================================
*/

/* Margin */
.m-0 {
  margin: 0rem !important;
}

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

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

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

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

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

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

/* Padding */
.p-0 {
  padding: 0rem !important;
}

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

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

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

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

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

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

/* Margin */
.m-px {
  margin: 1px !important;
}

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

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

.mt-px {
  margin-top: 1px !important;
}

.mb-px {
  margin-bottom: 1px !important;
}

.ml-px {
  margin-left: 1px !important;
}

.mr-px {
  margin-right: 1px !important;
}

/* Padding */
.p-px {
  padding: 1px !important;
}

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

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

.pt-px {
  padding-top: 1px !important;
}

.pb-px {
  padding-bottom: 1px !important;
}

.pl-px {
  padding-left: 1px !important;
}

.pr-px {
  padding-right: 1px !important;
}

/* Margin */
.m-1 {
  margin: 0.5rem !important;
}

.mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-1 {
  margin-top: 0.5rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

/* Padding */
.p-1 {
  padding: 0.5rem !important;
}

.px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-1 {
  padding-top: 0.5rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.pl-1 {
  padding-left: 0.5rem !important;
}

.pr-1 {
  padding-right: 0.5rem !important;
}

/* Margin */
.m-2 {
  margin: 1rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

/* Padding */
.p-2 {
  padding: 1rem !important;
}

.px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-2 {
  padding-top: 1rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.pl-2 {
  padding-left: 1rem !important;
}

.pr-2 {
  padding-right: 1rem !important;
}

/* Margin */
.m-3 {
  margin: 1.5rem !important;
}

.mx-3 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

/* Padding */
.p-3 {
  padding: 1.5rem !important;
}

.px-3 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-3 {
  padding-top: 1.5rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pl-3 {
  padding-left: 1.5rem !important;
}

.pr-3 {
  padding-right: 1.5rem !important;
}

/* Margin */
.m-4 {
  margin: 2rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

/* Padding */
.p-4 {
  padding: 2rem !important;
}

.px-4 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

/* Margin */
.m-5 {
  margin: 2.5rem !important;
}

.mx-5 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my-5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mt-5 {
  margin-top: 2.5rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.ml-5 {
  margin-left: 2.5rem !important;
}

.mr-5 {
  margin-right: 2.5rem !important;
}

/* Padding */
.p-5 {
  padding: 2.5rem !important;
}

.px-5 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.pt-5 {
  padding-top: 2.5rem !important;
}

.pb-5 {
  padding-bottom: 2.5rem !important;
}

.pl-5 {
  padding-left: 2.5rem !important;
}

.pr-5 {
  padding-right: 2.5rem !important;
}

/* Margin */
.m-6 {
  margin: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

/* Padding */
.p-6 {
  padding: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

/* Margin */
.m-8 {
  margin: 4rem !important;
}

.mx-8 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-8 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mt-8 {
  margin-top: 4rem !important;
}

.mb-8 {
  margin-bottom: 4rem !important;
}

.ml-8 {
  margin-left: 4rem !important;
}

.mr-8 {
  margin-right: 4rem !important;
}

/* Padding */
.p-8 {
  padding: 4rem !important;
}

.px-8 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-8 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.pt-8 {
  padding-top: 4rem !important;
}

.pb-8 {
  padding-bottom: 4rem !important;
}

.pl-8 {
  padding-left: 4rem !important;
}

.pr-8 {
  padding-right: 4rem !important;
}

/* Margin */
.m-10 {
  margin: 5rem !important;
}

.mx-10 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-10 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mt-10 {
  margin-top: 5rem !important;
}

.mb-10 {
  margin-bottom: 5rem !important;
}

.ml-10 {
  margin-left: 5rem !important;
}

.mr-10 {
  margin-right: 5rem !important;
}

/* Padding */
.p-10 {
  padding: 5rem !important;
}

.px-10 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-10 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.pt-10 {
  padding-top: 5rem !important;
}

.pb-10 {
  padding-bottom: 5rem !important;
}

.pl-10 {
  padding-left: 5rem !important;
}

.pr-10 {
  padding-right: 5rem !important;
}

/* Margin */
.m-12 {
  margin: 6rem !important;
}

.mx-12 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.my-12 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mt-12 {
  margin-top: 6rem !important;
}

.mb-12 {
  margin-bottom: 6rem !important;
}

.ml-12 {
  margin-left: 6rem !important;
}

.mr-12 {
  margin-right: 6rem !important;
}

/* Padding */
.p-12 {
  padding: 6rem !important;
}

.px-12 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.py-12 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.pt-12 {
  padding-top: 6rem !important;
}

.pb-12 {
  padding-bottom: 6rem !important;
}

.pl-12 {
  padding-left: 6rem !important;
}

.pr-12 {
  padding-right: 6rem !important;
}

/* Margin */
.m-16 {
  margin: 8rem !important;
}

.mx-16 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.my-16 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mt-16 {
  margin-top: 8rem !important;
}

.mb-16 {
  margin-bottom: 8rem !important;
}

.ml-16 {
  margin-left: 8rem !important;
}

.mr-16 {
  margin-right: 8rem !important;
}

/* Padding */
.p-16 {
  padding: 8rem !important;
}

.px-16 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py-16 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.pt-16 {
  padding-top: 8rem !important;
}

.pb-16 {
  padding-bottom: 8rem !important;
}

.pl-16 {
  padding-left: 8rem !important;
}

.pr-16 {
  padding-right: 8rem !important;
}

/* Margin */
.m-20 {
  margin: 10rem !important;
}

.mx-20 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.my-20 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.mt-20 {
  margin-top: 10rem !important;
}

.mb-20 {
  margin-bottom: 10rem !important;
}

.ml-20 {
  margin-left: 10rem !important;
}

.mr-20 {
  margin-right: 10rem !important;
}

/* Padding */
.p-20 {
  padding: 10rem !important;
}

.px-20 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.py-20 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.pt-20 {
  padding-top: 10rem !important;
}

.pb-20 {
  padding-bottom: 10rem !important;
}

.pl-20 {
  padding-left: 10rem !important;
}

.pr-20 {
  padding-right: 10rem !important;
}

/* Margin */
.m-24 {
  margin: 12rem !important;
}

.mx-24 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.my-24 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.mt-24 {
  margin-top: 12rem !important;
}

.mb-24 {
  margin-bottom: 12rem !important;
}

.ml-24 {
  margin-left: 12rem !important;
}

.mr-24 {
  margin-right: 12rem !important;
}

/* Padding */
.p-24 {
  padding: 12rem !important;
}

.px-24 {
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}

.py-24 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.pt-24 {
  padding-top: 12rem !important;
}

.pb-24 {
  padding-bottom: 12rem !important;
}

.pl-24 {
  padding-left: 12rem !important;
}

.pr-24 {
  padding-right: 12rem !important;
}

/* Margin */
.m-32 {
  margin: 16rem !important;
}

.mx-32 {
  margin-left: 16rem !important;
  margin-right: 16rem !important;
}

.my-32 {
  margin-top: 16rem !important;
  margin-bottom: 16rem !important;
}

.mt-32 {
  margin-top: 16rem !important;
}

.mb-32 {
  margin-bottom: 16rem !important;
}

.ml-32 {
  margin-left: 16rem !important;
}

.mr-32 {
  margin-right: 16rem !important;
}

/* Padding */
.p-32 {
  padding: 16rem !important;
}

.px-32 {
  padding-left: 16rem !important;
  padding-right: 16rem !important;
}

.py-32 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

.pt-32 {
  padding-top: 16rem !important;
}

.pb-32 {
  padding-bottom: 16rem !important;
}

.pl-32 {
  padding-left: 16rem !important;
}

.pr-32 {
  padding-right: 16rem !important;
}

/* Margin */
.m-48 {
  margin: 24rem !important;
}

.mx-48 {
  margin-left: 24rem !important;
  margin-right: 24rem !important;
}

.my-48 {
  margin-top: 24rem !important;
  margin-bottom: 24rem !important;
}

.mt-48 {
  margin-top: 24rem !important;
}

.mb-48 {
  margin-bottom: 24rem !important;
}

.ml-48 {
  margin-left: 24rem !important;
}

.mr-48 {
  margin-right: 24rem !important;
}

/* Padding */
.p-48 {
  padding: 24rem !important;
}

.px-48 {
  padding-left: 24rem !important;
  padding-right: 24rem !important;
}

.py-48 {
  padding-top: 24rem !important;
  padding-bottom: 24rem !important;
}

.pt-48 {
  padding-top: 24rem !important;
}

.pb-48 {
  padding-bottom: 24rem !important;
}

.pl-48 {
  padding-left: 24rem !important;
}

.pr-48 {
  padding-right: 24rem !important;
}

/* Margin */
.m-64 {
  margin: 32rem !important;
}

.mx-64 {
  margin-left: 32rem !important;
  margin-right: 32rem !important;
}

.my-64 {
  margin-top: 32rem !important;
  margin-bottom: 32rem !important;
}

.mt-64 {
  margin-top: 32rem !important;
}

.mb-64 {
  margin-bottom: 32rem !important;
}

.ml-64 {
  margin-left: 32rem !important;
}

.mr-64 {
  margin-right: 32rem !important;
}

/* Padding */
.p-64 {
  padding: 32rem !important;
}

.px-64 {
  padding-left: 32rem !important;
  padding-right: 32rem !important;
}

.py-64 {
  padding-top: 32rem !important;
  padding-bottom: 32rem !important;
}

.pt-64 {
  padding-top: 32rem !important;
}

.pb-64 {
  padding-bottom: 32rem !important;
}

.pl-64 {
  padding-left: 32rem !important;
}

.pr-64 {
  padding-right: 32rem !important;
}

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

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

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

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

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

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

@media (max-width: 639px) {

  /* Margin */
  .sm\:m-0 {
    margin: 0rem !important;
  }

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

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

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

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

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

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

  /* Padding */
  .sm\:p-0 {
    padding: 0rem !important;
  }

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

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

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

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

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

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

  /* Margin */
  .sm\:m-px {
    margin: 1px !important;
  }

  .sm\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .sm\:my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .sm\:mt-px {
    margin-top: 1px !important;
  }

  .sm\:mb-px {
    margin-bottom: 1px !important;
  }

  .sm\:ml-px {
    margin-left: 1px !important;
  }

  .sm\:mr-px {
    margin-right: 1px !important;
  }

  /* Padding */
  .sm\:p-px {
    padding: 1px !important;
  }

  .sm\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .sm\:py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .sm\:pt-px {
    padding-top: 1px !important;
  }

  .sm\:pb-px {
    padding-bottom: 1px !important;
  }

  .sm\:pl-px {
    padding-left: 1px !important;
  }

  .sm\:pr-px {
    padding-right: 1px !important;
  }

  /* Margin */
  .sm\:m-1 {
    margin: 0.5rem !important;
  }

  .sm\:mx-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .sm\:my-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .sm\:mt-1 {
    margin-top: 0.5rem !important;
  }

  .sm\:mb-1 {
    margin-bottom: 0.5rem !important;
  }

  .sm\:ml-1 {
    margin-left: 0.5rem !important;
  }

  .sm\:mr-1 {
    margin-right: 0.5rem !important;
  }

  /* Padding */
  .sm\:p-1 {
    padding: 0.5rem !important;
  }

  .sm\:px-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .sm\:py-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .sm\:pt-1 {
    padding-top: 0.5rem !important;
  }

  .sm\:pb-1 {
    padding-bottom: 0.5rem !important;
  }

  .sm\:pl-1 {
    padding-left: 0.5rem !important;
  }

  .sm\:pr-1 {
    padding-right: 0.5rem !important;
  }

  /* Margin */
  .sm\:m-2 {
    margin: 1rem !important;
  }

  .sm\:mx-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .sm\:my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .sm\:mt-2 {
    margin-top: 1rem !important;
  }

  .sm\:mb-2 {
    margin-bottom: 1rem !important;
  }

  .sm\:ml-2 {
    margin-left: 1rem !important;
  }

  .sm\:mr-2 {
    margin-right: 1rem !important;
  }

  /* Padding */
  .sm\:p-2 {
    padding: 1rem !important;
  }

  .sm\:px-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .sm\:py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .sm\:pt-2 {
    padding-top: 1rem !important;
  }

  .sm\:pb-2 {
    padding-bottom: 1rem !important;
  }

  .sm\:pl-2 {
    padding-left: 1rem !important;
  }

  .sm\:pr-2 {
    padding-right: 1rem !important;
  }

  /* Margin */
  .sm\:m-3 {
    margin: 1.5rem !important;
  }

  .sm\:mx-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .sm\:my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .sm\:mt-3 {
    margin-top: 1.5rem !important;
  }

  .sm\:mb-3 {
    margin-bottom: 1.5rem !important;
  }

  .sm\:ml-3 {
    margin-left: 1.5rem !important;
  }

  .sm\:mr-3 {
    margin-right: 1.5rem !important;
  }

  /* Padding */
  .sm\:p-3 {
    padding: 1.5rem !important;
  }

  .sm\:px-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .sm\:py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .sm\:pt-3 {
    padding-top: 1.5rem !important;
  }

  .sm\:pb-3 {
    padding-bottom: 1.5rem !important;
  }

  .sm\:pl-3 {
    padding-left: 1.5rem !important;
  }

  .sm\:pr-3 {
    padding-right: 1.5rem !important;
  }

  /* Margin */
  .sm\:m-4 {
    margin: 2rem !important;
  }

  .sm\:mx-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .sm\:my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .sm\:mt-4 {
    margin-top: 2rem !important;
  }

  .sm\:mb-4 {
    margin-bottom: 2rem !important;
  }

  .sm\:ml-4 {
    margin-left: 2rem !important;
  }

  .sm\:mr-4 {
    margin-right: 2rem !important;
  }

  /* Padding */
  .sm\:p-4 {
    padding: 2rem !important;
  }

  .sm\:px-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .sm\:py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .sm\:pt-4 {
    padding-top: 2rem !important;
  }

  .sm\:pb-4 {
    padding-bottom: 2rem !important;
  }

  .sm\:pl-4 {
    padding-left: 2rem !important;
  }

  .sm\:pr-4 {
    padding-right: 2rem !important;
  }

  /* Margin */
  .sm\:m-5 {
    margin: 2.5rem !important;
  }

  .sm\:mx-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .sm\:my-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .sm\:mt-5 {
    margin-top: 2.5rem !important;
  }

  .sm\:mb-5 {
    margin-bottom: 2.5rem !important;
  }

  .sm\:ml-5 {
    margin-left: 2.5rem !important;
  }

  .sm\:mr-5 {
    margin-right: 2.5rem !important;
  }

  /* Padding */
  .sm\:p-5 {
    padding: 2.5rem !important;
  }

  .sm\:px-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .sm\:py-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .sm\:pt-5 {
    padding-top: 2.5rem !important;
  }

  .sm\:pb-5 {
    padding-bottom: 2.5rem !important;
  }

  .sm\:pl-5 {
    padding-left: 2.5rem !important;
  }

  .sm\:pr-5 {
    padding-right: 2.5rem !important;
  }

  /* Margin */
  .sm\:m-6 {
    margin: 3rem !important;
  }

  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .sm\:mt-6 {
    margin-top: 3rem !important;
  }

  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }

  .sm\:ml-6 {
    margin-left: 3rem !important;
  }

  .sm\:mr-6 {
    margin-right: 3rem !important;
  }

  /* Padding */
  .sm\:p-6 {
    padding: 3rem !important;
  }

  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .sm\:pt-6 {
    padding-top: 3rem !important;
  }

  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }

  .sm\:pl-6 {
    padding-left: 3rem !important;
  }

  .sm\:pr-6 {
    padding-right: 3rem !important;
  }

  /* Margin */
  .sm\:m-8 {
    margin: 4rem !important;
  }

  .sm\:mx-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .sm\:my-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .sm\:mt-8 {
    margin-top: 4rem !important;
  }

  .sm\:mb-8 {
    margin-bottom: 4rem !important;
  }

  .sm\:ml-8 {
    margin-left: 4rem !important;
  }

  .sm\:mr-8 {
    margin-right: 4rem !important;
  }

  /* Padding */
  .sm\:p-8 {
    padding: 4rem !important;
  }

  .sm\:px-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .sm\:py-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .sm\:pt-8 {
    padding-top: 4rem !important;
  }

  .sm\:pb-8 {
    padding-bottom: 4rem !important;
  }

  .sm\:pl-8 {
    padding-left: 4rem !important;
  }

  .sm\:pr-8 {
    padding-right: 4rem !important;
  }

  /* Margin */
  .sm\:m-10 {
    margin: 5rem !important;
  }

  .sm\:mx-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .sm\:my-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .sm\:mt-10 {
    margin-top: 5rem !important;
  }

  .sm\:mb-10 {
    margin-bottom: 5rem !important;
  }

  .sm\:ml-10 {
    margin-left: 5rem !important;
  }

  .sm\:mr-10 {
    margin-right: 5rem !important;
  }

  /* Padding */
  .sm\:p-10 {
    padding: 5rem !important;
  }

  .sm\:px-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .sm\:py-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .sm\:pt-10 {
    padding-top: 5rem !important;
  }

  .sm\:pb-10 {
    padding-bottom: 5rem !important;
  }

  .sm\:pl-10 {
    padding-left: 5rem !important;
  }

  .sm\:pr-10 {
    padding-right: 5rem !important;
  }

  /* Margin */
  .sm\:m-12 {
    margin: 6rem !important;
  }

  .sm\:mx-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .sm\:my-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .sm\:mt-12 {
    margin-top: 6rem !important;
  }

  .sm\:mb-12 {
    margin-bottom: 6rem !important;
  }

  .sm\:ml-12 {
    margin-left: 6rem !important;
  }

  .sm\:mr-12 {
    margin-right: 6rem !important;
  }

  /* Padding */
  .sm\:p-12 {
    padding: 6rem !important;
  }

  .sm\:px-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .sm\:py-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .sm\:pt-12 {
    padding-top: 6rem !important;
  }

  .sm\:pb-12 {
    padding-bottom: 6rem !important;
  }

  .sm\:pl-12 {
    padding-left: 6rem !important;
  }

  .sm\:pr-12 {
    padding-right: 6rem !important;
  }

  /* Margin */
  .sm\:m-16 {
    margin: 8rem !important;
  }

  .sm\:mx-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .sm\:my-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .sm\:mt-16 {
    margin-top: 8rem !important;
  }

  .sm\:mb-16 {
    margin-bottom: 8rem !important;
  }

  .sm\:ml-16 {
    margin-left: 8rem !important;
  }

  .sm\:mr-16 {
    margin-right: 8rem !important;
  }

  /* Padding */
  .sm\:p-16 {
    padding: 8rem !important;
  }

  .sm\:px-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .sm\:py-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .sm\:pt-16 {
    padding-top: 8rem !important;
  }

  .sm\:pb-16 {
    padding-bottom: 8rem !important;
  }

  .sm\:pl-16 {
    padding-left: 8rem !important;
  }

  .sm\:pr-16 {
    padding-right: 8rem !important;
  }

  /* Margin */
  .sm\:m-20 {
    margin: 10rem !important;
  }

  .sm\:mx-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .sm\:my-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .sm\:mt-20 {
    margin-top: 10rem !important;
  }

  .sm\:mb-20 {
    margin-bottom: 10rem !important;
  }

  .sm\:ml-20 {
    margin-left: 10rem !important;
  }

  .sm\:mr-20 {
    margin-right: 10rem !important;
  }

  /* Padding */
  .sm\:p-20 {
    padding: 10rem !important;
  }

  .sm\:px-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .sm\:py-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .sm\:pt-20 {
    padding-top: 10rem !important;
  }

  .sm\:pb-20 {
    padding-bottom: 10rem !important;
  }

  .sm\:pl-20 {
    padding-left: 10rem !important;
  }

  .sm\:pr-20 {
    padding-right: 10rem !important;
  }

  /* Margin */
  .sm\:m-24 {
    margin: 12rem !important;
  }

  .sm\:mx-24 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .sm\:my-24 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .sm\:mt-24 {
    margin-top: 12rem !important;
  }

  .sm\:mb-24 {
    margin-bottom: 12rem !important;
  }

  .sm\:ml-24 {
    margin-left: 12rem !important;
  }

  .sm\:mr-24 {
    margin-right: 12rem !important;
  }

  /* Padding */
  .sm\:p-24 {
    padding: 12rem !important;
  }

  .sm\:px-24 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .sm\:py-24 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .sm\:pt-24 {
    padding-top: 12rem !important;
  }

  .sm\:pb-24 {
    padding-bottom: 12rem !important;
  }

  .sm\:pl-24 {
    padding-left: 12rem !important;
  }

  .sm\:pr-24 {
    padding-right: 12rem !important;
  }

  /* Margin */
  .sm\:m-32 {
    margin: 16rem !important;
  }

  .sm\:mx-32 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .sm\:my-32 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .sm\:mt-32 {
    margin-top: 16rem !important;
  }

  .sm\:mb-32 {
    margin-bottom: 16rem !important;
  }

  .sm\:ml-32 {
    margin-left: 16rem !important;
  }

  .sm\:mr-32 {
    margin-right: 16rem !important;
  }

  /* Padding */
  .sm\:p-32 {
    padding: 16rem !important;
  }

  .sm\:px-32 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .sm\:py-32 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .sm\:pt-32 {
    padding-top: 16rem !important;
  }

  .sm\:pb-32 {
    padding-bottom: 16rem !important;
  }

  .sm\:pl-32 {
    padding-left: 16rem !important;
  }

  .sm\:pr-32 {
    padding-right: 16rem !important;
  }

  /* Margin */
  .sm\:m-48 {
    margin: 24rem !important;
  }

  .sm\:mx-48 {
    margin-left: 24rem !important;
    margin-right: 24rem !important;
  }

  .sm\:my-48 {
    margin-top: 24rem !important;
    margin-bottom: 24rem !important;
  }

  .sm\:mt-48 {
    margin-top: 24rem !important;
  }

  .sm\:mb-48 {
    margin-bottom: 24rem !important;
  }

  .sm\:ml-48 {
    margin-left: 24rem !important;
  }

  .sm\:mr-48 {
    margin-right: 24rem !important;
  }

  /* Padding */
  .sm\:p-48 {
    padding: 24rem !important;
  }

  .sm\:px-48 {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .sm\:py-48 {
    padding-top: 24rem !important;
    padding-bottom: 24rem !important;
  }

  .sm\:pt-48 {
    padding-top: 24rem !important;
  }

  .sm\:pb-48 {
    padding-bottom: 24rem !important;
  }

  .sm\:pl-48 {
    padding-left: 24rem !important;
  }

  .sm\:pr-48 {
    padding-right: 24rem !important;
  }

  /* Margin */
  .sm\:m-64 {
    margin: 32rem !important;
  }

  .sm\:mx-64 {
    margin-left: 32rem !important;
    margin-right: 32rem !important;
  }

  .sm\:my-64 {
    margin-top: 32rem !important;
    margin-bottom: 32rem !important;
  }

  .sm\:mt-64 {
    margin-top: 32rem !important;
  }

  .sm\:mb-64 {
    margin-bottom: 32rem !important;
  }

  .sm\:ml-64 {
    margin-left: 32rem !important;
  }

  .sm\:mr-64 {
    margin-right: 32rem !important;
  }

  /* Padding */
  .sm\:p-64 {
    padding: 32rem !important;
  }

  .sm\:px-64 {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .sm\:py-64 {
    padding-top: 32rem !important;
    padding-bottom: 32rem !important;
  }

  .sm\:pt-64 {
    padding-top: 32rem !important;
  }

  .sm\:pb-64 {
    padding-bottom: 32rem !important;
  }

  .sm\:pl-64 {
    padding-left: 32rem !important;
  }

  .sm\:pr-64 {
    padding-right: 32rem !important;
  }

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

  .sm\:my-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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

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

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

@media (min-width: 640px) and (max-width: 1023px) {

  /* Margin */
  .md\:m-0 {
    margin: 0rem !important;
  }

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

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

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

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

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

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

  /* Padding */
  .md\:p-0 {
    padding: 0rem !important;
  }

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

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

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

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

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

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

  /* Margin */
  .md\:m-px {
    margin: 1px !important;
  }

  .md\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .md\:my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .md\:mt-px {
    margin-top: 1px !important;
  }

  .md\:mb-px {
    margin-bottom: 1px !important;
  }

  .md\:ml-px {
    margin-left: 1px !important;
  }

  .md\:mr-px {
    margin-right: 1px !important;
  }

  /* Padding */
  .md\:p-px {
    padding: 1px !important;
  }

  .md\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .md\:py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .md\:pt-px {
    padding-top: 1px !important;
  }

  .md\:pb-px {
    padding-bottom: 1px !important;
  }

  .md\:pl-px {
    padding-left: 1px !important;
  }

  .md\:pr-px {
    padding-right: 1px !important;
  }

  /* Margin */
  .md\:m-1 {
    margin: 0.5rem !important;
  }

  .md\:mx-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .md\:my-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .md\:mt-1 {
    margin-top: 0.5rem !important;
  }

  .md\:mb-1 {
    margin-bottom: 0.5rem !important;
  }

  .md\:ml-1 {
    margin-left: 0.5rem !important;
  }

  .md\:mr-1 {
    margin-right: 0.5rem !important;
  }

  /* Padding */
  .md\:p-1 {
    padding: 0.5rem !important;
  }

  .md\:px-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .md\:py-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .md\:pt-1 {
    padding-top: 0.5rem !important;
  }

  .md\:pb-1 {
    padding-bottom: 0.5rem !important;
  }

  .md\:pl-1 {
    padding-left: 0.5rem !important;
  }

  .md\:pr-1 {
    padding-right: 0.5rem !important;
  }

  /* Margin */
  .md\:m-2 {
    margin: 1rem !important;
  }

  .md\:mx-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .md\:my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .md\:mt-2 {
    margin-top: 1rem !important;
  }

  .md\:mb-2 {
    margin-bottom: 1rem !important;
  }

  .md\:ml-2 {
    margin-left: 1rem !important;
  }

  .md\:mr-2 {
    margin-right: 1rem !important;
  }

  /* Padding */
  .md\:p-2 {
    padding: 1rem !important;
  }

  .md\:px-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .md\:py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .md\:pt-2 {
    padding-top: 1rem !important;
  }

  .md\:pb-2 {
    padding-bottom: 1rem !important;
  }

  .md\:pl-2 {
    padding-left: 1rem !important;
  }

  .md\:pr-2 {
    padding-right: 1rem !important;
  }

  /* Margin */
  .md\:m-3 {
    margin: 1.5rem !important;
  }

  .md\:mx-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .md\:my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .md\:mt-3 {
    margin-top: 1.5rem !important;
  }

  .md\:mb-3 {
    margin-bottom: 1.5rem !important;
  }

  .md\:ml-3 {
    margin-left: 1.5rem !important;
  }

  .md\:mr-3 {
    margin-right: 1.5rem !important;
  }

  /* Padding */
  .md\:p-3 {
    padding: 1.5rem !important;
  }

  .md\:px-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .md\:py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .md\:pt-3 {
    padding-top: 1.5rem !important;
  }

  .md\:pb-3 {
    padding-bottom: 1.5rem !important;
  }

  .md\:pl-3 {
    padding-left: 1.5rem !important;
  }

  .md\:pr-3 {
    padding-right: 1.5rem !important;
  }

  /* Margin */
  .md\:m-4 {
    margin: 2rem !important;
  }

  .md\:mx-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .md\:my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .md\:mt-4 {
    margin-top: 2rem !important;
  }

  .md\:mb-4 {
    margin-bottom: 2rem !important;
  }

  .md\:ml-4 {
    margin-left: 2rem !important;
  }

  .md\:mr-4 {
    margin-right: 2rem !important;
  }

  /* Padding */
  .md\:p-4 {
    padding: 2rem !important;
  }

  .md\:px-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .md\:py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .md\:pt-4 {
    padding-top: 2rem !important;
  }

  .md\:pb-4 {
    padding-bottom: 2rem !important;
  }

  .md\:pl-4 {
    padding-left: 2rem !important;
  }

  .md\:pr-4 {
    padding-right: 2rem !important;
  }

  /* Margin */
  .md\:m-5 {
    margin: 2.5rem !important;
  }

  .md\:mx-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .md\:my-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .md\:mt-5 {
    margin-top: 2.5rem !important;
  }

  .md\:mb-5 {
    margin-bottom: 2.5rem !important;
  }

  .md\:ml-5 {
    margin-left: 2.5rem !important;
  }

  .md\:mr-5 {
    margin-right: 2.5rem !important;
  }

  /* Padding */
  .md\:p-5 {
    padding: 2.5rem !important;
  }

  .md\:px-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .md\:py-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .md\:pt-5 {
    padding-top: 2.5rem !important;
  }

  .md\:pb-5 {
    padding-bottom: 2.5rem !important;
  }

  .md\:pl-5 {
    padding-left: 2.5rem !important;
  }

  .md\:pr-5 {
    padding-right: 2.5rem !important;
  }

  /* Margin */
  .md\:m-6 {
    margin: 3rem !important;
  }

  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .md\:mt-6 {
    margin-top: 3rem !important;
  }

  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }

  .md\:ml-6 {
    margin-left: 3rem !important;
  }

  .md\:mr-6 {
    margin-right: 3rem !important;
  }

  /* Padding */
  .md\:p-6 {
    padding: 3rem !important;
  }

  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .md\:pt-6 {
    padding-top: 3rem !important;
  }

  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }

  .md\:pl-6 {
    padding-left: 3rem !important;
  }

  .md\:pr-6 {
    padding-right: 3rem !important;
  }

  /* Margin */
  .md\:m-8 {
    margin: 4rem !important;
  }

  .md\:mx-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .md\:my-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .md\:mt-8 {
    margin-top: 4rem !important;
  }

  .md\:mb-8 {
    margin-bottom: 4rem !important;
  }

  .md\:ml-8 {
    margin-left: 4rem !important;
  }

  .md\:mr-8 {
    margin-right: 4rem !important;
  }

  /* Padding */
  .md\:p-8 {
    padding: 4rem !important;
  }

  .md\:px-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .md\:py-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .md\:pt-8 {
    padding-top: 4rem !important;
  }

  .md\:pb-8 {
    padding-bottom: 4rem !important;
  }

  .md\:pl-8 {
    padding-left: 4rem !important;
  }

  .md\:pr-8 {
    padding-right: 4rem !important;
  }

  /* Margin */
  .md\:m-10 {
    margin: 5rem !important;
  }

  .md\:mx-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .md\:my-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .md\:mt-10 {
    margin-top: 5rem !important;
  }

  .md\:mb-10 {
    margin-bottom: 5rem !important;
  }

  .md\:ml-10 {
    margin-left: 5rem !important;
  }

  .md\:mr-10 {
    margin-right: 5rem !important;
  }

  /* Padding */
  .md\:p-10 {
    padding: 5rem !important;
  }

  .md\:px-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .md\:py-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .md\:pt-10 {
    padding-top: 5rem !important;
  }

  .md\:pb-10 {
    padding-bottom: 5rem !important;
  }

  .md\:pl-10 {
    padding-left: 5rem !important;
  }

  .md\:pr-10 {
    padding-right: 5rem !important;
  }

  /* Margin */
  .md\:m-12 {
    margin: 6rem !important;
  }

  .md\:mx-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .md\:my-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .md\:mt-12 {
    margin-top: 6rem !important;
  }

  .md\:mb-12 {
    margin-bottom: 6rem !important;
  }

  .md\:ml-12 {
    margin-left: 6rem !important;
  }

  .md\:mr-12 {
    margin-right: 6rem !important;
  }

  /* Padding */
  .md\:p-12 {
    padding: 6rem !important;
  }

  .md\:px-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .md\:py-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .md\:pt-12 {
    padding-top: 6rem !important;
  }

  .md\:pb-12 {
    padding-bottom: 6rem !important;
  }

  .md\:pl-12 {
    padding-left: 6rem !important;
  }

  .md\:pr-12 {
    padding-right: 6rem !important;
  }

  /* Margin */
  .md\:m-16 {
    margin: 8rem !important;
  }

  .md\:mx-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .md\:my-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .md\:mt-16 {
    margin-top: 8rem !important;
  }

  .md\:mb-16 {
    margin-bottom: 8rem !important;
  }

  .md\:ml-16 {
    margin-left: 8rem !important;
  }

  .md\:mr-16 {
    margin-right: 8rem !important;
  }

  /* Padding */
  .md\:p-16 {
    padding: 8rem !important;
  }

  .md\:px-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .md\:py-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .md\:pt-16 {
    padding-top: 8rem !important;
  }

  .md\:pb-16 {
    padding-bottom: 8rem !important;
  }

  .md\:pl-16 {
    padding-left: 8rem !important;
  }

  .md\:pr-16 {
    padding-right: 8rem !important;
  }

  /* Margin */
  .md\:m-20 {
    margin: 10rem !important;
  }

  .md\:mx-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .md\:my-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .md\:mt-20 {
    margin-top: 10rem !important;
  }

  .md\:mb-20 {
    margin-bottom: 10rem !important;
  }

  .md\:ml-20 {
    margin-left: 10rem !important;
  }

  .md\:mr-20 {
    margin-right: 10rem !important;
  }

  /* Padding */
  .md\:p-20 {
    padding: 10rem !important;
  }

  .md\:px-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .md\:py-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .md\:pt-20 {
    padding-top: 10rem !important;
  }

  .md\:pb-20 {
    padding-bottom: 10rem !important;
  }

  .md\:pl-20 {
    padding-left: 10rem !important;
  }

  .md\:pr-20 {
    padding-right: 10rem !important;
  }

  /* Margin */
  .md\:m-24 {
    margin: 12rem !important;
  }

  .md\:mx-24 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .md\:my-24 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .md\:mt-24 {
    margin-top: 12rem !important;
  }

  .md\:mb-24 {
    margin-bottom: 12rem !important;
  }

  .md\:ml-24 {
    margin-left: 12rem !important;
  }

  .md\:mr-24 {
    margin-right: 12rem !important;
  }

  /* Padding */
  .md\:p-24 {
    padding: 12rem !important;
  }

  .md\:px-24 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .md\:py-24 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .md\:pt-24 {
    padding-top: 12rem !important;
  }

  .md\:pb-24 {
    padding-bottom: 12rem !important;
  }

  .md\:pl-24 {
    padding-left: 12rem !important;
  }

  .md\:pr-24 {
    padding-right: 12rem !important;
  }

  /* Margin */
  .md\:m-32 {
    margin: 16rem !important;
  }

  .md\:mx-32 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .md\:my-32 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .md\:mt-32 {
    margin-top: 16rem !important;
  }

  .md\:mb-32 {
    margin-bottom: 16rem !important;
  }

  .md\:ml-32 {
    margin-left: 16rem !important;
  }

  .md\:mr-32 {
    margin-right: 16rem !important;
  }

  /* Padding */
  .md\:p-32 {
    padding: 16rem !important;
  }

  .md\:px-32 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .md\:py-32 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .md\:pt-32 {
    padding-top: 16rem !important;
  }

  .md\:pb-32 {
    padding-bottom: 16rem !important;
  }

  .md\:pl-32 {
    padding-left: 16rem !important;
  }

  .md\:pr-32 {
    padding-right: 16rem !important;
  }

  /* Margin */
  .md\:m-48 {
    margin: 24rem !important;
  }

  .md\:mx-48 {
    margin-left: 24rem !important;
    margin-right: 24rem !important;
  }

  .md\:my-48 {
    margin-top: 24rem !important;
    margin-bottom: 24rem !important;
  }

  .md\:mt-48 {
    margin-top: 24rem !important;
  }

  .md\:mb-48 {
    margin-bottom: 24rem !important;
  }

  .md\:ml-48 {
    margin-left: 24rem !important;
  }

  .md\:mr-48 {
    margin-right: 24rem !important;
  }

  /* Padding */
  .md\:p-48 {
    padding: 24rem !important;
  }

  .md\:px-48 {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .md\:py-48 {
    padding-top: 24rem !important;
    padding-bottom: 24rem !important;
  }

  .md\:pt-48 {
    padding-top: 24rem !important;
  }

  .md\:pb-48 {
    padding-bottom: 24rem !important;
  }

  .md\:pl-48 {
    padding-left: 24rem !important;
  }

  .md\:pr-48 {
    padding-right: 24rem !important;
  }

  /* Margin */
  .md\:m-64 {
    margin: 32rem !important;
  }

  .md\:mx-64 {
    margin-left: 32rem !important;
    margin-right: 32rem !important;
  }

  .md\:my-64 {
    margin-top: 32rem !important;
    margin-bottom: 32rem !important;
  }

  .md\:mt-64 {
    margin-top: 32rem !important;
  }

  .md\:mb-64 {
    margin-bottom: 32rem !important;
  }

  .md\:ml-64 {
    margin-left: 32rem !important;
  }

  .md\:mr-64 {
    margin-right: 32rem !important;
  }

  /* Padding */
  .md\:p-64 {
    padding: 32rem !important;
  }

  .md\:px-64 {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .md\:py-64 {
    padding-top: 32rem !important;
    padding-bottom: 32rem !important;
  }

  .md\:pt-64 {
    padding-top: 32rem !important;
  }

  .md\:pb-64 {
    padding-bottom: 32rem !important;
  }

  .md\:pl-64 {
    padding-left: 32rem !important;
  }

  .md\:pr-64 {
    padding-right: 32rem !important;
  }

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

  .md\:my-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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

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

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

@media (min-width: 1024px) and (max-width: 1279px) {

  /* Margin */
  .lg\:m-0 {
    margin: 0rem !important;
  }

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

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

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

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

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

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

  /* Padding */
  .lg\:p-0 {
    padding: 0rem !important;
  }

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

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

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

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

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

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

  /* Margin */
  .lg\:m-px {
    margin: 1px !important;
  }

  .lg\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .lg\:my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .lg\:mt-px {
    margin-top: 1px !important;
  }

  .lg\:mb-px {
    margin-bottom: 1px !important;
  }

  .lg\:ml-px {
    margin-left: 1px !important;
  }

  .lg\:mr-px {
    margin-right: 1px !important;
  }

  /* Padding */
  .lg\:p-px {
    padding: 1px !important;
  }

  .lg\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .lg\:py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .lg\:pt-px {
    padding-top: 1px !important;
  }

  .lg\:pb-px {
    padding-bottom: 1px !important;
  }

  .lg\:pl-px {
    padding-left: 1px !important;
  }

  .lg\:pr-px {
    padding-right: 1px !important;
  }

  /* Margin */
  .lg\:m-1 {
    margin: 0.5rem !important;
  }

  .lg\:mx-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .lg\:my-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .lg\:mt-1 {
    margin-top: 0.5rem !important;
  }

  .lg\:mb-1 {
    margin-bottom: 0.5rem !important;
  }

  .lg\:ml-1 {
    margin-left: 0.5rem !important;
  }

  .lg\:mr-1 {
    margin-right: 0.5rem !important;
  }

  /* Padding */
  .lg\:p-1 {
    padding: 0.5rem !important;
  }

  .lg\:px-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .lg\:py-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .lg\:pt-1 {
    padding-top: 0.5rem !important;
  }

  .lg\:pb-1 {
    padding-bottom: 0.5rem !important;
  }

  .lg\:pl-1 {
    padding-left: 0.5rem !important;
  }

  .lg\:pr-1 {
    padding-right: 0.5rem !important;
  }

  /* Margin */
  .lg\:m-2 {
    margin: 1rem !important;
  }

  .lg\:mx-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .lg\:my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .lg\:mt-2 {
    margin-top: 1rem !important;
  }

  .lg\:mb-2 {
    margin-bottom: 1rem !important;
  }

  .lg\:ml-2 {
    margin-left: 1rem !important;
  }

  .lg\:mr-2 {
    margin-right: 1rem !important;
  }

  /* Padding */
  .lg\:p-2 {
    padding: 1rem !important;
  }

  .lg\:px-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .lg\:py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .lg\:pt-2 {
    padding-top: 1rem !important;
  }

  .lg\:pb-2 {
    padding-bottom: 1rem !important;
  }

  .lg\:pl-2 {
    padding-left: 1rem !important;
  }

  .lg\:pr-2 {
    padding-right: 1rem !important;
  }

  /* Margin */
  .lg\:m-3 {
    margin: 1.5rem !important;
  }

  .lg\:mx-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .lg\:my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .lg\:mt-3 {
    margin-top: 1.5rem !important;
  }

  .lg\:mb-3 {
    margin-bottom: 1.5rem !important;
  }

  .lg\:ml-3 {
    margin-left: 1.5rem !important;
  }

  .lg\:mr-3 {
    margin-right: 1.5rem !important;
  }

  /* Padding */
  .lg\:p-3 {
    padding: 1.5rem !important;
  }

  .lg\:px-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .lg\:py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .lg\:pt-3 {
    padding-top: 1.5rem !important;
  }

  .lg\:pb-3 {
    padding-bottom: 1.5rem !important;
  }

  .lg\:pl-3 {
    padding-left: 1.5rem !important;
  }

  .lg\:pr-3 {
    padding-right: 1.5rem !important;
  }

  /* Margin */
  .lg\:m-4 {
    margin: 2rem !important;
  }

  .lg\:mx-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .lg\:my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .lg\:mt-4 {
    margin-top: 2rem !important;
  }

  .lg\:mb-4 {
    margin-bottom: 2rem !important;
  }

  .lg\:ml-4 {
    margin-left: 2rem !important;
  }

  .lg\:mr-4 {
    margin-right: 2rem !important;
  }

  /* Padding */
  .lg\:p-4 {
    padding: 2rem !important;
  }

  .lg\:px-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .lg\:py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .lg\:pt-4 {
    padding-top: 2rem !important;
  }

  .lg\:pb-4 {
    padding-bottom: 2rem !important;
  }

  .lg\:pl-4 {
    padding-left: 2rem !important;
  }

  .lg\:pr-4 {
    padding-right: 2rem !important;
  }

  /* Margin */
  .lg\:m-5 {
    margin: 2.5rem !important;
  }

  .lg\:mx-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .lg\:my-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .lg\:mt-5 {
    margin-top: 2.5rem !important;
  }

  .lg\:mb-5 {
    margin-bottom: 2.5rem !important;
  }

  .lg\:ml-5 {
    margin-left: 2.5rem !important;
  }

  .lg\:mr-5 {
    margin-right: 2.5rem !important;
  }

  /* Padding */
  .lg\:p-5 {
    padding: 2.5rem !important;
  }

  .lg\:px-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .lg\:py-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .lg\:pt-5 {
    padding-top: 2.5rem !important;
  }

  .lg\:pb-5 {
    padding-bottom: 2.5rem !important;
  }

  .lg\:pl-5 {
    padding-left: 2.5rem !important;
  }

  .lg\:pr-5 {
    padding-right: 2.5rem !important;
  }

  /* Margin */
  .lg\:m-6 {
    margin: 3rem !important;
  }

  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .lg\:mt-6 {
    margin-top: 3rem !important;
  }

  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }

  .lg\:ml-6 {
    margin-left: 3rem !important;
  }

  .lg\:mr-6 {
    margin-right: 3rem !important;
  }

  /* Padding */
  .lg\:p-6 {
    padding: 3rem !important;
  }

  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .lg\:pt-6 {
    padding-top: 3rem !important;
  }

  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }

  .lg\:pl-6 {
    padding-left: 3rem !important;
  }

  .lg\:pr-6 {
    padding-right: 3rem !important;
  }

  /* Margin */
  .lg\:m-8 {
    margin: 4rem !important;
  }

  .lg\:mx-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .lg\:my-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .lg\:mt-8 {
    margin-top: 4rem !important;
  }

  .lg\:mb-8 {
    margin-bottom: 4rem !important;
  }

  .lg\:ml-8 {
    margin-left: 4rem !important;
  }

  .lg\:mr-8 {
    margin-right: 4rem !important;
  }

  /* Padding */
  .lg\:p-8 {
    padding: 4rem !important;
  }

  .lg\:px-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .lg\:py-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .lg\:pt-8 {
    padding-top: 4rem !important;
  }

  .lg\:pb-8 {
    padding-bottom: 4rem !important;
  }

  .lg\:pl-8 {
    padding-left: 4rem !important;
  }

  .lg\:pr-8 {
    padding-right: 4rem !important;
  }

  /* Margin */
  .lg\:m-10 {
    margin: 5rem !important;
  }

  .lg\:mx-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .lg\:my-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .lg\:mt-10 {
    margin-top: 5rem !important;
  }

  .lg\:mb-10 {
    margin-bottom: 5rem !important;
  }

  .lg\:ml-10 {
    margin-left: 5rem !important;
  }

  .lg\:mr-10 {
    margin-right: 5rem !important;
  }

  /* Padding */
  .lg\:p-10 {
    padding: 5rem !important;
  }

  .lg\:px-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .lg\:py-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .lg\:pt-10 {
    padding-top: 5rem !important;
  }

  .lg\:pb-10 {
    padding-bottom: 5rem !important;
  }

  .lg\:pl-10 {
    padding-left: 5rem !important;
  }

  .lg\:pr-10 {
    padding-right: 5rem !important;
  }

  /* Margin */
  .lg\:m-12 {
    margin: 6rem !important;
  }

  .lg\:mx-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .lg\:my-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .lg\:mt-12 {
    margin-top: 6rem !important;
  }

  .lg\:mb-12 {
    margin-bottom: 6rem !important;
  }

  .lg\:ml-12 {
    margin-left: 6rem !important;
  }

  .lg\:mr-12 {
    margin-right: 6rem !important;
  }

  /* Padding */
  .lg\:p-12 {
    padding: 6rem !important;
  }

  .lg\:px-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .lg\:py-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .lg\:pt-12 {
    padding-top: 6rem !important;
  }

  .lg\:pb-12 {
    padding-bottom: 6rem !important;
  }

  .lg\:pl-12 {
    padding-left: 6rem !important;
  }

  .lg\:pr-12 {
    padding-right: 6rem !important;
  }

  /* Margin */
  .lg\:m-16 {
    margin: 8rem !important;
  }

  .lg\:mx-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .lg\:my-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .lg\:mt-16 {
    margin-top: 8rem !important;
  }

  .lg\:mb-16 {
    margin-bottom: 8rem !important;
  }

  .lg\:ml-16 {
    margin-left: 8rem !important;
  }

  .lg\:mr-16 {
    margin-right: 8rem !important;
  }

  /* Padding */
  .lg\:p-16 {
    padding: 8rem !important;
  }

  .lg\:px-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .lg\:py-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .lg\:pt-16 {
    padding-top: 8rem !important;
  }

  .lg\:pb-16 {
    padding-bottom: 8rem !important;
  }

  .lg\:pl-16 {
    padding-left: 8rem !important;
  }

  .lg\:pr-16 {
    padding-right: 8rem !important;
  }

  /* Margin */
  .lg\:m-20 {
    margin: 10rem !important;
  }

  .lg\:mx-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .lg\:my-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .lg\:mt-20 {
    margin-top: 10rem !important;
  }

  .lg\:mb-20 {
    margin-bottom: 10rem !important;
  }

  .lg\:ml-20 {
    margin-left: 10rem !important;
  }

  .lg\:mr-20 {
    margin-right: 10rem !important;
  }

  /* Padding */
  .lg\:p-20 {
    padding: 10rem !important;
  }

  .lg\:px-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .lg\:py-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .lg\:pt-20 {
    padding-top: 10rem !important;
  }

  .lg\:pb-20 {
    padding-bottom: 10rem !important;
  }

  .lg\:pl-20 {
    padding-left: 10rem !important;
  }

  .lg\:pr-20 {
    padding-right: 10rem !important;
  }

  /* Margin */
  .lg\:m-24 {
    margin: 12rem !important;
  }

  .lg\:mx-24 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .lg\:my-24 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .lg\:mt-24 {
    margin-top: 12rem !important;
  }

  .lg\:mb-24 {
    margin-bottom: 12rem !important;
  }

  .lg\:ml-24 {
    margin-left: 12rem !important;
  }

  .lg\:mr-24 {
    margin-right: 12rem !important;
  }

  /* Padding */
  .lg\:p-24 {
    padding: 12rem !important;
  }

  .lg\:px-24 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .lg\:py-24 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .lg\:pt-24 {
    padding-top: 12rem !important;
  }

  .lg\:pb-24 {
    padding-bottom: 12rem !important;
  }

  .lg\:pl-24 {
    padding-left: 12rem !important;
  }

  .lg\:pr-24 {
    padding-right: 12rem !important;
  }

  /* Margin */
  .lg\:m-32 {
    margin: 16rem !important;
  }

  .lg\:mx-32 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .lg\:my-32 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .lg\:mt-32 {
    margin-top: 16rem !important;
  }

  .lg\:mb-32 {
    margin-bottom: 16rem !important;
  }

  .lg\:ml-32 {
    margin-left: 16rem !important;
  }

  .lg\:mr-32 {
    margin-right: 16rem !important;
  }

  /* Padding */
  .lg\:p-32 {
    padding: 16rem !important;
  }

  .lg\:px-32 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .lg\:py-32 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .lg\:pt-32 {
    padding-top: 16rem !important;
  }

  .lg\:pb-32 {
    padding-bottom: 16rem !important;
  }

  .lg\:pl-32 {
    padding-left: 16rem !important;
  }

  .lg\:pr-32 {
    padding-right: 16rem !important;
  }

  /* Margin */
  .lg\:m-48 {
    margin: 24rem !important;
  }

  .lg\:mx-48 {
    margin-left: 24rem !important;
    margin-right: 24rem !important;
  }

  .lg\:my-48 {
    margin-top: 24rem !important;
    margin-bottom: 24rem !important;
  }

  .lg\:mt-48 {
    margin-top: 24rem !important;
  }

  .lg\:mb-48 {
    margin-bottom: 24rem !important;
  }

  .lg\:ml-48 {
    margin-left: 24rem !important;
  }

  .lg\:mr-48 {
    margin-right: 24rem !important;
  }

  /* Padding */
  .lg\:p-48 {
    padding: 24rem !important;
  }

  .lg\:px-48 {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .lg\:py-48 {
    padding-top: 24rem !important;
    padding-bottom: 24rem !important;
  }

  .lg\:pt-48 {
    padding-top: 24rem !important;
  }

  .lg\:pb-48 {
    padding-bottom: 24rem !important;
  }

  .lg\:pl-48 {
    padding-left: 24rem !important;
  }

  .lg\:pr-48 {
    padding-right: 24rem !important;
  }

  /* Margin */
  .lg\:m-64 {
    margin: 32rem !important;
  }

  .lg\:mx-64 {
    margin-left: 32rem !important;
    margin-right: 32rem !important;
  }

  .lg\:my-64 {
    margin-top: 32rem !important;
    margin-bottom: 32rem !important;
  }

  .lg\:mt-64 {
    margin-top: 32rem !important;
  }

  .lg\:mb-64 {
    margin-bottom: 32rem !important;
  }

  .lg\:ml-64 {
    margin-left: 32rem !important;
  }

  .lg\:mr-64 {
    margin-right: 32rem !important;
  }

  /* Padding */
  .lg\:p-64 {
    padding: 32rem !important;
  }

  .lg\:px-64 {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .lg\:py-64 {
    padding-top: 32rem !important;
    padding-bottom: 32rem !important;
  }

  .lg\:pt-64 {
    padding-top: 32rem !important;
  }

  .lg\:pb-64 {
    padding-bottom: 32rem !important;
  }

  .lg\:pl-64 {
    padding-left: 32rem !important;
  }

  .lg\:pr-64 {
    padding-right: 32rem !important;
  }

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

  .lg\:my-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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

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

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

@media (min-width: 1280px) {

  /* Margin */
  .xl\:m-0 {
    margin: 0rem !important;
  }

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

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

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

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

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

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

  /* Padding */
  .xl\:p-0 {
    padding: 0rem !important;
  }

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

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

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

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

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

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

  /* Margin */
  .xl\:m-px {
    margin: 1px !important;
  }

  .xl\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .xl\:my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .xl\:mt-px {
    margin-top: 1px !important;
  }

  .xl\:mb-px {
    margin-bottom: 1px !important;
  }

  .xl\:ml-px {
    margin-left: 1px !important;
  }

  .xl\:mr-px {
    margin-right: 1px !important;
  }

  /* Padding */
  .xl\:p-px {
    padding: 1px !important;
  }

  .xl\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .xl\:py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .xl\:pt-px {
    padding-top: 1px !important;
  }

  .xl\:pb-px {
    padding-bottom: 1px !important;
  }

  .xl\:pl-px {
    padding-left: 1px !important;
  }

  .xl\:pr-px {
    padding-right: 1px !important;
  }

  /* Margin */
  .xl\:m-1 {
    margin: 0.5rem !important;
  }

  .xl\:mx-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .xl\:my-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .xl\:mt-1 {
    margin-top: 0.5rem !important;
  }

  .xl\:mb-1 {
    margin-bottom: 0.5rem !important;
  }

  .xl\:ml-1 {
    margin-left: 0.5rem !important;
  }

  .xl\:mr-1 {
    margin-right: 0.5rem !important;
  }

  /* Padding */
  .xl\:p-1 {
    padding: 0.5rem !important;
  }

  .xl\:px-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .xl\:py-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .xl\:pt-1 {
    padding-top: 0.5rem !important;
  }

  .xl\:pb-1 {
    padding-bottom: 0.5rem !important;
  }

  .xl\:pl-1 {
    padding-left: 0.5rem !important;
  }

  .xl\:pr-1 {
    padding-right: 0.5rem !important;
  }

  /* Margin */
  .xl\:m-2 {
    margin: 1rem !important;
  }

  .xl\:mx-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .xl\:my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .xl\:mt-2 {
    margin-top: 1rem !important;
  }

  .xl\:mb-2 {
    margin-bottom: 1rem !important;
  }

  .xl\:ml-2 {
    margin-left: 1rem !important;
  }

  .xl\:mr-2 {
    margin-right: 1rem !important;
  }

  /* Padding */
  .xl\:p-2 {
    padding: 1rem !important;
  }

  .xl\:px-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .xl\:py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xl\:pt-2 {
    padding-top: 1rem !important;
  }

  .xl\:pb-2 {
    padding-bottom: 1rem !important;
  }

  .xl\:pl-2 {
    padding-left: 1rem !important;
  }

  .xl\:pr-2 {
    padding-right: 1rem !important;
  }

  /* Margin */
  .xl\:m-3 {
    margin: 1.5rem !important;
  }

  .xl\:mx-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .xl\:my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .xl\:mt-3 {
    margin-top: 1.5rem !important;
  }

  .xl\:mb-3 {
    margin-bottom: 1.5rem !important;
  }

  .xl\:ml-3 {
    margin-left: 1.5rem !important;
  }

  .xl\:mr-3 {
    margin-right: 1.5rem !important;
  }

  /* Padding */
  .xl\:p-3 {
    padding: 1.5rem !important;
  }

  .xl\:px-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .xl\:py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .xl\:pt-3 {
    padding-top: 1.5rem !important;
  }

  .xl\:pb-3 {
    padding-bottom: 1.5rem !important;
  }

  .xl\:pl-3 {
    padding-left: 1.5rem !important;
  }

  .xl\:pr-3 {
    padding-right: 1.5rem !important;
  }

  /* Margin */
  .xl\:m-4 {
    margin: 2rem !important;
  }

  .xl\:mx-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .xl\:my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .xl\:mt-4 {
    margin-top: 2rem !important;
  }

  .xl\:mb-4 {
    margin-bottom: 2rem !important;
  }

  .xl\:ml-4 {
    margin-left: 2rem !important;
  }

  .xl\:mr-4 {
    margin-right: 2rem !important;
  }

  /* Padding */
  .xl\:p-4 {
    padding: 2rem !important;
  }

  .xl\:px-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .xl\:py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xl\:pt-4 {
    padding-top: 2rem !important;
  }

  .xl\:pb-4 {
    padding-bottom: 2rem !important;
  }

  .xl\:pl-4 {
    padding-left: 2rem !important;
  }

  .xl\:pr-4 {
    padding-right: 2rem !important;
  }

  /* Margin */
  .xl\:m-5 {
    margin: 2.5rem !important;
  }

  .xl\:mx-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .xl\:my-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .xl\:mt-5 {
    margin-top: 2.5rem !important;
  }

  .xl\:mb-5 {
    margin-bottom: 2.5rem !important;
  }

  .xl\:ml-5 {
    margin-left: 2.5rem !important;
  }

  .xl\:mr-5 {
    margin-right: 2.5rem !important;
  }

  /* Padding */
  .xl\:p-5 {
    padding: 2.5rem !important;
  }

  .xl\:px-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .xl\:py-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .xl\:pt-5 {
    padding-top: 2.5rem !important;
  }

  .xl\:pb-5 {
    padding-bottom: 2.5rem !important;
  }

  .xl\:pl-5 {
    padding-left: 2.5rem !important;
  }

  .xl\:pr-5 {
    padding-right: 2.5rem !important;
  }

  /* Margin */
  .xl\:m-6 {
    margin: 3rem !important;
  }

  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .xl\:mt-6 {
    margin-top: 3rem !important;
  }

  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }

  .xl\:ml-6 {
    margin-left: 3rem !important;
  }

  .xl\:mr-6 {
    margin-right: 3rem !important;
  }

  /* Padding */
  .xl\:p-6 {
    padding: 3rem !important;
  }

  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xl\:pt-6 {
    padding-top: 3rem !important;
  }

  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }

  .xl\:pl-6 {
    padding-left: 3rem !important;
  }

  .xl\:pr-6 {
    padding-right: 3rem !important;
  }

  /* Margin */
  .xl\:m-8 {
    margin: 4rem !important;
  }

  .xl\:mx-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .xl\:my-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .xl\:mt-8 {
    margin-top: 4rem !important;
  }

  .xl\:mb-8 {
    margin-bottom: 4rem !important;
  }

  .xl\:ml-8 {
    margin-left: 4rem !important;
  }

  .xl\:mr-8 {
    margin-right: 4rem !important;
  }

  /* Padding */
  .xl\:p-8 {
    padding: 4rem !important;
  }

  .xl\:px-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .xl\:py-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xl\:pt-8 {
    padding-top: 4rem !important;
  }

  .xl\:pb-8 {
    padding-bottom: 4rem !important;
  }

  .xl\:pl-8 {
    padding-left: 4rem !important;
  }

  .xl\:pr-8 {
    padding-right: 4rem !important;
  }

  /* Margin */
  .xl\:m-10 {
    margin: 5rem !important;
  }

  .xl\:mx-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .xl\:my-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .xl\:mt-10 {
    margin-top: 5rem !important;
  }

  .xl\:mb-10 {
    margin-bottom: 5rem !important;
  }

  .xl\:ml-10 {
    margin-left: 5rem !important;
  }

  .xl\:mr-10 {
    margin-right: 5rem !important;
  }

  /* Padding */
  .xl\:p-10 {
    padding: 5rem !important;
  }

  .xl\:px-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .xl\:py-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xl\:pt-10 {
    padding-top: 5rem !important;
  }

  .xl\:pb-10 {
    padding-bottom: 5rem !important;
  }

  .xl\:pl-10 {
    padding-left: 5rem !important;
  }

  .xl\:pr-10 {
    padding-right: 5rem !important;
  }

  /* Margin */
  .xl\:m-12 {
    margin: 6rem !important;
  }

  .xl\:mx-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .xl\:my-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .xl\:mt-12 {
    margin-top: 6rem !important;
  }

  .xl\:mb-12 {
    margin-bottom: 6rem !important;
  }

  .xl\:ml-12 {
    margin-left: 6rem !important;
  }

  .xl\:mr-12 {
    margin-right: 6rem !important;
  }

  /* Padding */
  .xl\:p-12 {
    padding: 6rem !important;
  }

  .xl\:px-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .xl\:py-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xl\:pt-12 {
    padding-top: 6rem !important;
  }

  .xl\:pb-12 {
    padding-bottom: 6rem !important;
  }

  .xl\:pl-12 {
    padding-left: 6rem !important;
  }

  .xl\:pr-12 {
    padding-right: 6rem !important;
  }

  /* Margin */
  .xl\:m-16 {
    margin: 8rem !important;
  }

  .xl\:mx-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .xl\:my-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .xl\:mt-16 {
    margin-top: 8rem !important;
  }

  .xl\:mb-16 {
    margin-bottom: 8rem !important;
  }

  .xl\:ml-16 {
    margin-left: 8rem !important;
  }

  .xl\:mr-16 {
    margin-right: 8rem !important;
  }

  /* Padding */
  .xl\:p-16 {
    padding: 8rem !important;
  }

  .xl\:px-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .xl\:py-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xl\:pt-16 {
    padding-top: 8rem !important;
  }

  .xl\:pb-16 {
    padding-bottom: 8rem !important;
  }

  .xl\:pl-16 {
    padding-left: 8rem !important;
  }

  .xl\:pr-16 {
    padding-right: 8rem !important;
  }

  /* Margin */
  .xl\:m-20 {
    margin: 10rem !important;
  }

  .xl\:mx-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .xl\:my-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .xl\:mt-20 {
    margin-top: 10rem !important;
  }

  .xl\:mb-20 {
    margin-bottom: 10rem !important;
  }

  .xl\:ml-20 {
    margin-left: 10rem !important;
  }

  .xl\:mr-20 {
    margin-right: 10rem !important;
  }

  /* Padding */
  .xl\:p-20 {
    padding: 10rem !important;
  }

  .xl\:px-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .xl\:py-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .xl\:pt-20 {
    padding-top: 10rem !important;
  }

  .xl\:pb-20 {
    padding-bottom: 10rem !important;
  }

  .xl\:pl-20 {
    padding-left: 10rem !important;
  }

  .xl\:pr-20 {
    padding-right: 10rem !important;
  }

  /* Margin */
  .xl\:m-24 {
    margin: 12rem !important;
  }

  .xl\:mx-24 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .xl\:my-24 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .xl\:mt-24 {
    margin-top: 12rem !important;
  }

  .xl\:mb-24 {
    margin-bottom: 12rem !important;
  }

  .xl\:ml-24 {
    margin-left: 12rem !important;
  }

  .xl\:mr-24 {
    margin-right: 12rem !important;
  }

  /* Padding */
  .xl\:p-24 {
    padding: 12rem !important;
  }

  .xl\:px-24 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .xl\:py-24 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .xl\:pt-24 {
    padding-top: 12rem !important;
  }

  .xl\:pb-24 {
    padding-bottom: 12rem !important;
  }

  .xl\:pl-24 {
    padding-left: 12rem !important;
  }

  .xl\:pr-24 {
    padding-right: 12rem !important;
  }

  /* Margin */
  .xl\:m-32 {
    margin: 16rem !important;
  }

  .xl\:mx-32 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .xl\:my-32 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .xl\:mt-32 {
    margin-top: 16rem !important;
  }

  .xl\:mb-32 {
    margin-bottom: 16rem !important;
  }

  .xl\:ml-32 {
    margin-left: 16rem !important;
  }

  .xl\:mr-32 {
    margin-right: 16rem !important;
  }

  /* Padding */
  .xl\:p-32 {
    padding: 16rem !important;
  }

  .xl\:px-32 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .xl\:py-32 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .xl\:pt-32 {
    padding-top: 16rem !important;
  }

  .xl\:pb-32 {
    padding-bottom: 16rem !important;
  }

  .xl\:pl-32 {
    padding-left: 16rem !important;
  }

  .xl\:pr-32 {
    padding-right: 16rem !important;
  }

  /* Margin */
  .xl\:m-48 {
    margin: 24rem !important;
  }

  .xl\:mx-48 {
    margin-left: 24rem !important;
    margin-right: 24rem !important;
  }

  .xl\:my-48 {
    margin-top: 24rem !important;
    margin-bottom: 24rem !important;
  }

  .xl\:mt-48 {
    margin-top: 24rem !important;
  }

  .xl\:mb-48 {
    margin-bottom: 24rem !important;
  }

  .xl\:ml-48 {
    margin-left: 24rem !important;
  }

  .xl\:mr-48 {
    margin-right: 24rem !important;
  }

  /* Padding */
  .xl\:p-48 {
    padding: 24rem !important;
  }

  .xl\:px-48 {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .xl\:py-48 {
    padding-top: 24rem !important;
    padding-bottom: 24rem !important;
  }

  .xl\:pt-48 {
    padding-top: 24rem !important;
  }

  .xl\:pb-48 {
    padding-bottom: 24rem !important;
  }

  .xl\:pl-48 {
    padding-left: 24rem !important;
  }

  .xl\:pr-48 {
    padding-right: 24rem !important;
  }

  /* Margin */
  .xl\:m-64 {
    margin: 32rem !important;
  }

  .xl\:mx-64 {
    margin-left: 32rem !important;
    margin-right: 32rem !important;
  }

  .xl\:my-64 {
    margin-top: 32rem !important;
    margin-bottom: 32rem !important;
  }

  .xl\:mt-64 {
    margin-top: 32rem !important;
  }

  .xl\:mb-64 {
    margin-bottom: 32rem !important;
  }

  .xl\:ml-64 {
    margin-left: 32rem !important;
  }

  .xl\:mr-64 {
    margin-right: 32rem !important;
  }

  /* Padding */
  .xl\:p-64 {
    padding: 32rem !important;
  }

  .xl\:px-64 {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .xl\:py-64 {
    padding-top: 32rem !important;
    padding-bottom: 32rem !important;
  }

  .xl\:pt-64 {
    padding-top: 32rem !important;
  }

  .xl\:pb-64 {
    padding-bottom: 32rem !important;
  }

  .xl\:pl-64 {
    padding-left: 32rem !important;
  }

  .xl\:pr-64 {
    padding-right: 32rem !important;
  }

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

  .xl\:my-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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

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

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

/*
===========================
      Cirrus Colors
          v1 + v2
===========================
*/

/* Theme modifiers */
/* v1 Colors */

.text-primary {
  color: #f03d4d;
  --btn-fg: #f03d4d;
}

.bg-primary {
  background-color: #f03d4d;
  --btn-color: #f03d4d;
}

.border-primary {
  border-color: #f03d4d;
  --btn-border-color: #f03d4d;
}

.text-light {
  color: #f6f9fc;
  --btn-fg: #f6f9fc;
}

.bg-light {
  background-color: #f6f9fc;
  --btn-color: #f6f9fc;
}

.border-light {
  border-color: #f6f9fc;
  --btn-border-color: #f6f9fc;
}

.text-dark {
  color: #363636;
  --btn-fg: #363636;
}

.bg-dark {
  background-color: #363636;
  --btn-color: #363636;
}

.border-dark {
  border-color: #363636;
  --btn-border-color: #363636;
}

.text-link {
  color: #5e5cc7;
  --btn-fg: #5e5cc7;
}

.bg-link {
  background-color: #5e5cc7;
  --btn-color: #5e5cc7;
}

.border-link {
  border-color: #5e5cc7;
  --btn-border-color: #5e5cc7;
}

.text-link-dark {
  color: #4643e2;
  --btn-fg: #4643e2;
}

.bg-link-dark {
  background-color: #4643e2;
  --btn-color: #4643e2;
}

.border-link-dark {
  border-color: #4643e2;
  --btn-border-color: #4643e2;
}

.text-info {
  color: #2972fa;
  --btn-fg: #2972fa;
}

.bg-info {
  background-color: #2972fa;
  --btn-color: #2972fa;
}

.border-info {
  border-color: #2972fa;
  --btn-border-color: #2972fa;
}

.text-success {
  color: #0dd157;
  --btn-fg: #0dd157;
}

.bg-success {
  background-color: #0dd157;
  --btn-color: #0dd157;
}

.border-success {
  border-color: #0dd157;
  --btn-border-color: #0dd157;
}

.text-warning {
  color: #fab633;
  --btn-fg: #fab633;
}

.bg-warning {
  background-color: #fab633;
  --btn-color: #fab633;
}

.border-warning {
  border-color: #fab633;
  --btn-border-color: #fab633;
}

.text-danger {
  color: #fb4143;
  --btn-fg: #fb4143;
}

.bg-danger {
  background-color: #fb4143;
  --btn-color: #fb4143;
}

.border-danger {
  border-color: #fb4143;
  --btn-border-color: #fb4143;
}

.text-white {
  color: #ffffff;
  --btn-fg: #ffffff;
}

.bg-white {
  background-color: #ffffff;
  --btn-color: #ffffff;
}

.border-white {
  border-color: #ffffff;
  --btn-border-color: #ffffff;
}

.text-black {
  color: #000000;
  --btn-fg: #000000;
}

.bg-black {
  background-color: #000000;
  --btn-color: #000000;
}

.border-black {
  border-color: #000000;
  --btn-border-color: #000000;
}

.text-transparent {
  color: transparent;
  --btn-fg: transparent;
}

.bg-transparent {
  background-color: transparent;
  --btn-color: transparent;
}

.border-transparent {
  border-color: transparent;
  --btn-border-color: transparent;
}

/* v2 Colors */

.text-red-95 {
  color: var(--wa-color-red-95);
  --bg-fg: var(--wa-color-red-95);
}

.bg-red-95 {
  background-color: var(--wa-color-red-95);
  --btn-color: var(--wa-color-red-95);
}

.border-red-95 {
  border-color: var(--wa-color-red-95);
  --btn-border-color: var(--wa-color-red-95);
}

.text-red-90 {
  color: var(--wa-color-red-90);
  --bg-fg: var(--wa-color-red-90);
}

.bg-red-90 {
  background-color: var(--wa-color-red-90);
  --btn-color: var(--wa-color-red-90);
}

.border-red-90 {
  border-color: var(--wa-color-red-90);
  --btn-border-color: var(--wa-color-red-90);
}

.text-red-80 {
  color: var(--wa-color-red-80);
  --bg-fg: var(--wa-color-red-80);
}

.bg-red-80 {
  background-color: var(--wa-color-red-80);
  --btn-color: var(--wa-color-red-80);
}

.border-red-80 {
  border-color: var(--wa-color-red-80);
  --btn-border-color: var(--wa-color-red-80);
}

.text-red-70 {
  color: var(--wa-color-red-70);
  --bg-fg: var(--wa-color-red-70);
}

.bg-red-70 {
  background-color: var(--wa-color-red-70);
  --btn-color: var(--wa-color-red-70);
}

.border-red-70 {
  border-color: var(--wa-color-red-70);
  --btn-border-color: var(--wa-color-red-70);
}

.text-red-60 {
  color: var(--wa-color-red-60);
  --bg-fg: var(--wa-color-red-60);
}

.bg-red-60 {
  background-color: var(--wa-color-red-60);
  --btn-color: var(--wa-color-red-60);
}

.border-red-60 {
  border-color: var(--wa-color-red-60);
  --btn-border-color: var(--wa-color-red-60);
}

.text-red-50 {
  color: var(--wa-color-red-50);
  --bg-fg: var(--wa-color-red-50);
}

.bg-red-50 {
  background-color: var(--wa-color-red-50);
  --btn-color: var(--wa-color-red-50);
}

.border-red-50 {
  border-color: var(--wa-color-red-50);
  --btn-border-color: var(--wa-color-red-50);
}

.text-red-40 {
  color: var(--wa-color-red-40);
  --bg-fg: var(--wa-color-red-40);
}

.bg-red-40 {
  background-color: var(--wa-color-red-40);
  --btn-color: var(--wa-color-red-40);
}

.border-red-40 {
  border-color: var(--wa-color-red-40);
  --btn-border-color: var(--wa-color-red-40);
}

.text-red-30 {
  color: var(--wa-color-red-30);
  --bg-fg: var(--wa-color-red-30);
}

.bg-red-30 {
  background-color: var(--wa-color-red-30);
  --btn-color: var(--wa-color-red-30);
}

.border-red-30 {
  border-color: var(--wa-color-red-30);
  --btn-border-color: var(--wa-color-red-30);
}

.text-red-20 {
  color: var(--wa-color-red-20);
  --bg-fg: var(--wa-color-red-20);
}

.bg-red-20 {
  background-color: var(--wa-color-red-20);
  --btn-color: var(--wa-color-red-20);
}

.border-red-20 {
  border-color: var(--wa-color-red-20);
  --btn-border-color: var(--wa-color-red-20);
}

.text-red-10 {
  color: var(--wa-color-red-10);
  --bg-fg: var(--wa-color-red-10);
}

.bg-red-10 {
  background-color: var(--wa-color-red-10);
  --btn-color: var(--wa-color-red-10);
}

.border-red-10 {
  border-color: var(--wa-color-red-10);
  --btn-border-color: var(--wa-color-red-10);
}

.text-red-05 {
  color: var(--wa-color-red-05);
  --bg-fg: var(--wa-color-red-05);
}

.bg-red-05 {
  background-color: var(--wa-color-red-05);
  --btn-color: var(--wa-color-red-05);
}

.border-red-05 {
  border-color: var(--wa-color-red-05);
  --btn-border-color: var(--wa-color-red-05);
}

.text-orange-95 {
  color: var(--wa-color-orange-95);
  --bg-fg: var(--wa-color-orange-95);
}

.bg-orange-95 {
  background-color: var(--wa-color-orange-95);
  --btn-color: var(--wa-color-orange-95);
}

.border-orange-95 {
  border-color: var(--wa-color-orange-95);
  --btn-border-color: var(--wa-color-orange-95);
}

.text-orange-90 {
  color: var(--wa-color-orange-90);
  --bg-fg: var(--wa-color-orange-90);
}

.bg-orange-90 {
  background-color: var(--wa-color-orange-90);
  --btn-color: var(--wa-color-orange-90);
}

.border-orange-90 {
  border-color: var(--wa-color-orange-90);
  --btn-border-color: var(--wa-color-orange-90);
}

.text-orange-80 {
  color: var(--wa-color-orange-80);
  --bg-fg: var(--wa-color-orange-80);
}

.bg-orange-80 {
  background-color: var(--wa-color-orange-80);
  --btn-color: var(--wa-color-orange-80);
}

.border-orange-80 {
  border-color: var(--wa-color-orange-80);
  --btn-border-color: var(--wa-color-orange-80);
}

.text-orange-70 {
  color: var(--wa-color-orange-70);
  --bg-fg: var(--wa-color-orange-70);
}

.bg-orange-70 {
  background-color: var(--wa-color-orange-70);
  --btn-color: var(--wa-color-orange-70);
}

.border-orange-70 {
  border-color: var(--wa-color-orange-70);
  --btn-border-color: var(--wa-color-orange-70);
}

.text-orange-60 {
  color: var(--wa-color-orange-60);
  --bg-fg: var(--wa-color-orange-60);
}

.bg-orange-60 {
  background-color: var(--wa-color-orange-60);
  --btn-color: var(--wa-color-orange-60);
}

.border-orange-60 {
  border-color: var(--wa-color-orange-60);
  --btn-border-color: var(--wa-color-orange-60);
}

.text-orange-50 {
  color: var(--wa-color-orange-50);
  --bg-fg: var(--wa-color-orange-50);
}

.bg-orange-50 {
  background-color: var(--wa-color-orange-50);
  --btn-color: var(--wa-color-orange-50);
}

.border-orange-50 {
  border-color: var(--wa-color-orange-50);
  --btn-border-color: var(--wa-color-orange-50);
}

.text-orange-40 {
  color: var(--wa-color-orange-40);
  --bg-fg: var(--wa-color-orange-40);
}

.bg-orange-40 {
  background-color: var(--wa-color-orange-40);
  --btn-color: var(--wa-color-orange-40);
}

.border-orange-40 {
  border-color: var(--wa-color-orange-40);
  --btn-border-color: var(--wa-color-orange-40);
}

.text-orange-30 {
  color: var(--wa-color-orange-30);
  --bg-fg: var(--wa-color-orange-30);
}

.bg-orange-30 {
  background-color: var(--wa-color-orange-30);
  --btn-color: var(--wa-color-orange-30);
}

.border-orange-30 {
  border-color: var(--wa-color-orange-30);
  --btn-border-color: var(--wa-color-orange-30);
}

.text-orange-20 {
  color: var(--wa-color-orange-20);
  --bg-fg: var(--wa-color-orange-20);
}

.bg-orange-20 {
  background-color: var(--wa-color-orange-20);
  --btn-color: var(--wa-color-orange-20);
}

.border-orange-20 {
  border-color: var(--wa-color-orange-20);
  --btn-border-color: var(--wa-color-orange-20);
}

.text-orange-10 {
  color: var(--wa-color-orange-10);
  --bg-fg: var(--wa-color-orange-10);
}

.bg-orange-10 {
  background-color: var(--wa-color-orange-10);
  --btn-color: var(--wa-color-orange-10);
}

.border-orange-10 {
  border-color: var(--wa-color-orange-10);
  --btn-border-color: var(--wa-color-orange-10);
}

.text-orange-05 {
  color: var(--wa-color-orange-05);
  --bg-fg: var(--wa-color-orange-05);
}

.bg-orange-05 {
  background-color: var(--wa-color-orange-05);
  --btn-color: var(--wa-color-orange-05);
}

.border-orange-05 {
  border-color: var(--wa-color-orange-05);
  --btn-border-color: var(--wa-color-orange-05);
}

.text-yellow-95 {
  color: var(--wa-color-yellow-95);
  --bg-fg: var(--wa-color-yellow-95);
}

.bg-yellow-95 {
  background-color: var(--wa-color-yellow-95);
  --btn-color: var(--wa-color-yellow-95);
}

.border-yellow-95 {
  border-color: var(--wa-color-yellow-95);
  --btn-border-color: var(--wa-color-yellow-95);
}

.text-yellow-90 {
  color: var(--wa-color-yellow-90);
  --bg-fg: var(--wa-color-yellow-90);
}

.bg-yellow-90 {
  background-color: var(--wa-color-yellow-90);
  --btn-color: var(--wa-color-yellow-90);
}

.border-yellow-90 {
  border-color: var(--wa-color-yellow-90);
  --btn-border-color: var(--wa-color-yellow-90);
}

.text-yellow-80 {
  color: var(--wa-color-yellow-80);
  --bg-fg: var(--wa-color-yellow-80);
}

.bg-yellow-80 {
  background-color: var(--wa-color-yellow-80);
  --btn-color: var(--wa-color-yellow-80);
}

.border-yellow-80 {
  border-color: var(--wa-color-yellow-80);
  --btn-border-color: var(--wa-color-yellow-80);
}

.text-yellow-70 {
  color: var(--wa-color-yellow-70);
  --bg-fg: var(--wa-color-yellow-70);
}

.bg-yellow-70 {
  background-color: var(--wa-color-yellow-70);
  --btn-color: var(--wa-color-yellow-70);
}

.border-yellow-70 {
  border-color: var(--wa-color-yellow-70);
  --btn-border-color: var(--wa-color-yellow-70);
}

.text-yellow-60 {
  color: var(--wa-color-yellow-60);
  --bg-fg: var(--wa-color-yellow-60);
}

.bg-yellow-60 {
  background-color: var(--wa-color-yellow-60);
  --btn-color: var(--wa-color-yellow-60);
}

.border-yellow-60 {
  border-color: var(--wa-color-yellow-60);
  --btn-border-color: var(--wa-color-yellow-60);
}

.text-yellow-50 {
  color: var(--wa-color-yellow-50);
  --bg-fg: var(--wa-color-yellow-50);
}

.bg-yellow-50 {
  background-color: var(--wa-color-yellow-50);
  --btn-color: var(--wa-color-yellow-50);
}

.border-yellow-50 {
  border-color: var(--wa-color-yellow-50);
  --btn-border-color: var(--wa-color-yellow-50);
}

.text-yellow-40 {
  color: var(--wa-color-yellow-40);
  --bg-fg: var(--wa-color-yellow-40);
}

.bg-yellow-40 {
  background-color: var(--wa-color-yellow-40);
  --btn-color: var(--wa-color-yellow-40);
}

.border-yellow-40 {
  border-color: var(--wa-color-yellow-40);
  --btn-border-color: var(--wa-color-yellow-40);
}

.text-yellow-30 {
  color: var(--wa-color-yellow-30);
  --bg-fg: var(--wa-color-yellow-30);
}

.bg-yellow-30 {
  background-color: var(--wa-color-yellow-30);
  --btn-color: var(--wa-color-yellow-30);
}

.border-yellow-30 {
  border-color: var(--wa-color-yellow-30);
  --btn-border-color: var(--wa-color-yellow-30);
}

.text-yellow-20 {
  color: var(--wa-color-yellow-20);
  --bg-fg: var(--wa-color-yellow-20);
}

.bg-yellow-20 {
  background-color: var(--wa-color-yellow-20);
  --btn-color: var(--wa-color-yellow-20);
}

.border-yellow-20 {
  border-color: var(--wa-color-yellow-20);
  --btn-border-color: var(--wa-color-yellow-20);
}

.text-yellow-10 {
  color: var(--wa-color-yellow-10);
  --bg-fg: var(--wa-color-yellow-10);
}

.bg-yellow-10 {
  background-color: var(--wa-color-yellow-10);
  --btn-color: var(--wa-color-yellow-10);
}

.border-yellow-10 {
  border-color: var(--wa-color-yellow-10);
  --btn-border-color: var(--wa-color-yellow-10);
}

.text-yellow-05 {
  color: var(--wa-color-yellow-05);
  --bg-fg: var(--wa-color-yellow-05);
}

.bg-yellow-05 {
  background-color: var(--wa-color-yellow-05);
  --btn-color: var(--wa-color-yellow-05);
}

.border-yellow-05 {
  border-color: var(--wa-color-yellow-05);
  --btn-border-color: var(--wa-color-yellow-05);
}

.text-green-95 {
  color: var(--wa-color-green-95);
  --bg-fg: var(--wa-color-green-95);
}

.bg-green-95 {
  background-color: var(--wa-color-green-95);
  --btn-color: var(--wa-color-green-95);
}

.border-green-95 {
  border-color: var(--wa-color-green-95);
  --btn-border-color: var(--wa-color-green-95);
}

.text-green-90 {
  color: var(--wa-color-green-90);
  --bg-fg: var(--wa-color-green-90);
}

.bg-green-90 {
  background-color: var(--wa-color-green-90);
  --btn-color: var(--wa-color-green-90);
}

.border-green-90 {
  border-color: var(--wa-color-green-90);
  --btn-border-color: var(--wa-color-green-90);
}

.text-green-80 {
  color: var(--wa-color-green-80);
  --bg-fg: var(--wa-color-green-80);
}

.bg-green-80 {
  background-color: var(--wa-color-green-80);
  --btn-color: var(--wa-color-green-80);
}

.border-green-80 {
  border-color: var(--wa-color-green-80);
  --btn-border-color: var(--wa-color-green-80);
}

.text-green-70 {
  color: var(--wa-color-green-70);
  --bg-fg: var(--wa-color-green-70);
}

.bg-green-70 {
  background-color: var(--wa-color-green-70);
  --btn-color: var(--wa-color-green-70);
}

.border-green-70 {
  border-color: var(--wa-color-green-70);
  --btn-border-color: var(--wa-color-green-70);
}

.text-green-60 {
  color: var(--wa-color-green-60);
  --bg-fg: var(--wa-color-green-60);
}

.bg-green-60 {
  background-color: var(--wa-color-green-60);
  --btn-color: var(--wa-color-green-60);
}

.border-green-60 {
  border-color: var(--wa-color-green-60);
  --btn-border-color: var(--wa-color-green-60);
}

.text-green-50 {
  color: var(--wa-color-green-50);
  --bg-fg: var(--wa-color-green-50);
}

.bg-green-50 {
  background-color: var(--wa-color-green-50);
  --btn-color: var(--wa-color-green-50);
}

.border-green-50 {
  border-color: var(--wa-color-green-50);
  --btn-border-color: var(--wa-color-green-50);
}

.text-green-40 {
  color: var(--wa-color-green-40);
  --bg-fg: var(--wa-color-green-40);
}

.bg-green-40 {
  background-color: var(--wa-color-green-40);
  --btn-color: var(--wa-color-green-40);
}

.border-green-40 {
  border-color: var(--wa-color-green-40);
  --btn-border-color: var(--wa-color-green-40);
}

.text-green-30 {
  color: var(--wa-color-green-30);
  --bg-fg: var(--wa-color-green-30);
}

.bg-green-30 {
  background-color: var(--wa-color-green-30);
  --btn-color: var(--wa-color-green-30);
}

.border-green-30 {
  border-color: var(--wa-color-green-30);
  --btn-border-color: var(--wa-color-green-30);
}

.text-green-20 {
  color: var(--wa-color-green-20);
  --bg-fg: var(--wa-color-green-20);
}

.bg-green-20 {
  background-color: var(--wa-color-green-20);
  --btn-color: var(--wa-color-green-20);
}

.border-green-20 {
  border-color: var(--wa-color-green-20);
  --btn-border-color: var(--wa-color-green-20);
}

.text-green-10 {
  color: var(--wa-color-green-10);
  --bg-fg: var(--wa-color-green-10);
}

.bg-green-10 {
  background-color: var(--wa-color-green-10);
  --btn-color: var(--wa-color-green-10);
}

.border-green-10 {
  border-color: var(--wa-color-green-10);
  --btn-border-color: var(--wa-color-green-10);
}

.text-green-05 {
  color: var(--wa-color-green-05);
  --bg-fg: var(--wa-color-green-05);
}

.bg-green-05 {
  background-color: var(--wa-color-green-05);
  --btn-color: var(--wa-color-green-05);
}

.border-green-05 {
  border-color: var(--wa-color-green-05);
  --btn-border-color: var(--wa-color-green-05);
}

.text-cyan-95 {
  color: var(--wa-color-cyan-95);
  --bg-fg: var(--wa-color-cyan-95);
}

.bg-cyan-95 {
  background-color: var(--wa-color-cyan-95);
  --btn-color: var(--wa-color-cyan-95);
}

.border-cyan-95 {
  border-color: var(--wa-color-cyan-95);
  --btn-border-color: var(--wa-color-cyan-95);
}

.text-cyan-90 {
  color: var(--wa-color-cyan-90);
  --bg-fg: var(--wa-color-cyan-90);
}

.bg-cyan-90 {
  background-color: var(--wa-color-cyan-90);
  --btn-color: var(--wa-color-cyan-90);
}

.border-cyan-90 {
  border-color: var(--wa-color-cyan-90);
  --btn-border-color: var(--wa-color-cyan-90);
}

.text-cyan-80 {
  color: var(--wa-color-cyan-80);
  --bg-fg: var(--wa-color-cyan-80);
}

.bg-cyan-80 {
  background-color: var(--wa-color-cyan-80);
  --btn-color: var(--wa-color-cyan-80);
}

.border-cyan-80 {
  border-color: var(--wa-color-cyan-80);
  --btn-border-color: var(--wa-color-cyan-80);
}

.text-cyan-70 {
  color: var(--wa-color-cyan-70);
  --bg-fg: var(--wa-color-cyan-70);
}

.bg-cyan-70 {
  background-color: var(--wa-color-cyan-70);
  --btn-color: var(--wa-color-cyan-70);
}

.border-cyan-70 {
  border-color: var(--wa-color-cyan-70);
  --btn-border-color: var(--wa-color-cyan-70);
}

.text-cyan-60 {
  color: var(--wa-color-cyan-60);
  --bg-fg: var(--wa-color-cyan-60);
}

.bg-cyan-60 {
  background-color: var(--wa-color-cyan-60);
  --btn-color: var(--wa-color-cyan-60);
}

.border-cyan-60 {
  border-color: var(--wa-color-cyan-60);
  --btn-border-color: var(--wa-color-cyan-60);
}

.text-cyan-50 {
  color: var(--wa-color-cyan-50);
  --bg-fg: var(--wa-color-cyan-50);
}

.bg-cyan-50 {
  background-color: var(--wa-color-cyan-50);
  --btn-color: var(--wa-color-cyan-50);
}

.border-cyan-50 {
  border-color: var(--wa-color-cyan-50);
  --btn-border-color: var(--wa-color-cyan-50);
}

.text-cyan-40 {
  color: var(--wa-color-cyan-40);
  --bg-fg: var(--wa-color-cyan-40);
}

.bg-cyan-40 {
  background-color: var(--wa-color-cyan-40);
  --btn-color: var(--wa-color-cyan-40);
}

.border-cyan-40 {
  border-color: var(--wa-color-cyan-40);
  --btn-border-color: var(--wa-color-cyan-40);
}

.text-cyan-30 {
  color: var(--wa-color-cyan-30);
  --bg-fg: var(--wa-color-cyan-30);
}

.bg-cyan-30 {
  background-color: var(--wa-color-cyan-30);
  --btn-color: var(--wa-color-cyan-30);
}

.border-cyan-30 {
  border-color: var(--wa-color-cyan-30);
  --btn-border-color: var(--wa-color-cyan-30);
}

.text-cyan-20 {
  color: var(--wa-color-cyan-20);
  --bg-fg: var(--wa-color-cyan-20);
}

.bg-cyan-20 {
  background-color: var(--wa-color-cyan-20);
  --btn-color: var(--wa-color-cyan-20);
}

.border-cyan-20 {
  border-color: var(--wa-color-cyan-20);
  --btn-border-color: var(--wa-color-cyan-20);
}

.text-cyan-10 {
  color: var(--wa-color-cyan-10);
  --bg-fg: var(--wa-color-cyan-10);
}

.bg-cyan-10 {
  background-color: var(--wa-color-cyan-10);
  --btn-color: var(--wa-color-cyan-10);
}

.border-cyan-10 {
  border-color: var(--wa-color-cyan-10);
  --btn-border-color: var(--wa-color-cyan-10);
}

.text-cyan-05 {
  color: var(--wa-color-cyan-05);
  --bg-fg: var(--wa-color-cyan-05);
}

.bg-cyan-05 {
  background-color: var(--wa-color-cyan-05);
  --btn-color: var(--wa-color-cyan-05);
}

.border-cyan-05 {
  border-color: var(--wa-color-cyan-05);
  --btn-border-color: var(--wa-color-cyan-05);
}

.text-blue-95 {
  color: var(--wa-color-blue-95);
  --bg-fg: var(--wa-color-blue-95);
}

.bg-blue-95 {
  background-color: var(--wa-color-blue-95);
  --btn-color: var(--wa-color-blue-95);
}

.border-blue-95 {
  border-color: var(--wa-color-blue-95);
  --btn-border-color: var(--wa-color-blue-95);
}

.text-blue-90 {
  color: var(--wa-color-blue-90);
  --bg-fg: var(--wa-color-blue-90);
}

.bg-blue-90 {
  background-color: var(--wa-color-blue-90);
  --btn-color: var(--wa-color-blue-90);
}

.border-blue-90 {
  border-color: var(--wa-color-blue-90);
  --btn-border-color: var(--wa-color-blue-90);
}

.text-blue-80 {
  color: var(--wa-color-blue-80);
  --bg-fg: var(--wa-color-blue-80);
}

.bg-blue-80 {
  background-color: var(--wa-color-blue-80);
  --btn-color: var(--wa-color-blue-80);
}

.border-blue-80 {
  border-color: var(--wa-color-blue-80);
  --btn-border-color: var(--wa-color-blue-80);
}

.text-blue-70 {
  color: var(--wa-color-blue-70);
  --bg-fg: var(--wa-color-blue-70);
}

.bg-blue-70 {
  background-color: var(--wa-color-blue-70);
  --btn-color: var(--wa-color-blue-70);
}

.border-blue-70 {
  border-color: var(--wa-color-blue-70);
  --btn-border-color: var(--wa-color-blue-70);
}

.text-blue-60 {
  color: var(--wa-color-blue-60);
  --bg-fg: var(--wa-color-blue-60);
}

.bg-blue-60 {
  background-color: var(--wa-color-blue-60);
  --btn-color: var(--wa-color-blue-60);
}

.border-blue-60 {
  border-color: var(--wa-color-blue-60);
  --btn-border-color: var(--wa-color-blue-60);
}

.text-blue-50 {
  color: var(--wa-color-blue-50);
  --bg-fg: var(--wa-color-blue-50);
}

.bg-blue-50 {
  background-color: var(--wa-color-blue-50);
  --btn-color: var(--wa-color-blue-50);
}

.border-blue-50 {
  border-color: var(--wa-color-blue-50);
  --btn-border-color: var(--wa-color-blue-50);
}

.text-blue-40 {
  color: var(--wa-color-blue-40);
  --bg-fg: var(--wa-color-blue-40);
}

.bg-blue-40 {
  background-color: var(--wa-color-blue-40);
  --btn-color: var(--wa-color-blue-40);
}

.border-blue-40 {
  border-color: var(--wa-color-blue-40);
  --btn-border-color: var(--wa-color-blue-40);
}

.text-blue-30 {
  color: var(--wa-color-blue-30);
  --bg-fg: var(--wa-color-blue-30);
}

.bg-blue-30 {
  background-color: var(--wa-color-blue-30);
  --btn-color: var(--wa-color-blue-30);
}

.border-blue-30 {
  border-color: var(--wa-color-blue-30);
  --btn-border-color: var(--wa-color-blue-30);
}

.text-blue-20 {
  color: var(--wa-color-blue-20);
  --bg-fg: var(--wa-color-blue-20);
}

.bg-blue-20 {
  background-color: var(--wa-color-blue-20);
  --btn-color: var(--wa-color-blue-20);
}

.border-blue-20 {
  border-color: var(--wa-color-blue-20);
  --btn-border-color: var(--wa-color-blue-20);
}

.text-blue-10 {
  color: var(--wa-color-blue-10);
  --bg-fg: var(--wa-color-blue-10);
}

.bg-blue-10 {
  background-color: var(--wa-color-blue-10);
  --btn-color: var(--wa-color-blue-10);
}

.border-blue-10 {
  border-color: var(--wa-color-blue-10);
  --btn-border-color: var(--wa-color-blue-10);
}

.text-blue-05 {
  color: var(--wa-color-blue-05);
  --bg-fg: var(--wa-color-blue-05);
}

.bg-blue-05 {
  background-color: var(--wa-color-blue-05);
  --btn-color: var(--wa-color-blue-05);
}

.border-blue-05 {
  border-color: var(--wa-color-blue-05);
  --btn-border-color: var(--wa-color-blue-05);
}

.text-indigo-95 {
  color: var(--wa-color-indigo-95);
  --bg-fg: var(--wa-color-indigo-95);
}

.bg-indigo-95 {
  background-color: var(--wa-color-indigo-95);
  --btn-color: var(--wa-color-indigo-95);
}

.border-indigo-95 {
  border-color: var(--wa-color-indigo-95);
  --btn-border-color: var(--wa-color-indigo-95);
}

.text-indigo-90 {
  color: var(--wa-color-indigo-90);
  --bg-fg: var(--wa-color-indigo-90);
}

.bg-indigo-90 {
  background-color: var(--wa-color-indigo-90);
  --btn-color: var(--wa-color-indigo-90);
}

.border-indigo-90 {
  border-color: var(--wa-color-indigo-90);
  --btn-border-color: var(--wa-color-indigo-90);
}

.text-indigo-80 {
  color: var(--wa-color-indigo-80);
  --bg-fg: var(--wa-color-indigo-80);
}

.bg-indigo-80 {
  background-color: var(--wa-color-indigo-80);
  --btn-color: var(--wa-color-indigo-80);
}

.border-indigo-80 {
  border-color: var(--wa-color-indigo-80);
  --btn-border-color: var(--wa-color-indigo-80);
}

.text-indigo-70 {
  color: var(--wa-color-indigo-70);
  --bg-fg: var(--wa-color-indigo-70);
}

.bg-indigo-70 {
  background-color: var(--wa-color-indigo-70);
  --btn-color: var(--wa-color-indigo-70);
}

.border-indigo-70 {
  border-color: var(--wa-color-indigo-70);
  --btn-border-color: var(--wa-color-indigo-70);
}

.text-indigo-60 {
  color: var(--wa-color-indigo-60);
  --bg-fg: var(--wa-color-indigo-60);
}

.bg-indigo-60 {
  background-color: var(--wa-color-indigo-60);
  --btn-color: var(--wa-color-indigo-60);
}

.border-indigo-60 {
  border-color: var(--wa-color-indigo-60);
  --btn-border-color: var(--wa-color-indigo-60);
}

.text-indigo-50 {
  color: var(--wa-color-indigo-50);
  --bg-fg: var(--wa-color-indigo-50);
}

.bg-indigo-50 {
  background-color: var(--wa-color-indigo-50);
  --btn-color: var(--wa-color-indigo-50);
}

.border-indigo-50 {
  border-color: var(--wa-color-indigo-50);
  --btn-border-color: var(--wa-color-indigo-50);
}

.text-indigo-40 {
  color: var(--wa-color-indigo-40);
  --bg-fg: var(--wa-color-indigo-40);
}

.bg-indigo-40 {
  background-color: var(--wa-color-indigo-40);
  --btn-color: var(--wa-color-indigo-40);
}

.border-indigo-40 {
  border-color: var(--wa-color-indigo-40);
  --btn-border-color: var(--wa-color-indigo-40);
}

.text-indigo-30 {
  color: var(--wa-color-indigo-30);
  --bg-fg: var(--wa-color-indigo-30);
}

.bg-indigo-30 {
  background-color: var(--wa-color-indigo-30);
  --btn-color: var(--wa-color-indigo-30);
}

.border-indigo-30 {
  border-color: var(--wa-color-indigo-30);
  --btn-border-color: var(--wa-color-indigo-30);
}

.text-indigo-20 {
  color: var(--wa-color-indigo-20);
  --bg-fg: var(--wa-color-indigo-20);
}

.bg-indigo-20 {
  background-color: var(--wa-color-indigo-20);
  --btn-color: var(--wa-color-indigo-20);
}

.border-indigo-20 {
  border-color: var(--wa-color-indigo-20);
  --btn-border-color: var(--wa-color-indigo-20);
}

.text-indigo-10 {
  color: var(--wa-color-indigo-10);
  --bg-fg: var(--wa-color-indigo-10);
}

.bg-indigo-10 {
  background-color: var(--wa-color-indigo-10);
  --btn-color: var(--wa-color-indigo-10);
}

.border-indigo-10 {
  border-color: var(--wa-color-indigo-10);
  --btn-border-color: var(--wa-color-indigo-10);
}

.text-indigo-05 {
  color: var(--wa-color-indigo-05);
  --bg-fg: var(--wa-color-indigo-05);
}

.bg-indigo-05 {
  background-color: var(--wa-color-indigo-05);
  --btn-color: var(--wa-color-indigo-05);
}

.border-indigo-05 {
  border-color: var(--wa-color-indigo-05);
  --btn-border-color: var(--wa-color-indigo-05);
}

.text-purple-95 {
  color: var(--wa-color-purple-95);
  --bg-fg: var(--wa-color-purple-95);
}

.bg-purple-95 {
  background-color: var(--wa-color-purple-95);
  --btn-color: var(--wa-color-purple-95);
}

.border-purple-95 {
  border-color: var(--wa-color-purple-95);
  --btn-border-color: var(--wa-color-purple-95);
}

.text-purple-90 {
  color: var(--wa-color-purple-90);
  --bg-fg: var(--wa-color-purple-90);
}

.bg-purple-90 {
  background-color: var(--wa-color-purple-90);
  --btn-color: var(--wa-color-purple-90);
}

.border-purple-90 {
  border-color: var(--wa-color-purple-90);
  --btn-border-color: var(--wa-color-purple-90);
}

.text-purple-80 {
  color: var(--wa-color-purple-80);
  --bg-fg: var(--wa-color-purple-80);
}

.bg-purple-80 {
  background-color: var(--wa-color-purple-80);
  --btn-color: var(--wa-color-purple-80);
}

.border-purple-80 {
  border-color: var(--wa-color-purple-80);
  --btn-border-color: var(--wa-color-purple-80);
}

.text-purple-70 {
  color: var(--wa-color-purple-70);
  --bg-fg: var(--wa-color-purple-70);
}

.bg-purple-70 {
  background-color: var(--wa-color-purple-70);
  --btn-color: var(--wa-color-purple-70);
}

.border-purple-70 {
  border-color: var(--wa-color-purple-70);
  --btn-border-color: var(--wa-color-purple-70);
}

.text-purple-60 {
  color: var(--wa-color-purple-60);
  --bg-fg: var(--wa-color-purple-60);
}

.bg-purple-60 {
  background-color: var(--wa-color-purple-60);
  --btn-color: var(--wa-color-purple-60);
}

.border-purple-60 {
  border-color: var(--wa-color-purple-60);
  --btn-border-color: var(--wa-color-purple-60);
}

.text-purple-50 {
  color: var(--wa-color-purple-50);
  --bg-fg: var(--wa-color-purple-50);
}

.bg-purple-50 {
  background-color: var(--wa-color-purple-50);
  --btn-color: var(--wa-color-purple-50);
}

.border-purple-50 {
  border-color: var(--wa-color-purple-50);
  --btn-border-color: var(--wa-color-purple-50);
}

.text-purple-40 {
  color: var(--wa-color-purple-40);
  --bg-fg: var(--wa-color-purple-40);
}

.bg-purple-40 {
  background-color: var(--wa-color-purple-40);
  --btn-color: var(--wa-color-purple-40);
}

.border-purple-40 {
  border-color: var(--wa-color-purple-40);
  --btn-border-color: var(--wa-color-purple-40);
}

.text-purple-30 {
  color: var(--wa-color-purple-30);
  --bg-fg: var(--wa-color-purple-30);
}

.bg-purple-30 {
  background-color: var(--wa-color-purple-30);
  --btn-color: var(--wa-color-purple-30);
}

.border-purple-30 {
  border-color: var(--wa-color-purple-30);
  --btn-border-color: var(--wa-color-purple-30);
}

.text-purple-20 {
  color: var(--wa-color-purple-20);
  --bg-fg: var(--wa-color-purple-20);
}

.bg-purple-20 {
  background-color: var(--wa-color-purple-20);
  --btn-color: var(--wa-color-purple-20);
}

.border-purple-20 {
  border-color: var(--wa-color-purple-20);
  --btn-border-color: var(--wa-color-purple-20);
}

.text-purple-10 {
  color: var(--wa-color-purple-10);
  --bg-fg: var(--wa-color-purple-10);
}

.bg-purple-10 {
  background-color: var(--wa-color-purple-10);
  --btn-color: var(--wa-color-purple-10);
}

.border-purple-10 {
  border-color: var(--wa-color-purple-10);
  --btn-border-color: var(--wa-color-purple-10);
}

.text-purple-05 {
  color: var(--wa-color-purple-05);
  --bg-fg: var(--wa-color-purple-05);
}

.bg-purple-05 {
  background-color: var(--wa-color-purple-05);
  --btn-color: var(--wa-color-purple-05);
}

.border-purple-05 {
  border-color: var(--wa-color-purple-05);
  --btn-border-color: var(--wa-color-purple-05);
}

.text-pink-95 {
  color: var(--wa-color-pink-95);
  --bg-fg: var(--wa-color-pink-95);
}

.bg-pink-95 {
  background-color: var(--wa-color-pink-95);
  --btn-color: var(--wa-color-pink-95);
}

.border-pink-95 {
  border-color: var(--wa-color-pink-95);
  --btn-border-color: var(--wa-color-pink-95);
}

.text-pink-90 {
  color: var(--wa-color-pink-90);
  --bg-fg: var(--wa-color-pink-90);
}

.bg-pink-90 {
  background-color: var(--wa-color-pink-90);
  --btn-color: var(--wa-color-pink-90);
}

.border-pink-90 {
  border-color: var(--wa-color-pink-90);
  --btn-border-color: var(--wa-color-pink-90);
}

.text-pink-80 {
  color: var(--wa-color-pink-80);
  --bg-fg: var(--wa-color-pink-80);
}

.bg-pink-80 {
  background-color: var(--wa-color-pink-80);
  --btn-color: var(--wa-color-pink-80);
}

.border-pink-80 {
  border-color: var(--wa-color-pink-80);
  --btn-border-color: var(--wa-color-pink-80);
}

.text-pink-70 {
  color: var(--wa-color-pink-70);
  --bg-fg: var(--wa-color-pink-70);
}

.bg-pink-70 {
  background-color: var(--wa-color-pink-70);
  --btn-color: var(--wa-color-pink-70);
}

.border-pink-70 {
  border-color: var(--wa-color-pink-70);
  --btn-border-color: var(--wa-color-pink-70);
}

.text-pink-60 {
  color: var(--wa-color-pink-60);
  --bg-fg: var(--wa-color-pink-60);
}

.bg-pink-60 {
  background-color: var(--wa-color-pink-60);
  --btn-color: var(--wa-color-pink-60);
}

.border-pink-60 {
  border-color: var(--wa-color-pink-60);
  --btn-border-color: var(--wa-color-pink-60);
}

.text-pink-50 {
  color: var(--wa-color-pink-50);
  --bg-fg: var(--wa-color-pink-50);
}

.bg-pink-50 {
  background-color: var(--wa-color-pink-50);
  --btn-color: var(--wa-color-pink-50);
}

.border-pink-50 {
  border-color: var(--wa-color-pink-50);
  --btn-border-color: var(--wa-color-pink-50);
}

.text-pink-40 {
  color: var(--wa-color-pink-40);
  --bg-fg: var(--wa-color-pink-40);
}

.bg-pink-40 {
  background-color: var(--wa-color-pink-40);
  --btn-color: var(--wa-color-pink-40);
}

.border-pink-40 {
  border-color: var(--wa-color-pink-40);
  --btn-border-color: var(--wa-color-pink-40);
}

.text-pink-30 {
  color: var(--wa-color-pink-30);
  --bg-fg: var(--wa-color-pink-30);
}

.bg-pink-30 {
  background-color: var(--wa-color-pink-30);
  --btn-color: var(--wa-color-pink-30);
}

.border-pink-30 {
  border-color: var(--wa-color-pink-30);
  --btn-border-color: var(--wa-color-pink-30);
}

.text-pink-20 {
  color: var(--wa-color-pink-20);
  --bg-fg: var(--wa-color-pink-20);
}

.bg-pink-20 {
  background-color: var(--wa-color-pink-20);
  --btn-color: var(--wa-color-pink-20);
}

.border-pink-20 {
  border-color: var(--wa-color-pink-20);
  --btn-border-color: var(--wa-color-pink-20);
}

.text-pink-10 {
  color: var(--wa-color-pink-10);
  --bg-fg: var(--wa-color-pink-10);
}

.bg-pink-10 {
  background-color: var(--wa-color-pink-10);
  --btn-color: var(--wa-color-pink-10);
}

.border-pink-10 {
  border-color: var(--wa-color-pink-10);
  --btn-border-color: var(--wa-color-pink-10);
}

.text-pink-05 {
  color: var(--wa-color-pink-05);
  --bg-fg: var(--wa-color-pink-05);
}

.bg-pink-05 {
  background-color: var(--wa-color-pink-05);
  --btn-color: var(--wa-color-pink-05);
}

.border-pink-05 {
  border-color: var(--wa-color-pink-05);
  --btn-border-color: var(--wa-color-pink-05);
}

.text-gray-95 {
  color: var(--wa-color-gray-95);
  --bg-fg: var(--wa-color-gray-95);
}

.bg-gray-95 {
  background-color: var(--wa-color-gray-95);
  --btn-color: var(--wa-color-gray-95);
}

.border-gray-95 {
  border-color: var(--wa-color-gray-95);
  --btn-border-color: var(--wa-color-gray-95);
}

.text-gray-90 {
  color: var(--wa-color-gray-90);
  --bg-fg: var(--wa-color-gray-90);
}

.bg-gray-90 {
  background-color: var(--wa-color-gray-90);
  --btn-color: var(--wa-color-gray-90);
}

.border-gray-90 {
  border-color: var(--wa-color-gray-90);
  --btn-border-color: var(--wa-color-gray-90);
}

.text-gray-80 {
  color: var(--wa-color-gray-80);
  --bg-fg: var(--wa-color-gray-80);
}

.bg-gray-80 {
  background-color: var(--wa-color-gray-80);
  --btn-color: var(--wa-color-gray-80);
}

.border-gray-80 {
  border-color: var(--wa-color-gray-80);
  --btn-border-color: var(--wa-color-gray-80);
}

.text-gray-70 {
  color: var(--wa-color-gray-70);
  --bg-fg: var(--wa-color-gray-70);
}

.bg-gray-70 {
  background-color: var(--wa-color-gray-70);
  --btn-color: var(--wa-color-gray-70);
}

.border-gray-70 {
  border-color: var(--wa-color-gray-70);
  --btn-border-color: var(--wa-color-gray-70);
}

.text-gray-60 {
  color: var(--wa-color-gray-60);
  --bg-fg: var(--wa-color-gray-60);
}

.bg-gray-60 {
  background-color: var(--wa-color-gray-60);
  --btn-color: var(--wa-color-gray-60);
}

.border-gray-60 {
  border-color: var(--wa-color-gray-60);
  --btn-border-color: var(--wa-color-gray-60);
}

.text-gray-50 {
  color: var(--wa-color-gray-50);
  --bg-fg: var(--wa-color-gray-50);
}

.bg-gray-50 {
  background-color: var(--wa-color-gray-50);
  --btn-color: var(--wa-color-gray-50);
}

.border-gray-50 {
  border-color: var(--wa-color-gray-50);
  --btn-border-color: var(--wa-color-gray-50);
}

.text-gray-40 {
  color: var(--wa-color-gray-40);
  --bg-fg: var(--wa-color-gray-40);
}

.bg-gray-40 {
  background-color: var(--wa-color-gray-40);
  --btn-color: var(--wa-color-gray-40);
}

.border-gray-40 {
  border-color: var(--wa-color-gray-40);
  --btn-border-color: var(--wa-color-gray-40);
}

.text-gray-30 {
  color: var(--wa-color-gray-30);
  --bg-fg: var(--wa-color-gray-30);
}

.bg-gray-30 {
  background-color: var(--wa-color-gray-30);
  --btn-color: var(--wa-color-gray-30);
}

.border-gray-30 {
  border-color: var(--wa-color-gray-30);
  --btn-border-color: var(--wa-color-gray-30);
}

.text-gray-20 {
  color: var(--wa-color-gray-20);
  --bg-fg: var(--wa-color-gray-20);
}

.bg-gray-20 {
  background-color: var(--wa-color-gray-20);
  --btn-color: var(--wa-color-gray-20);
}

.border-gray-20 {
  border-color: var(--wa-color-gray-20);
  --btn-border-color: var(--wa-color-gray-20);
}

.text-gray-10 {
  color: var(--wa-color-gray-10);
  --bg-fg: var(--wa-color-gray-10);
}

.bg-gray-10 {
  background-color: var(--wa-color-gray-10);
  --btn-color: var(--wa-color-gray-10);
}

.border-gray-10 {
  border-color: var(--wa-color-gray-10);
  --btn-border-color: var(--wa-color-gray-10);
}

.text-gray-05 {
  color: var(--wa-color-gray-05);
  --bg-fg: var(--wa-color-gray-05);
}

.bg-gray-05 {
  background-color: var(--wa-color-gray-05);
  --btn-color: var(--wa-color-gray-05);
}

.border-gray-05 {
  border-color: var(--wa-color-gray-05);
  --btn-border-color: var(--wa-color-gray-05);
}