/* sulphuris v2.0.1 | http://sulphuris.github.io | MIT License */
/* stylelint-disable */
/*
 * SIZES
 */
/*
 * ORIENTATIONS - 'orientation label': (property)
 */
/*
 * BREAKPOINTS - 'size label': size
 */
/*
 * CONTAINER + GRID
 */
/*
 * COLORS
 */
/*
 * TYPOGRAPHY
 */
/*
 * > If a font-size has not been set on any of the <p>'s ancestors,
 *   then 1em will equal the default browser font-size, which is usually 16px.
 *   So, by default 1em is equivalent to 16px.
 *   - https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#ems
 */
/*
 * Breakpoint: $container-breakpoint
 *
 * (font-size, letter-spacing, line-height, font-weight, text-transform)
 */
/*
 * Converts PX to EM values
 * @see utils/_config.scss for $base-font-size
 *
 * @param $value (string): e.g. `16px`
 * @return (string): e.g. `1em`
 */
/*
 * Converts PX to REM values (document root relative EM)
 * @see utils/_config.scss for $base-font-size
 *
 * @param $value (string): e.g. `16px`
 * @return (string): e.g. `1rem`
 */
/**
 * Turns a format of ('xxl': 1680px, 'xl': 1366px, 'lg': 1024px, 'md': 768px, 'sm': 420px) into a map of breakpoints: ("": (false, 419px), "sm": (420px, 767px), "md": (768px, 1023px), "lg": (1024px, 1365px), "xl": (1366px, 1679px), "xxl": (1680px, false))
 */
/* stylelint-disable */
/*
 * Generates media query via provided predefined breakpoint map item without
 * @media. Used by `breakpoint` mixin.
 * @see utils/_config.scss $breakpoints. $breakpoints is a globally defined var.
 *
 * @param $size: breakpoint map item name ('', sm, md, lg, xl, xxl)
 * @param $explicit: (boolean | optional) for generating min-max queries
 *
 * @return (string) e.g. `only screen and (min-width: 1366px)` or `only screen and (min-width: 1366px) and (max-width: 1679px)`
 */
/*
 * Mixin for generating media queries. Uses `generate-breakpoint` function
 * @see utils/_config.scss $breakpoints. $breakpoints is a globally defined var.
 *
 * @param $size: (string) breakpoint map item name ('', sm, md, lg, xl, xxl). Size can be `min` or `minimal` which renders as $size: '' and $explicit: true
 * @param $explicit: (boolean | optional) for generating min-max queries
 */
/*
 * Mixin for generating generic utility classes. E.g. `.t-32` => `top: 32px`
 * Uses `generate-breakpoint` function.
 * @see utils/_config.scss $breakpoints. $breakpoints is a globally defined var.
 * @see utils/_config.scss $orientations. $orientations is a globally defined
 * var.
 *
 * @param $pref: (string) base class name
 * @param $property: (string) css property name
 * @param $values: (list | map) list or a map of property values
 * @param $unit: (string) value unit
 * @param $suff: (string) generated class name suffix
 * @param $orientations: (map | optional) map of orientation property variations
 * @param $responsive: (boolean | optional) whether to generate responsive classes
 */
/* stylelint-disable max-nesting-depth */
/* stylelint-enable */
.border, .border-y, .border-x, .border-r, .border-l, .border-b, .border-t {
  border-color: currentcolor;
  border-style: solid;
  border-width: 1px;
}

.border-t {
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.border-b {
  border-top: none;
  border-left: none;
  border-right: none;
}

.border-l {
  border-bottom: none;
  border-top: none;
  border-right: none;
}

.border-r {
  border-bottom: none;
  border-top: none;
  border-left: none;
}

.border-x {
  border-bottom: none;
  border-top: none;
}

.border-y {
  border-left: none;
  border-right: none;
}

.border-2 {
  border-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-6 {
  border-width: 6px;
}

.border-8 {
  border-width: 8px;
}

@media only screen and (min-width: 420px) {
  .border-sm-2 {
    border-width: 2px;
  }
  .border-sm-3 {
    border-width: 3px;
  }
  .border-sm-4 {
    border-width: 4px;
  }
  .border-sm-6 {
    border-width: 6px;
  }
  .border-sm-8 {
    border-width: 8px;
  }
}
@media only screen and (min-width: 768px) {
  .border-md-2 {
    border-width: 2px;
  }
  .border-md-3 {
    border-width: 3px;
  }
  .border-md-4 {
    border-width: 4px;
  }
  .border-md-6 {
    border-width: 6px;
  }
  .border-md-8 {
    border-width: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .border-lg-2 {
    border-width: 2px;
  }
  .border-lg-3 {
    border-width: 3px;
  }
  .border-lg-4 {
    border-width: 4px;
  }
  .border-lg-6 {
    border-width: 6px;
  }
  .border-lg-8 {
    border-width: 8px;
  }
}
@media only screen and (min-width: 1366px) {
  .border-xl-2 {
    border-width: 2px;
  }
  .border-xl-3 {
    border-width: 3px;
  }
  .border-xl-4 {
    border-width: 4px;
  }
  .border-xl-6 {
    border-width: 6px;
  }
  .border-xl-8 {
    border-width: 8px;
  }
}
@media only screen and (min-width: 1680px) {
  .border-xxl-2 {
    border-width: 2px;
  }
  .border-xxl-3 {
    border-width: 3px;
  }
  .border-xxl-4 {
    border-width: 4px;
  }
  .border-xxl-6 {
    border-width: 6px;
  }
  .border-xxl-8 {
    border-width: 8px;
  }
}
.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-0 {
  border: 0;
}

.border-t-0 {
  border-top: 0;
}

.border-r-0 {
  border-right: 0;
}

.border-b-0 {
  border-bottom: 0;
}

.border-l-0 {
  border-left: 0;
}

.border-x-0 {
  border-right: 0;
  border-left: 0;
}

.border-y-0 {
  border-top: 0;
  border-bottom: 0;
}

@media only screen and (min-width: 420px) {
  .border-sm-0 {
    border: 0;
  }
  .border-t-sm-0 {
    border-top: 0;
  }
  .border-r-sm-0 {
    border-right: 0;
  }
  .border-b-sm-0 {
    border-bottom: 0;
  }
  .border-l-sm-0 {
    border-left: 0;
  }
  .border-x-sm-0 {
    border-right: 0;
    border-left: 0;
  }
  .border-y-sm-0 {
    border-top: 0;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .border-md-0 {
    border: 0;
  }
  .border-t-md-0 {
    border-top: 0;
  }
  .border-r-md-0 {
    border-right: 0;
  }
  .border-b-md-0 {
    border-bottom: 0;
  }
  .border-l-md-0 {
    border-left: 0;
  }
  .border-x-md-0 {
    border-right: 0;
    border-left: 0;
  }
  .border-y-md-0 {
    border-top: 0;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .border-lg-0 {
    border: 0;
  }
  .border-t-lg-0 {
    border-top: 0;
  }
  .border-r-lg-0 {
    border-right: 0;
  }
  .border-b-lg-0 {
    border-bottom: 0;
  }
  .border-l-lg-0 {
    border-left: 0;
  }
  .border-x-lg-0 {
    border-right: 0;
    border-left: 0;
  }
  .border-y-lg-0 {
    border-top: 0;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 1366px) {
  .border-xl-0 {
    border: 0;
  }
  .border-t-xl-0 {
    border-top: 0;
  }
  .border-r-xl-0 {
    border-right: 0;
  }
  .border-b-xl-0 {
    border-bottom: 0;
  }
  .border-l-xl-0 {
    border-left: 0;
  }
  .border-x-xl-0 {
    border-right: 0;
    border-left: 0;
  }
  .border-y-xl-0 {
    border-top: 0;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 1680px) {
  .border-xxl-0 {
    border: 0;
  }
  .border-t-xxl-0 {
    border-top: 0;
  }
  .border-r-xxl-0 {
    border-right: 0;
  }
  .border-b-xxl-0 {
    border-bottom: 0;
  }
  .border-l-xxl-0 {
    border-left: 0;
  }
  .border-x-xxl-0 {
    border-right: 0;
    border-left: 0;
  }
  .border-y-xxl-0 {
    border-top: 0;
    border-bottom: 0;
  }
}
.round {
  border-radius: 50%;
  overflow: hidden;
}

[class*=rounded-] {
  overflow: hidden;
}

.rounded-fix {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.rounded-0 {
  border-radius: 0px;
}

.rounded-4 {
  border-radius: 4px;
}

.rounded-6 {
  border-radius: 6px;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-16 {
  border-radius: 16px;
}

.rounded-24 {
  border-radius: 24px;
}

.rounded-32 {
  border-radius: 32px;
}

.rounded-tl-0 {
  border-top-left-radius: 0;
}

.rounded-tr-0 {
  border-top-right-radius: 0;
}

.rounded-t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-r-0 {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.rounded-bl-0 {
  border-bottom-left-radius: 0;
}

.rounded-br-0 {
  border-bottom-right-radius: 0;
}

.rounded-b-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-l-0 {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

button.reset,
.btn {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: inherit;
}

.btn {
  background-color: var(--color-primary);
  border-radius: 4px;
  color: var(--color-background);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 56px;
  padding: 16px 32px;
}
@media only screen and (min-width: 1024px) {
  .btn:hover {
    background-color: var(--color-foreground);
  }
}

@media screen and (prefers-reduced-motion: no-preference) {
  .btn {
    transition:  color 250ms cubic-bezier(0.86, 0, 0.07, 1), background 250ms cubic-bezier(0.86, 0, 0.07, 1);
  }
}
.btn-inverted {
  background-color: var(--color-foreground);
}
@media only screen and (min-width: 1024px) {
  .btn-inverted:hover {
    background-color: var(--color-primary);
  }
}

.btn-outline {
  background: transparent;
  border: solid 2px var(--color-foreground);
  color: var(--color-foreground);
}
@media only screen and (min-width: 1024px) {
  .btn-outline:hover {
    background-color: var(--color-foreground);
    color: var(--color-background);
  }
}
.btn-outline.btn-inverted {
  border-color: var(--color-background);
  color: var(--color-background);
}
@media only screen and (min-width: 1024px) {
  .btn-outline.btn-inverted:hover {
    background-color: var(--color-background);
    color: var(--color-foreground);
  }
}

:root {
  --color-foreground: #1a1a1d;
  --color-background: #ffffff;
  --color-black: #1a1a1d;
  --color-white: #ffffff;
  --color-primary: #f6c026;
  --color-gray-500: #8c8c8e;
  --color-gray-600: rgb(112, 112, 113.6);
  --color-gray-700: rgb(84, 84, 85.2);
  --color-gray-800: rgb(56, 56, 56.8);
  --color-gray-900: rgb(28, 28, 28.4);
  --color-gray-100: rgb(232, 232, 232.4);
  --color-gray-200: rgb(209, 209, 209.8);
  --color-gray-300: rgb(186, 186, 187.2);
  --color-gray-400: rgb(163, 163, 164.6);
  --color-yellow-500: #f6c026;
  --color-yellow-600: rgb(196.8, 153.6, 30.4);
  --color-yellow-700: rgb(147.6, 115.2, 22.8);
  --color-yellow-800: rgb(98.4, 76.8, 15.2);
  --color-yellow-900: rgb(49.2, 38.4, 7.6);
  --color-yellow-100: rgb(253.2, 242.4, 211.6);
  --color-yellow-200: rgb(251.4, 229.8, 168.2);
  --color-yellow-300: rgb(249.6, 217.2, 124.8);
  --color-yellow-400: rgb(247.8, 204.6, 81.4);
  --color-orange-500: #F4912A;
  --color-orange-600: rgb(195.2, 116, 33.6);
  --color-orange-700: rgb(146.4, 87, 25.2);
  --color-orange-800: rgb(97.6, 58, 16.8);
  --color-orange-900: rgb(48.8, 29, 8.4);
  --color-orange-100: rgb(252.8, 233, 212.4);
  --color-orange-200: rgb(250.6, 211, 169.8);
  --color-orange-300: rgb(248.4, 189, 127.2);
  --color-orange-400: rgb(246.2, 167, 84.6);
  --color-red-500: #E41328;
  --color-red-600: rgb(182.4, 15.2, 32);
  --color-red-700: rgb(136.8, 11.4, 24);
  --color-red-800: rgb(91.2, 7.6, 16);
  --color-red-900: rgb(45.6, 3.8, 8);
  --color-red-100: rgb(249.6, 207.8, 212);
  --color-red-200: rgb(244.2, 160.6, 169);
  --color-red-300: rgb(238.8, 113.4, 126);
  --color-red-400: rgb(233.4, 66.2, 83);
  --color-violet-500: #752A6F;
  --color-violet-600: rgb(93.6, 33.6, 88.8);
  --color-violet-700: rgb(70.2, 25.2, 66.6);
  --color-violet-800: rgb(46.8, 16.8, 44.4);
  --color-violet-900: rgb(23.4, 8.4, 22.2);
  --color-violet-100: rgb(227.4, 212.4, 226.2);
  --color-violet-200: rgb(199.8, 169.8, 197.4);
  --color-violet-300: rgb(172.2, 127.2, 168.6);
  --color-violet-400: rgb(144.6, 84.6, 139.8);
  --color-purple-500: #472573;
  --color-purple-600: rgb(56.8, 29.6, 92);
  --color-purple-700: rgb(42.6, 22.2, 69);
  --color-purple-800: rgb(28.4, 14.8, 46);
  --color-purple-900: rgb(14.2, 7.4, 23);
  --color-purple-100: rgb(218.2, 211.4, 227);
  --color-purple-200: rgb(181.4, 167.8, 199);
  --color-purple-300: rgb(144.6, 124.2, 171);
  --color-purple-400: rgb(107.8, 80.6, 143);
  --color-indigo-500: #3F00FF;
  --color-indigo-600: rgb(50.4, 0, 204);
  --color-indigo-700: rgb(37.8, 0, 153);
  --color-indigo-800: rgb(25.2, 0, 102);
  --color-indigo-900: rgb(12.6, 0, 51);
  --color-indigo-100: rgb(216.6, 204, 255);
  --color-indigo-200: rgb(178.2, 153, 255);
  --color-indigo-300: rgb(139.8, 102, 255);
  --color-indigo-400: rgb(101.4, 51, 255);
  --color-blue-500: #0F4EB3;
  --color-blue-600: rgb(12, 62.4, 143.2);
  --color-blue-700: rgb(9, 46.8, 107.4);
  --color-blue-800: rgb(6, 31.2, 71.6);
  --color-blue-900: rgb(3, 15.6, 35.8);
  --color-blue-100: rgb(207, 219.6, 239.8);
  --color-blue-200: rgb(159, 184.2, 224.6);
  --color-blue-300: rgb(111, 148.8, 209.4);
  --color-blue-400: rgb(63, 113.4, 194.2);
  --color-teal-500: #00A4A4;
  --color-teal-600: rgb(0, 131.2, 131.2);
  --color-teal-700: rgb(0, 98.4, 98.4);
  --color-teal-800: rgb(0, 65.6, 65.6);
  --color-teal-900: rgb(0, 32.8, 32.8);
  --color-teal-100: rgb(204, 236.8, 236.8);
  --color-teal-200: rgb(153, 218.6, 218.6);
  --color-teal-300: rgb(102, 200.4, 200.4);
  --color-teal-400: rgb(51, 182.2, 182.2);
  --color-green-500: #10AF2E;
  --color-green-600: rgb(12.8, 140, 36.8);
  --color-green-700: rgb(9.6, 105, 27.6);
  --color-green-800: rgb(6.4, 70, 18.4);
  --color-green-900: rgb(3.2, 35, 9.2);
  --color-green-100: rgb(207.2, 239, 213.2);
  --color-green-200: rgb(159.4, 223, 171.4);
  --color-green-300: rgb(111.6, 207, 129.6);
  --color-green-400: rgb(63.8, 191, 87.8);
  --color-lime-500: #A4C400;
  --color-lime-600: rgb(131.2, 156.8, 0);
  --color-lime-700: rgb(98.4, 117.6, 0);
  --color-lime-800: rgb(65.6, 78.4, 0);
  --color-lime-900: rgb(32.8, 39.2, 0);
  --color-lime-100: rgb(236.8, 243.2, 204);
  --color-lime-200: rgb(218.6, 231.4, 153);
  --color-lime-300: rgb(200.4, 219.6, 102);
  --color-lime-400: rgb(182.2, 207.8, 51);
}

.text-foreground {
  color: var(--color-foreground);
}

.text-background {
  color: var(--color-background);
}

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

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

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

.text-gray-500 {
  color: var(--color-gray-500);
}

.text-gray-600 {
  color: var(--color-gray-600);
}

.text-gray-700 {
  color: var(--color-gray-700);
}

.text-gray-800 {
  color: var(--color-gray-800);
}

.text-gray-900 {
  color: var(--color-gray-900);
}

.text-gray-100 {
  color: var(--color-gray-100);
}

.text-gray-200 {
  color: var(--color-gray-200);
}

.text-gray-300 {
  color: var(--color-gray-300);
}

.text-gray-400 {
  color: var(--color-gray-400);
}

.text-yellow-500 {
  color: var(--color-yellow-500);
}

.text-yellow-600 {
  color: var(--color-yellow-600);
}

.text-yellow-700 {
  color: var(--color-yellow-700);
}

.text-yellow-800 {
  color: var(--color-yellow-800);
}

.text-yellow-900 {
  color: var(--color-yellow-900);
}

.text-yellow-100 {
  color: var(--color-yellow-100);
}

.text-yellow-200 {
  color: var(--color-yellow-200);
}

.text-yellow-300 {
  color: var(--color-yellow-300);
}

.text-yellow-400 {
  color: var(--color-yellow-400);
}

.text-orange-500 {
  color: var(--color-orange-500);
}

.text-orange-600 {
  color: var(--color-orange-600);
}

.text-orange-700 {
  color: var(--color-orange-700);
}

.text-orange-800 {
  color: var(--color-orange-800);
}

.text-orange-900 {
  color: var(--color-orange-900);
}

.text-orange-100 {
  color: var(--color-orange-100);
}

.text-orange-200 {
  color: var(--color-orange-200);
}

.text-orange-300 {
  color: var(--color-orange-300);
}

.text-orange-400 {
  color: var(--color-orange-400);
}

.text-red-500 {
  color: var(--color-red-500);
}

.text-red-600 {
  color: var(--color-red-600);
}

.text-red-700 {
  color: var(--color-red-700);
}

.text-red-800 {
  color: var(--color-red-800);
}

.text-red-900 {
  color: var(--color-red-900);
}

.text-red-100 {
  color: var(--color-red-100);
}

.text-red-200 {
  color: var(--color-red-200);
}

.text-red-300 {
  color: var(--color-red-300);
}

.text-red-400 {
  color: var(--color-red-400);
}

.text-violet-500 {
  color: var(--color-violet-500);
}

.text-violet-600 {
  color: var(--color-violet-600);
}

.text-violet-700 {
  color: var(--color-violet-700);
}

.text-violet-800 {
  color: var(--color-violet-800);
}

.text-violet-900 {
  color: var(--color-violet-900);
}

.text-violet-100 {
  color: var(--color-violet-100);
}

.text-violet-200 {
  color: var(--color-violet-200);
}

.text-violet-300 {
  color: var(--color-violet-300);
}

.text-violet-400 {
  color: var(--color-violet-400);
}

.text-purple-500 {
  color: var(--color-purple-500);
}

.text-purple-600 {
  color: var(--color-purple-600);
}

.text-purple-700 {
  color: var(--color-purple-700);
}

.text-purple-800 {
  color: var(--color-purple-800);
}

.text-purple-900 {
  color: var(--color-purple-900);
}

.text-purple-100 {
  color: var(--color-purple-100);
}

.text-purple-200 {
  color: var(--color-purple-200);
}

.text-purple-300 {
  color: var(--color-purple-300);
}

.text-purple-400 {
  color: var(--color-purple-400);
}

.text-indigo-500 {
  color: var(--color-indigo-500);
}

.text-indigo-600 {
  color: var(--color-indigo-600);
}

.text-indigo-700 {
  color: var(--color-indigo-700);
}

.text-indigo-800 {
  color: var(--color-indigo-800);
}

.text-indigo-900 {
  color: var(--color-indigo-900);
}

.text-indigo-100 {
  color: var(--color-indigo-100);
}

.text-indigo-200 {
  color: var(--color-indigo-200);
}

.text-indigo-300 {
  color: var(--color-indigo-300);
}

.text-indigo-400 {
  color: var(--color-indigo-400);
}

.text-blue-500 {
  color: var(--color-blue-500);
}

.text-blue-600 {
  color: var(--color-blue-600);
}

.text-blue-700 {
  color: var(--color-blue-700);
}

.text-blue-800 {
  color: var(--color-blue-800);
}

.text-blue-900 {
  color: var(--color-blue-900);
}

.text-blue-100 {
  color: var(--color-blue-100);
}

.text-blue-200 {
  color: var(--color-blue-200);
}

.text-blue-300 {
  color: var(--color-blue-300);
}

.text-blue-400 {
  color: var(--color-blue-400);
}

.text-teal-500 {
  color: var(--color-teal-500);
}

.text-teal-600 {
  color: var(--color-teal-600);
}

.text-teal-700 {
  color: var(--color-teal-700);
}

.text-teal-800 {
  color: var(--color-teal-800);
}

.text-teal-900 {
  color: var(--color-teal-900);
}

.text-teal-100 {
  color: var(--color-teal-100);
}

.text-teal-200 {
  color: var(--color-teal-200);
}

.text-teal-300 {
  color: var(--color-teal-300);
}

.text-teal-400 {
  color: var(--color-teal-400);
}

.text-green-500 {
  color: var(--color-green-500);
}

.text-green-600 {
  color: var(--color-green-600);
}

.text-green-700 {
  color: var(--color-green-700);
}

.text-green-800 {
  color: var(--color-green-800);
}

.text-green-900 {
  color: var(--color-green-900);
}

.text-green-100 {
  color: var(--color-green-100);
}

.text-green-200 {
  color: var(--color-green-200);
}

.text-green-300 {
  color: var(--color-green-300);
}

.text-green-400 {
  color: var(--color-green-400);
}

.text-lime-500 {
  color: var(--color-lime-500);
}

.text-lime-600 {
  color: var(--color-lime-600);
}

.text-lime-700 {
  color: var(--color-lime-700);
}

.text-lime-800 {
  color: var(--color-lime-800);
}

.text-lime-900 {
  color: var(--color-lime-900);
}

.text-lime-100 {
  color: var(--color-lime-100);
}

.text-lime-200 {
  color: var(--color-lime-200);
}

.text-lime-300 {
  color: var(--color-lime-300);
}

.text-lime-400 {
  color: var(--color-lime-400);
}

@media only screen and (min-width: 420px) {
  .text-sm-foreground {
    color: var(--color-foreground);
  }
  .text-sm-background {
    color: var(--color-background);
  }
  .text-sm-black {
    color: var(--color-black);
  }
  .text-sm-white {
    color: var(--color-white);
  }
  .text-sm-primary {
    color: var(--color-primary);
  }
  .text-sm-gray-500 {
    color: var(--color-gray-500);
  }
  .text-sm-gray-600 {
    color: var(--color-gray-600);
  }
  .text-sm-gray-700 {
    color: var(--color-gray-700);
  }
  .text-sm-gray-800 {
    color: var(--color-gray-800);
  }
  .text-sm-gray-900 {
    color: var(--color-gray-900);
  }
  .text-sm-gray-100 {
    color: var(--color-gray-100);
  }
  .text-sm-gray-200 {
    color: var(--color-gray-200);
  }
  .text-sm-gray-300 {
    color: var(--color-gray-300);
  }
  .text-sm-gray-400 {
    color: var(--color-gray-400);
  }
  .text-sm-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-sm-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-sm-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-sm-yellow-800 {
    color: var(--color-yellow-800);
  }
  .text-sm-yellow-900 {
    color: var(--color-yellow-900);
  }
  .text-sm-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-sm-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-sm-yellow-300 {
    color: var(--color-yellow-300);
  }
  .text-sm-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-sm-orange-500 {
    color: var(--color-orange-500);
  }
  .text-sm-orange-600 {
    color: var(--color-orange-600);
  }
  .text-sm-orange-700 {
    color: var(--color-orange-700);
  }
  .text-sm-orange-800 {
    color: var(--color-orange-800);
  }
  .text-sm-orange-900 {
    color: var(--color-orange-900);
  }
  .text-sm-orange-100 {
    color: var(--color-orange-100);
  }
  .text-sm-orange-200 {
    color: var(--color-orange-200);
  }
  .text-sm-orange-300 {
    color: var(--color-orange-300);
  }
  .text-sm-orange-400 {
    color: var(--color-orange-400);
  }
  .text-sm-red-500 {
    color: var(--color-red-500);
  }
  .text-sm-red-600 {
    color: var(--color-red-600);
  }
  .text-sm-red-700 {
    color: var(--color-red-700);
  }
  .text-sm-red-800 {
    color: var(--color-red-800);
  }
  .text-sm-red-900 {
    color: var(--color-red-900);
  }
  .text-sm-red-100 {
    color: var(--color-red-100);
  }
  .text-sm-red-200 {
    color: var(--color-red-200);
  }
  .text-sm-red-300 {
    color: var(--color-red-300);
  }
  .text-sm-red-400 {
    color: var(--color-red-400);
  }
  .text-sm-violet-500 {
    color: var(--color-violet-500);
  }
  .text-sm-violet-600 {
    color: var(--color-violet-600);
  }
  .text-sm-violet-700 {
    color: var(--color-violet-700);
  }
  .text-sm-violet-800 {
    color: var(--color-violet-800);
  }
  .text-sm-violet-900 {
    color: var(--color-violet-900);
  }
  .text-sm-violet-100 {
    color: var(--color-violet-100);
  }
  .text-sm-violet-200 {
    color: var(--color-violet-200);
  }
  .text-sm-violet-300 {
    color: var(--color-violet-300);
  }
  .text-sm-violet-400 {
    color: var(--color-violet-400);
  }
  .text-sm-purple-500 {
    color: var(--color-purple-500);
  }
  .text-sm-purple-600 {
    color: var(--color-purple-600);
  }
  .text-sm-purple-700 {
    color: var(--color-purple-700);
  }
  .text-sm-purple-800 {
    color: var(--color-purple-800);
  }
  .text-sm-purple-900 {
    color: var(--color-purple-900);
  }
  .text-sm-purple-100 {
    color: var(--color-purple-100);
  }
  .text-sm-purple-200 {
    color: var(--color-purple-200);
  }
  .text-sm-purple-300 {
    color: var(--color-purple-300);
  }
  .text-sm-purple-400 {
    color: var(--color-purple-400);
  }
  .text-sm-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-sm-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-sm-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-sm-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-sm-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-sm-indigo-100 {
    color: var(--color-indigo-100);
  }
  .text-sm-indigo-200 {
    color: var(--color-indigo-200);
  }
  .text-sm-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-sm-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-sm-blue-500 {
    color: var(--color-blue-500);
  }
  .text-sm-blue-600 {
    color: var(--color-blue-600);
  }
  .text-sm-blue-700 {
    color: var(--color-blue-700);
  }
  .text-sm-blue-800 {
    color: var(--color-blue-800);
  }
  .text-sm-blue-900 {
    color: var(--color-blue-900);
  }
  .text-sm-blue-100 {
    color: var(--color-blue-100);
  }
  .text-sm-blue-200 {
    color: var(--color-blue-200);
  }
  .text-sm-blue-300 {
    color: var(--color-blue-300);
  }
  .text-sm-blue-400 {
    color: var(--color-blue-400);
  }
  .text-sm-teal-500 {
    color: var(--color-teal-500);
  }
  .text-sm-teal-600 {
    color: var(--color-teal-600);
  }
  .text-sm-teal-700 {
    color: var(--color-teal-700);
  }
  .text-sm-teal-800 {
    color: var(--color-teal-800);
  }
  .text-sm-teal-900 {
    color: var(--color-teal-900);
  }
  .text-sm-teal-100 {
    color: var(--color-teal-100);
  }
  .text-sm-teal-200 {
    color: var(--color-teal-200);
  }
  .text-sm-teal-300 {
    color: var(--color-teal-300);
  }
  .text-sm-teal-400 {
    color: var(--color-teal-400);
  }
  .text-sm-green-500 {
    color: var(--color-green-500);
  }
  .text-sm-green-600 {
    color: var(--color-green-600);
  }
  .text-sm-green-700 {
    color: var(--color-green-700);
  }
  .text-sm-green-800 {
    color: var(--color-green-800);
  }
  .text-sm-green-900 {
    color: var(--color-green-900);
  }
  .text-sm-green-100 {
    color: var(--color-green-100);
  }
  .text-sm-green-200 {
    color: var(--color-green-200);
  }
  .text-sm-green-300 {
    color: var(--color-green-300);
  }
  .text-sm-green-400 {
    color: var(--color-green-400);
  }
  .text-sm-lime-500 {
    color: var(--color-lime-500);
  }
  .text-sm-lime-600 {
    color: var(--color-lime-600);
  }
  .text-sm-lime-700 {
    color: var(--color-lime-700);
  }
  .text-sm-lime-800 {
    color: var(--color-lime-800);
  }
  .text-sm-lime-900 {
    color: var(--color-lime-900);
  }
  .text-sm-lime-100 {
    color: var(--color-lime-100);
  }
  .text-sm-lime-200 {
    color: var(--color-lime-200);
  }
  .text-sm-lime-300 {
    color: var(--color-lime-300);
  }
  .text-sm-lime-400 {
    color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 768px) {
  .text-md-foreground {
    color: var(--color-foreground);
  }
  .text-md-background {
    color: var(--color-background);
  }
  .text-md-black {
    color: var(--color-black);
  }
  .text-md-white {
    color: var(--color-white);
  }
  .text-md-primary {
    color: var(--color-primary);
  }
  .text-md-gray-500 {
    color: var(--color-gray-500);
  }
  .text-md-gray-600 {
    color: var(--color-gray-600);
  }
  .text-md-gray-700 {
    color: var(--color-gray-700);
  }
  .text-md-gray-800 {
    color: var(--color-gray-800);
  }
  .text-md-gray-900 {
    color: var(--color-gray-900);
  }
  .text-md-gray-100 {
    color: var(--color-gray-100);
  }
  .text-md-gray-200 {
    color: var(--color-gray-200);
  }
  .text-md-gray-300 {
    color: var(--color-gray-300);
  }
  .text-md-gray-400 {
    color: var(--color-gray-400);
  }
  .text-md-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-md-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-md-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-md-yellow-800 {
    color: var(--color-yellow-800);
  }
  .text-md-yellow-900 {
    color: var(--color-yellow-900);
  }
  .text-md-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-md-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-md-yellow-300 {
    color: var(--color-yellow-300);
  }
  .text-md-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-md-orange-500 {
    color: var(--color-orange-500);
  }
  .text-md-orange-600 {
    color: var(--color-orange-600);
  }
  .text-md-orange-700 {
    color: var(--color-orange-700);
  }
  .text-md-orange-800 {
    color: var(--color-orange-800);
  }
  .text-md-orange-900 {
    color: var(--color-orange-900);
  }
  .text-md-orange-100 {
    color: var(--color-orange-100);
  }
  .text-md-orange-200 {
    color: var(--color-orange-200);
  }
  .text-md-orange-300 {
    color: var(--color-orange-300);
  }
  .text-md-orange-400 {
    color: var(--color-orange-400);
  }
  .text-md-red-500 {
    color: var(--color-red-500);
  }
  .text-md-red-600 {
    color: var(--color-red-600);
  }
  .text-md-red-700 {
    color: var(--color-red-700);
  }
  .text-md-red-800 {
    color: var(--color-red-800);
  }
  .text-md-red-900 {
    color: var(--color-red-900);
  }
  .text-md-red-100 {
    color: var(--color-red-100);
  }
  .text-md-red-200 {
    color: var(--color-red-200);
  }
  .text-md-red-300 {
    color: var(--color-red-300);
  }
  .text-md-red-400 {
    color: var(--color-red-400);
  }
  .text-md-violet-500 {
    color: var(--color-violet-500);
  }
  .text-md-violet-600 {
    color: var(--color-violet-600);
  }
  .text-md-violet-700 {
    color: var(--color-violet-700);
  }
  .text-md-violet-800 {
    color: var(--color-violet-800);
  }
  .text-md-violet-900 {
    color: var(--color-violet-900);
  }
  .text-md-violet-100 {
    color: var(--color-violet-100);
  }
  .text-md-violet-200 {
    color: var(--color-violet-200);
  }
  .text-md-violet-300 {
    color: var(--color-violet-300);
  }
  .text-md-violet-400 {
    color: var(--color-violet-400);
  }
  .text-md-purple-500 {
    color: var(--color-purple-500);
  }
  .text-md-purple-600 {
    color: var(--color-purple-600);
  }
  .text-md-purple-700 {
    color: var(--color-purple-700);
  }
  .text-md-purple-800 {
    color: var(--color-purple-800);
  }
  .text-md-purple-900 {
    color: var(--color-purple-900);
  }
  .text-md-purple-100 {
    color: var(--color-purple-100);
  }
  .text-md-purple-200 {
    color: var(--color-purple-200);
  }
  .text-md-purple-300 {
    color: var(--color-purple-300);
  }
  .text-md-purple-400 {
    color: var(--color-purple-400);
  }
  .text-md-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-md-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-md-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-md-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-md-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-md-indigo-100 {
    color: var(--color-indigo-100);
  }
  .text-md-indigo-200 {
    color: var(--color-indigo-200);
  }
  .text-md-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-md-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-md-blue-500 {
    color: var(--color-blue-500);
  }
  .text-md-blue-600 {
    color: var(--color-blue-600);
  }
  .text-md-blue-700 {
    color: var(--color-blue-700);
  }
  .text-md-blue-800 {
    color: var(--color-blue-800);
  }
  .text-md-blue-900 {
    color: var(--color-blue-900);
  }
  .text-md-blue-100 {
    color: var(--color-blue-100);
  }
  .text-md-blue-200 {
    color: var(--color-blue-200);
  }
  .text-md-blue-300 {
    color: var(--color-blue-300);
  }
  .text-md-blue-400 {
    color: var(--color-blue-400);
  }
  .text-md-teal-500 {
    color: var(--color-teal-500);
  }
  .text-md-teal-600 {
    color: var(--color-teal-600);
  }
  .text-md-teal-700 {
    color: var(--color-teal-700);
  }
  .text-md-teal-800 {
    color: var(--color-teal-800);
  }
  .text-md-teal-900 {
    color: var(--color-teal-900);
  }
  .text-md-teal-100 {
    color: var(--color-teal-100);
  }
  .text-md-teal-200 {
    color: var(--color-teal-200);
  }
  .text-md-teal-300 {
    color: var(--color-teal-300);
  }
  .text-md-teal-400 {
    color: var(--color-teal-400);
  }
  .text-md-green-500 {
    color: var(--color-green-500);
  }
  .text-md-green-600 {
    color: var(--color-green-600);
  }
  .text-md-green-700 {
    color: var(--color-green-700);
  }
  .text-md-green-800 {
    color: var(--color-green-800);
  }
  .text-md-green-900 {
    color: var(--color-green-900);
  }
  .text-md-green-100 {
    color: var(--color-green-100);
  }
  .text-md-green-200 {
    color: var(--color-green-200);
  }
  .text-md-green-300 {
    color: var(--color-green-300);
  }
  .text-md-green-400 {
    color: var(--color-green-400);
  }
  .text-md-lime-500 {
    color: var(--color-lime-500);
  }
  .text-md-lime-600 {
    color: var(--color-lime-600);
  }
  .text-md-lime-700 {
    color: var(--color-lime-700);
  }
  .text-md-lime-800 {
    color: var(--color-lime-800);
  }
  .text-md-lime-900 {
    color: var(--color-lime-900);
  }
  .text-md-lime-100 {
    color: var(--color-lime-100);
  }
  .text-md-lime-200 {
    color: var(--color-lime-200);
  }
  .text-md-lime-300 {
    color: var(--color-lime-300);
  }
  .text-md-lime-400 {
    color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1024px) {
  .text-lg-foreground {
    color: var(--color-foreground);
  }
  .text-lg-background {
    color: var(--color-background);
  }
  .text-lg-black {
    color: var(--color-black);
  }
  .text-lg-white {
    color: var(--color-white);
  }
  .text-lg-primary {
    color: var(--color-primary);
  }
  .text-lg-gray-500 {
    color: var(--color-gray-500);
  }
  .text-lg-gray-600 {
    color: var(--color-gray-600);
  }
  .text-lg-gray-700 {
    color: var(--color-gray-700);
  }
  .text-lg-gray-800 {
    color: var(--color-gray-800);
  }
  .text-lg-gray-900 {
    color: var(--color-gray-900);
  }
  .text-lg-gray-100 {
    color: var(--color-gray-100);
  }
  .text-lg-gray-200 {
    color: var(--color-gray-200);
  }
  .text-lg-gray-300 {
    color: var(--color-gray-300);
  }
  .text-lg-gray-400 {
    color: var(--color-gray-400);
  }
  .text-lg-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-lg-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-lg-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-lg-yellow-800 {
    color: var(--color-yellow-800);
  }
  .text-lg-yellow-900 {
    color: var(--color-yellow-900);
  }
  .text-lg-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-lg-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-lg-yellow-300 {
    color: var(--color-yellow-300);
  }
  .text-lg-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-lg-orange-500 {
    color: var(--color-orange-500);
  }
  .text-lg-orange-600 {
    color: var(--color-orange-600);
  }
  .text-lg-orange-700 {
    color: var(--color-orange-700);
  }
  .text-lg-orange-800 {
    color: var(--color-orange-800);
  }
  .text-lg-orange-900 {
    color: var(--color-orange-900);
  }
  .text-lg-orange-100 {
    color: var(--color-orange-100);
  }
  .text-lg-orange-200 {
    color: var(--color-orange-200);
  }
  .text-lg-orange-300 {
    color: var(--color-orange-300);
  }
  .text-lg-orange-400 {
    color: var(--color-orange-400);
  }
  .text-lg-red-500 {
    color: var(--color-red-500);
  }
  .text-lg-red-600 {
    color: var(--color-red-600);
  }
  .text-lg-red-700 {
    color: var(--color-red-700);
  }
  .text-lg-red-800 {
    color: var(--color-red-800);
  }
  .text-lg-red-900 {
    color: var(--color-red-900);
  }
  .text-lg-red-100 {
    color: var(--color-red-100);
  }
  .text-lg-red-200 {
    color: var(--color-red-200);
  }
  .text-lg-red-300 {
    color: var(--color-red-300);
  }
  .text-lg-red-400 {
    color: var(--color-red-400);
  }
  .text-lg-violet-500 {
    color: var(--color-violet-500);
  }
  .text-lg-violet-600 {
    color: var(--color-violet-600);
  }
  .text-lg-violet-700 {
    color: var(--color-violet-700);
  }
  .text-lg-violet-800 {
    color: var(--color-violet-800);
  }
  .text-lg-violet-900 {
    color: var(--color-violet-900);
  }
  .text-lg-violet-100 {
    color: var(--color-violet-100);
  }
  .text-lg-violet-200 {
    color: var(--color-violet-200);
  }
  .text-lg-violet-300 {
    color: var(--color-violet-300);
  }
  .text-lg-violet-400 {
    color: var(--color-violet-400);
  }
  .text-lg-purple-500 {
    color: var(--color-purple-500);
  }
  .text-lg-purple-600 {
    color: var(--color-purple-600);
  }
  .text-lg-purple-700 {
    color: var(--color-purple-700);
  }
  .text-lg-purple-800 {
    color: var(--color-purple-800);
  }
  .text-lg-purple-900 {
    color: var(--color-purple-900);
  }
  .text-lg-purple-100 {
    color: var(--color-purple-100);
  }
  .text-lg-purple-200 {
    color: var(--color-purple-200);
  }
  .text-lg-purple-300 {
    color: var(--color-purple-300);
  }
  .text-lg-purple-400 {
    color: var(--color-purple-400);
  }
  .text-lg-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-lg-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-lg-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-lg-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-lg-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-lg-indigo-100 {
    color: var(--color-indigo-100);
  }
  .text-lg-indigo-200 {
    color: var(--color-indigo-200);
  }
  .text-lg-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-lg-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-lg-blue-500 {
    color: var(--color-blue-500);
  }
  .text-lg-blue-600 {
    color: var(--color-blue-600);
  }
  .text-lg-blue-700 {
    color: var(--color-blue-700);
  }
  .text-lg-blue-800 {
    color: var(--color-blue-800);
  }
  .text-lg-blue-900 {
    color: var(--color-blue-900);
  }
  .text-lg-blue-100 {
    color: var(--color-blue-100);
  }
  .text-lg-blue-200 {
    color: var(--color-blue-200);
  }
  .text-lg-blue-300 {
    color: var(--color-blue-300);
  }
  .text-lg-blue-400 {
    color: var(--color-blue-400);
  }
  .text-lg-teal-500 {
    color: var(--color-teal-500);
  }
  .text-lg-teal-600 {
    color: var(--color-teal-600);
  }
  .text-lg-teal-700 {
    color: var(--color-teal-700);
  }
  .text-lg-teal-800 {
    color: var(--color-teal-800);
  }
  .text-lg-teal-900 {
    color: var(--color-teal-900);
  }
  .text-lg-teal-100 {
    color: var(--color-teal-100);
  }
  .text-lg-teal-200 {
    color: var(--color-teal-200);
  }
  .text-lg-teal-300 {
    color: var(--color-teal-300);
  }
  .text-lg-teal-400 {
    color: var(--color-teal-400);
  }
  .text-lg-green-500 {
    color: var(--color-green-500);
  }
  .text-lg-green-600 {
    color: var(--color-green-600);
  }
  .text-lg-green-700 {
    color: var(--color-green-700);
  }
  .text-lg-green-800 {
    color: var(--color-green-800);
  }
  .text-lg-green-900 {
    color: var(--color-green-900);
  }
  .text-lg-green-100 {
    color: var(--color-green-100);
  }
  .text-lg-green-200 {
    color: var(--color-green-200);
  }
  .text-lg-green-300 {
    color: var(--color-green-300);
  }
  .text-lg-green-400 {
    color: var(--color-green-400);
  }
  .text-lg-lime-500 {
    color: var(--color-lime-500);
  }
  .text-lg-lime-600 {
    color: var(--color-lime-600);
  }
  .text-lg-lime-700 {
    color: var(--color-lime-700);
  }
  .text-lg-lime-800 {
    color: var(--color-lime-800);
  }
  .text-lg-lime-900 {
    color: var(--color-lime-900);
  }
  .text-lg-lime-100 {
    color: var(--color-lime-100);
  }
  .text-lg-lime-200 {
    color: var(--color-lime-200);
  }
  .text-lg-lime-300 {
    color: var(--color-lime-300);
  }
  .text-lg-lime-400 {
    color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1366px) {
  .text-xl-foreground {
    color: var(--color-foreground);
  }
  .text-xl-background {
    color: var(--color-background);
  }
  .text-xl-black {
    color: var(--color-black);
  }
  .text-xl-white {
    color: var(--color-white);
  }
  .text-xl-primary {
    color: var(--color-primary);
  }
  .text-xl-gray-500 {
    color: var(--color-gray-500);
  }
  .text-xl-gray-600 {
    color: var(--color-gray-600);
  }
  .text-xl-gray-700 {
    color: var(--color-gray-700);
  }
  .text-xl-gray-800 {
    color: var(--color-gray-800);
  }
  .text-xl-gray-900 {
    color: var(--color-gray-900);
  }
  .text-xl-gray-100 {
    color: var(--color-gray-100);
  }
  .text-xl-gray-200 {
    color: var(--color-gray-200);
  }
  .text-xl-gray-300 {
    color: var(--color-gray-300);
  }
  .text-xl-gray-400 {
    color: var(--color-gray-400);
  }
  .text-xl-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-xl-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-xl-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-xl-yellow-800 {
    color: var(--color-yellow-800);
  }
  .text-xl-yellow-900 {
    color: var(--color-yellow-900);
  }
  .text-xl-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-xl-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-xl-yellow-300 {
    color: var(--color-yellow-300);
  }
  .text-xl-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-xl-orange-500 {
    color: var(--color-orange-500);
  }
  .text-xl-orange-600 {
    color: var(--color-orange-600);
  }
  .text-xl-orange-700 {
    color: var(--color-orange-700);
  }
  .text-xl-orange-800 {
    color: var(--color-orange-800);
  }
  .text-xl-orange-900 {
    color: var(--color-orange-900);
  }
  .text-xl-orange-100 {
    color: var(--color-orange-100);
  }
  .text-xl-orange-200 {
    color: var(--color-orange-200);
  }
  .text-xl-orange-300 {
    color: var(--color-orange-300);
  }
  .text-xl-orange-400 {
    color: var(--color-orange-400);
  }
  .text-xl-red-500 {
    color: var(--color-red-500);
  }
  .text-xl-red-600 {
    color: var(--color-red-600);
  }
  .text-xl-red-700 {
    color: var(--color-red-700);
  }
  .text-xl-red-800 {
    color: var(--color-red-800);
  }
  .text-xl-red-900 {
    color: var(--color-red-900);
  }
  .text-xl-red-100 {
    color: var(--color-red-100);
  }
  .text-xl-red-200 {
    color: var(--color-red-200);
  }
  .text-xl-red-300 {
    color: var(--color-red-300);
  }
  .text-xl-red-400 {
    color: var(--color-red-400);
  }
  .text-xl-violet-500 {
    color: var(--color-violet-500);
  }
  .text-xl-violet-600 {
    color: var(--color-violet-600);
  }
  .text-xl-violet-700 {
    color: var(--color-violet-700);
  }
  .text-xl-violet-800 {
    color: var(--color-violet-800);
  }
  .text-xl-violet-900 {
    color: var(--color-violet-900);
  }
  .text-xl-violet-100 {
    color: var(--color-violet-100);
  }
  .text-xl-violet-200 {
    color: var(--color-violet-200);
  }
  .text-xl-violet-300 {
    color: var(--color-violet-300);
  }
  .text-xl-violet-400 {
    color: var(--color-violet-400);
  }
  .text-xl-purple-500 {
    color: var(--color-purple-500);
  }
  .text-xl-purple-600 {
    color: var(--color-purple-600);
  }
  .text-xl-purple-700 {
    color: var(--color-purple-700);
  }
  .text-xl-purple-800 {
    color: var(--color-purple-800);
  }
  .text-xl-purple-900 {
    color: var(--color-purple-900);
  }
  .text-xl-purple-100 {
    color: var(--color-purple-100);
  }
  .text-xl-purple-200 {
    color: var(--color-purple-200);
  }
  .text-xl-purple-300 {
    color: var(--color-purple-300);
  }
  .text-xl-purple-400 {
    color: var(--color-purple-400);
  }
  .text-xl-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-xl-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-xl-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-xl-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-xl-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-xl-indigo-100 {
    color: var(--color-indigo-100);
  }
  .text-xl-indigo-200 {
    color: var(--color-indigo-200);
  }
  .text-xl-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-xl-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-xl-blue-500 {
    color: var(--color-blue-500);
  }
  .text-xl-blue-600 {
    color: var(--color-blue-600);
  }
  .text-xl-blue-700 {
    color: var(--color-blue-700);
  }
  .text-xl-blue-800 {
    color: var(--color-blue-800);
  }
  .text-xl-blue-900 {
    color: var(--color-blue-900);
  }
  .text-xl-blue-100 {
    color: var(--color-blue-100);
  }
  .text-xl-blue-200 {
    color: var(--color-blue-200);
  }
  .text-xl-blue-300 {
    color: var(--color-blue-300);
  }
  .text-xl-blue-400 {
    color: var(--color-blue-400);
  }
  .text-xl-teal-500 {
    color: var(--color-teal-500);
  }
  .text-xl-teal-600 {
    color: var(--color-teal-600);
  }
  .text-xl-teal-700 {
    color: var(--color-teal-700);
  }
  .text-xl-teal-800 {
    color: var(--color-teal-800);
  }
  .text-xl-teal-900 {
    color: var(--color-teal-900);
  }
  .text-xl-teal-100 {
    color: var(--color-teal-100);
  }
  .text-xl-teal-200 {
    color: var(--color-teal-200);
  }
  .text-xl-teal-300 {
    color: var(--color-teal-300);
  }
  .text-xl-teal-400 {
    color: var(--color-teal-400);
  }
  .text-xl-green-500 {
    color: var(--color-green-500);
  }
  .text-xl-green-600 {
    color: var(--color-green-600);
  }
  .text-xl-green-700 {
    color: var(--color-green-700);
  }
  .text-xl-green-800 {
    color: var(--color-green-800);
  }
  .text-xl-green-900 {
    color: var(--color-green-900);
  }
  .text-xl-green-100 {
    color: var(--color-green-100);
  }
  .text-xl-green-200 {
    color: var(--color-green-200);
  }
  .text-xl-green-300 {
    color: var(--color-green-300);
  }
  .text-xl-green-400 {
    color: var(--color-green-400);
  }
  .text-xl-lime-500 {
    color: var(--color-lime-500);
  }
  .text-xl-lime-600 {
    color: var(--color-lime-600);
  }
  .text-xl-lime-700 {
    color: var(--color-lime-700);
  }
  .text-xl-lime-800 {
    color: var(--color-lime-800);
  }
  .text-xl-lime-900 {
    color: var(--color-lime-900);
  }
  .text-xl-lime-100 {
    color: var(--color-lime-100);
  }
  .text-xl-lime-200 {
    color: var(--color-lime-200);
  }
  .text-xl-lime-300 {
    color: var(--color-lime-300);
  }
  .text-xl-lime-400 {
    color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1680px) {
  .text-xxl-foreground {
    color: var(--color-foreground);
  }
  .text-xxl-background {
    color: var(--color-background);
  }
  .text-xxl-black {
    color: var(--color-black);
  }
  .text-xxl-white {
    color: var(--color-white);
  }
  .text-xxl-primary {
    color: var(--color-primary);
  }
  .text-xxl-gray-500 {
    color: var(--color-gray-500);
  }
  .text-xxl-gray-600 {
    color: var(--color-gray-600);
  }
  .text-xxl-gray-700 {
    color: var(--color-gray-700);
  }
  .text-xxl-gray-800 {
    color: var(--color-gray-800);
  }
  .text-xxl-gray-900 {
    color: var(--color-gray-900);
  }
  .text-xxl-gray-100 {
    color: var(--color-gray-100);
  }
  .text-xxl-gray-200 {
    color: var(--color-gray-200);
  }
  .text-xxl-gray-300 {
    color: var(--color-gray-300);
  }
  .text-xxl-gray-400 {
    color: var(--color-gray-400);
  }
  .text-xxl-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-xxl-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-xxl-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-xxl-yellow-800 {
    color: var(--color-yellow-800);
  }
  .text-xxl-yellow-900 {
    color: var(--color-yellow-900);
  }
  .text-xxl-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-xxl-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-xxl-yellow-300 {
    color: var(--color-yellow-300);
  }
  .text-xxl-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-xxl-orange-500 {
    color: var(--color-orange-500);
  }
  .text-xxl-orange-600 {
    color: var(--color-orange-600);
  }
  .text-xxl-orange-700 {
    color: var(--color-orange-700);
  }
  .text-xxl-orange-800 {
    color: var(--color-orange-800);
  }
  .text-xxl-orange-900 {
    color: var(--color-orange-900);
  }
  .text-xxl-orange-100 {
    color: var(--color-orange-100);
  }
  .text-xxl-orange-200 {
    color: var(--color-orange-200);
  }
  .text-xxl-orange-300 {
    color: var(--color-orange-300);
  }
  .text-xxl-orange-400 {
    color: var(--color-orange-400);
  }
  .text-xxl-red-500 {
    color: var(--color-red-500);
  }
  .text-xxl-red-600 {
    color: var(--color-red-600);
  }
  .text-xxl-red-700 {
    color: var(--color-red-700);
  }
  .text-xxl-red-800 {
    color: var(--color-red-800);
  }
  .text-xxl-red-900 {
    color: var(--color-red-900);
  }
  .text-xxl-red-100 {
    color: var(--color-red-100);
  }
  .text-xxl-red-200 {
    color: var(--color-red-200);
  }
  .text-xxl-red-300 {
    color: var(--color-red-300);
  }
  .text-xxl-red-400 {
    color: var(--color-red-400);
  }
  .text-xxl-violet-500 {
    color: var(--color-violet-500);
  }
  .text-xxl-violet-600 {
    color: var(--color-violet-600);
  }
  .text-xxl-violet-700 {
    color: var(--color-violet-700);
  }
  .text-xxl-violet-800 {
    color: var(--color-violet-800);
  }
  .text-xxl-violet-900 {
    color: var(--color-violet-900);
  }
  .text-xxl-violet-100 {
    color: var(--color-violet-100);
  }
  .text-xxl-violet-200 {
    color: var(--color-violet-200);
  }
  .text-xxl-violet-300 {
    color: var(--color-violet-300);
  }
  .text-xxl-violet-400 {
    color: var(--color-violet-400);
  }
  .text-xxl-purple-500 {
    color: var(--color-purple-500);
  }
  .text-xxl-purple-600 {
    color: var(--color-purple-600);
  }
  .text-xxl-purple-700 {
    color: var(--color-purple-700);
  }
  .text-xxl-purple-800 {
    color: var(--color-purple-800);
  }
  .text-xxl-purple-900 {
    color: var(--color-purple-900);
  }
  .text-xxl-purple-100 {
    color: var(--color-purple-100);
  }
  .text-xxl-purple-200 {
    color: var(--color-purple-200);
  }
  .text-xxl-purple-300 {
    color: var(--color-purple-300);
  }
  .text-xxl-purple-400 {
    color: var(--color-purple-400);
  }
  .text-xxl-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-xxl-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-xxl-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-xxl-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-xxl-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-xxl-indigo-100 {
    color: var(--color-indigo-100);
  }
  .text-xxl-indigo-200 {
    color: var(--color-indigo-200);
  }
  .text-xxl-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-xxl-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-xxl-blue-500 {
    color: var(--color-blue-500);
  }
  .text-xxl-blue-600 {
    color: var(--color-blue-600);
  }
  .text-xxl-blue-700 {
    color: var(--color-blue-700);
  }
  .text-xxl-blue-800 {
    color: var(--color-blue-800);
  }
  .text-xxl-blue-900 {
    color: var(--color-blue-900);
  }
  .text-xxl-blue-100 {
    color: var(--color-blue-100);
  }
  .text-xxl-blue-200 {
    color: var(--color-blue-200);
  }
  .text-xxl-blue-300 {
    color: var(--color-blue-300);
  }
  .text-xxl-blue-400 {
    color: var(--color-blue-400);
  }
  .text-xxl-teal-500 {
    color: var(--color-teal-500);
  }
  .text-xxl-teal-600 {
    color: var(--color-teal-600);
  }
  .text-xxl-teal-700 {
    color: var(--color-teal-700);
  }
  .text-xxl-teal-800 {
    color: var(--color-teal-800);
  }
  .text-xxl-teal-900 {
    color: var(--color-teal-900);
  }
  .text-xxl-teal-100 {
    color: var(--color-teal-100);
  }
  .text-xxl-teal-200 {
    color: var(--color-teal-200);
  }
  .text-xxl-teal-300 {
    color: var(--color-teal-300);
  }
  .text-xxl-teal-400 {
    color: var(--color-teal-400);
  }
  .text-xxl-green-500 {
    color: var(--color-green-500);
  }
  .text-xxl-green-600 {
    color: var(--color-green-600);
  }
  .text-xxl-green-700 {
    color: var(--color-green-700);
  }
  .text-xxl-green-800 {
    color: var(--color-green-800);
  }
  .text-xxl-green-900 {
    color: var(--color-green-900);
  }
  .text-xxl-green-100 {
    color: var(--color-green-100);
  }
  .text-xxl-green-200 {
    color: var(--color-green-200);
  }
  .text-xxl-green-300 {
    color: var(--color-green-300);
  }
  .text-xxl-green-400 {
    color: var(--color-green-400);
  }
  .text-xxl-lime-500 {
    color: var(--color-lime-500);
  }
  .text-xxl-lime-600 {
    color: var(--color-lime-600);
  }
  .text-xxl-lime-700 {
    color: var(--color-lime-700);
  }
  .text-xxl-lime-800 {
    color: var(--color-lime-800);
  }
  .text-xxl-lime-900 {
    color: var(--color-lime-900);
  }
  .text-xxl-lime-100 {
    color: var(--color-lime-100);
  }
  .text-xxl-lime-200 {
    color: var(--color-lime-200);
  }
  .text-xxl-lime-300 {
    color: var(--color-lime-300);
  }
  .text-xxl-lime-400 {
    color: var(--color-lime-400);
  }
}
.text-transparent {
  color: transparent;
}

.text-color-inherit {
  color: inherit;
}

.text-color-current {
  color: currentColor;
}

.bg-foreground {
  background-color: var(--color-foreground);
}

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

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

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

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

.bg-gray-500 {
  background-color: var(--color-gray-500);
}

.bg-gray-600 {
  background-color: var(--color-gray-600);
}

.bg-gray-700 {
  background-color: var(--color-gray-700);
}

.bg-gray-800 {
  background-color: var(--color-gray-800);
}

.bg-gray-900 {
  background-color: var(--color-gray-900);
}

.bg-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-gray-200 {
  background-color: var(--color-gray-200);
}

.bg-gray-300 {
  background-color: var(--color-gray-300);
}

.bg-gray-400 {
  background-color: var(--color-gray-400);
}

.bg-yellow-500 {
  background-color: var(--color-yellow-500);
}

.bg-yellow-600 {
  background-color: var(--color-yellow-600);
}

.bg-yellow-700 {
  background-color: var(--color-yellow-700);
}

.bg-yellow-800 {
  background-color: var(--color-yellow-800);
}

.bg-yellow-900 {
  background-color: var(--color-yellow-900);
}

.bg-yellow-100 {
  background-color: var(--color-yellow-100);
}

.bg-yellow-200 {
  background-color: var(--color-yellow-200);
}

.bg-yellow-300 {
  background-color: var(--color-yellow-300);
}

.bg-yellow-400 {
  background-color: var(--color-yellow-400);
}

.bg-orange-500 {
  background-color: var(--color-orange-500);
}

.bg-orange-600 {
  background-color: var(--color-orange-600);
}

.bg-orange-700 {
  background-color: var(--color-orange-700);
}

.bg-orange-800 {
  background-color: var(--color-orange-800);
}

.bg-orange-900 {
  background-color: var(--color-orange-900);
}

.bg-orange-100 {
  background-color: var(--color-orange-100);
}

.bg-orange-200 {
  background-color: var(--color-orange-200);
}

.bg-orange-300 {
  background-color: var(--color-orange-300);
}

.bg-orange-400 {
  background-color: var(--color-orange-400);
}

.bg-red-500 {
  background-color: var(--color-red-500);
}

.bg-red-600 {
  background-color: var(--color-red-600);
}

.bg-red-700 {
  background-color: var(--color-red-700);
}

.bg-red-800 {
  background-color: var(--color-red-800);
}

.bg-red-900 {
  background-color: var(--color-red-900);
}

.bg-red-100 {
  background-color: var(--color-red-100);
}

.bg-red-200 {
  background-color: var(--color-red-200);
}

.bg-red-300 {
  background-color: var(--color-red-300);
}

.bg-red-400 {
  background-color: var(--color-red-400);
}

.bg-violet-500 {
  background-color: var(--color-violet-500);
}

.bg-violet-600 {
  background-color: var(--color-violet-600);
}

.bg-violet-700 {
  background-color: var(--color-violet-700);
}

.bg-violet-800 {
  background-color: var(--color-violet-800);
}

.bg-violet-900 {
  background-color: var(--color-violet-900);
}

.bg-violet-100 {
  background-color: var(--color-violet-100);
}

.bg-violet-200 {
  background-color: var(--color-violet-200);
}

.bg-violet-300 {
  background-color: var(--color-violet-300);
}

.bg-violet-400 {
  background-color: var(--color-violet-400);
}

.bg-purple-500 {
  background-color: var(--color-purple-500);
}

.bg-purple-600 {
  background-color: var(--color-purple-600);
}

.bg-purple-700 {
  background-color: var(--color-purple-700);
}

.bg-purple-800 {
  background-color: var(--color-purple-800);
}

.bg-purple-900 {
  background-color: var(--color-purple-900);
}

.bg-purple-100 {
  background-color: var(--color-purple-100);
}

.bg-purple-200 {
  background-color: var(--color-purple-200);
}

.bg-purple-300 {
  background-color: var(--color-purple-300);
}

.bg-purple-400 {
  background-color: var(--color-purple-400);
}

.bg-indigo-500 {
  background-color: var(--color-indigo-500);
}

.bg-indigo-600 {
  background-color: var(--color-indigo-600);
}

.bg-indigo-700 {
  background-color: var(--color-indigo-700);
}

.bg-indigo-800 {
  background-color: var(--color-indigo-800);
}

.bg-indigo-900 {
  background-color: var(--color-indigo-900);
}

.bg-indigo-100 {
  background-color: var(--color-indigo-100);
}

.bg-indigo-200 {
  background-color: var(--color-indigo-200);
}

.bg-indigo-300 {
  background-color: var(--color-indigo-300);
}

.bg-indigo-400 {
  background-color: var(--color-indigo-400);
}

.bg-blue-500 {
  background-color: var(--color-blue-500);
}

.bg-blue-600 {
  background-color: var(--color-blue-600);
}

.bg-blue-700 {
  background-color: var(--color-blue-700);
}

.bg-blue-800 {
  background-color: var(--color-blue-800);
}

.bg-blue-900 {
  background-color: var(--color-blue-900);
}

.bg-blue-100 {
  background-color: var(--color-blue-100);
}

.bg-blue-200 {
  background-color: var(--color-blue-200);
}

.bg-blue-300 {
  background-color: var(--color-blue-300);
}

.bg-blue-400 {
  background-color: var(--color-blue-400);
}

.bg-teal-500 {
  background-color: var(--color-teal-500);
}

.bg-teal-600 {
  background-color: var(--color-teal-600);
}

.bg-teal-700 {
  background-color: var(--color-teal-700);
}

.bg-teal-800 {
  background-color: var(--color-teal-800);
}

.bg-teal-900 {
  background-color: var(--color-teal-900);
}

.bg-teal-100 {
  background-color: var(--color-teal-100);
}

.bg-teal-200 {
  background-color: var(--color-teal-200);
}

.bg-teal-300 {
  background-color: var(--color-teal-300);
}

.bg-teal-400 {
  background-color: var(--color-teal-400);
}

.bg-green-500 {
  background-color: var(--color-green-500);
}

.bg-green-600 {
  background-color: var(--color-green-600);
}

.bg-green-700 {
  background-color: var(--color-green-700);
}

.bg-green-800 {
  background-color: var(--color-green-800);
}

.bg-green-900 {
  background-color: var(--color-green-900);
}

.bg-green-100 {
  background-color: var(--color-green-100);
}

.bg-green-200 {
  background-color: var(--color-green-200);
}

.bg-green-300 {
  background-color: var(--color-green-300);
}

.bg-green-400 {
  background-color: var(--color-green-400);
}

.bg-lime-500 {
  background-color: var(--color-lime-500);
}

.bg-lime-600 {
  background-color: var(--color-lime-600);
}

.bg-lime-700 {
  background-color: var(--color-lime-700);
}

.bg-lime-800 {
  background-color: var(--color-lime-800);
}

.bg-lime-900 {
  background-color: var(--color-lime-900);
}

.bg-lime-100 {
  background-color: var(--color-lime-100);
}

.bg-lime-200 {
  background-color: var(--color-lime-200);
}

.bg-lime-300 {
  background-color: var(--color-lime-300);
}

.bg-lime-400 {
  background-color: var(--color-lime-400);
}

@media only screen and (min-width: 420px) {
  .bg-sm-foreground {
    background-color: var(--color-foreground);
  }
  .bg-sm-background {
    background-color: var(--color-background);
  }
  .bg-sm-black {
    background-color: var(--color-black);
  }
  .bg-sm-white {
    background-color: var(--color-white);
  }
  .bg-sm-primary {
    background-color: var(--color-primary);
  }
  .bg-sm-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-sm-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-sm-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-sm-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-sm-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-sm-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-sm-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-sm-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-sm-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-sm-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-sm-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .bg-sm-yellow-700 {
    background-color: var(--color-yellow-700);
  }
  .bg-sm-yellow-800 {
    background-color: var(--color-yellow-800);
  }
  .bg-sm-yellow-900 {
    background-color: var(--color-yellow-900);
  }
  .bg-sm-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-sm-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-sm-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-sm-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-sm-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-sm-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-sm-orange-700 {
    background-color: var(--color-orange-700);
  }
  .bg-sm-orange-800 {
    background-color: var(--color-orange-800);
  }
  .bg-sm-orange-900 {
    background-color: var(--color-orange-900);
  }
  .bg-sm-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-sm-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-sm-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-sm-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-sm-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-sm-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-sm-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-sm-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-sm-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-sm-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-sm-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-sm-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-sm-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-sm-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-sm-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-sm-violet-700 {
    background-color: var(--color-violet-700);
  }
  .bg-sm-violet-800 {
    background-color: var(--color-violet-800);
  }
  .bg-sm-violet-900 {
    background-color: var(--color-violet-900);
  }
  .bg-sm-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-sm-violet-200 {
    background-color: var(--color-violet-200);
  }
  .bg-sm-violet-300 {
    background-color: var(--color-violet-300);
  }
  .bg-sm-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-sm-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-sm-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-sm-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-sm-purple-800 {
    background-color: var(--color-purple-800);
  }
  .bg-sm-purple-900 {
    background-color: var(--color-purple-900);
  }
  .bg-sm-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-sm-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-sm-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-sm-purple-400 {
    background-color: var(--color-purple-400);
  }
  .bg-sm-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-sm-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-sm-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-sm-indigo-800 {
    background-color: var(--color-indigo-800);
  }
  .bg-sm-indigo-900 {
    background-color: var(--color-indigo-900);
  }
  .bg-sm-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-sm-indigo-200 {
    background-color: var(--color-indigo-200);
  }
  .bg-sm-indigo-300 {
    background-color: var(--color-indigo-300);
  }
  .bg-sm-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-sm-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-sm-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-sm-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-sm-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-sm-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-sm-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-sm-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-sm-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-sm-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-sm-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-sm-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-sm-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-sm-teal-800 {
    background-color: var(--color-teal-800);
  }
  .bg-sm-teal-900 {
    background-color: var(--color-teal-900);
  }
  .bg-sm-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-sm-teal-200 {
    background-color: var(--color-teal-200);
  }
  .bg-sm-teal-300 {
    background-color: var(--color-teal-300);
  }
  .bg-sm-teal-400 {
    background-color: var(--color-teal-400);
  }
  .bg-sm-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-sm-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-sm-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-sm-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-sm-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-sm-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-sm-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-sm-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-sm-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-sm-lime-500 {
    background-color: var(--color-lime-500);
  }
  .bg-sm-lime-600 {
    background-color: var(--color-lime-600);
  }
  .bg-sm-lime-700 {
    background-color: var(--color-lime-700);
  }
  .bg-sm-lime-800 {
    background-color: var(--color-lime-800);
  }
  .bg-sm-lime-900 {
    background-color: var(--color-lime-900);
  }
  .bg-sm-lime-100 {
    background-color: var(--color-lime-100);
  }
  .bg-sm-lime-200 {
    background-color: var(--color-lime-200);
  }
  .bg-sm-lime-300 {
    background-color: var(--color-lime-300);
  }
  .bg-sm-lime-400 {
    background-color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 768px) {
  .bg-md-foreground {
    background-color: var(--color-foreground);
  }
  .bg-md-background {
    background-color: var(--color-background);
  }
  .bg-md-black {
    background-color: var(--color-black);
  }
  .bg-md-white {
    background-color: var(--color-white);
  }
  .bg-md-primary {
    background-color: var(--color-primary);
  }
  .bg-md-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-md-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-md-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-md-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-md-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-md-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-md-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-md-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-md-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-md-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-md-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .bg-md-yellow-700 {
    background-color: var(--color-yellow-700);
  }
  .bg-md-yellow-800 {
    background-color: var(--color-yellow-800);
  }
  .bg-md-yellow-900 {
    background-color: var(--color-yellow-900);
  }
  .bg-md-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-md-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-md-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-md-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-md-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-md-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-md-orange-700 {
    background-color: var(--color-orange-700);
  }
  .bg-md-orange-800 {
    background-color: var(--color-orange-800);
  }
  .bg-md-orange-900 {
    background-color: var(--color-orange-900);
  }
  .bg-md-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-md-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-md-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-md-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-md-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-md-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-md-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-md-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-md-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-md-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-md-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-md-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-md-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-md-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-md-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-md-violet-700 {
    background-color: var(--color-violet-700);
  }
  .bg-md-violet-800 {
    background-color: var(--color-violet-800);
  }
  .bg-md-violet-900 {
    background-color: var(--color-violet-900);
  }
  .bg-md-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-md-violet-200 {
    background-color: var(--color-violet-200);
  }
  .bg-md-violet-300 {
    background-color: var(--color-violet-300);
  }
  .bg-md-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-md-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-md-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-md-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-md-purple-800 {
    background-color: var(--color-purple-800);
  }
  .bg-md-purple-900 {
    background-color: var(--color-purple-900);
  }
  .bg-md-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-md-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-md-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-md-purple-400 {
    background-color: var(--color-purple-400);
  }
  .bg-md-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-md-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-md-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-md-indigo-800 {
    background-color: var(--color-indigo-800);
  }
  .bg-md-indigo-900 {
    background-color: var(--color-indigo-900);
  }
  .bg-md-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-md-indigo-200 {
    background-color: var(--color-indigo-200);
  }
  .bg-md-indigo-300 {
    background-color: var(--color-indigo-300);
  }
  .bg-md-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-md-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-md-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-md-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-md-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-md-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-md-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-md-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-md-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-md-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-md-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-md-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-md-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-md-teal-800 {
    background-color: var(--color-teal-800);
  }
  .bg-md-teal-900 {
    background-color: var(--color-teal-900);
  }
  .bg-md-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-md-teal-200 {
    background-color: var(--color-teal-200);
  }
  .bg-md-teal-300 {
    background-color: var(--color-teal-300);
  }
  .bg-md-teal-400 {
    background-color: var(--color-teal-400);
  }
  .bg-md-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-md-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-md-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-md-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-md-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-md-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-md-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-md-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-md-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-md-lime-500 {
    background-color: var(--color-lime-500);
  }
  .bg-md-lime-600 {
    background-color: var(--color-lime-600);
  }
  .bg-md-lime-700 {
    background-color: var(--color-lime-700);
  }
  .bg-md-lime-800 {
    background-color: var(--color-lime-800);
  }
  .bg-md-lime-900 {
    background-color: var(--color-lime-900);
  }
  .bg-md-lime-100 {
    background-color: var(--color-lime-100);
  }
  .bg-md-lime-200 {
    background-color: var(--color-lime-200);
  }
  .bg-md-lime-300 {
    background-color: var(--color-lime-300);
  }
  .bg-md-lime-400 {
    background-color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1024px) {
  .bg-lg-foreground {
    background-color: var(--color-foreground);
  }
  .bg-lg-background {
    background-color: var(--color-background);
  }
  .bg-lg-black {
    background-color: var(--color-black);
  }
  .bg-lg-white {
    background-color: var(--color-white);
  }
  .bg-lg-primary {
    background-color: var(--color-primary);
  }
  .bg-lg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-lg-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-lg-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-lg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-lg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-lg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-lg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-lg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-lg-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-lg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-lg-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .bg-lg-yellow-700 {
    background-color: var(--color-yellow-700);
  }
  .bg-lg-yellow-800 {
    background-color: var(--color-yellow-800);
  }
  .bg-lg-yellow-900 {
    background-color: var(--color-yellow-900);
  }
  .bg-lg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-lg-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-lg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-lg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-lg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-lg-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-lg-orange-700 {
    background-color: var(--color-orange-700);
  }
  .bg-lg-orange-800 {
    background-color: var(--color-orange-800);
  }
  .bg-lg-orange-900 {
    background-color: var(--color-orange-900);
  }
  .bg-lg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-lg-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-lg-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-lg-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-lg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-lg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-lg-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-lg-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-lg-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-lg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-lg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-lg-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-lg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-lg-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-lg-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-lg-violet-700 {
    background-color: var(--color-violet-700);
  }
  .bg-lg-violet-800 {
    background-color: var(--color-violet-800);
  }
  .bg-lg-violet-900 {
    background-color: var(--color-violet-900);
  }
  .bg-lg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-lg-violet-200 {
    background-color: var(--color-violet-200);
  }
  .bg-lg-violet-300 {
    background-color: var(--color-violet-300);
  }
  .bg-lg-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-lg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-lg-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-lg-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-lg-purple-800 {
    background-color: var(--color-purple-800);
  }
  .bg-lg-purple-900 {
    background-color: var(--color-purple-900);
  }
  .bg-lg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-lg-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-lg-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-lg-purple-400 {
    background-color: var(--color-purple-400);
  }
  .bg-lg-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-lg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-lg-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-lg-indigo-800 {
    background-color: var(--color-indigo-800);
  }
  .bg-lg-indigo-900 {
    background-color: var(--color-indigo-900);
  }
  .bg-lg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-lg-indigo-200 {
    background-color: var(--color-indigo-200);
  }
  .bg-lg-indigo-300 {
    background-color: var(--color-indigo-300);
  }
  .bg-lg-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-lg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-lg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-lg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-lg-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-lg-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-lg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-lg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-lg-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-lg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-lg-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-lg-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-lg-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-lg-teal-800 {
    background-color: var(--color-teal-800);
  }
  .bg-lg-teal-900 {
    background-color: var(--color-teal-900);
  }
  .bg-lg-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-lg-teal-200 {
    background-color: var(--color-teal-200);
  }
  .bg-lg-teal-300 {
    background-color: var(--color-teal-300);
  }
  .bg-lg-teal-400 {
    background-color: var(--color-teal-400);
  }
  .bg-lg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-lg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-lg-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-lg-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-lg-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-lg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-lg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-lg-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-lg-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-lg-lime-500 {
    background-color: var(--color-lime-500);
  }
  .bg-lg-lime-600 {
    background-color: var(--color-lime-600);
  }
  .bg-lg-lime-700 {
    background-color: var(--color-lime-700);
  }
  .bg-lg-lime-800 {
    background-color: var(--color-lime-800);
  }
  .bg-lg-lime-900 {
    background-color: var(--color-lime-900);
  }
  .bg-lg-lime-100 {
    background-color: var(--color-lime-100);
  }
  .bg-lg-lime-200 {
    background-color: var(--color-lime-200);
  }
  .bg-lg-lime-300 {
    background-color: var(--color-lime-300);
  }
  .bg-lg-lime-400 {
    background-color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1366px) {
  .bg-xl-foreground {
    background-color: var(--color-foreground);
  }
  .bg-xl-background {
    background-color: var(--color-background);
  }
  .bg-xl-black {
    background-color: var(--color-black);
  }
  .bg-xl-white {
    background-color: var(--color-white);
  }
  .bg-xl-primary {
    background-color: var(--color-primary);
  }
  .bg-xl-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-xl-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-xl-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-xl-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-xl-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-xl-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-xl-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-xl-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-xl-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-xl-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-xl-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .bg-xl-yellow-700 {
    background-color: var(--color-yellow-700);
  }
  .bg-xl-yellow-800 {
    background-color: var(--color-yellow-800);
  }
  .bg-xl-yellow-900 {
    background-color: var(--color-yellow-900);
  }
  .bg-xl-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-xl-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-xl-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-xl-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-xl-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-xl-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-xl-orange-700 {
    background-color: var(--color-orange-700);
  }
  .bg-xl-orange-800 {
    background-color: var(--color-orange-800);
  }
  .bg-xl-orange-900 {
    background-color: var(--color-orange-900);
  }
  .bg-xl-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-xl-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-xl-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-xl-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-xl-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-xl-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-xl-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-xl-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-xl-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-xl-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-xl-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-xl-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-xl-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-xl-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-xl-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-xl-violet-700 {
    background-color: var(--color-violet-700);
  }
  .bg-xl-violet-800 {
    background-color: var(--color-violet-800);
  }
  .bg-xl-violet-900 {
    background-color: var(--color-violet-900);
  }
  .bg-xl-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-xl-violet-200 {
    background-color: var(--color-violet-200);
  }
  .bg-xl-violet-300 {
    background-color: var(--color-violet-300);
  }
  .bg-xl-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-xl-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-xl-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-xl-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-xl-purple-800 {
    background-color: var(--color-purple-800);
  }
  .bg-xl-purple-900 {
    background-color: var(--color-purple-900);
  }
  .bg-xl-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-xl-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-xl-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-xl-purple-400 {
    background-color: var(--color-purple-400);
  }
  .bg-xl-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-xl-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-xl-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-xl-indigo-800 {
    background-color: var(--color-indigo-800);
  }
  .bg-xl-indigo-900 {
    background-color: var(--color-indigo-900);
  }
  .bg-xl-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-xl-indigo-200 {
    background-color: var(--color-indigo-200);
  }
  .bg-xl-indigo-300 {
    background-color: var(--color-indigo-300);
  }
  .bg-xl-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-xl-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-xl-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-xl-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-xl-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-xl-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-xl-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-xl-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-xl-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-xl-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-xl-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-xl-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-xl-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-xl-teal-800 {
    background-color: var(--color-teal-800);
  }
  .bg-xl-teal-900 {
    background-color: var(--color-teal-900);
  }
  .bg-xl-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-xl-teal-200 {
    background-color: var(--color-teal-200);
  }
  .bg-xl-teal-300 {
    background-color: var(--color-teal-300);
  }
  .bg-xl-teal-400 {
    background-color: var(--color-teal-400);
  }
  .bg-xl-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-xl-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-xl-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-xl-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-xl-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-xl-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-xl-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-xl-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-xl-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-xl-lime-500 {
    background-color: var(--color-lime-500);
  }
  .bg-xl-lime-600 {
    background-color: var(--color-lime-600);
  }
  .bg-xl-lime-700 {
    background-color: var(--color-lime-700);
  }
  .bg-xl-lime-800 {
    background-color: var(--color-lime-800);
  }
  .bg-xl-lime-900 {
    background-color: var(--color-lime-900);
  }
  .bg-xl-lime-100 {
    background-color: var(--color-lime-100);
  }
  .bg-xl-lime-200 {
    background-color: var(--color-lime-200);
  }
  .bg-xl-lime-300 {
    background-color: var(--color-lime-300);
  }
  .bg-xl-lime-400 {
    background-color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1680px) {
  .bg-xxl-foreground {
    background-color: var(--color-foreground);
  }
  .bg-xxl-background {
    background-color: var(--color-background);
  }
  .bg-xxl-black {
    background-color: var(--color-black);
  }
  .bg-xxl-white {
    background-color: var(--color-white);
  }
  .bg-xxl-primary {
    background-color: var(--color-primary);
  }
  .bg-xxl-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-xxl-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-xxl-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-xxl-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-xxl-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-xxl-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-xxl-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-xxl-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-xxl-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-xxl-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-xxl-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .bg-xxl-yellow-700 {
    background-color: var(--color-yellow-700);
  }
  .bg-xxl-yellow-800 {
    background-color: var(--color-yellow-800);
  }
  .bg-xxl-yellow-900 {
    background-color: var(--color-yellow-900);
  }
  .bg-xxl-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-xxl-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-xxl-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-xxl-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-xxl-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-xxl-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-xxl-orange-700 {
    background-color: var(--color-orange-700);
  }
  .bg-xxl-orange-800 {
    background-color: var(--color-orange-800);
  }
  .bg-xxl-orange-900 {
    background-color: var(--color-orange-900);
  }
  .bg-xxl-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-xxl-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-xxl-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-xxl-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-xxl-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-xxl-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-xxl-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-xxl-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-xxl-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-xxl-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-xxl-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-xxl-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-xxl-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-xxl-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-xxl-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-xxl-violet-700 {
    background-color: var(--color-violet-700);
  }
  .bg-xxl-violet-800 {
    background-color: var(--color-violet-800);
  }
  .bg-xxl-violet-900 {
    background-color: var(--color-violet-900);
  }
  .bg-xxl-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-xxl-violet-200 {
    background-color: var(--color-violet-200);
  }
  .bg-xxl-violet-300 {
    background-color: var(--color-violet-300);
  }
  .bg-xxl-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-xxl-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-xxl-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-xxl-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-xxl-purple-800 {
    background-color: var(--color-purple-800);
  }
  .bg-xxl-purple-900 {
    background-color: var(--color-purple-900);
  }
  .bg-xxl-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-xxl-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-xxl-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-xxl-purple-400 {
    background-color: var(--color-purple-400);
  }
  .bg-xxl-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-xxl-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-xxl-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-xxl-indigo-800 {
    background-color: var(--color-indigo-800);
  }
  .bg-xxl-indigo-900 {
    background-color: var(--color-indigo-900);
  }
  .bg-xxl-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-xxl-indigo-200 {
    background-color: var(--color-indigo-200);
  }
  .bg-xxl-indigo-300 {
    background-color: var(--color-indigo-300);
  }
  .bg-xxl-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-xxl-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-xxl-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-xxl-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-xxl-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-xxl-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-xxl-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-xxl-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-xxl-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-xxl-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-xxl-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-xxl-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-xxl-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-xxl-teal-800 {
    background-color: var(--color-teal-800);
  }
  .bg-xxl-teal-900 {
    background-color: var(--color-teal-900);
  }
  .bg-xxl-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-xxl-teal-200 {
    background-color: var(--color-teal-200);
  }
  .bg-xxl-teal-300 {
    background-color: var(--color-teal-300);
  }
  .bg-xxl-teal-400 {
    background-color: var(--color-teal-400);
  }
  .bg-xxl-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-xxl-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-xxl-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-xxl-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-xxl-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-xxl-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-xxl-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-xxl-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-xxl-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-xxl-lime-500 {
    background-color: var(--color-lime-500);
  }
  .bg-xxl-lime-600 {
    background-color: var(--color-lime-600);
  }
  .bg-xxl-lime-700 {
    background-color: var(--color-lime-700);
  }
  .bg-xxl-lime-800 {
    background-color: var(--color-lime-800);
  }
  .bg-xxl-lime-900 {
    background-color: var(--color-lime-900);
  }
  .bg-xxl-lime-100 {
    background-color: var(--color-lime-100);
  }
  .bg-xxl-lime-200 {
    background-color: var(--color-lime-200);
  }
  .bg-xxl-lime-300 {
    background-color: var(--color-lime-300);
  }
  .bg-xxl-lime-400 {
    background-color: var(--color-lime-400);
  }
}
.border-foreground {
  border-color: var(--color-foreground);
}

.border-background {
  border-color: var(--color-background);
}

.border-black {
  border-color: var(--color-black);
}

.border-white {
  border-color: var(--color-white);
}

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

.border-gray-500 {
  border-color: var(--color-gray-500);
}

.border-gray-600 {
  border-color: var(--color-gray-600);
}

.border-gray-700 {
  border-color: var(--color-gray-700);
}

.border-gray-800 {
  border-color: var(--color-gray-800);
}

.border-gray-900 {
  border-color: var(--color-gray-900);
}

.border-gray-100 {
  border-color: var(--color-gray-100);
}

.border-gray-200 {
  border-color: var(--color-gray-200);
}

.border-gray-300 {
  border-color: var(--color-gray-300);
}

.border-gray-400 {
  border-color: var(--color-gray-400);
}

.border-yellow-500 {
  border-color: var(--color-yellow-500);
}

.border-yellow-600 {
  border-color: var(--color-yellow-600);
}

.border-yellow-700 {
  border-color: var(--color-yellow-700);
}

.border-yellow-800 {
  border-color: var(--color-yellow-800);
}

.border-yellow-900 {
  border-color: var(--color-yellow-900);
}

.border-yellow-100 {
  border-color: var(--color-yellow-100);
}

.border-yellow-200 {
  border-color: var(--color-yellow-200);
}

.border-yellow-300 {
  border-color: var(--color-yellow-300);
}

.border-yellow-400 {
  border-color: var(--color-yellow-400);
}

.border-orange-500 {
  border-color: var(--color-orange-500);
}

.border-orange-600 {
  border-color: var(--color-orange-600);
}

.border-orange-700 {
  border-color: var(--color-orange-700);
}

.border-orange-800 {
  border-color: var(--color-orange-800);
}

.border-orange-900 {
  border-color: var(--color-orange-900);
}

.border-orange-100 {
  border-color: var(--color-orange-100);
}

.border-orange-200 {
  border-color: var(--color-orange-200);
}

.border-orange-300 {
  border-color: var(--color-orange-300);
}

.border-orange-400 {
  border-color: var(--color-orange-400);
}

.border-red-500 {
  border-color: var(--color-red-500);
}

.border-red-600 {
  border-color: var(--color-red-600);
}

.border-red-700 {
  border-color: var(--color-red-700);
}

.border-red-800 {
  border-color: var(--color-red-800);
}

.border-red-900 {
  border-color: var(--color-red-900);
}

.border-red-100 {
  border-color: var(--color-red-100);
}

.border-red-200 {
  border-color: var(--color-red-200);
}

.border-red-300 {
  border-color: var(--color-red-300);
}

.border-red-400 {
  border-color: var(--color-red-400);
}

.border-violet-500 {
  border-color: var(--color-violet-500);
}

.border-violet-600 {
  border-color: var(--color-violet-600);
}

.border-violet-700 {
  border-color: var(--color-violet-700);
}

.border-violet-800 {
  border-color: var(--color-violet-800);
}

.border-violet-900 {
  border-color: var(--color-violet-900);
}

.border-violet-100 {
  border-color: var(--color-violet-100);
}

.border-violet-200 {
  border-color: var(--color-violet-200);
}

.border-violet-300 {
  border-color: var(--color-violet-300);
}

.border-violet-400 {
  border-color: var(--color-violet-400);
}

.border-purple-500 {
  border-color: var(--color-purple-500);
}

.border-purple-600 {
  border-color: var(--color-purple-600);
}

.border-purple-700 {
  border-color: var(--color-purple-700);
}

.border-purple-800 {
  border-color: var(--color-purple-800);
}

.border-purple-900 {
  border-color: var(--color-purple-900);
}

.border-purple-100 {
  border-color: var(--color-purple-100);
}

.border-purple-200 {
  border-color: var(--color-purple-200);
}

.border-purple-300 {
  border-color: var(--color-purple-300);
}

.border-purple-400 {
  border-color: var(--color-purple-400);
}

.border-indigo-500 {
  border-color: var(--color-indigo-500);
}

.border-indigo-600 {
  border-color: var(--color-indigo-600);
}

.border-indigo-700 {
  border-color: var(--color-indigo-700);
}

.border-indigo-800 {
  border-color: var(--color-indigo-800);
}

.border-indigo-900 {
  border-color: var(--color-indigo-900);
}

.border-indigo-100 {
  border-color: var(--color-indigo-100);
}

.border-indigo-200 {
  border-color: var(--color-indigo-200);
}

.border-indigo-300 {
  border-color: var(--color-indigo-300);
}

.border-indigo-400 {
  border-color: var(--color-indigo-400);
}

.border-blue-500 {
  border-color: var(--color-blue-500);
}

.border-blue-600 {
  border-color: var(--color-blue-600);
}

.border-blue-700 {
  border-color: var(--color-blue-700);
}

.border-blue-800 {
  border-color: var(--color-blue-800);
}

.border-blue-900 {
  border-color: var(--color-blue-900);
}

.border-blue-100 {
  border-color: var(--color-blue-100);
}

.border-blue-200 {
  border-color: var(--color-blue-200);
}

.border-blue-300 {
  border-color: var(--color-blue-300);
}

.border-blue-400 {
  border-color: var(--color-blue-400);
}

.border-teal-500 {
  border-color: var(--color-teal-500);
}

.border-teal-600 {
  border-color: var(--color-teal-600);
}

.border-teal-700 {
  border-color: var(--color-teal-700);
}

.border-teal-800 {
  border-color: var(--color-teal-800);
}

.border-teal-900 {
  border-color: var(--color-teal-900);
}

.border-teal-100 {
  border-color: var(--color-teal-100);
}

.border-teal-200 {
  border-color: var(--color-teal-200);
}

.border-teal-300 {
  border-color: var(--color-teal-300);
}

.border-teal-400 {
  border-color: var(--color-teal-400);
}

.border-green-500 {
  border-color: var(--color-green-500);
}

.border-green-600 {
  border-color: var(--color-green-600);
}

.border-green-700 {
  border-color: var(--color-green-700);
}

.border-green-800 {
  border-color: var(--color-green-800);
}

.border-green-900 {
  border-color: var(--color-green-900);
}

.border-green-100 {
  border-color: var(--color-green-100);
}

.border-green-200 {
  border-color: var(--color-green-200);
}

.border-green-300 {
  border-color: var(--color-green-300);
}

.border-green-400 {
  border-color: var(--color-green-400);
}

.border-lime-500 {
  border-color: var(--color-lime-500);
}

.border-lime-600 {
  border-color: var(--color-lime-600);
}

.border-lime-700 {
  border-color: var(--color-lime-700);
}

.border-lime-800 {
  border-color: var(--color-lime-800);
}

.border-lime-900 {
  border-color: var(--color-lime-900);
}

.border-lime-100 {
  border-color: var(--color-lime-100);
}

.border-lime-200 {
  border-color: var(--color-lime-200);
}

.border-lime-300 {
  border-color: var(--color-lime-300);
}

.border-lime-400 {
  border-color: var(--color-lime-400);
}

@media only screen and (min-width: 420px) {
  .border-sm-foreground {
    border-color: var(--color-foreground);
  }
  .border-sm-background {
    border-color: var(--color-background);
  }
  .border-sm-black {
    border-color: var(--color-black);
  }
  .border-sm-white {
    border-color: var(--color-white);
  }
  .border-sm-primary {
    border-color: var(--color-primary);
  }
  .border-sm-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-sm-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-sm-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-sm-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-sm-gray-900 {
    border-color: var(--color-gray-900);
  }
  .border-sm-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-sm-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-sm-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-sm-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-sm-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .border-sm-yellow-600 {
    border-color: var(--color-yellow-600);
  }
  .border-sm-yellow-700 {
    border-color: var(--color-yellow-700);
  }
  .border-sm-yellow-800 {
    border-color: var(--color-yellow-800);
  }
  .border-sm-yellow-900 {
    border-color: var(--color-yellow-900);
  }
  .border-sm-yellow-100 {
    border-color: var(--color-yellow-100);
  }
  .border-sm-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-sm-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .border-sm-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .border-sm-orange-500 {
    border-color: var(--color-orange-500);
  }
  .border-sm-orange-600 {
    border-color: var(--color-orange-600);
  }
  .border-sm-orange-700 {
    border-color: var(--color-orange-700);
  }
  .border-sm-orange-800 {
    border-color: var(--color-orange-800);
  }
  .border-sm-orange-900 {
    border-color: var(--color-orange-900);
  }
  .border-sm-orange-100 {
    border-color: var(--color-orange-100);
  }
  .border-sm-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-sm-orange-300 {
    border-color: var(--color-orange-300);
  }
  .border-sm-orange-400 {
    border-color: var(--color-orange-400);
  }
  .border-sm-red-500 {
    border-color: var(--color-red-500);
  }
  .border-sm-red-600 {
    border-color: var(--color-red-600);
  }
  .border-sm-red-700 {
    border-color: var(--color-red-700);
  }
  .border-sm-red-800 {
    border-color: var(--color-red-800);
  }
  .border-sm-red-900 {
    border-color: var(--color-red-900);
  }
  .border-sm-red-100 {
    border-color: var(--color-red-100);
  }
  .border-sm-red-200 {
    border-color: var(--color-red-200);
  }
  .border-sm-red-300 {
    border-color: var(--color-red-300);
  }
  .border-sm-red-400 {
    border-color: var(--color-red-400);
  }
  .border-sm-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-sm-violet-600 {
    border-color: var(--color-violet-600);
  }
  .border-sm-violet-700 {
    border-color: var(--color-violet-700);
  }
  .border-sm-violet-800 {
    border-color: var(--color-violet-800);
  }
  .border-sm-violet-900 {
    border-color: var(--color-violet-900);
  }
  .border-sm-violet-100 {
    border-color: var(--color-violet-100);
  }
  .border-sm-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-sm-violet-300 {
    border-color: var(--color-violet-300);
  }
  .border-sm-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-sm-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-sm-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-sm-purple-700 {
    border-color: var(--color-purple-700);
  }
  .border-sm-purple-800 {
    border-color: var(--color-purple-800);
  }
  .border-sm-purple-900 {
    border-color: var(--color-purple-900);
  }
  .border-sm-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-sm-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-sm-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-sm-purple-400 {
    border-color: var(--color-purple-400);
  }
  .border-sm-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-sm-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-sm-indigo-700 {
    border-color: var(--color-indigo-700);
  }
  .border-sm-indigo-800 {
    border-color: var(--color-indigo-800);
  }
  .border-sm-indigo-900 {
    border-color: var(--color-indigo-900);
  }
  .border-sm-indigo-100 {
    border-color: var(--color-indigo-100);
  }
  .border-sm-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-sm-indigo-300 {
    border-color: var(--color-indigo-300);
  }
  .border-sm-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-sm-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-sm-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-sm-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-sm-blue-800 {
    border-color: var(--color-blue-800);
  }
  .border-sm-blue-900 {
    border-color: var(--color-blue-900);
  }
  .border-sm-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-sm-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-sm-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-sm-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-sm-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-sm-teal-600 {
    border-color: var(--color-teal-600);
  }
  .border-sm-teal-700 {
    border-color: var(--color-teal-700);
  }
  .border-sm-teal-800 {
    border-color: var(--color-teal-800);
  }
  .border-sm-teal-900 {
    border-color: var(--color-teal-900);
  }
  .border-sm-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-sm-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-sm-teal-300 {
    border-color: var(--color-teal-300);
  }
  .border-sm-teal-400 {
    border-color: var(--color-teal-400);
  }
  .border-sm-green-500 {
    border-color: var(--color-green-500);
  }
  .border-sm-green-600 {
    border-color: var(--color-green-600);
  }
  .border-sm-green-700 {
    border-color: var(--color-green-700);
  }
  .border-sm-green-800 {
    border-color: var(--color-green-800);
  }
  .border-sm-green-900 {
    border-color: var(--color-green-900);
  }
  .border-sm-green-100 {
    border-color: var(--color-green-100);
  }
  .border-sm-green-200 {
    border-color: var(--color-green-200);
  }
  .border-sm-green-300 {
    border-color: var(--color-green-300);
  }
  .border-sm-green-400 {
    border-color: var(--color-green-400);
  }
  .border-sm-lime-500 {
    border-color: var(--color-lime-500);
  }
  .border-sm-lime-600 {
    border-color: var(--color-lime-600);
  }
  .border-sm-lime-700 {
    border-color: var(--color-lime-700);
  }
  .border-sm-lime-800 {
    border-color: var(--color-lime-800);
  }
  .border-sm-lime-900 {
    border-color: var(--color-lime-900);
  }
  .border-sm-lime-100 {
    border-color: var(--color-lime-100);
  }
  .border-sm-lime-200 {
    border-color: var(--color-lime-200);
  }
  .border-sm-lime-300 {
    border-color: var(--color-lime-300);
  }
  .border-sm-lime-400 {
    border-color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 768px) {
  .border-md-foreground {
    border-color: var(--color-foreground);
  }
  .border-md-background {
    border-color: var(--color-background);
  }
  .border-md-black {
    border-color: var(--color-black);
  }
  .border-md-white {
    border-color: var(--color-white);
  }
  .border-md-primary {
    border-color: var(--color-primary);
  }
  .border-md-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-md-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-md-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-md-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-md-gray-900 {
    border-color: var(--color-gray-900);
  }
  .border-md-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-md-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-md-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-md-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-md-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .border-md-yellow-600 {
    border-color: var(--color-yellow-600);
  }
  .border-md-yellow-700 {
    border-color: var(--color-yellow-700);
  }
  .border-md-yellow-800 {
    border-color: var(--color-yellow-800);
  }
  .border-md-yellow-900 {
    border-color: var(--color-yellow-900);
  }
  .border-md-yellow-100 {
    border-color: var(--color-yellow-100);
  }
  .border-md-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-md-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .border-md-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .border-md-orange-500 {
    border-color: var(--color-orange-500);
  }
  .border-md-orange-600 {
    border-color: var(--color-orange-600);
  }
  .border-md-orange-700 {
    border-color: var(--color-orange-700);
  }
  .border-md-orange-800 {
    border-color: var(--color-orange-800);
  }
  .border-md-orange-900 {
    border-color: var(--color-orange-900);
  }
  .border-md-orange-100 {
    border-color: var(--color-orange-100);
  }
  .border-md-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-md-orange-300 {
    border-color: var(--color-orange-300);
  }
  .border-md-orange-400 {
    border-color: var(--color-orange-400);
  }
  .border-md-red-500 {
    border-color: var(--color-red-500);
  }
  .border-md-red-600 {
    border-color: var(--color-red-600);
  }
  .border-md-red-700 {
    border-color: var(--color-red-700);
  }
  .border-md-red-800 {
    border-color: var(--color-red-800);
  }
  .border-md-red-900 {
    border-color: var(--color-red-900);
  }
  .border-md-red-100 {
    border-color: var(--color-red-100);
  }
  .border-md-red-200 {
    border-color: var(--color-red-200);
  }
  .border-md-red-300 {
    border-color: var(--color-red-300);
  }
  .border-md-red-400 {
    border-color: var(--color-red-400);
  }
  .border-md-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-md-violet-600 {
    border-color: var(--color-violet-600);
  }
  .border-md-violet-700 {
    border-color: var(--color-violet-700);
  }
  .border-md-violet-800 {
    border-color: var(--color-violet-800);
  }
  .border-md-violet-900 {
    border-color: var(--color-violet-900);
  }
  .border-md-violet-100 {
    border-color: var(--color-violet-100);
  }
  .border-md-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-md-violet-300 {
    border-color: var(--color-violet-300);
  }
  .border-md-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-md-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-md-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-md-purple-700 {
    border-color: var(--color-purple-700);
  }
  .border-md-purple-800 {
    border-color: var(--color-purple-800);
  }
  .border-md-purple-900 {
    border-color: var(--color-purple-900);
  }
  .border-md-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-md-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-md-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-md-purple-400 {
    border-color: var(--color-purple-400);
  }
  .border-md-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-md-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-md-indigo-700 {
    border-color: var(--color-indigo-700);
  }
  .border-md-indigo-800 {
    border-color: var(--color-indigo-800);
  }
  .border-md-indigo-900 {
    border-color: var(--color-indigo-900);
  }
  .border-md-indigo-100 {
    border-color: var(--color-indigo-100);
  }
  .border-md-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-md-indigo-300 {
    border-color: var(--color-indigo-300);
  }
  .border-md-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-md-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-md-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-md-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-md-blue-800 {
    border-color: var(--color-blue-800);
  }
  .border-md-blue-900 {
    border-color: var(--color-blue-900);
  }
  .border-md-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-md-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-md-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-md-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-md-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-md-teal-600 {
    border-color: var(--color-teal-600);
  }
  .border-md-teal-700 {
    border-color: var(--color-teal-700);
  }
  .border-md-teal-800 {
    border-color: var(--color-teal-800);
  }
  .border-md-teal-900 {
    border-color: var(--color-teal-900);
  }
  .border-md-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-md-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-md-teal-300 {
    border-color: var(--color-teal-300);
  }
  .border-md-teal-400 {
    border-color: var(--color-teal-400);
  }
  .border-md-green-500 {
    border-color: var(--color-green-500);
  }
  .border-md-green-600 {
    border-color: var(--color-green-600);
  }
  .border-md-green-700 {
    border-color: var(--color-green-700);
  }
  .border-md-green-800 {
    border-color: var(--color-green-800);
  }
  .border-md-green-900 {
    border-color: var(--color-green-900);
  }
  .border-md-green-100 {
    border-color: var(--color-green-100);
  }
  .border-md-green-200 {
    border-color: var(--color-green-200);
  }
  .border-md-green-300 {
    border-color: var(--color-green-300);
  }
  .border-md-green-400 {
    border-color: var(--color-green-400);
  }
  .border-md-lime-500 {
    border-color: var(--color-lime-500);
  }
  .border-md-lime-600 {
    border-color: var(--color-lime-600);
  }
  .border-md-lime-700 {
    border-color: var(--color-lime-700);
  }
  .border-md-lime-800 {
    border-color: var(--color-lime-800);
  }
  .border-md-lime-900 {
    border-color: var(--color-lime-900);
  }
  .border-md-lime-100 {
    border-color: var(--color-lime-100);
  }
  .border-md-lime-200 {
    border-color: var(--color-lime-200);
  }
  .border-md-lime-300 {
    border-color: var(--color-lime-300);
  }
  .border-md-lime-400 {
    border-color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1024px) {
  .border-lg-foreground {
    border-color: var(--color-foreground);
  }
  .border-lg-background {
    border-color: var(--color-background);
  }
  .border-lg-black {
    border-color: var(--color-black);
  }
  .border-lg-white {
    border-color: var(--color-white);
  }
  .border-lg-primary {
    border-color: var(--color-primary);
  }
  .border-lg-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-lg-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-lg-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-lg-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-lg-gray-900 {
    border-color: var(--color-gray-900);
  }
  .border-lg-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-lg-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-lg-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-lg-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-lg-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .border-lg-yellow-600 {
    border-color: var(--color-yellow-600);
  }
  .border-lg-yellow-700 {
    border-color: var(--color-yellow-700);
  }
  .border-lg-yellow-800 {
    border-color: var(--color-yellow-800);
  }
  .border-lg-yellow-900 {
    border-color: var(--color-yellow-900);
  }
  .border-lg-yellow-100 {
    border-color: var(--color-yellow-100);
  }
  .border-lg-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-lg-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .border-lg-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .border-lg-orange-500 {
    border-color: var(--color-orange-500);
  }
  .border-lg-orange-600 {
    border-color: var(--color-orange-600);
  }
  .border-lg-orange-700 {
    border-color: var(--color-orange-700);
  }
  .border-lg-orange-800 {
    border-color: var(--color-orange-800);
  }
  .border-lg-orange-900 {
    border-color: var(--color-orange-900);
  }
  .border-lg-orange-100 {
    border-color: var(--color-orange-100);
  }
  .border-lg-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-lg-orange-300 {
    border-color: var(--color-orange-300);
  }
  .border-lg-orange-400 {
    border-color: var(--color-orange-400);
  }
  .border-lg-red-500 {
    border-color: var(--color-red-500);
  }
  .border-lg-red-600 {
    border-color: var(--color-red-600);
  }
  .border-lg-red-700 {
    border-color: var(--color-red-700);
  }
  .border-lg-red-800 {
    border-color: var(--color-red-800);
  }
  .border-lg-red-900 {
    border-color: var(--color-red-900);
  }
  .border-lg-red-100 {
    border-color: var(--color-red-100);
  }
  .border-lg-red-200 {
    border-color: var(--color-red-200);
  }
  .border-lg-red-300 {
    border-color: var(--color-red-300);
  }
  .border-lg-red-400 {
    border-color: var(--color-red-400);
  }
  .border-lg-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-lg-violet-600 {
    border-color: var(--color-violet-600);
  }
  .border-lg-violet-700 {
    border-color: var(--color-violet-700);
  }
  .border-lg-violet-800 {
    border-color: var(--color-violet-800);
  }
  .border-lg-violet-900 {
    border-color: var(--color-violet-900);
  }
  .border-lg-violet-100 {
    border-color: var(--color-violet-100);
  }
  .border-lg-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-lg-violet-300 {
    border-color: var(--color-violet-300);
  }
  .border-lg-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-lg-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-lg-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-lg-purple-700 {
    border-color: var(--color-purple-700);
  }
  .border-lg-purple-800 {
    border-color: var(--color-purple-800);
  }
  .border-lg-purple-900 {
    border-color: var(--color-purple-900);
  }
  .border-lg-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-lg-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-lg-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-lg-purple-400 {
    border-color: var(--color-purple-400);
  }
  .border-lg-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-lg-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-lg-indigo-700 {
    border-color: var(--color-indigo-700);
  }
  .border-lg-indigo-800 {
    border-color: var(--color-indigo-800);
  }
  .border-lg-indigo-900 {
    border-color: var(--color-indigo-900);
  }
  .border-lg-indigo-100 {
    border-color: var(--color-indigo-100);
  }
  .border-lg-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-lg-indigo-300 {
    border-color: var(--color-indigo-300);
  }
  .border-lg-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-lg-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-lg-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-lg-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-lg-blue-800 {
    border-color: var(--color-blue-800);
  }
  .border-lg-blue-900 {
    border-color: var(--color-blue-900);
  }
  .border-lg-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-lg-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-lg-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-lg-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-lg-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-lg-teal-600 {
    border-color: var(--color-teal-600);
  }
  .border-lg-teal-700 {
    border-color: var(--color-teal-700);
  }
  .border-lg-teal-800 {
    border-color: var(--color-teal-800);
  }
  .border-lg-teal-900 {
    border-color: var(--color-teal-900);
  }
  .border-lg-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-lg-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-lg-teal-300 {
    border-color: var(--color-teal-300);
  }
  .border-lg-teal-400 {
    border-color: var(--color-teal-400);
  }
  .border-lg-green-500 {
    border-color: var(--color-green-500);
  }
  .border-lg-green-600 {
    border-color: var(--color-green-600);
  }
  .border-lg-green-700 {
    border-color: var(--color-green-700);
  }
  .border-lg-green-800 {
    border-color: var(--color-green-800);
  }
  .border-lg-green-900 {
    border-color: var(--color-green-900);
  }
  .border-lg-green-100 {
    border-color: var(--color-green-100);
  }
  .border-lg-green-200 {
    border-color: var(--color-green-200);
  }
  .border-lg-green-300 {
    border-color: var(--color-green-300);
  }
  .border-lg-green-400 {
    border-color: var(--color-green-400);
  }
  .border-lg-lime-500 {
    border-color: var(--color-lime-500);
  }
  .border-lg-lime-600 {
    border-color: var(--color-lime-600);
  }
  .border-lg-lime-700 {
    border-color: var(--color-lime-700);
  }
  .border-lg-lime-800 {
    border-color: var(--color-lime-800);
  }
  .border-lg-lime-900 {
    border-color: var(--color-lime-900);
  }
  .border-lg-lime-100 {
    border-color: var(--color-lime-100);
  }
  .border-lg-lime-200 {
    border-color: var(--color-lime-200);
  }
  .border-lg-lime-300 {
    border-color: var(--color-lime-300);
  }
  .border-lg-lime-400 {
    border-color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1366px) {
  .border-xl-foreground {
    border-color: var(--color-foreground);
  }
  .border-xl-background {
    border-color: var(--color-background);
  }
  .border-xl-black {
    border-color: var(--color-black);
  }
  .border-xl-white {
    border-color: var(--color-white);
  }
  .border-xl-primary {
    border-color: var(--color-primary);
  }
  .border-xl-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-xl-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-xl-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-xl-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-xl-gray-900 {
    border-color: var(--color-gray-900);
  }
  .border-xl-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-xl-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-xl-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-xl-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-xl-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .border-xl-yellow-600 {
    border-color: var(--color-yellow-600);
  }
  .border-xl-yellow-700 {
    border-color: var(--color-yellow-700);
  }
  .border-xl-yellow-800 {
    border-color: var(--color-yellow-800);
  }
  .border-xl-yellow-900 {
    border-color: var(--color-yellow-900);
  }
  .border-xl-yellow-100 {
    border-color: var(--color-yellow-100);
  }
  .border-xl-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-xl-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .border-xl-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .border-xl-orange-500 {
    border-color: var(--color-orange-500);
  }
  .border-xl-orange-600 {
    border-color: var(--color-orange-600);
  }
  .border-xl-orange-700 {
    border-color: var(--color-orange-700);
  }
  .border-xl-orange-800 {
    border-color: var(--color-orange-800);
  }
  .border-xl-orange-900 {
    border-color: var(--color-orange-900);
  }
  .border-xl-orange-100 {
    border-color: var(--color-orange-100);
  }
  .border-xl-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-xl-orange-300 {
    border-color: var(--color-orange-300);
  }
  .border-xl-orange-400 {
    border-color: var(--color-orange-400);
  }
  .border-xl-red-500 {
    border-color: var(--color-red-500);
  }
  .border-xl-red-600 {
    border-color: var(--color-red-600);
  }
  .border-xl-red-700 {
    border-color: var(--color-red-700);
  }
  .border-xl-red-800 {
    border-color: var(--color-red-800);
  }
  .border-xl-red-900 {
    border-color: var(--color-red-900);
  }
  .border-xl-red-100 {
    border-color: var(--color-red-100);
  }
  .border-xl-red-200 {
    border-color: var(--color-red-200);
  }
  .border-xl-red-300 {
    border-color: var(--color-red-300);
  }
  .border-xl-red-400 {
    border-color: var(--color-red-400);
  }
  .border-xl-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-xl-violet-600 {
    border-color: var(--color-violet-600);
  }
  .border-xl-violet-700 {
    border-color: var(--color-violet-700);
  }
  .border-xl-violet-800 {
    border-color: var(--color-violet-800);
  }
  .border-xl-violet-900 {
    border-color: var(--color-violet-900);
  }
  .border-xl-violet-100 {
    border-color: var(--color-violet-100);
  }
  .border-xl-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-xl-violet-300 {
    border-color: var(--color-violet-300);
  }
  .border-xl-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-xl-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-xl-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-xl-purple-700 {
    border-color: var(--color-purple-700);
  }
  .border-xl-purple-800 {
    border-color: var(--color-purple-800);
  }
  .border-xl-purple-900 {
    border-color: var(--color-purple-900);
  }
  .border-xl-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-xl-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-xl-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-xl-purple-400 {
    border-color: var(--color-purple-400);
  }
  .border-xl-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-xl-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-xl-indigo-700 {
    border-color: var(--color-indigo-700);
  }
  .border-xl-indigo-800 {
    border-color: var(--color-indigo-800);
  }
  .border-xl-indigo-900 {
    border-color: var(--color-indigo-900);
  }
  .border-xl-indigo-100 {
    border-color: var(--color-indigo-100);
  }
  .border-xl-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-xl-indigo-300 {
    border-color: var(--color-indigo-300);
  }
  .border-xl-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-xl-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-xl-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-xl-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-xl-blue-800 {
    border-color: var(--color-blue-800);
  }
  .border-xl-blue-900 {
    border-color: var(--color-blue-900);
  }
  .border-xl-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-xl-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-xl-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-xl-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-xl-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-xl-teal-600 {
    border-color: var(--color-teal-600);
  }
  .border-xl-teal-700 {
    border-color: var(--color-teal-700);
  }
  .border-xl-teal-800 {
    border-color: var(--color-teal-800);
  }
  .border-xl-teal-900 {
    border-color: var(--color-teal-900);
  }
  .border-xl-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-xl-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-xl-teal-300 {
    border-color: var(--color-teal-300);
  }
  .border-xl-teal-400 {
    border-color: var(--color-teal-400);
  }
  .border-xl-green-500 {
    border-color: var(--color-green-500);
  }
  .border-xl-green-600 {
    border-color: var(--color-green-600);
  }
  .border-xl-green-700 {
    border-color: var(--color-green-700);
  }
  .border-xl-green-800 {
    border-color: var(--color-green-800);
  }
  .border-xl-green-900 {
    border-color: var(--color-green-900);
  }
  .border-xl-green-100 {
    border-color: var(--color-green-100);
  }
  .border-xl-green-200 {
    border-color: var(--color-green-200);
  }
  .border-xl-green-300 {
    border-color: var(--color-green-300);
  }
  .border-xl-green-400 {
    border-color: var(--color-green-400);
  }
  .border-xl-lime-500 {
    border-color: var(--color-lime-500);
  }
  .border-xl-lime-600 {
    border-color: var(--color-lime-600);
  }
  .border-xl-lime-700 {
    border-color: var(--color-lime-700);
  }
  .border-xl-lime-800 {
    border-color: var(--color-lime-800);
  }
  .border-xl-lime-900 {
    border-color: var(--color-lime-900);
  }
  .border-xl-lime-100 {
    border-color: var(--color-lime-100);
  }
  .border-xl-lime-200 {
    border-color: var(--color-lime-200);
  }
  .border-xl-lime-300 {
    border-color: var(--color-lime-300);
  }
  .border-xl-lime-400 {
    border-color: var(--color-lime-400);
  }
}
@media only screen and (min-width: 1680px) {
  .border-xxl-foreground {
    border-color: var(--color-foreground);
  }
  .border-xxl-background {
    border-color: var(--color-background);
  }
  .border-xxl-black {
    border-color: var(--color-black);
  }
  .border-xxl-white {
    border-color: var(--color-white);
  }
  .border-xxl-primary {
    border-color: var(--color-primary);
  }
  .border-xxl-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-xxl-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-xxl-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-xxl-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-xxl-gray-900 {
    border-color: var(--color-gray-900);
  }
  .border-xxl-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-xxl-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-xxl-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-xxl-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-xxl-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .border-xxl-yellow-600 {
    border-color: var(--color-yellow-600);
  }
  .border-xxl-yellow-700 {
    border-color: var(--color-yellow-700);
  }
  .border-xxl-yellow-800 {
    border-color: var(--color-yellow-800);
  }
  .border-xxl-yellow-900 {
    border-color: var(--color-yellow-900);
  }
  .border-xxl-yellow-100 {
    border-color: var(--color-yellow-100);
  }
  .border-xxl-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-xxl-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .border-xxl-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .border-xxl-orange-500 {
    border-color: var(--color-orange-500);
  }
  .border-xxl-orange-600 {
    border-color: var(--color-orange-600);
  }
  .border-xxl-orange-700 {
    border-color: var(--color-orange-700);
  }
  .border-xxl-orange-800 {
    border-color: var(--color-orange-800);
  }
  .border-xxl-orange-900 {
    border-color: var(--color-orange-900);
  }
  .border-xxl-orange-100 {
    border-color: var(--color-orange-100);
  }
  .border-xxl-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-xxl-orange-300 {
    border-color: var(--color-orange-300);
  }
  .border-xxl-orange-400 {
    border-color: var(--color-orange-400);
  }
  .border-xxl-red-500 {
    border-color: var(--color-red-500);
  }
  .border-xxl-red-600 {
    border-color: var(--color-red-600);
  }
  .border-xxl-red-700 {
    border-color: var(--color-red-700);
  }
  .border-xxl-red-800 {
    border-color: var(--color-red-800);
  }
  .border-xxl-red-900 {
    border-color: var(--color-red-900);
  }
  .border-xxl-red-100 {
    border-color: var(--color-red-100);
  }
  .border-xxl-red-200 {
    border-color: var(--color-red-200);
  }
  .border-xxl-red-300 {
    border-color: var(--color-red-300);
  }
  .border-xxl-red-400 {
    border-color: var(--color-red-400);
  }
  .border-xxl-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-xxl-violet-600 {
    border-color: var(--color-violet-600);
  }
  .border-xxl-violet-700 {
    border-color: var(--color-violet-700);
  }
  .border-xxl-violet-800 {
    border-color: var(--color-violet-800);
  }
  .border-xxl-violet-900 {
    border-color: var(--color-violet-900);
  }
  .border-xxl-violet-100 {
    border-color: var(--color-violet-100);
  }
  .border-xxl-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-xxl-violet-300 {
    border-color: var(--color-violet-300);
  }
  .border-xxl-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-xxl-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-xxl-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-xxl-purple-700 {
    border-color: var(--color-purple-700);
  }
  .border-xxl-purple-800 {
    border-color: var(--color-purple-800);
  }
  .border-xxl-purple-900 {
    border-color: var(--color-purple-900);
  }
  .border-xxl-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-xxl-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-xxl-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-xxl-purple-400 {
    border-color: var(--color-purple-400);
  }
  .border-xxl-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-xxl-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-xxl-indigo-700 {
    border-color: var(--color-indigo-700);
  }
  .border-xxl-indigo-800 {
    border-color: var(--color-indigo-800);
  }
  .border-xxl-indigo-900 {
    border-color: var(--color-indigo-900);
  }
  .border-xxl-indigo-100 {
    border-color: var(--color-indigo-100);
  }
  .border-xxl-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-xxl-indigo-300 {
    border-color: var(--color-indigo-300);
  }
  .border-xxl-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-xxl-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-xxl-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-xxl-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-xxl-blue-800 {
    border-color: var(--color-blue-800);
  }
  .border-xxl-blue-900 {
    border-color: var(--color-blue-900);
  }
  .border-xxl-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-xxl-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-xxl-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-xxl-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-xxl-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-xxl-teal-600 {
    border-color: var(--color-teal-600);
  }
  .border-xxl-teal-700 {
    border-color: var(--color-teal-700);
  }
  .border-xxl-teal-800 {
    border-color: var(--color-teal-800);
  }
  .border-xxl-teal-900 {
    border-color: var(--color-teal-900);
  }
  .border-xxl-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-xxl-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-xxl-teal-300 {
    border-color: var(--color-teal-300);
  }
  .border-xxl-teal-400 {
    border-color: var(--color-teal-400);
  }
  .border-xxl-green-500 {
    border-color: var(--color-green-500);
  }
  .border-xxl-green-600 {
    border-color: var(--color-green-600);
  }
  .border-xxl-green-700 {
    border-color: var(--color-green-700);
  }
  .border-xxl-green-800 {
    border-color: var(--color-green-800);
  }
  .border-xxl-green-900 {
    border-color: var(--color-green-900);
  }
  .border-xxl-green-100 {
    border-color: var(--color-green-100);
  }
  .border-xxl-green-200 {
    border-color: var(--color-green-200);
  }
  .border-xxl-green-300 {
    border-color: var(--color-green-300);
  }
  .border-xxl-green-400 {
    border-color: var(--color-green-400);
  }
  .border-xxl-lime-500 {
    border-color: var(--color-lime-500);
  }
  .border-xxl-lime-600 {
    border-color: var(--color-lime-600);
  }
  .border-xxl-lime-700 {
    border-color: var(--color-lime-700);
  }
  .border-xxl-lime-800 {
    border-color: var(--color-lime-800);
  }
  .border-xxl-lime-900 {
    border-color: var(--color-lime-900);
  }
  .border-xxl-lime-100 {
    border-color: var(--color-lime-100);
  }
  .border-xxl-lime-200 {
    border-color: var(--color-lime-200);
  }
  .border-xxl-lime-300 {
    border-color: var(--color-lime-300);
  }
  .border-xxl-lime-400 {
    border-color: var(--color-lime-400);
  }
}
[data-color-scheme=dark] {
  --color-foreground: #ffffff;
  --color-background: #1a1a1d;
  --color-black: #1a1a1d;
  --color-white: #ffffff;
  --color-primary: #3F00FF;
}

ul.reset,
ol.reset {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

html {
  font-size: 16px;
  line-height: 1.2;
}

body {
  color: var(--color-foreground);
  font-family: "Nunito", sans-serif;
  background-color: var(--color-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, .h1 {
  font-size: 4rem;
  letter-spacing: -0.03125rem;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 6rem;
    letter-spacing: -0.09375rem;
    line-height: 1;
    font-weight: bold;
  }
}

h2, .h2 {
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  h2, .h2 {
    font-size: 4rem;
    letter-spacing: -0.03125rem;
    line-height: 1;
    font-weight: bold;
  }
}

h3, .h3 {
  font-size: 2rem;
  letter-spacing: 0.015625rem;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  h3, .h3 {
    font-size: 3rem;
    letter-spacing: 0;
    line-height: 1;
    font-weight: bold;
  }
}

h4, .h4 {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  h4, .h4 {
    font-size: 2rem;
    letter-spacing: 0.015625rem;
    line-height: 1;
    font-weight: bold;
  }
}

h5, .h5 {
  font-size: 1.25rem;
  letter-spacing: 0.009375rem;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  h5, .h5 {
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1;
    font-weight: bold;
  }
}

h6, .h6 {
  font-size: 1rem;
  letter-spacing: 0.009375rem;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  h6, .h6 {
    font-size: 1.25rem;
    letter-spacing: 0.009375rem;
    line-height: 1;
    font-weight: bold;
  }
}

.p1 {
  font-size: 1.5rem;
  letter-spacing: 0.01875rem;
  line-height: 1.5;
}

.p2 {
  font-size: 1.25rem;
  letter-spacing: 0.0125rem;
  line-height: 1.5;
}

p {
  font-size: 1rem;
  letter-spacing: 0.0125rem;
  line-height: 1.5;
}

.p3, figcaption {
  font-size: 0.875rem;
  letter-spacing: 0.025rem;
  line-height: 1.5;
}

.p4, small {
  font-size: 0.75rem;
  letter-spacing: 0.0375rem;
  line-height: 1.5;
}

.supertitle {
  font-size: 0.875rem;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  font-weight: 500;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}

.font-paragraph {
  font-family: "Nunito", sans-serif !important;
}

.font-heading {
  font-family: "Roboto", sans-serif !important;
}

.font-mono {
  font-family: monospace !important;
}

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

.text-ultra-light,
.font-ultra-light {
  font-weight: 200 !important;
}

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

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

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

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

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

.text-ultra-bold,
.font-ultra-bold {
  font-weight: 800 !important;
}

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

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

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

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

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

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

@media only screen and (min-width: 420px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1366px) {
  .text-xl-left {
    text-align: left;
  }
  .text-xl-right {
    text-align: right;
  }
  .text-xl-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1680px) {
  .text-xxl-left {
    text-align: left;
  }
  .text-xxl-right {
    text-align: right;
  }
  .text-xxl-center {
    text-align: center;
  }
}
.text-italic,
.font-italic {
  font-style: italic;
}

.text-underline {
  text-decoration: underline;
}

.text-overline {
  text-decoration: overline;
}

.text-line-through {
  text-decoration: line-through;
}

.text-none, .text-decoration-none {
  text-decoration: none;
}

@media only screen and (min-width: 420px) {
  .text-sm-underline {
    text-decoration: underline;
  }
  .text-sm-overline {
    text-decoration: overline;
  }
  .text-sm-line-through {
    text-decoration: line-through;
  }
  .text-sm-none, .text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (min-width: 768px) {
  .text-md-underline {
    text-decoration: underline;
  }
  .text-md-overline {
    text-decoration: overline;
  }
  .text-md-line-through {
    text-decoration: line-through;
  }
  .text-md-none, .text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (min-width: 1024px) {
  .text-lg-underline {
    text-decoration: underline;
  }
  .text-lg-overline {
    text-decoration: overline;
  }
  .text-lg-line-through {
    text-decoration: line-through;
  }
  .text-lg-none, .text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (min-width: 1366px) {
  .text-xl-underline {
    text-decoration: underline;
  }
  .text-xl-overline {
    text-decoration: overline;
  }
  .text-xl-line-through {
    text-decoration: line-through;
  }
  .text-xl-none, .text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (min-width: 1680px) {
  .text-xxl-underline {
    text-decoration: underline;
  }
  .text-xxl-overline {
    text-decoration: overline;
  }
  .text-xxl-line-through {
    text-decoration: line-through;
  }
  .text-xxl-none, .text-decoration-none {
    text-decoration: none;
  }
}
.text-uppercase {
  text-transform: uppercase;
}

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

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

.text-full-width {
  text-transform: full-width;
}

.text-transform-none {
  text-transform: none;
}

@media only screen and (min-width: 420px) {
  .text-sm-uppercase {
    text-transform: uppercase;
  }
  .text-sm-lowercase {
    text-transform: lowercase;
  }
  .text-sm-capitalize {
    text-transform: capitalize;
  }
  .text-sm-full-width {
    text-transform: full-width;
  }
  .text-transform-sm-none {
    text-transform: none;
  }
}
@media only screen and (min-width: 768px) {
  .text-md-uppercase {
    text-transform: uppercase;
  }
  .text-md-lowercase {
    text-transform: lowercase;
  }
  .text-md-capitalize {
    text-transform: capitalize;
  }
  .text-md-full-width {
    text-transform: full-width;
  }
  .text-transform-md-none {
    text-transform: none;
  }
}
@media only screen and (min-width: 1024px) {
  .text-lg-uppercase {
    text-transform: uppercase;
  }
  .text-lg-lowercase {
    text-transform: lowercase;
  }
  .text-lg-capitalize {
    text-transform: capitalize;
  }
  .text-lg-full-width {
    text-transform: full-width;
  }
  .text-transform-lg-none {
    text-transform: none;
  }
}
@media only screen and (min-width: 1366px) {
  .text-xl-uppercase {
    text-transform: uppercase;
  }
  .text-xl-lowercase {
    text-transform: lowercase;
  }
  .text-xl-capitalize {
    text-transform: capitalize;
  }
  .text-xl-full-width {
    text-transform: full-width;
  }
  .text-transform-xl-none {
    text-transform: none;
  }
}
@media only screen and (min-width: 1680px) {
  .text-xxl-uppercase {
    text-transform: uppercase;
  }
  .text-xxl-lowercase {
    text-transform: lowercase;
  }
  .text-xxl-capitalize {
    text-transform: capitalize;
  }
  .text-xxl-full-width {
    text-transform: full-width;
  }
  .text-transform-xxl-none {
    text-transform: none;
  }
}
h1 {
  margin-bottom: 0.33em;
}

h2 {
  margin-bottom: 0.42em;
}

h3 {
  margin-bottom: 0.5em;
}

h4 {
  margin-bottom: 0.65em;
}

h5 {
  margin-bottom: 0.8em;
}

h6 {
  margin-bottom: 1em;
}

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

.filter-invert {
  filter: invert(1);
}

* {
  box-sizing: border-box;
}

.content-box {
  box-sizing: content-box;
}

@media screen and (prefers-reduced-motion: no-preference) {
  * {
    scroll-behavior: smooth;
  }
}
[hidden] {
  display: none !important;
}

.absolute-cover,
.cover {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.absolute-cover {
  position: absolute;
}

.absolute-center,
.self-center {
  transform: translate3d(-50%, -50%, 0);
}

.absolute-center-vertical,
.self-center-vertical {
  transform: translateY(-50%);
}

.absolute-center-horizontal,
.self-center-horizontal {
  transform: translateX(-50%);
}

.absolute-center {
  left: 50%;
  position: absolute;
  top: 50%;
}

.absolute-center-vertical {
  position: absolute;
  top: 50%;
}

.absolute-center-horizontal {
  left: 50%;
  position: absolute;
}

.bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-contain {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.object-fill {
  object-fit: fill;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.hide-native-scrollbar {
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* FF 64 */
}

.hide-native-scrollbar::-webkit-scrollbar { /* WebKit */
  display: none;
}

.appearance-none {
  -webkit-appearance: none;
  appearance: none;
}

.spacer {
  display: block;
  height: auto !important;
  pointer-events: none;
  visibility: hidden;
  width: 100% !important;
}

.events-none {
  pointer-events: none;
}

.events-all {
  pointer-events: all;
}

.events-auto {
  pointer-events: auto;
}

/** 
 * Screen reader only
 * 
 * @link https://www.a11yproject.com/posts/how-to-hide-content/
 */
.sr-only {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.no-select {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard syntax */
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* stylelint-disable */
/* Document
   ========================================================================== */
/**
 * Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  -webkit-text-size-adjust: 100%;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: em(16px); /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: em(-4px);
}

sup {
  top: em(-8px);
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

.grid {
  display: flex;
  flex-flow: row wrap;
}

.grid-gutter {
  margin-left: -8px;
  margin-right: -8px;
}
@media only screen and (min-width: 1024px) {
  .grid-gutter {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.grid-gutter.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 1024px) {
  .grid-gutter.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.grid-gutter > [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 1024px) {
  .grid-gutter > [class*=col-] {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

@media only screen and (min-width: 420px) {
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 1366px) {
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 1680px) {
  .col-xxl-1 {
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    width: 25%;
  }
  .col-xxl-4 {
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-7 {
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    width: 75%;
  }
  .col-xxl-10 {
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0%;
}
.grid-reverse .col-offset-0 {
  margin-left: auto;
  margin-right: 0%;
}

.col-offset-1 {
  margin-left: 8.3333333333%;
}
.grid-reverse .col-offset-1 {
  margin-left: auto;
  margin-right: 8.3333333333%;
}

.col-offset-2 {
  margin-left: 16.6666666667%;
}
.grid-reverse .col-offset-2 {
  margin-left: auto;
  margin-right: 16.6666666667%;
}

.col-offset-3 {
  margin-left: 25%;
}
.grid-reverse .col-offset-3 {
  margin-left: auto;
  margin-right: 25%;
}

.col-offset-4 {
  margin-left: 33.3333333333%;
}
.grid-reverse .col-offset-4 {
  margin-left: auto;
  margin-right: 33.3333333333%;
}

.col-offset-5 {
  margin-left: 41.6666666667%;
}
.grid-reverse .col-offset-5 {
  margin-left: auto;
  margin-right: 41.6666666667%;
}

.col-offset-6 {
  margin-left: 50%;
}
.grid-reverse .col-offset-6 {
  margin-left: auto;
  margin-right: 50%;
}

.col-offset-7 {
  margin-left: 58.3333333333%;
}
.grid-reverse .col-offset-7 {
  margin-left: auto;
  margin-right: 58.3333333333%;
}

.col-offset-8 {
  margin-left: 66.6666666667%;
}
.grid-reverse .col-offset-8 {
  margin-left: auto;
  margin-right: 66.6666666667%;
}

.col-offset-9 {
  margin-left: 75%;
}
.grid-reverse .col-offset-9 {
  margin-left: auto;
  margin-right: 75%;
}

.col-offset-10 {
  margin-left: 83.3333333333%;
}
.grid-reverse .col-offset-10 {
  margin-left: auto;
  margin-right: 83.3333333333%;
}

.col-offset-11 {
  margin-left: 91.6666666667%;
}
.grid-reverse .col-offset-11 {
  margin-left: auto;
  margin-right: 91.6666666667%;
}

@media only screen and (min-width: 420px) {
  .col-offset-sm-0 {
    margin-left: 0%;
  }
  .grid-reverse .col-offset-sm-0 {
    margin-left: auto;
    margin-right: 0%;
  }
  .col-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .grid-reverse .col-offset-sm-1 {
    margin-left: auto;
    margin-right: 8.3333333333%;
  }
  .col-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .grid-reverse .col-offset-sm-2 {
    margin-left: auto;
    margin-right: 16.6666666667%;
  }
  .col-offset-sm-3 {
    margin-left: 25%;
  }
  .grid-reverse .col-offset-sm-3 {
    margin-left: auto;
    margin-right: 25%;
  }
  .col-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .grid-reverse .col-offset-sm-4 {
    margin-left: auto;
    margin-right: 33.3333333333%;
  }
  .col-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .grid-reverse .col-offset-sm-5 {
    margin-left: auto;
    margin-right: 41.6666666667%;
  }
  .col-offset-sm-6 {
    margin-left: 50%;
  }
  .grid-reverse .col-offset-sm-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .col-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .grid-reverse .col-offset-sm-7 {
    margin-left: auto;
    margin-right: 58.3333333333%;
  }
  .col-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .grid-reverse .col-offset-sm-8 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .col-offset-sm-9 {
    margin-left: 75%;
  }
  .grid-reverse .col-offset-sm-9 {
    margin-left: auto;
    margin-right: 75%;
  }
  .col-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .grid-reverse .col-offset-sm-10 {
    margin-left: auto;
    margin-right: 83.3333333333%;
  }
  .col-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .grid-reverse .col-offset-sm-11 {
    margin-left: auto;
    margin-right: 91.6666666667%;
  }
}
@media only screen and (min-width: 768px) {
  .col-offset-md-0 {
    margin-left: 0%;
  }
  .grid-reverse .col-offset-md-0 {
    margin-left: auto;
    margin-right: 0%;
  }
  .col-offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .grid-reverse .col-offset-md-1 {
    margin-left: auto;
    margin-right: 8.3333333333%;
  }
  .col-offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .grid-reverse .col-offset-md-2 {
    margin-left: auto;
    margin-right: 16.6666666667%;
  }
  .col-offset-md-3 {
    margin-left: 25%;
  }
  .grid-reverse .col-offset-md-3 {
    margin-left: auto;
    margin-right: 25%;
  }
  .col-offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .grid-reverse .col-offset-md-4 {
    margin-left: auto;
    margin-right: 33.3333333333%;
  }
  .col-offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .grid-reverse .col-offset-md-5 {
    margin-left: auto;
    margin-right: 41.6666666667%;
  }
  .col-offset-md-6 {
    margin-left: 50%;
  }
  .grid-reverse .col-offset-md-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .col-offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .grid-reverse .col-offset-md-7 {
    margin-left: auto;
    margin-right: 58.3333333333%;
  }
  .col-offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .grid-reverse .col-offset-md-8 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .col-offset-md-9 {
    margin-left: 75%;
  }
  .grid-reverse .col-offset-md-9 {
    margin-left: auto;
    margin-right: 75%;
  }
  .col-offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .grid-reverse .col-offset-md-10 {
    margin-left: auto;
    margin-right: 83.3333333333%;
  }
  .col-offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .grid-reverse .col-offset-md-11 {
    margin-left: auto;
    margin-right: 91.6666666667%;
  }
}
@media only screen and (min-width: 1024px) {
  .col-offset-lg-0 {
    margin-left: 0%;
  }
  .grid-reverse .col-offset-lg-0 {
    margin-left: auto;
    margin-right: 0%;
  }
  .col-offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .grid-reverse .col-offset-lg-1 {
    margin-left: auto;
    margin-right: 8.3333333333%;
  }
  .col-offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .grid-reverse .col-offset-lg-2 {
    margin-left: auto;
    margin-right: 16.6666666667%;
  }
  .col-offset-lg-3 {
    margin-left: 25%;
  }
  .grid-reverse .col-offset-lg-3 {
    margin-left: auto;
    margin-right: 25%;
  }
  .col-offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .grid-reverse .col-offset-lg-4 {
    margin-left: auto;
    margin-right: 33.3333333333%;
  }
  .col-offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .grid-reverse .col-offset-lg-5 {
    margin-left: auto;
    margin-right: 41.6666666667%;
  }
  .col-offset-lg-6 {
    margin-left: 50%;
  }
  .grid-reverse .col-offset-lg-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .col-offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .grid-reverse .col-offset-lg-7 {
    margin-left: auto;
    margin-right: 58.3333333333%;
  }
  .col-offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .grid-reverse .col-offset-lg-8 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .col-offset-lg-9 {
    margin-left: 75%;
  }
  .grid-reverse .col-offset-lg-9 {
    margin-left: auto;
    margin-right: 75%;
  }
  .col-offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .grid-reverse .col-offset-lg-10 {
    margin-left: auto;
    margin-right: 83.3333333333%;
  }
  .col-offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .grid-reverse .col-offset-lg-11 {
    margin-left: auto;
    margin-right: 91.6666666667%;
  }
}
@media only screen and (min-width: 1366px) {
  .col-offset-xl-0 {
    margin-left: 0%;
  }
  .grid-reverse .col-offset-xl-0 {
    margin-left: auto;
    margin-right: 0%;
  }
  .col-offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .grid-reverse .col-offset-xl-1 {
    margin-left: auto;
    margin-right: 8.3333333333%;
  }
  .col-offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .grid-reverse .col-offset-xl-2 {
    margin-left: auto;
    margin-right: 16.6666666667%;
  }
  .col-offset-xl-3 {
    margin-left: 25%;
  }
  .grid-reverse .col-offset-xl-3 {
    margin-left: auto;
    margin-right: 25%;
  }
  .col-offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .grid-reverse .col-offset-xl-4 {
    margin-left: auto;
    margin-right: 33.3333333333%;
  }
  .col-offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .grid-reverse .col-offset-xl-5 {
    margin-left: auto;
    margin-right: 41.6666666667%;
  }
  .col-offset-xl-6 {
    margin-left: 50%;
  }
  .grid-reverse .col-offset-xl-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .col-offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .grid-reverse .col-offset-xl-7 {
    margin-left: auto;
    margin-right: 58.3333333333%;
  }
  .col-offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .grid-reverse .col-offset-xl-8 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .col-offset-xl-9 {
    margin-left: 75%;
  }
  .grid-reverse .col-offset-xl-9 {
    margin-left: auto;
    margin-right: 75%;
  }
  .col-offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .grid-reverse .col-offset-xl-10 {
    margin-left: auto;
    margin-right: 83.3333333333%;
  }
  .col-offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .grid-reverse .col-offset-xl-11 {
    margin-left: auto;
    margin-right: 91.6666666667%;
  }
}
@media only screen and (min-width: 1680px) {
  .col-offset-xxl-0 {
    margin-left: 0%;
  }
  .grid-reverse .col-offset-xxl-0 {
    margin-left: auto;
    margin-right: 0%;
  }
  .col-offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .grid-reverse .col-offset-xxl-1 {
    margin-left: auto;
    margin-right: 8.3333333333%;
  }
  .col-offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .grid-reverse .col-offset-xxl-2 {
    margin-left: auto;
    margin-right: 16.6666666667%;
  }
  .col-offset-xxl-3 {
    margin-left: 25%;
  }
  .grid-reverse .col-offset-xxl-3 {
    margin-left: auto;
    margin-right: 25%;
  }
  .col-offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .grid-reverse .col-offset-xxl-4 {
    margin-left: auto;
    margin-right: 33.3333333333%;
  }
  .col-offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .grid-reverse .col-offset-xxl-5 {
    margin-left: auto;
    margin-right: 41.6666666667%;
  }
  .col-offset-xxl-6 {
    margin-left: 50%;
  }
  .grid-reverse .col-offset-xxl-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .col-offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .grid-reverse .col-offset-xxl-7 {
    margin-left: auto;
    margin-right: 58.3333333333%;
  }
  .col-offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .grid-reverse .col-offset-xxl-8 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .col-offset-xxl-9 {
    margin-left: 75%;
  }
  .grid-reverse .col-offset-xxl-9 {
    margin-left: auto;
    margin-right: 75%;
  }
  .col-offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .grid-reverse .col-offset-xxl-10 {
    margin-left: auto;
    margin-right: 83.3333333333%;
  }
  .col-offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .grid-reverse .col-offset-xxl-11 {
    margin-left: auto;
    margin-right: 91.6666666667%;
  }
}
.col-1-max {
  max-width: 138.6666666667px;
}
@media only screen and (min-width: 1024px) {
  .col-1-max {
    max-width: 133.3333333333px;
  }
}

.col-2-max {
  max-width: 277.3333333333px;
}
@media only screen and (min-width: 1024px) {
  .col-2-max {
    max-width: 266.6666666667px;
  }
}

.col-3-max {
  max-width: 416px;
}
@media only screen and (min-width: 1024px) {
  .col-3-max {
    max-width: 400px;
  }
}

.col-4-max {
  max-width: 554.6666666667px;
}
@media only screen and (min-width: 1024px) {
  .col-4-max {
    max-width: 533.3333333333px;
  }
}

.col-5-max {
  max-width: 693.3333333333px;
}
@media only screen and (min-width: 1024px) {
  .col-5-max {
    max-width: 666.6666666667px;
  }
}

.col-6-max {
  max-width: 832px;
}
@media only screen and (min-width: 1024px) {
  .col-6-max {
    max-width: 800px;
  }
}

.col-7-max {
  max-width: 970.6666666667px;
}
@media only screen and (min-width: 1024px) {
  .col-7-max {
    max-width: 933.3333333333px;
  }
}

.col-8-max {
  max-width: 1109.3333333333px;
}
@media only screen and (min-width: 1024px) {
  .col-8-max {
    max-width: 1066.6666666667px;
  }
}

.col-9-max {
  max-width: 1248px;
}
@media only screen and (min-width: 1024px) {
  .col-9-max {
    max-width: 1200px;
  }
}

.col-10-max {
  max-width: 1386.6666666667px;
}
@media only screen and (min-width: 1024px) {
  .col-10-max {
    max-width: 1333.3333333333px;
  }
}

.col-11-max {
  max-width: 1525.3333333333px;
}
@media only screen and (min-width: 1024px) {
  .col-11-max {
    max-width: 1466.6666666667px;
  }
}

.grid-reverse {
  flex-direction: row-reverse;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-flex {
  display: flex;
}

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

.d-none {
  display: none;
}

.d-table {
  display: table;
}

.d-table-cell {
  display: table-cell;
}

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

@media only screen and (min-width: 420px) {
  .d-sm-block {
    display: block;
  }
  .d-sm-inline {
    display: inline;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-inline-block {
    display: inline-block;
  }
  .d-sm-none {
    display: none;
  }
  .d-sm-table {
    display: table;
  }
  .d-sm-table-cell {
    display: table-cell;
  }
  .d-sm-inline-flex {
    display: inline-flex;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-block {
    display: block;
  }
  .d-md-inline {
    display: inline;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-none {
    display: none;
  }
  .d-md-table {
    display: table;
  }
  .d-md-table-cell {
    display: table-cell;
  }
  .d-md-inline-flex {
    display: inline-flex;
  }
}
@media only screen and (min-width: 1024px) {
  .d-lg-block {
    display: block;
  }
  .d-lg-inline {
    display: inline;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
  .d-lg-none {
    display: none;
  }
  .d-lg-table {
    display: table;
  }
  .d-lg-table-cell {
    display: table-cell;
  }
  .d-lg-inline-flex {
    display: inline-flex;
  }
}
@media only screen and (min-width: 1366px) {
  .d-xl-block {
    display: block;
  }
  .d-xl-inline {
    display: inline;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
  .d-xl-none {
    display: none;
  }
  .d-xl-table {
    display: table;
  }
  .d-xl-table-cell {
    display: table-cell;
  }
  .d-xl-inline-flex {
    display: inline-flex;
  }
}
@media only screen and (min-width: 1680px) {
  .d-xxl-block {
    display: block;
  }
  .d-xxl-inline {
    display: inline;
  }
  .d-xxl-flex {
    display: flex;
  }
  .d-xxl-inline-block {
    display: inline-block;
  }
  .d-xxl-none {
    display: none;
  }
  .d-xxl-table {
    display: table;
  }
  .d-xxl-table-cell {
    display: table-cell;
  }
  .d-xxl-inline-flex {
    display: inline-flex;
  }
}
.v-hidden {
  visibility: hidden;
}

.v-visible {
  visibility: visible;
}

.v-collapse {
  visibility: collapse;
}

.v-inherit {
  visibility: inherit;
}

@media only screen and (min-width: 420px) {
  .v-sm-hidden {
    visibility: hidden;
  }
  .v-sm-visible {
    visibility: visible;
  }
  .v-sm-collapse {
    visibility: collapse;
  }
  .v-sm-inherit {
    visibility: inherit;
  }
}
@media only screen and (min-width: 768px) {
  .v-md-hidden {
    visibility: hidden;
  }
  .v-md-visible {
    visibility: visible;
  }
  .v-md-collapse {
    visibility: collapse;
  }
  .v-md-inherit {
    visibility: inherit;
  }
}
@media only screen and (min-width: 1024px) {
  .v-lg-hidden {
    visibility: hidden;
  }
  .v-lg-visible {
    visibility: visible;
  }
  .v-lg-collapse {
    visibility: collapse;
  }
  .v-lg-inherit {
    visibility: inherit;
  }
}
@media only screen and (min-width: 1366px) {
  .v-xl-hidden {
    visibility: hidden;
  }
  .v-xl-visible {
    visibility: visible;
  }
  .v-xl-collapse {
    visibility: collapse;
  }
  .v-xl-inherit {
    visibility: inherit;
  }
}
@media only screen and (min-width: 1680px) {
  .v-xxl-hidden {
    visibility: hidden;
  }
  .v-xxl-visible {
    visibility: visible;
  }
  .v-xxl-collapse {
    visibility: collapse;
  }
  .v-xxl-inherit {
    visibility: inherit;
  }
}
.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-auto {
  overflow: auto;
}

@media only screen and (min-width: 420px) {
  .overflow-sm-hidden {
    overflow: hidden;
  }
  .overflow-sm-visible {
    overflow: visible;
  }
  .overflow-sm-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 768px) {
  .overflow-md-hidden {
    overflow: hidden;
  }
  .overflow-md-visible {
    overflow: visible;
  }
  .overflow-md-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .overflow-lg-hidden {
    overflow: hidden;
  }
  .overflow-lg-visible {
    overflow: visible;
  }
  .overflow-lg-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 1366px) {
  .overflow-xl-hidden {
    overflow: hidden;
  }
  .overflow-xl-visible {
    overflow: visible;
  }
  .overflow-xl-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 1680px) {
  .overflow-xxl-hidden {
    overflow: hidden;
  }
  .overflow-xxl-visible {
    overflow: visible;
  }
  .overflow-xxl-auto {
    overflow: auto;
  }
}
.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

@media only screen and (min-width: 420px) {
  .overflow-x-sm-hidden {
    overflow-x: hidden;
  }
  .overflow-x-sm-visible {
    overflow-x: visible;
  }
  .overflow-x-sm-auto {
    overflow-x: auto;
  }
}
@media only screen and (min-width: 768px) {
  .overflow-x-md-hidden {
    overflow-x: hidden;
  }
  .overflow-x-md-visible {
    overflow-x: visible;
  }
  .overflow-x-md-auto {
    overflow-x: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .overflow-x-lg-hidden {
    overflow-x: hidden;
  }
  .overflow-x-lg-visible {
    overflow-x: visible;
  }
  .overflow-x-lg-auto {
    overflow-x: auto;
  }
}
@media only screen and (min-width: 1366px) {
  .overflow-x-xl-hidden {
    overflow-x: hidden;
  }
  .overflow-x-xl-visible {
    overflow-x: visible;
  }
  .overflow-x-xl-auto {
    overflow-x: auto;
  }
}
@media only screen and (min-width: 1680px) {
  .overflow-x-xxl-hidden {
    overflow-x: hidden;
  }
  .overflow-x-xxl-visible {
    overflow-x: visible;
  }
  .overflow-x-xxl-auto {
    overflow-x: auto;
  }
}
.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-auto {
  overflow-y: auto;
}

@media only screen and (min-width: 420px) {
  .overflow-y-sm-hidden {
    overflow-y: hidden;
  }
  .overflow-y-sm-visible {
    overflow-y: visible;
  }
  .overflow-y-sm-auto {
    overflow-y: auto;
  }
}
@media only screen and (min-width: 768px) {
  .overflow-y-md-hidden {
    overflow-y: hidden;
  }
  .overflow-y-md-visible {
    overflow-y: visible;
  }
  .overflow-y-md-auto {
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .overflow-y-lg-hidden {
    overflow-y: hidden;
  }
  .overflow-y-lg-visible {
    overflow-y: visible;
  }
  .overflow-y-lg-auto {
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1366px) {
  .overflow-y-xl-hidden {
    overflow-y: hidden;
  }
  .overflow-y-xl-visible {
    overflow-y: visible;
  }
  .overflow-y-xl-auto {
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1680px) {
  .overflow-y-xxl-hidden {
    overflow-y: hidden;
  }
  .overflow-y-xxl-visible {
    overflow-y: visible;
  }
  .overflow-y-xxl-auto {
    overflow-y: auto;
  }
}
.m-0 {
  margin: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mx-0 {
  margin-right: 0px;
  margin-left: 0px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.m-1 {
  margin: 1px;
}

.mt-1 {
  margin-top: 1px;
}

.mr-1 {
  margin-right: 1px;
}

.mb-1 {
  margin-bottom: 1px;
}

.ml-1 {
  margin-left: 1px;
}

.mx-1 {
  margin-right: 1px;
  margin-left: 1px;
}

.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.m-2 {
  margin: 2px;
}

.mt-2 {
  margin-top: 2px;
}

.mr-2 {
  margin-right: 2px;
}

.mb-2 {
  margin-bottom: 2px;
}

.ml-2 {
  margin-left: 2px;
}

.mx-2 {
  margin-right: 2px;
  margin-left: 2px;
}

.my-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.m-3 {
  margin: 3px;
}

.mt-3 {
  margin-top: 3px;
}

.mr-3 {
  margin-right: 3px;
}

.mb-3 {
  margin-bottom: 3px;
}

.ml-3 {
  margin-left: 3px;
}

.mx-3 {
  margin-right: 3px;
  margin-left: 3px;
}

.my-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.m-4 {
  margin: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.mx-4 {
  margin-right: 4px;
  margin-left: 4px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.m-6 {
  margin: 6px;
}

.mt-6 {
  margin-top: 6px;
}

.mr-6 {
  margin-right: 6px;
}

.mb-6 {
  margin-bottom: 6px;
}

.ml-6 {
  margin-left: 6px;
}

.mx-6 {
  margin-right: 6px;
  margin-left: 6px;
}

.my-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.m-8 {
  margin: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mx-8 {
  margin-right: 8px;
  margin-left: 8px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.m-12 {
  margin: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mx-12 {
  margin-right: 12px;
  margin-left: 12px;
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.m-14 {
  margin: 14px;
}

.mt-14 {
  margin-top: 14px;
}

.mr-14 {
  margin-right: 14px;
}

.mb-14 {
  margin-bottom: 14px;
}

.ml-14 {
  margin-left: 14px;
}

.mx-14 {
  margin-right: 14px;
  margin-left: 14px;
}

.my-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}

.m-16 {
  margin: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mx-16 {
  margin-right: 16px;
  margin-left: 16px;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.m-24 {
  margin: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mx-24 {
  margin-right: 24px;
  margin-left: 24px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.m-32 {
  margin: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.mx-32 {
  margin-right: 32px;
  margin-left: 32px;
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.m-40 {
  margin: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mx-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m-48 {
  margin: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.mr-48 {
  margin-right: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.ml-48 {
  margin-left: 48px;
}

.mx-48 {
  margin-right: 48px;
  margin-left: 48px;
}

.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.m-56 {
  margin: 56px;
}

.mt-56 {
  margin-top: 56px;
}

.mr-56 {
  margin-right: 56px;
}

.mb-56 {
  margin-bottom: 56px;
}

.ml-56 {
  margin-left: 56px;
}

.mx-56 {
  margin-right: 56px;
  margin-left: 56px;
}

.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.m-64 {
  margin: 64px;
}

.mt-64 {
  margin-top: 64px;
}

.mr-64 {
  margin-right: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.ml-64 {
  margin-left: 64px;
}

.mx-64 {
  margin-right: 64px;
  margin-left: 64px;
}

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.m-80 {
  margin: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mx-80 {
  margin-right: 80px;
  margin-left: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.m-96 {
  margin: 96px;
}

.mt-96 {
  margin-top: 96px;
}

.mr-96 {
  margin-right: 96px;
}

.mb-96 {
  margin-bottom: 96px;
}

.ml-96 {
  margin-left: 96px;
}

.mx-96 {
  margin-right: 96px;
  margin-left: 96px;
}

.my-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.m-128 {
  margin: 128px;
}

.mt-128 {
  margin-top: 128px;
}

.mr-128 {
  margin-right: 128px;
}

.mb-128 {
  margin-bottom: 128px;
}

.ml-128 {
  margin-left: 128px;
}

.mx-128 {
  margin-right: 128px;
  margin-left: 128px;
}

.my-128 {
  margin-top: 128px;
  margin-bottom: 128px;
}

.m-256 {
  margin: 256px;
}

.mt-256 {
  margin-top: 256px;
}

.mr-256 {
  margin-right: 256px;
}

.mb-256 {
  margin-bottom: 256px;
}

.ml-256 {
  margin-left: 256px;
}

.mx-256 {
  margin-right: 256px;
  margin-left: 256px;
}

.my-256 {
  margin-top: 256px;
  margin-bottom: 256px;
}

.m-auto {
  margin: auto;
}

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

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

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

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

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

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

.m--1 {
  margin: -1px;
}

.mt--1 {
  margin-top: -1px;
}

.mr--1 {
  margin-right: -1px;
}

.mb--1 {
  margin-bottom: -1px;
}

.ml--1 {
  margin-left: -1px;
}

.mx--1 {
  margin-right: -1px;
  margin-left: -1px;
}

.my--1 {
  margin-top: -1px;
  margin-bottom: -1px;
}

.m--2 {
  margin: -2px;
}

.mt--2 {
  margin-top: -2px;
}

.mr--2 {
  margin-right: -2px;
}

.mb--2 {
  margin-bottom: -2px;
}

.ml--2 {
  margin-left: -2px;
}

.mx--2 {
  margin-right: -2px;
  margin-left: -2px;
}

.my--2 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.m--3 {
  margin: -3px;
}

.mt--3 {
  margin-top: -3px;
}

.mr--3 {
  margin-right: -3px;
}

.mb--3 {
  margin-bottom: -3px;
}

.ml--3 {
  margin-left: -3px;
}

.mx--3 {
  margin-right: -3px;
  margin-left: -3px;
}

.my--3 {
  margin-top: -3px;
  margin-bottom: -3px;
}

.m--4 {
  margin: -4px;
}

.mt--4 {
  margin-top: -4px;
}

.mr--4 {
  margin-right: -4px;
}

.mb--4 {
  margin-bottom: -4px;
}

.ml--4 {
  margin-left: -4px;
}

.mx--4 {
  margin-right: -4px;
  margin-left: -4px;
}

.my--4 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.m--8 {
  margin: -8px;
}

.mt--8 {
  margin-top: -8px;
}

.mr--8 {
  margin-right: -8px;
}

.mb--8 {
  margin-bottom: -8px;
}

.ml--8 {
  margin-left: -8px;
}

.mx--8 {
  margin-right: -8px;
  margin-left: -8px;
}

.my--8 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.m--12 {
  margin: -12px;
}

.mt--12 {
  margin-top: -12px;
}

.mr--12 {
  margin-right: -12px;
}

.mb--12 {
  margin-bottom: -12px;
}

.ml--12 {
  margin-left: -12px;
}

.mx--12 {
  margin-right: -12px;
  margin-left: -12px;
}

.my--12 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.m--14 {
  margin: -14px;
}

.mt--14 {
  margin-top: -14px;
}

.mr--14 {
  margin-right: -14px;
}

.mb--14 {
  margin-bottom: -14px;
}

.ml--14 {
  margin-left: -14px;
}

.mx--14 {
  margin-right: -14px;
  margin-left: -14px;
}

.my--14 {
  margin-top: -14px;
  margin-bottom: -14px;
}

.m--16 {
  margin: -16px;
}

.mt--16 {
  margin-top: -16px;
}

.mr--16 {
  margin-right: -16px;
}

.mb--16 {
  margin-bottom: -16px;
}

.ml--16 {
  margin-left: -16px;
}

.mx--16 {
  margin-right: -16px;
  margin-left: -16px;
}

.my--16 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.m--24 {
  margin: -24px;
}

.mt--24 {
  margin-top: -24px;
}

.mr--24 {
  margin-right: -24px;
}

.mb--24 {
  margin-bottom: -24px;
}

.ml--24 {
  margin-left: -24px;
}

.mx--24 {
  margin-right: -24px;
  margin-left: -24px;
}

.my--24 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.m--32 {
  margin: -32px;
}

.mt--32 {
  margin-top: -32px;
}

.mr--32 {
  margin-right: -32px;
}

.mb--32 {
  margin-bottom: -32px;
}

.ml--32 {
  margin-left: -32px;
}

.mx--32 {
  margin-right: -32px;
  margin-left: -32px;
}

.my--32 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.m--40 {
  margin: -40px;
}

.mt--40 {
  margin-top: -40px;
}

.mr--40 {
  margin-right: -40px;
}

.mb--40 {
  margin-bottom: -40px;
}

.ml--40 {
  margin-left: -40px;
}

.mx--40 {
  margin-right: -40px;
  margin-left: -40px;
}

.my--40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.m--48 {
  margin: -48px;
}

.mt--48 {
  margin-top: -48px;
}

.mr--48 {
  margin-right: -48px;
}

.mb--48 {
  margin-bottom: -48px;
}

.ml--48 {
  margin-left: -48px;
}

.mx--48 {
  margin-right: -48px;
  margin-left: -48px;
}

.my--48 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.m--56 {
  margin: -56px;
}

.mt--56 {
  margin-top: -56px;
}

.mr--56 {
  margin-right: -56px;
}

.mb--56 {
  margin-bottom: -56px;
}

.ml--56 {
  margin-left: -56px;
}

.mx--56 {
  margin-right: -56px;
  margin-left: -56px;
}

.my--56 {
  margin-top: -56px;
  margin-bottom: -56px;
}

.m--64 {
  margin: -64px;
}

.mt--64 {
  margin-top: -64px;
}

.mr--64 {
  margin-right: -64px;
}

.mb--64 {
  margin-bottom: -64px;
}

.ml--64 {
  margin-left: -64px;
}

.mx--64 {
  margin-right: -64px;
  margin-left: -64px;
}

.my--64 {
  margin-top: -64px;
  margin-bottom: -64px;
}

@media only screen and (min-width: 420px) {
  .m-sm-0 {
    margin: 0px;
  }
  .mt-sm-0 {
    margin-top: 0px;
  }
  .mr-sm-0 {
    margin-right: 0px;
  }
  .mb-sm-0 {
    margin-bottom: 0px;
  }
  .ml-sm-0 {
    margin-left: 0px;
  }
  .mx-sm-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .my-sm-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-sm-1 {
    margin: 1px;
  }
  .mt-sm-1 {
    margin-top: 1px;
  }
  .mr-sm-1 {
    margin-right: 1px;
  }
  .mb-sm-1 {
    margin-bottom: 1px;
  }
  .ml-sm-1 {
    margin-left: 1px;
  }
  .mx-sm-1 {
    margin-right: 1px;
    margin-left: 1px;
  }
  .my-sm-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .m-sm-2 {
    margin: 2px;
  }
  .mt-sm-2 {
    margin-top: 2px;
  }
  .mr-sm-2 {
    margin-right: 2px;
  }
  .mb-sm-2 {
    margin-bottom: 2px;
  }
  .ml-sm-2 {
    margin-left: 2px;
  }
  .mx-sm-2 {
    margin-right: 2px;
    margin-left: 2px;
  }
  .my-sm-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .m-sm-3 {
    margin: 3px;
  }
  .mt-sm-3 {
    margin-top: 3px;
  }
  .mr-sm-3 {
    margin-right: 3px;
  }
  .mb-sm-3 {
    margin-bottom: 3px;
  }
  .ml-sm-3 {
    margin-left: 3px;
  }
  .mx-sm-3 {
    margin-right: 3px;
    margin-left: 3px;
  }
  .my-sm-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .m-sm-4 {
    margin: 4px;
  }
  .mt-sm-4 {
    margin-top: 4px;
  }
  .mr-sm-4 {
    margin-right: 4px;
  }
  .mb-sm-4 {
    margin-bottom: 4px;
  }
  .ml-sm-4 {
    margin-left: 4px;
  }
  .mx-sm-4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .my-sm-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-sm-6 {
    margin: 6px;
  }
  .mt-sm-6 {
    margin-top: 6px;
  }
  .mr-sm-6 {
    margin-right: 6px;
  }
  .mb-sm-6 {
    margin-bottom: 6px;
  }
  .ml-sm-6 {
    margin-left: 6px;
  }
  .mx-sm-6 {
    margin-right: 6px;
    margin-left: 6px;
  }
  .my-sm-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .m-sm-8 {
    margin: 8px;
  }
  .mt-sm-8 {
    margin-top: 8px;
  }
  .mr-sm-8 {
    margin-right: 8px;
  }
  .mb-sm-8 {
    margin-bottom: 8px;
  }
  .ml-sm-8 {
    margin-left: 8px;
  }
  .mx-sm-8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .my-sm-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-sm-12 {
    margin: 12px;
  }
  .mt-sm-12 {
    margin-top: 12px;
  }
  .mr-sm-12 {
    margin-right: 12px;
  }
  .mb-sm-12 {
    margin-bottom: 12px;
  }
  .ml-sm-12 {
    margin-left: 12px;
  }
  .mx-sm-12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .my-sm-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-sm-14 {
    margin: 14px;
  }
  .mt-sm-14 {
    margin-top: 14px;
  }
  .mr-sm-14 {
    margin-right: 14px;
  }
  .mb-sm-14 {
    margin-bottom: 14px;
  }
  .ml-sm-14 {
    margin-left: 14px;
  }
  .mx-sm-14 {
    margin-right: 14px;
    margin-left: 14px;
  }
  .my-sm-14 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .m-sm-16 {
    margin: 16px;
  }
  .mt-sm-16 {
    margin-top: 16px;
  }
  .mr-sm-16 {
    margin-right: 16px;
  }
  .mb-sm-16 {
    margin-bottom: 16px;
  }
  .ml-sm-16 {
    margin-left: 16px;
  }
  .mx-sm-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .my-sm-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-sm-24 {
    margin: 24px;
  }
  .mt-sm-24 {
    margin-top: 24px;
  }
  .mr-sm-24 {
    margin-right: 24px;
  }
  .mb-sm-24 {
    margin-bottom: 24px;
  }
  .ml-sm-24 {
    margin-left: 24px;
  }
  .mx-sm-24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .my-sm-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-sm-32 {
    margin: 32px;
  }
  .mt-sm-32 {
    margin-top: 32px;
  }
  .mr-sm-32 {
    margin-right: 32px;
  }
  .mb-sm-32 {
    margin-bottom: 32px;
  }
  .ml-sm-32 {
    margin-left: 32px;
  }
  .mx-sm-32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .my-sm-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-sm-40 {
    margin: 40px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mr-sm-40 {
    margin-right: 40px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
  .ml-sm-40 {
    margin-left: 40px;
  }
  .mx-sm-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .my-sm-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-sm-48 {
    margin: 48px;
  }
  .mt-sm-48 {
    margin-top: 48px;
  }
  .mr-sm-48 {
    margin-right: 48px;
  }
  .mb-sm-48 {
    margin-bottom: 48px;
  }
  .ml-sm-48 {
    margin-left: 48px;
  }
  .mx-sm-48 {
    margin-right: 48px;
    margin-left: 48px;
  }
  .my-sm-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-sm-56 {
    margin: 56px;
  }
  .mt-sm-56 {
    margin-top: 56px;
  }
  .mr-sm-56 {
    margin-right: 56px;
  }
  .mb-sm-56 {
    margin-bottom: 56px;
  }
  .ml-sm-56 {
    margin-left: 56px;
  }
  .mx-sm-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .my-sm-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .m-sm-64 {
    margin: 64px;
  }
  .mt-sm-64 {
    margin-top: 64px;
  }
  .mr-sm-64 {
    margin-right: 64px;
  }
  .mb-sm-64 {
    margin-bottom: 64px;
  }
  .ml-sm-64 {
    margin-left: 64px;
  }
  .mx-sm-64 {
    margin-right: 64px;
    margin-left: 64px;
  }
  .my-sm-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .m-sm-80 {
    margin: 80px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mr-sm-80 {
    margin-right: 80px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .ml-sm-80 {
    margin-left: 80px;
  }
  .mx-sm-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .my-sm-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .m-sm-96 {
    margin: 96px;
  }
  .mt-sm-96 {
    margin-top: 96px;
  }
  .mr-sm-96 {
    margin-right: 96px;
  }
  .mb-sm-96 {
    margin-bottom: 96px;
  }
  .ml-sm-96 {
    margin-left: 96px;
  }
  .mx-sm-96 {
    margin-right: 96px;
    margin-left: 96px;
  }
  .my-sm-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .m-sm-128 {
    margin: 128px;
  }
  .mt-sm-128 {
    margin-top: 128px;
  }
  .mr-sm-128 {
    margin-right: 128px;
  }
  .mb-sm-128 {
    margin-bottom: 128px;
  }
  .ml-sm-128 {
    margin-left: 128px;
  }
  .mx-sm-128 {
    margin-right: 128px;
    margin-left: 128px;
  }
  .my-sm-128 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .m-sm-256 {
    margin: 256px;
  }
  .mt-sm-256 {
    margin-top: 256px;
  }
  .mr-sm-256 {
    margin-right: 256px;
  }
  .mb-sm-256 {
    margin-bottom: 256px;
  }
  .ml-sm-256 {
    margin-left: 256px;
  }
  .mx-sm-256 {
    margin-right: 256px;
    margin-left: 256px;
  }
  .my-sm-256 {
    margin-top: 256px;
    margin-bottom: 256px;
  }
  .m-sm-auto {
    margin: auto;
  }
  .mt-sm-auto {
    margin-top: auto;
  }
  .mr-sm-auto {
    margin-right: auto;
  }
  .mb-sm-auto {
    margin-bottom: auto;
  }
  .ml-sm-auto {
    margin-left: auto;
  }
  .mx-sm-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .m-sm--1 {
    margin: -1px;
  }
  .mt-sm--1 {
    margin-top: -1px;
  }
  .mr-sm--1 {
    margin-right: -1px;
  }
  .mb-sm--1 {
    margin-bottom: -1px;
  }
  .ml-sm--1 {
    margin-left: -1px;
  }
  .mx-sm--1 {
    margin-right: -1px;
    margin-left: -1px;
  }
  .my-sm--1 {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .m-sm--2 {
    margin: -2px;
  }
  .mt-sm--2 {
    margin-top: -2px;
  }
  .mr-sm--2 {
    margin-right: -2px;
  }
  .mb-sm--2 {
    margin-bottom: -2px;
  }
  .ml-sm--2 {
    margin-left: -2px;
  }
  .mx-sm--2 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .my-sm--2 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .m-sm--3 {
    margin: -3px;
  }
  .mt-sm--3 {
    margin-top: -3px;
  }
  .mr-sm--3 {
    margin-right: -3px;
  }
  .mb-sm--3 {
    margin-bottom: -3px;
  }
  .ml-sm--3 {
    margin-left: -3px;
  }
  .mx-sm--3 {
    margin-right: -3px;
    margin-left: -3px;
  }
  .my-sm--3 {
    margin-top: -3px;
    margin-bottom: -3px;
  }
  .m-sm--4 {
    margin: -4px;
  }
  .mt-sm--4 {
    margin-top: -4px;
  }
  .mr-sm--4 {
    margin-right: -4px;
  }
  .mb-sm--4 {
    margin-bottom: -4px;
  }
  .ml-sm--4 {
    margin-left: -4px;
  }
  .mx-sm--4 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .my-sm--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-sm--8 {
    margin: -8px;
  }
  .mt-sm--8 {
    margin-top: -8px;
  }
  .mr-sm--8 {
    margin-right: -8px;
  }
  .mb-sm--8 {
    margin-bottom: -8px;
  }
  .ml-sm--8 {
    margin-left: -8px;
  }
  .mx-sm--8 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .my-sm--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-sm--12 {
    margin: -12px;
  }
  .mt-sm--12 {
    margin-top: -12px;
  }
  .mr-sm--12 {
    margin-right: -12px;
  }
  .mb-sm--12 {
    margin-bottom: -12px;
  }
  .ml-sm--12 {
    margin-left: -12px;
  }
  .mx-sm--12 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .my-sm--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-sm--14 {
    margin: -14px;
  }
  .mt-sm--14 {
    margin-top: -14px;
  }
  .mr-sm--14 {
    margin-right: -14px;
  }
  .mb-sm--14 {
    margin-bottom: -14px;
  }
  .ml-sm--14 {
    margin-left: -14px;
  }
  .mx-sm--14 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .my-sm--14 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .m-sm--16 {
    margin: -16px;
  }
  .mt-sm--16 {
    margin-top: -16px;
  }
  .mr-sm--16 {
    margin-right: -16px;
  }
  .mb-sm--16 {
    margin-bottom: -16px;
  }
  .ml-sm--16 {
    margin-left: -16px;
  }
  .mx-sm--16 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .my-sm--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-sm--24 {
    margin: -24px;
  }
  .mt-sm--24 {
    margin-top: -24px;
  }
  .mr-sm--24 {
    margin-right: -24px;
  }
  .mb-sm--24 {
    margin-bottom: -24px;
  }
  .ml-sm--24 {
    margin-left: -24px;
  }
  .mx-sm--24 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .my-sm--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-sm--32 {
    margin: -32px;
  }
  .mt-sm--32 {
    margin-top: -32px;
  }
  .mr-sm--32 {
    margin-right: -32px;
  }
  .mb-sm--32 {
    margin-bottom: -32px;
  }
  .ml-sm--32 {
    margin-left: -32px;
  }
  .mx-sm--32 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .my-sm--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-sm--40 {
    margin: -40px;
  }
  .mt-sm--40 {
    margin-top: -40px;
  }
  .mr-sm--40 {
    margin-right: -40px;
  }
  .mb-sm--40 {
    margin-bottom: -40px;
  }
  .ml-sm--40 {
    margin-left: -40px;
  }
  .mx-sm--40 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .my-sm--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-sm--48 {
    margin: -48px;
  }
  .mt-sm--48 {
    margin-top: -48px;
  }
  .mr-sm--48 {
    margin-right: -48px;
  }
  .mb-sm--48 {
    margin-bottom: -48px;
  }
  .ml-sm--48 {
    margin-left: -48px;
  }
  .mx-sm--48 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .my-sm--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-sm--56 {
    margin: -56px;
  }
  .mt-sm--56 {
    margin-top: -56px;
  }
  .mr-sm--56 {
    margin-right: -56px;
  }
  .mb-sm--56 {
    margin-bottom: -56px;
  }
  .ml-sm--56 {
    margin-left: -56px;
  }
  .mx-sm--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .my-sm--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .m-sm--64 {
    margin: -64px;
  }
  .mt-sm--64 {
    margin-top: -64px;
  }
  .mr-sm--64 {
    margin-right: -64px;
  }
  .mb-sm--64 {
    margin-bottom: -64px;
  }
  .ml-sm--64 {
    margin-left: -64px;
  }
  .mx-sm--64 {
    margin-right: -64px;
    margin-left: -64px;
  }
  .my-sm--64 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
}
@media only screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0px;
  }
  .mt-md-0 {
    margin-top: 0px;
  }
  .mr-md-0 {
    margin-right: 0px;
  }
  .mb-md-0 {
    margin-bottom: 0px;
  }
  .ml-md-0 {
    margin-left: 0px;
  }
  .mx-md-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .my-md-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-md-1 {
    margin: 1px;
  }
  .mt-md-1 {
    margin-top: 1px;
  }
  .mr-md-1 {
    margin-right: 1px;
  }
  .mb-md-1 {
    margin-bottom: 1px;
  }
  .ml-md-1 {
    margin-left: 1px;
  }
  .mx-md-1 {
    margin-right: 1px;
    margin-left: 1px;
  }
  .my-md-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .m-md-2 {
    margin: 2px;
  }
  .mt-md-2 {
    margin-top: 2px;
  }
  .mr-md-2 {
    margin-right: 2px;
  }
  .mb-md-2 {
    margin-bottom: 2px;
  }
  .ml-md-2 {
    margin-left: 2px;
  }
  .mx-md-2 {
    margin-right: 2px;
    margin-left: 2px;
  }
  .my-md-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .m-md-3 {
    margin: 3px;
  }
  .mt-md-3 {
    margin-top: 3px;
  }
  .mr-md-3 {
    margin-right: 3px;
  }
  .mb-md-3 {
    margin-bottom: 3px;
  }
  .ml-md-3 {
    margin-left: 3px;
  }
  .mx-md-3 {
    margin-right: 3px;
    margin-left: 3px;
  }
  .my-md-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .m-md-4 {
    margin: 4px;
  }
  .mt-md-4 {
    margin-top: 4px;
  }
  .mr-md-4 {
    margin-right: 4px;
  }
  .mb-md-4 {
    margin-bottom: 4px;
  }
  .ml-md-4 {
    margin-left: 4px;
  }
  .mx-md-4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .my-md-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-md-6 {
    margin: 6px;
  }
  .mt-md-6 {
    margin-top: 6px;
  }
  .mr-md-6 {
    margin-right: 6px;
  }
  .mb-md-6 {
    margin-bottom: 6px;
  }
  .ml-md-6 {
    margin-left: 6px;
  }
  .mx-md-6 {
    margin-right: 6px;
    margin-left: 6px;
  }
  .my-md-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .m-md-8 {
    margin: 8px;
  }
  .mt-md-8 {
    margin-top: 8px;
  }
  .mr-md-8 {
    margin-right: 8px;
  }
  .mb-md-8 {
    margin-bottom: 8px;
  }
  .ml-md-8 {
    margin-left: 8px;
  }
  .mx-md-8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .my-md-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-md-12 {
    margin: 12px;
  }
  .mt-md-12 {
    margin-top: 12px;
  }
  .mr-md-12 {
    margin-right: 12px;
  }
  .mb-md-12 {
    margin-bottom: 12px;
  }
  .ml-md-12 {
    margin-left: 12px;
  }
  .mx-md-12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .my-md-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-md-14 {
    margin: 14px;
  }
  .mt-md-14 {
    margin-top: 14px;
  }
  .mr-md-14 {
    margin-right: 14px;
  }
  .mb-md-14 {
    margin-bottom: 14px;
  }
  .ml-md-14 {
    margin-left: 14px;
  }
  .mx-md-14 {
    margin-right: 14px;
    margin-left: 14px;
  }
  .my-md-14 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .m-md-16 {
    margin: 16px;
  }
  .mt-md-16 {
    margin-top: 16px;
  }
  .mr-md-16 {
    margin-right: 16px;
  }
  .mb-md-16 {
    margin-bottom: 16px;
  }
  .ml-md-16 {
    margin-left: 16px;
  }
  .mx-md-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .my-md-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-md-24 {
    margin: 24px;
  }
  .mt-md-24 {
    margin-top: 24px;
  }
  .mr-md-24 {
    margin-right: 24px;
  }
  .mb-md-24 {
    margin-bottom: 24px;
  }
  .ml-md-24 {
    margin-left: 24px;
  }
  .mx-md-24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .my-md-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-md-32 {
    margin: 32px;
  }
  .mt-md-32 {
    margin-top: 32px;
  }
  .mr-md-32 {
    margin-right: 32px;
  }
  .mb-md-32 {
    margin-bottom: 32px;
  }
  .ml-md-32 {
    margin-left: 32px;
  }
  .mx-md-32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .my-md-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-md-40 {
    margin: 40px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mr-md-40 {
    margin-right: 40px;
  }
  .mb-md-40 {
    margin-bottom: 40px;
  }
  .ml-md-40 {
    margin-left: 40px;
  }
  .mx-md-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .my-md-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-md-48 {
    margin: 48px;
  }
  .mt-md-48 {
    margin-top: 48px;
  }
  .mr-md-48 {
    margin-right: 48px;
  }
  .mb-md-48 {
    margin-bottom: 48px;
  }
  .ml-md-48 {
    margin-left: 48px;
  }
  .mx-md-48 {
    margin-right: 48px;
    margin-left: 48px;
  }
  .my-md-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-md-56 {
    margin: 56px;
  }
  .mt-md-56 {
    margin-top: 56px;
  }
  .mr-md-56 {
    margin-right: 56px;
  }
  .mb-md-56 {
    margin-bottom: 56px;
  }
  .ml-md-56 {
    margin-left: 56px;
  }
  .mx-md-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .my-md-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .m-md-64 {
    margin: 64px;
  }
  .mt-md-64 {
    margin-top: 64px;
  }
  .mr-md-64 {
    margin-right: 64px;
  }
  .mb-md-64 {
    margin-bottom: 64px;
  }
  .ml-md-64 {
    margin-left: 64px;
  }
  .mx-md-64 {
    margin-right: 64px;
    margin-left: 64px;
  }
  .my-md-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .m-md-80 {
    margin: 80px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mr-md-80 {
    margin-right: 80px;
  }
  .mb-md-80 {
    margin-bottom: 80px;
  }
  .ml-md-80 {
    margin-left: 80px;
  }
  .mx-md-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .my-md-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .m-md-96 {
    margin: 96px;
  }
  .mt-md-96 {
    margin-top: 96px;
  }
  .mr-md-96 {
    margin-right: 96px;
  }
  .mb-md-96 {
    margin-bottom: 96px;
  }
  .ml-md-96 {
    margin-left: 96px;
  }
  .mx-md-96 {
    margin-right: 96px;
    margin-left: 96px;
  }
  .my-md-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .m-md-128 {
    margin: 128px;
  }
  .mt-md-128 {
    margin-top: 128px;
  }
  .mr-md-128 {
    margin-right: 128px;
  }
  .mb-md-128 {
    margin-bottom: 128px;
  }
  .ml-md-128 {
    margin-left: 128px;
  }
  .mx-md-128 {
    margin-right: 128px;
    margin-left: 128px;
  }
  .my-md-128 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .m-md-256 {
    margin: 256px;
  }
  .mt-md-256 {
    margin-top: 256px;
  }
  .mr-md-256 {
    margin-right: 256px;
  }
  .mb-md-256 {
    margin-bottom: 256px;
  }
  .ml-md-256 {
    margin-left: 256px;
  }
  .mx-md-256 {
    margin-right: 256px;
    margin-left: 256px;
  }
  .my-md-256 {
    margin-top: 256px;
    margin-bottom: 256px;
  }
  .m-md-auto {
    margin: auto;
  }
  .mt-md-auto {
    margin-top: auto;
  }
  .mr-md-auto {
    margin-right: auto;
  }
  .mb-md-auto {
    margin-bottom: auto;
  }
  .ml-md-auto {
    margin-left: auto;
  }
  .mx-md-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .m-md--1 {
    margin: -1px;
  }
  .mt-md--1 {
    margin-top: -1px;
  }
  .mr-md--1 {
    margin-right: -1px;
  }
  .mb-md--1 {
    margin-bottom: -1px;
  }
  .ml-md--1 {
    margin-left: -1px;
  }
  .mx-md--1 {
    margin-right: -1px;
    margin-left: -1px;
  }
  .my-md--1 {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .m-md--2 {
    margin: -2px;
  }
  .mt-md--2 {
    margin-top: -2px;
  }
  .mr-md--2 {
    margin-right: -2px;
  }
  .mb-md--2 {
    margin-bottom: -2px;
  }
  .ml-md--2 {
    margin-left: -2px;
  }
  .mx-md--2 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .my-md--2 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .m-md--3 {
    margin: -3px;
  }
  .mt-md--3 {
    margin-top: -3px;
  }
  .mr-md--3 {
    margin-right: -3px;
  }
  .mb-md--3 {
    margin-bottom: -3px;
  }
  .ml-md--3 {
    margin-left: -3px;
  }
  .mx-md--3 {
    margin-right: -3px;
    margin-left: -3px;
  }
  .my-md--3 {
    margin-top: -3px;
    margin-bottom: -3px;
  }
  .m-md--4 {
    margin: -4px;
  }
  .mt-md--4 {
    margin-top: -4px;
  }
  .mr-md--4 {
    margin-right: -4px;
  }
  .mb-md--4 {
    margin-bottom: -4px;
  }
  .ml-md--4 {
    margin-left: -4px;
  }
  .mx-md--4 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .my-md--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-md--8 {
    margin: -8px;
  }
  .mt-md--8 {
    margin-top: -8px;
  }
  .mr-md--8 {
    margin-right: -8px;
  }
  .mb-md--8 {
    margin-bottom: -8px;
  }
  .ml-md--8 {
    margin-left: -8px;
  }
  .mx-md--8 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .my-md--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-md--12 {
    margin: -12px;
  }
  .mt-md--12 {
    margin-top: -12px;
  }
  .mr-md--12 {
    margin-right: -12px;
  }
  .mb-md--12 {
    margin-bottom: -12px;
  }
  .ml-md--12 {
    margin-left: -12px;
  }
  .mx-md--12 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .my-md--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-md--14 {
    margin: -14px;
  }
  .mt-md--14 {
    margin-top: -14px;
  }
  .mr-md--14 {
    margin-right: -14px;
  }
  .mb-md--14 {
    margin-bottom: -14px;
  }
  .ml-md--14 {
    margin-left: -14px;
  }
  .mx-md--14 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .my-md--14 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .m-md--16 {
    margin: -16px;
  }
  .mt-md--16 {
    margin-top: -16px;
  }
  .mr-md--16 {
    margin-right: -16px;
  }
  .mb-md--16 {
    margin-bottom: -16px;
  }
  .ml-md--16 {
    margin-left: -16px;
  }
  .mx-md--16 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .my-md--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-md--24 {
    margin: -24px;
  }
  .mt-md--24 {
    margin-top: -24px;
  }
  .mr-md--24 {
    margin-right: -24px;
  }
  .mb-md--24 {
    margin-bottom: -24px;
  }
  .ml-md--24 {
    margin-left: -24px;
  }
  .mx-md--24 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .my-md--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-md--32 {
    margin: -32px;
  }
  .mt-md--32 {
    margin-top: -32px;
  }
  .mr-md--32 {
    margin-right: -32px;
  }
  .mb-md--32 {
    margin-bottom: -32px;
  }
  .ml-md--32 {
    margin-left: -32px;
  }
  .mx-md--32 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .my-md--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-md--40 {
    margin: -40px;
  }
  .mt-md--40 {
    margin-top: -40px;
  }
  .mr-md--40 {
    margin-right: -40px;
  }
  .mb-md--40 {
    margin-bottom: -40px;
  }
  .ml-md--40 {
    margin-left: -40px;
  }
  .mx-md--40 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .my-md--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-md--48 {
    margin: -48px;
  }
  .mt-md--48 {
    margin-top: -48px;
  }
  .mr-md--48 {
    margin-right: -48px;
  }
  .mb-md--48 {
    margin-bottom: -48px;
  }
  .ml-md--48 {
    margin-left: -48px;
  }
  .mx-md--48 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .my-md--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-md--56 {
    margin: -56px;
  }
  .mt-md--56 {
    margin-top: -56px;
  }
  .mr-md--56 {
    margin-right: -56px;
  }
  .mb-md--56 {
    margin-bottom: -56px;
  }
  .ml-md--56 {
    margin-left: -56px;
  }
  .mx-md--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .my-md--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .m-md--64 {
    margin: -64px;
  }
  .mt-md--64 {
    margin-top: -64px;
  }
  .mr-md--64 {
    margin-right: -64px;
  }
  .mb-md--64 {
    margin-bottom: -64px;
  }
  .ml-md--64 {
    margin-left: -64px;
  }
  .mx-md--64 {
    margin-right: -64px;
    margin-left: -64px;
  }
  .my-md--64 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-lg-0 {
    margin: 0px;
  }
  .mt-lg-0 {
    margin-top: 0px;
  }
  .mr-lg-0 {
    margin-right: 0px;
  }
  .mb-lg-0 {
    margin-bottom: 0px;
  }
  .ml-lg-0 {
    margin-left: 0px;
  }
  .mx-lg-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .my-lg-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-lg-1 {
    margin: 1px;
  }
  .mt-lg-1 {
    margin-top: 1px;
  }
  .mr-lg-1 {
    margin-right: 1px;
  }
  .mb-lg-1 {
    margin-bottom: 1px;
  }
  .ml-lg-1 {
    margin-left: 1px;
  }
  .mx-lg-1 {
    margin-right: 1px;
    margin-left: 1px;
  }
  .my-lg-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .m-lg-2 {
    margin: 2px;
  }
  .mt-lg-2 {
    margin-top: 2px;
  }
  .mr-lg-2 {
    margin-right: 2px;
  }
  .mb-lg-2 {
    margin-bottom: 2px;
  }
  .ml-lg-2 {
    margin-left: 2px;
  }
  .mx-lg-2 {
    margin-right: 2px;
    margin-left: 2px;
  }
  .my-lg-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .m-lg-3 {
    margin: 3px;
  }
  .mt-lg-3 {
    margin-top: 3px;
  }
  .mr-lg-3 {
    margin-right: 3px;
  }
  .mb-lg-3 {
    margin-bottom: 3px;
  }
  .ml-lg-3 {
    margin-left: 3px;
  }
  .mx-lg-3 {
    margin-right: 3px;
    margin-left: 3px;
  }
  .my-lg-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .m-lg-4 {
    margin: 4px;
  }
  .mt-lg-4 {
    margin-top: 4px;
  }
  .mr-lg-4 {
    margin-right: 4px;
  }
  .mb-lg-4 {
    margin-bottom: 4px;
  }
  .ml-lg-4 {
    margin-left: 4px;
  }
  .mx-lg-4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .my-lg-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-lg-6 {
    margin: 6px;
  }
  .mt-lg-6 {
    margin-top: 6px;
  }
  .mr-lg-6 {
    margin-right: 6px;
  }
  .mb-lg-6 {
    margin-bottom: 6px;
  }
  .ml-lg-6 {
    margin-left: 6px;
  }
  .mx-lg-6 {
    margin-right: 6px;
    margin-left: 6px;
  }
  .my-lg-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .m-lg-8 {
    margin: 8px;
  }
  .mt-lg-8 {
    margin-top: 8px;
  }
  .mr-lg-8 {
    margin-right: 8px;
  }
  .mb-lg-8 {
    margin-bottom: 8px;
  }
  .ml-lg-8 {
    margin-left: 8px;
  }
  .mx-lg-8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .my-lg-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-lg-12 {
    margin: 12px;
  }
  .mt-lg-12 {
    margin-top: 12px;
  }
  .mr-lg-12 {
    margin-right: 12px;
  }
  .mb-lg-12 {
    margin-bottom: 12px;
  }
  .ml-lg-12 {
    margin-left: 12px;
  }
  .mx-lg-12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .my-lg-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-lg-14 {
    margin: 14px;
  }
  .mt-lg-14 {
    margin-top: 14px;
  }
  .mr-lg-14 {
    margin-right: 14px;
  }
  .mb-lg-14 {
    margin-bottom: 14px;
  }
  .ml-lg-14 {
    margin-left: 14px;
  }
  .mx-lg-14 {
    margin-right: 14px;
    margin-left: 14px;
  }
  .my-lg-14 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .m-lg-16 {
    margin: 16px;
  }
  .mt-lg-16 {
    margin-top: 16px;
  }
  .mr-lg-16 {
    margin-right: 16px;
  }
  .mb-lg-16 {
    margin-bottom: 16px;
  }
  .ml-lg-16 {
    margin-left: 16px;
  }
  .mx-lg-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .my-lg-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-lg-24 {
    margin: 24px;
  }
  .mt-lg-24 {
    margin-top: 24px;
  }
  .mr-lg-24 {
    margin-right: 24px;
  }
  .mb-lg-24 {
    margin-bottom: 24px;
  }
  .ml-lg-24 {
    margin-left: 24px;
  }
  .mx-lg-24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .my-lg-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-lg-32 {
    margin: 32px;
  }
  .mt-lg-32 {
    margin-top: 32px;
  }
  .mr-lg-32 {
    margin-right: 32px;
  }
  .mb-lg-32 {
    margin-bottom: 32px;
  }
  .ml-lg-32 {
    margin-left: 32px;
  }
  .mx-lg-32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .my-lg-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-lg-40 {
    margin: 40px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mr-lg-40 {
    margin-right: 40px;
  }
  .mb-lg-40 {
    margin-bottom: 40px;
  }
  .ml-lg-40 {
    margin-left: 40px;
  }
  .mx-lg-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .my-lg-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-lg-48 {
    margin: 48px;
  }
  .mt-lg-48 {
    margin-top: 48px;
  }
  .mr-lg-48 {
    margin-right: 48px;
  }
  .mb-lg-48 {
    margin-bottom: 48px;
  }
  .ml-lg-48 {
    margin-left: 48px;
  }
  .mx-lg-48 {
    margin-right: 48px;
    margin-left: 48px;
  }
  .my-lg-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-lg-56 {
    margin: 56px;
  }
  .mt-lg-56 {
    margin-top: 56px;
  }
  .mr-lg-56 {
    margin-right: 56px;
  }
  .mb-lg-56 {
    margin-bottom: 56px;
  }
  .ml-lg-56 {
    margin-left: 56px;
  }
  .mx-lg-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .my-lg-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .m-lg-64 {
    margin: 64px;
  }
  .mt-lg-64 {
    margin-top: 64px;
  }
  .mr-lg-64 {
    margin-right: 64px;
  }
  .mb-lg-64 {
    margin-bottom: 64px;
  }
  .ml-lg-64 {
    margin-left: 64px;
  }
  .mx-lg-64 {
    margin-right: 64px;
    margin-left: 64px;
  }
  .my-lg-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .m-lg-80 {
    margin: 80px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mr-lg-80 {
    margin-right: 80px;
  }
  .mb-lg-80 {
    margin-bottom: 80px;
  }
  .ml-lg-80 {
    margin-left: 80px;
  }
  .mx-lg-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .my-lg-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .m-lg-96 {
    margin: 96px;
  }
  .mt-lg-96 {
    margin-top: 96px;
  }
  .mr-lg-96 {
    margin-right: 96px;
  }
  .mb-lg-96 {
    margin-bottom: 96px;
  }
  .ml-lg-96 {
    margin-left: 96px;
  }
  .mx-lg-96 {
    margin-right: 96px;
    margin-left: 96px;
  }
  .my-lg-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .m-lg-128 {
    margin: 128px;
  }
  .mt-lg-128 {
    margin-top: 128px;
  }
  .mr-lg-128 {
    margin-right: 128px;
  }
  .mb-lg-128 {
    margin-bottom: 128px;
  }
  .ml-lg-128 {
    margin-left: 128px;
  }
  .mx-lg-128 {
    margin-right: 128px;
    margin-left: 128px;
  }
  .my-lg-128 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .m-lg-256 {
    margin: 256px;
  }
  .mt-lg-256 {
    margin-top: 256px;
  }
  .mr-lg-256 {
    margin-right: 256px;
  }
  .mb-lg-256 {
    margin-bottom: 256px;
  }
  .ml-lg-256 {
    margin-left: 256px;
  }
  .mx-lg-256 {
    margin-right: 256px;
    margin-left: 256px;
  }
  .my-lg-256 {
    margin-top: 256px;
    margin-bottom: 256px;
  }
  .m-lg-auto {
    margin: auto;
  }
  .mt-lg-auto {
    margin-top: auto;
  }
  .mr-lg-auto {
    margin-right: auto;
  }
  .mb-lg-auto {
    margin-bottom: auto;
  }
  .ml-lg-auto {
    margin-left: auto;
  }
  .mx-lg-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .m-lg--1 {
    margin: -1px;
  }
  .mt-lg--1 {
    margin-top: -1px;
  }
  .mr-lg--1 {
    margin-right: -1px;
  }
  .mb-lg--1 {
    margin-bottom: -1px;
  }
  .ml-lg--1 {
    margin-left: -1px;
  }
  .mx-lg--1 {
    margin-right: -1px;
    margin-left: -1px;
  }
  .my-lg--1 {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .m-lg--2 {
    margin: -2px;
  }
  .mt-lg--2 {
    margin-top: -2px;
  }
  .mr-lg--2 {
    margin-right: -2px;
  }
  .mb-lg--2 {
    margin-bottom: -2px;
  }
  .ml-lg--2 {
    margin-left: -2px;
  }
  .mx-lg--2 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .my-lg--2 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .m-lg--3 {
    margin: -3px;
  }
  .mt-lg--3 {
    margin-top: -3px;
  }
  .mr-lg--3 {
    margin-right: -3px;
  }
  .mb-lg--3 {
    margin-bottom: -3px;
  }
  .ml-lg--3 {
    margin-left: -3px;
  }
  .mx-lg--3 {
    margin-right: -3px;
    margin-left: -3px;
  }
  .my-lg--3 {
    margin-top: -3px;
    margin-bottom: -3px;
  }
  .m-lg--4 {
    margin: -4px;
  }
  .mt-lg--4 {
    margin-top: -4px;
  }
  .mr-lg--4 {
    margin-right: -4px;
  }
  .mb-lg--4 {
    margin-bottom: -4px;
  }
  .ml-lg--4 {
    margin-left: -4px;
  }
  .mx-lg--4 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .my-lg--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-lg--8 {
    margin: -8px;
  }
  .mt-lg--8 {
    margin-top: -8px;
  }
  .mr-lg--8 {
    margin-right: -8px;
  }
  .mb-lg--8 {
    margin-bottom: -8px;
  }
  .ml-lg--8 {
    margin-left: -8px;
  }
  .mx-lg--8 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .my-lg--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-lg--12 {
    margin: -12px;
  }
  .mt-lg--12 {
    margin-top: -12px;
  }
  .mr-lg--12 {
    margin-right: -12px;
  }
  .mb-lg--12 {
    margin-bottom: -12px;
  }
  .ml-lg--12 {
    margin-left: -12px;
  }
  .mx-lg--12 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .my-lg--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-lg--14 {
    margin: -14px;
  }
  .mt-lg--14 {
    margin-top: -14px;
  }
  .mr-lg--14 {
    margin-right: -14px;
  }
  .mb-lg--14 {
    margin-bottom: -14px;
  }
  .ml-lg--14 {
    margin-left: -14px;
  }
  .mx-lg--14 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .my-lg--14 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .m-lg--16 {
    margin: -16px;
  }
  .mt-lg--16 {
    margin-top: -16px;
  }
  .mr-lg--16 {
    margin-right: -16px;
  }
  .mb-lg--16 {
    margin-bottom: -16px;
  }
  .ml-lg--16 {
    margin-left: -16px;
  }
  .mx-lg--16 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .my-lg--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-lg--24 {
    margin: -24px;
  }
  .mt-lg--24 {
    margin-top: -24px;
  }
  .mr-lg--24 {
    margin-right: -24px;
  }
  .mb-lg--24 {
    margin-bottom: -24px;
  }
  .ml-lg--24 {
    margin-left: -24px;
  }
  .mx-lg--24 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .my-lg--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-lg--32 {
    margin: -32px;
  }
  .mt-lg--32 {
    margin-top: -32px;
  }
  .mr-lg--32 {
    margin-right: -32px;
  }
  .mb-lg--32 {
    margin-bottom: -32px;
  }
  .ml-lg--32 {
    margin-left: -32px;
  }
  .mx-lg--32 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .my-lg--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-lg--40 {
    margin: -40px;
  }
  .mt-lg--40 {
    margin-top: -40px;
  }
  .mr-lg--40 {
    margin-right: -40px;
  }
  .mb-lg--40 {
    margin-bottom: -40px;
  }
  .ml-lg--40 {
    margin-left: -40px;
  }
  .mx-lg--40 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .my-lg--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-lg--48 {
    margin: -48px;
  }
  .mt-lg--48 {
    margin-top: -48px;
  }
  .mr-lg--48 {
    margin-right: -48px;
  }
  .mb-lg--48 {
    margin-bottom: -48px;
  }
  .ml-lg--48 {
    margin-left: -48px;
  }
  .mx-lg--48 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .my-lg--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-lg--56 {
    margin: -56px;
  }
  .mt-lg--56 {
    margin-top: -56px;
  }
  .mr-lg--56 {
    margin-right: -56px;
  }
  .mb-lg--56 {
    margin-bottom: -56px;
  }
  .ml-lg--56 {
    margin-left: -56px;
  }
  .mx-lg--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .my-lg--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .m-lg--64 {
    margin: -64px;
  }
  .mt-lg--64 {
    margin-top: -64px;
  }
  .mr-lg--64 {
    margin-right: -64px;
  }
  .mb-lg--64 {
    margin-bottom: -64px;
  }
  .ml-lg--64 {
    margin-left: -64px;
  }
  .mx-lg--64 {
    margin-right: -64px;
    margin-left: -64px;
  }
  .my-lg--64 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
}
@media only screen and (min-width: 1366px) {
  .m-xl-0 {
    margin: 0px;
  }
  .mt-xl-0 {
    margin-top: 0px;
  }
  .mr-xl-0 {
    margin-right: 0px;
  }
  .mb-xl-0 {
    margin-bottom: 0px;
  }
  .ml-xl-0 {
    margin-left: 0px;
  }
  .mx-xl-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .my-xl-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-xl-1 {
    margin: 1px;
  }
  .mt-xl-1 {
    margin-top: 1px;
  }
  .mr-xl-1 {
    margin-right: 1px;
  }
  .mb-xl-1 {
    margin-bottom: 1px;
  }
  .ml-xl-1 {
    margin-left: 1px;
  }
  .mx-xl-1 {
    margin-right: 1px;
    margin-left: 1px;
  }
  .my-xl-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .m-xl-2 {
    margin: 2px;
  }
  .mt-xl-2 {
    margin-top: 2px;
  }
  .mr-xl-2 {
    margin-right: 2px;
  }
  .mb-xl-2 {
    margin-bottom: 2px;
  }
  .ml-xl-2 {
    margin-left: 2px;
  }
  .mx-xl-2 {
    margin-right: 2px;
    margin-left: 2px;
  }
  .my-xl-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .m-xl-3 {
    margin: 3px;
  }
  .mt-xl-3 {
    margin-top: 3px;
  }
  .mr-xl-3 {
    margin-right: 3px;
  }
  .mb-xl-3 {
    margin-bottom: 3px;
  }
  .ml-xl-3 {
    margin-left: 3px;
  }
  .mx-xl-3 {
    margin-right: 3px;
    margin-left: 3px;
  }
  .my-xl-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .m-xl-4 {
    margin: 4px;
  }
  .mt-xl-4 {
    margin-top: 4px;
  }
  .mr-xl-4 {
    margin-right: 4px;
  }
  .mb-xl-4 {
    margin-bottom: 4px;
  }
  .ml-xl-4 {
    margin-left: 4px;
  }
  .mx-xl-4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .my-xl-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-xl-6 {
    margin: 6px;
  }
  .mt-xl-6 {
    margin-top: 6px;
  }
  .mr-xl-6 {
    margin-right: 6px;
  }
  .mb-xl-6 {
    margin-bottom: 6px;
  }
  .ml-xl-6 {
    margin-left: 6px;
  }
  .mx-xl-6 {
    margin-right: 6px;
    margin-left: 6px;
  }
  .my-xl-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .m-xl-8 {
    margin: 8px;
  }
  .mt-xl-8 {
    margin-top: 8px;
  }
  .mr-xl-8 {
    margin-right: 8px;
  }
  .mb-xl-8 {
    margin-bottom: 8px;
  }
  .ml-xl-8 {
    margin-left: 8px;
  }
  .mx-xl-8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .my-xl-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-xl-12 {
    margin: 12px;
  }
  .mt-xl-12 {
    margin-top: 12px;
  }
  .mr-xl-12 {
    margin-right: 12px;
  }
  .mb-xl-12 {
    margin-bottom: 12px;
  }
  .ml-xl-12 {
    margin-left: 12px;
  }
  .mx-xl-12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .my-xl-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-xl-14 {
    margin: 14px;
  }
  .mt-xl-14 {
    margin-top: 14px;
  }
  .mr-xl-14 {
    margin-right: 14px;
  }
  .mb-xl-14 {
    margin-bottom: 14px;
  }
  .ml-xl-14 {
    margin-left: 14px;
  }
  .mx-xl-14 {
    margin-right: 14px;
    margin-left: 14px;
  }
  .my-xl-14 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .m-xl-16 {
    margin: 16px;
  }
  .mt-xl-16 {
    margin-top: 16px;
  }
  .mr-xl-16 {
    margin-right: 16px;
  }
  .mb-xl-16 {
    margin-bottom: 16px;
  }
  .ml-xl-16 {
    margin-left: 16px;
  }
  .mx-xl-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .my-xl-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-xl-24 {
    margin: 24px;
  }
  .mt-xl-24 {
    margin-top: 24px;
  }
  .mr-xl-24 {
    margin-right: 24px;
  }
  .mb-xl-24 {
    margin-bottom: 24px;
  }
  .ml-xl-24 {
    margin-left: 24px;
  }
  .mx-xl-24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .my-xl-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-xl-32 {
    margin: 32px;
  }
  .mt-xl-32 {
    margin-top: 32px;
  }
  .mr-xl-32 {
    margin-right: 32px;
  }
  .mb-xl-32 {
    margin-bottom: 32px;
  }
  .ml-xl-32 {
    margin-left: 32px;
  }
  .mx-xl-32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .my-xl-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-xl-40 {
    margin: 40px;
  }
  .mt-xl-40 {
    margin-top: 40px;
  }
  .mr-xl-40 {
    margin-right: 40px;
  }
  .mb-xl-40 {
    margin-bottom: 40px;
  }
  .ml-xl-40 {
    margin-left: 40px;
  }
  .mx-xl-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .my-xl-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-xl-48 {
    margin: 48px;
  }
  .mt-xl-48 {
    margin-top: 48px;
  }
  .mr-xl-48 {
    margin-right: 48px;
  }
  .mb-xl-48 {
    margin-bottom: 48px;
  }
  .ml-xl-48 {
    margin-left: 48px;
  }
  .mx-xl-48 {
    margin-right: 48px;
    margin-left: 48px;
  }
  .my-xl-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-xl-56 {
    margin: 56px;
  }
  .mt-xl-56 {
    margin-top: 56px;
  }
  .mr-xl-56 {
    margin-right: 56px;
  }
  .mb-xl-56 {
    margin-bottom: 56px;
  }
  .ml-xl-56 {
    margin-left: 56px;
  }
  .mx-xl-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .my-xl-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .m-xl-64 {
    margin: 64px;
  }
  .mt-xl-64 {
    margin-top: 64px;
  }
  .mr-xl-64 {
    margin-right: 64px;
  }
  .mb-xl-64 {
    margin-bottom: 64px;
  }
  .ml-xl-64 {
    margin-left: 64px;
  }
  .mx-xl-64 {
    margin-right: 64px;
    margin-left: 64px;
  }
  .my-xl-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .m-xl-80 {
    margin: 80px;
  }
  .mt-xl-80 {
    margin-top: 80px;
  }
  .mr-xl-80 {
    margin-right: 80px;
  }
  .mb-xl-80 {
    margin-bottom: 80px;
  }
  .ml-xl-80 {
    margin-left: 80px;
  }
  .mx-xl-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .my-xl-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .m-xl-96 {
    margin: 96px;
  }
  .mt-xl-96 {
    margin-top: 96px;
  }
  .mr-xl-96 {
    margin-right: 96px;
  }
  .mb-xl-96 {
    margin-bottom: 96px;
  }
  .ml-xl-96 {
    margin-left: 96px;
  }
  .mx-xl-96 {
    margin-right: 96px;
    margin-left: 96px;
  }
  .my-xl-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .m-xl-128 {
    margin: 128px;
  }
  .mt-xl-128 {
    margin-top: 128px;
  }
  .mr-xl-128 {
    margin-right: 128px;
  }
  .mb-xl-128 {
    margin-bottom: 128px;
  }
  .ml-xl-128 {
    margin-left: 128px;
  }
  .mx-xl-128 {
    margin-right: 128px;
    margin-left: 128px;
  }
  .my-xl-128 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .m-xl-256 {
    margin: 256px;
  }
  .mt-xl-256 {
    margin-top: 256px;
  }
  .mr-xl-256 {
    margin-right: 256px;
  }
  .mb-xl-256 {
    margin-bottom: 256px;
  }
  .ml-xl-256 {
    margin-left: 256px;
  }
  .mx-xl-256 {
    margin-right: 256px;
    margin-left: 256px;
  }
  .my-xl-256 {
    margin-top: 256px;
    margin-bottom: 256px;
  }
  .m-xl-auto {
    margin: auto;
  }
  .mt-xl-auto {
    margin-top: auto;
  }
  .mr-xl-auto {
    margin-right: auto;
  }
  .mb-xl-auto {
    margin-bottom: auto;
  }
  .ml-xl-auto {
    margin-left: auto;
  }
  .mx-xl-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-xl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .m-xl--1 {
    margin: -1px;
  }
  .mt-xl--1 {
    margin-top: -1px;
  }
  .mr-xl--1 {
    margin-right: -1px;
  }
  .mb-xl--1 {
    margin-bottom: -1px;
  }
  .ml-xl--1 {
    margin-left: -1px;
  }
  .mx-xl--1 {
    margin-right: -1px;
    margin-left: -1px;
  }
  .my-xl--1 {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .m-xl--2 {
    margin: -2px;
  }
  .mt-xl--2 {
    margin-top: -2px;
  }
  .mr-xl--2 {
    margin-right: -2px;
  }
  .mb-xl--2 {
    margin-bottom: -2px;
  }
  .ml-xl--2 {
    margin-left: -2px;
  }
  .mx-xl--2 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .my-xl--2 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .m-xl--3 {
    margin: -3px;
  }
  .mt-xl--3 {
    margin-top: -3px;
  }
  .mr-xl--3 {
    margin-right: -3px;
  }
  .mb-xl--3 {
    margin-bottom: -3px;
  }
  .ml-xl--3 {
    margin-left: -3px;
  }
  .mx-xl--3 {
    margin-right: -3px;
    margin-left: -3px;
  }
  .my-xl--3 {
    margin-top: -3px;
    margin-bottom: -3px;
  }
  .m-xl--4 {
    margin: -4px;
  }
  .mt-xl--4 {
    margin-top: -4px;
  }
  .mr-xl--4 {
    margin-right: -4px;
  }
  .mb-xl--4 {
    margin-bottom: -4px;
  }
  .ml-xl--4 {
    margin-left: -4px;
  }
  .mx-xl--4 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .my-xl--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-xl--8 {
    margin: -8px;
  }
  .mt-xl--8 {
    margin-top: -8px;
  }
  .mr-xl--8 {
    margin-right: -8px;
  }
  .mb-xl--8 {
    margin-bottom: -8px;
  }
  .ml-xl--8 {
    margin-left: -8px;
  }
  .mx-xl--8 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .my-xl--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-xl--12 {
    margin: -12px;
  }
  .mt-xl--12 {
    margin-top: -12px;
  }
  .mr-xl--12 {
    margin-right: -12px;
  }
  .mb-xl--12 {
    margin-bottom: -12px;
  }
  .ml-xl--12 {
    margin-left: -12px;
  }
  .mx-xl--12 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .my-xl--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-xl--14 {
    margin: -14px;
  }
  .mt-xl--14 {
    margin-top: -14px;
  }
  .mr-xl--14 {
    margin-right: -14px;
  }
  .mb-xl--14 {
    margin-bottom: -14px;
  }
  .ml-xl--14 {
    margin-left: -14px;
  }
  .mx-xl--14 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .my-xl--14 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .m-xl--16 {
    margin: -16px;
  }
  .mt-xl--16 {
    margin-top: -16px;
  }
  .mr-xl--16 {
    margin-right: -16px;
  }
  .mb-xl--16 {
    margin-bottom: -16px;
  }
  .ml-xl--16 {
    margin-left: -16px;
  }
  .mx-xl--16 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .my-xl--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-xl--24 {
    margin: -24px;
  }
  .mt-xl--24 {
    margin-top: -24px;
  }
  .mr-xl--24 {
    margin-right: -24px;
  }
  .mb-xl--24 {
    margin-bottom: -24px;
  }
  .ml-xl--24 {
    margin-left: -24px;
  }
  .mx-xl--24 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .my-xl--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-xl--32 {
    margin: -32px;
  }
  .mt-xl--32 {
    margin-top: -32px;
  }
  .mr-xl--32 {
    margin-right: -32px;
  }
  .mb-xl--32 {
    margin-bottom: -32px;
  }
  .ml-xl--32 {
    margin-left: -32px;
  }
  .mx-xl--32 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .my-xl--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-xl--40 {
    margin: -40px;
  }
  .mt-xl--40 {
    margin-top: -40px;
  }
  .mr-xl--40 {
    margin-right: -40px;
  }
  .mb-xl--40 {
    margin-bottom: -40px;
  }
  .ml-xl--40 {
    margin-left: -40px;
  }
  .mx-xl--40 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .my-xl--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-xl--48 {
    margin: -48px;
  }
  .mt-xl--48 {
    margin-top: -48px;
  }
  .mr-xl--48 {
    margin-right: -48px;
  }
  .mb-xl--48 {
    margin-bottom: -48px;
  }
  .ml-xl--48 {
    margin-left: -48px;
  }
  .mx-xl--48 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .my-xl--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-xl--56 {
    margin: -56px;
  }
  .mt-xl--56 {
    margin-top: -56px;
  }
  .mr-xl--56 {
    margin-right: -56px;
  }
  .mb-xl--56 {
    margin-bottom: -56px;
  }
  .ml-xl--56 {
    margin-left: -56px;
  }
  .mx-xl--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .my-xl--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .m-xl--64 {
    margin: -64px;
  }
  .mt-xl--64 {
    margin-top: -64px;
  }
  .mr-xl--64 {
    margin-right: -64px;
  }
  .mb-xl--64 {
    margin-bottom: -64px;
  }
  .ml-xl--64 {
    margin-left: -64px;
  }
  .mx-xl--64 {
    margin-right: -64px;
    margin-left: -64px;
  }
  .my-xl--64 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
}
@media only screen and (min-width: 1680px) {
  .m-xxl-0 {
    margin: 0px;
  }
  .mt-xxl-0 {
    margin-top: 0px;
  }
  .mr-xxl-0 {
    margin-right: 0px;
  }
  .mb-xxl-0 {
    margin-bottom: 0px;
  }
  .ml-xxl-0 {
    margin-left: 0px;
  }
  .mx-xxl-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .my-xxl-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-xxl-1 {
    margin: 1px;
  }
  .mt-xxl-1 {
    margin-top: 1px;
  }
  .mr-xxl-1 {
    margin-right: 1px;
  }
  .mb-xxl-1 {
    margin-bottom: 1px;
  }
  .ml-xxl-1 {
    margin-left: 1px;
  }
  .mx-xxl-1 {
    margin-right: 1px;
    margin-left: 1px;
  }
  .my-xxl-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .m-xxl-2 {
    margin: 2px;
  }
  .mt-xxl-2 {
    margin-top: 2px;
  }
  .mr-xxl-2 {
    margin-right: 2px;
  }
  .mb-xxl-2 {
    margin-bottom: 2px;
  }
  .ml-xxl-2 {
    margin-left: 2px;
  }
  .mx-xxl-2 {
    margin-right: 2px;
    margin-left: 2px;
  }
  .my-xxl-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .m-xxl-3 {
    margin: 3px;
  }
  .mt-xxl-3 {
    margin-top: 3px;
  }
  .mr-xxl-3 {
    margin-right: 3px;
  }
  .mb-xxl-3 {
    margin-bottom: 3px;
  }
  .ml-xxl-3 {
    margin-left: 3px;
  }
  .mx-xxl-3 {
    margin-right: 3px;
    margin-left: 3px;
  }
  .my-xxl-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .m-xxl-4 {
    margin: 4px;
  }
  .mt-xxl-4 {
    margin-top: 4px;
  }
  .mr-xxl-4 {
    margin-right: 4px;
  }
  .mb-xxl-4 {
    margin-bottom: 4px;
  }
  .ml-xxl-4 {
    margin-left: 4px;
  }
  .mx-xxl-4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .my-xxl-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-xxl-6 {
    margin: 6px;
  }
  .mt-xxl-6 {
    margin-top: 6px;
  }
  .mr-xxl-6 {
    margin-right: 6px;
  }
  .mb-xxl-6 {
    margin-bottom: 6px;
  }
  .ml-xxl-6 {
    margin-left: 6px;
  }
  .mx-xxl-6 {
    margin-right: 6px;
    margin-left: 6px;
  }
  .my-xxl-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .m-xxl-8 {
    margin: 8px;
  }
  .mt-xxl-8 {
    margin-top: 8px;
  }
  .mr-xxl-8 {
    margin-right: 8px;
  }
  .mb-xxl-8 {
    margin-bottom: 8px;
  }
  .ml-xxl-8 {
    margin-left: 8px;
  }
  .mx-xxl-8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .my-xxl-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-xxl-12 {
    margin: 12px;
  }
  .mt-xxl-12 {
    margin-top: 12px;
  }
  .mr-xxl-12 {
    margin-right: 12px;
  }
  .mb-xxl-12 {
    margin-bottom: 12px;
  }
  .ml-xxl-12 {
    margin-left: 12px;
  }
  .mx-xxl-12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .my-xxl-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-xxl-14 {
    margin: 14px;
  }
  .mt-xxl-14 {
    margin-top: 14px;
  }
  .mr-xxl-14 {
    margin-right: 14px;
  }
  .mb-xxl-14 {
    margin-bottom: 14px;
  }
  .ml-xxl-14 {
    margin-left: 14px;
  }
  .mx-xxl-14 {
    margin-right: 14px;
    margin-left: 14px;
  }
  .my-xxl-14 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .m-xxl-16 {
    margin: 16px;
  }
  .mt-xxl-16 {
    margin-top: 16px;
  }
  .mr-xxl-16 {
    margin-right: 16px;
  }
  .mb-xxl-16 {
    margin-bottom: 16px;
  }
  .ml-xxl-16 {
    margin-left: 16px;
  }
  .mx-xxl-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .my-xxl-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-xxl-24 {
    margin: 24px;
  }
  .mt-xxl-24 {
    margin-top: 24px;
  }
  .mr-xxl-24 {
    margin-right: 24px;
  }
  .mb-xxl-24 {
    margin-bottom: 24px;
  }
  .ml-xxl-24 {
    margin-left: 24px;
  }
  .mx-xxl-24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .my-xxl-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-xxl-32 {
    margin: 32px;
  }
  .mt-xxl-32 {
    margin-top: 32px;
  }
  .mr-xxl-32 {
    margin-right: 32px;
  }
  .mb-xxl-32 {
    margin-bottom: 32px;
  }
  .ml-xxl-32 {
    margin-left: 32px;
  }
  .mx-xxl-32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .my-xxl-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-xxl-40 {
    margin: 40px;
  }
  .mt-xxl-40 {
    margin-top: 40px;
  }
  .mr-xxl-40 {
    margin-right: 40px;
  }
  .mb-xxl-40 {
    margin-bottom: 40px;
  }
  .ml-xxl-40 {
    margin-left: 40px;
  }
  .mx-xxl-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .my-xxl-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-xxl-48 {
    margin: 48px;
  }
  .mt-xxl-48 {
    margin-top: 48px;
  }
  .mr-xxl-48 {
    margin-right: 48px;
  }
  .mb-xxl-48 {
    margin-bottom: 48px;
  }
  .ml-xxl-48 {
    margin-left: 48px;
  }
  .mx-xxl-48 {
    margin-right: 48px;
    margin-left: 48px;
  }
  .my-xxl-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-xxl-56 {
    margin: 56px;
  }
  .mt-xxl-56 {
    margin-top: 56px;
  }
  .mr-xxl-56 {
    margin-right: 56px;
  }
  .mb-xxl-56 {
    margin-bottom: 56px;
  }
  .ml-xxl-56 {
    margin-left: 56px;
  }
  .mx-xxl-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .my-xxl-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .m-xxl-64 {
    margin: 64px;
  }
  .mt-xxl-64 {
    margin-top: 64px;
  }
  .mr-xxl-64 {
    margin-right: 64px;
  }
  .mb-xxl-64 {
    margin-bottom: 64px;
  }
  .ml-xxl-64 {
    margin-left: 64px;
  }
  .mx-xxl-64 {
    margin-right: 64px;
    margin-left: 64px;
  }
  .my-xxl-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .m-xxl-80 {
    margin: 80px;
  }
  .mt-xxl-80 {
    margin-top: 80px;
  }
  .mr-xxl-80 {
    margin-right: 80px;
  }
  .mb-xxl-80 {
    margin-bottom: 80px;
  }
  .ml-xxl-80 {
    margin-left: 80px;
  }
  .mx-xxl-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .my-xxl-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .m-xxl-96 {
    margin: 96px;
  }
  .mt-xxl-96 {
    margin-top: 96px;
  }
  .mr-xxl-96 {
    margin-right: 96px;
  }
  .mb-xxl-96 {
    margin-bottom: 96px;
  }
  .ml-xxl-96 {
    margin-left: 96px;
  }
  .mx-xxl-96 {
    margin-right: 96px;
    margin-left: 96px;
  }
  .my-xxl-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .m-xxl-128 {
    margin: 128px;
  }
  .mt-xxl-128 {
    margin-top: 128px;
  }
  .mr-xxl-128 {
    margin-right: 128px;
  }
  .mb-xxl-128 {
    margin-bottom: 128px;
  }
  .ml-xxl-128 {
    margin-left: 128px;
  }
  .mx-xxl-128 {
    margin-right: 128px;
    margin-left: 128px;
  }
  .my-xxl-128 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .m-xxl-256 {
    margin: 256px;
  }
  .mt-xxl-256 {
    margin-top: 256px;
  }
  .mr-xxl-256 {
    margin-right: 256px;
  }
  .mb-xxl-256 {
    margin-bottom: 256px;
  }
  .ml-xxl-256 {
    margin-left: 256px;
  }
  .mx-xxl-256 {
    margin-right: 256px;
    margin-left: 256px;
  }
  .my-xxl-256 {
    margin-top: 256px;
    margin-bottom: 256px;
  }
  .m-xxl-auto {
    margin: auto;
  }
  .mt-xxl-auto {
    margin-top: auto;
  }
  .mr-xxl-auto {
    margin-right: auto;
  }
  .mb-xxl-auto {
    margin-bottom: auto;
  }
  .ml-xxl-auto {
    margin-left: auto;
  }
  .mx-xxl-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-xxl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .m-xxl--1 {
    margin: -1px;
  }
  .mt-xxl--1 {
    margin-top: -1px;
  }
  .mr-xxl--1 {
    margin-right: -1px;
  }
  .mb-xxl--1 {
    margin-bottom: -1px;
  }
  .ml-xxl--1 {
    margin-left: -1px;
  }
  .mx-xxl--1 {
    margin-right: -1px;
    margin-left: -1px;
  }
  .my-xxl--1 {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .m-xxl--2 {
    margin: -2px;
  }
  .mt-xxl--2 {
    margin-top: -2px;
  }
  .mr-xxl--2 {
    margin-right: -2px;
  }
  .mb-xxl--2 {
    margin-bottom: -2px;
  }
  .ml-xxl--2 {
    margin-left: -2px;
  }
  .mx-xxl--2 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .my-xxl--2 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .m-xxl--3 {
    margin: -3px;
  }
  .mt-xxl--3 {
    margin-top: -3px;
  }
  .mr-xxl--3 {
    margin-right: -3px;
  }
  .mb-xxl--3 {
    margin-bottom: -3px;
  }
  .ml-xxl--3 {
    margin-left: -3px;
  }
  .mx-xxl--3 {
    margin-right: -3px;
    margin-left: -3px;
  }
  .my-xxl--3 {
    margin-top: -3px;
    margin-bottom: -3px;
  }
  .m-xxl--4 {
    margin: -4px;
  }
  .mt-xxl--4 {
    margin-top: -4px;
  }
  .mr-xxl--4 {
    margin-right: -4px;
  }
  .mb-xxl--4 {
    margin-bottom: -4px;
  }
  .ml-xxl--4 {
    margin-left: -4px;
  }
  .mx-xxl--4 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .my-xxl--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-xxl--8 {
    margin: -8px;
  }
  .mt-xxl--8 {
    margin-top: -8px;
  }
  .mr-xxl--8 {
    margin-right: -8px;
  }
  .mb-xxl--8 {
    margin-bottom: -8px;
  }
  .ml-xxl--8 {
    margin-left: -8px;
  }
  .mx-xxl--8 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .my-xxl--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-xxl--12 {
    margin: -12px;
  }
  .mt-xxl--12 {
    margin-top: -12px;
  }
  .mr-xxl--12 {
    margin-right: -12px;
  }
  .mb-xxl--12 {
    margin-bottom: -12px;
  }
  .ml-xxl--12 {
    margin-left: -12px;
  }
  .mx-xxl--12 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .my-xxl--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-xxl--14 {
    margin: -14px;
  }
  .mt-xxl--14 {
    margin-top: -14px;
  }
  .mr-xxl--14 {
    margin-right: -14px;
  }
  .mb-xxl--14 {
    margin-bottom: -14px;
  }
  .ml-xxl--14 {
    margin-left: -14px;
  }
  .mx-xxl--14 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .my-xxl--14 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .m-xxl--16 {
    margin: -16px;
  }
  .mt-xxl--16 {
    margin-top: -16px;
  }
  .mr-xxl--16 {
    margin-right: -16px;
  }
  .mb-xxl--16 {
    margin-bottom: -16px;
  }
  .ml-xxl--16 {
    margin-left: -16px;
  }
  .mx-xxl--16 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .my-xxl--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-xxl--24 {
    margin: -24px;
  }
  .mt-xxl--24 {
    margin-top: -24px;
  }
  .mr-xxl--24 {
    margin-right: -24px;
  }
  .mb-xxl--24 {
    margin-bottom: -24px;
  }
  .ml-xxl--24 {
    margin-left: -24px;
  }
  .mx-xxl--24 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .my-xxl--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-xxl--32 {
    margin: -32px;
  }
  .mt-xxl--32 {
    margin-top: -32px;
  }
  .mr-xxl--32 {
    margin-right: -32px;
  }
  .mb-xxl--32 {
    margin-bottom: -32px;
  }
  .ml-xxl--32 {
    margin-left: -32px;
  }
  .mx-xxl--32 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .my-xxl--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-xxl--40 {
    margin: -40px;
  }
  .mt-xxl--40 {
    margin-top: -40px;
  }
  .mr-xxl--40 {
    margin-right: -40px;
  }
  .mb-xxl--40 {
    margin-bottom: -40px;
  }
  .ml-xxl--40 {
    margin-left: -40px;
  }
  .mx-xxl--40 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .my-xxl--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-xxl--48 {
    margin: -48px;
  }
  .mt-xxl--48 {
    margin-top: -48px;
  }
  .mr-xxl--48 {
    margin-right: -48px;
  }
  .mb-xxl--48 {
    margin-bottom: -48px;
  }
  .ml-xxl--48 {
    margin-left: -48px;
  }
  .mx-xxl--48 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .my-xxl--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-xxl--56 {
    margin: -56px;
  }
  .mt-xxl--56 {
    margin-top: -56px;
  }
  .mr-xxl--56 {
    margin-right: -56px;
  }
  .mb-xxl--56 {
    margin-bottom: -56px;
  }
  .ml-xxl--56 {
    margin-left: -56px;
  }
  .mx-xxl--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .my-xxl--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .m-xxl--64 {
    margin: -64px;
  }
  .mt-xxl--64 {
    margin-top: -64px;
  }
  .mr-xxl--64 {
    margin-right: -64px;
  }
  .mb-xxl--64 {
    margin-bottom: -64px;
  }
  .ml-xxl--64 {
    margin-left: -64px;
  }
  .mx-xxl--64 {
    margin-right: -64px;
    margin-left: -64px;
  }
  .my-xxl--64 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
}
.p-0 {
  padding: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

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

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.p-1 {
  padding: 1px;
}

.pt-1 {
  padding-top: 1px;
}

.pr-1 {
  padding-right: 1px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pl-1 {
  padding-left: 1px;
}

.px-1 {
  padding-right: 1px;
  padding-left: 1px;
}

.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.p-2 {
  padding: 2px;
}

.pt-2 {
  padding-top: 2px;
}

.pr-2 {
  padding-right: 2px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pl-2 {
  padding-left: 2px;
}

.px-2 {
  padding-right: 2px;
  padding-left: 2px;
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.p-3 {
  padding: 3px;
}

.pt-3 {
  padding-top: 3px;
}

.pr-3 {
  padding-right: 3px;
}

.pb-3 {
  padding-bottom: 3px;
}

.pl-3 {
  padding-left: 3px;
}

.px-3 {
  padding-right: 3px;
  padding-left: 3px;
}

.py-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.p-4 {
  padding: 4px;
}

.pt-4 {
  padding-top: 4px;
}

.pr-4 {
  padding-right: 4px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pl-4 {
  padding-left: 4px;
}

.px-4 {
  padding-right: 4px;
  padding-left: 4px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.p-6 {
  padding: 6px;
}

.pt-6 {
  padding-top: 6px;
}

.pr-6 {
  padding-right: 6px;
}

.pb-6 {
  padding-bottom: 6px;
}

.pl-6 {
  padding-left: 6px;
}

.px-6 {
  padding-right: 6px;
  padding-left: 6px;
}

.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.p-8 {
  padding: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.px-8 {
  padding-right: 8px;
  padding-left: 8px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.p-12 {
  padding: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.px-12 {
  padding-right: 12px;
  padding-left: 12px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.p-14 {
  padding: 14px;
}

.pt-14 {
  padding-top: 14px;
}

.pr-14 {
  padding-right: 14px;
}

.pb-14 {
  padding-bottom: 14px;
}

.pl-14 {
  padding-left: 14px;
}

.px-14 {
  padding-right: 14px;
  padding-left: 14px;
}

.py-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}

.p-16 {
  padding: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pr-16 {
  padding-right: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.px-16 {
  padding-right: 16px;
  padding-left: 16px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.p-24 {
  padding: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.px-24 {
  padding-right: 24px;
  padding-left: 24px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.p-32 {
  padding: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.pr-32 {
  padding-right: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pl-32 {
  padding-left: 32px;
}

.px-32 {
  padding-right: 32px;
  padding-left: 32px;
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.p-40 {
  padding: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.px-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-48 {
  padding: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.pr-48 {
  padding-right: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pl-48 {
  padding-left: 48px;
}

.px-48 {
  padding-right: 48px;
  padding-left: 48px;
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.p-56 {
  padding: 56px;
}

.pt-56 {
  padding-top: 56px;
}

.pr-56 {
  padding-right: 56px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pl-56 {
  padding-left: 56px;
}

.px-56 {
  padding-right: 56px;
  padding-left: 56px;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.p-64 {
  padding: 64px;
}

.pt-64 {
  padding-top: 64px;
}

.pr-64 {
  padding-right: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pl-64 {
  padding-left: 64px;
}

.px-64 {
  padding-right: 64px;
  padding-left: 64px;
}

.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.p-80 {
  padding: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.px-80 {
  padding-right: 80px;
  padding-left: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.p-96 {
  padding: 96px;
}

.pt-96 {
  padding-top: 96px;
}

.pr-96 {
  padding-right: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pl-96 {
  padding-left: 96px;
}

.px-96 {
  padding-right: 96px;
  padding-left: 96px;
}

.py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.p-128 {
  padding: 128px;
}

.pt-128 {
  padding-top: 128px;
}

.pr-128 {
  padding-right: 128px;
}

.pb-128 {
  padding-bottom: 128px;
}

.pl-128 {
  padding-left: 128px;
}

.px-128 {
  padding-right: 128px;
  padding-left: 128px;
}

.py-128 {
  padding-top: 128px;
  padding-bottom: 128px;
}

.p-256 {
  padding: 256px;
}

.pt-256 {
  padding-top: 256px;
}

.pr-256 {
  padding-right: 256px;
}

.pb-256 {
  padding-bottom: 256px;
}

.pl-256 {
  padding-left: 256px;
}

.px-256 {
  padding-right: 256px;
  padding-left: 256px;
}

.py-256 {
  padding-top: 256px;
  padding-bottom: 256px;
}

@media only screen and (min-width: 420px) {
  .p-sm-0 {
    padding: 0px;
  }
  .pt-sm-0 {
    padding-top: 0px;
  }
  .pr-sm-0 {
    padding-right: 0px;
  }
  .pb-sm-0 {
    padding-bottom: 0px;
  }
  .pl-sm-0 {
    padding-left: 0px;
  }
  .px-sm-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .py-sm-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-sm-1 {
    padding: 1px;
  }
  .pt-sm-1 {
    padding-top: 1px;
  }
  .pr-sm-1 {
    padding-right: 1px;
  }
  .pb-sm-1 {
    padding-bottom: 1px;
  }
  .pl-sm-1 {
    padding-left: 1px;
  }
  .px-sm-1 {
    padding-right: 1px;
    padding-left: 1px;
  }
  .py-sm-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .p-sm-2 {
    padding: 2px;
  }
  .pt-sm-2 {
    padding-top: 2px;
  }
  .pr-sm-2 {
    padding-right: 2px;
  }
  .pb-sm-2 {
    padding-bottom: 2px;
  }
  .pl-sm-2 {
    padding-left: 2px;
  }
  .px-sm-2 {
    padding-right: 2px;
    padding-left: 2px;
  }
  .py-sm-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .p-sm-3 {
    padding: 3px;
  }
  .pt-sm-3 {
    padding-top: 3px;
  }
  .pr-sm-3 {
    padding-right: 3px;
  }
  .pb-sm-3 {
    padding-bottom: 3px;
  }
  .pl-sm-3 {
    padding-left: 3px;
  }
  .px-sm-3 {
    padding-right: 3px;
    padding-left: 3px;
  }
  .py-sm-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .p-sm-4 {
    padding: 4px;
  }
  .pt-sm-4 {
    padding-top: 4px;
  }
  .pr-sm-4 {
    padding-right: 4px;
  }
  .pb-sm-4 {
    padding-bottom: 4px;
  }
  .pl-sm-4 {
    padding-left: 4px;
  }
  .px-sm-4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .py-sm-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-sm-6 {
    padding: 6px;
  }
  .pt-sm-6 {
    padding-top: 6px;
  }
  .pr-sm-6 {
    padding-right: 6px;
  }
  .pb-sm-6 {
    padding-bottom: 6px;
  }
  .pl-sm-6 {
    padding-left: 6px;
  }
  .px-sm-6 {
    padding-right: 6px;
    padding-left: 6px;
  }
  .py-sm-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .p-sm-8 {
    padding: 8px;
  }
  .pt-sm-8 {
    padding-top: 8px;
  }
  .pr-sm-8 {
    padding-right: 8px;
  }
  .pb-sm-8 {
    padding-bottom: 8px;
  }
  .pl-sm-8 {
    padding-left: 8px;
  }
  .px-sm-8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .py-sm-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-sm-12 {
    padding: 12px;
  }
  .pt-sm-12 {
    padding-top: 12px;
  }
  .pr-sm-12 {
    padding-right: 12px;
  }
  .pb-sm-12 {
    padding-bottom: 12px;
  }
  .pl-sm-12 {
    padding-left: 12px;
  }
  .px-sm-12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .py-sm-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-sm-14 {
    padding: 14px;
  }
  .pt-sm-14 {
    padding-top: 14px;
  }
  .pr-sm-14 {
    padding-right: 14px;
  }
  .pb-sm-14 {
    padding-bottom: 14px;
  }
  .pl-sm-14 {
    padding-left: 14px;
  }
  .px-sm-14 {
    padding-right: 14px;
    padding-left: 14px;
  }
  .py-sm-14 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .p-sm-16 {
    padding: 16px;
  }
  .pt-sm-16 {
    padding-top: 16px;
  }
  .pr-sm-16 {
    padding-right: 16px;
  }
  .pb-sm-16 {
    padding-bottom: 16px;
  }
  .pl-sm-16 {
    padding-left: 16px;
  }
  .px-sm-16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .py-sm-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-sm-24 {
    padding: 24px;
  }
  .pt-sm-24 {
    padding-top: 24px;
  }
  .pr-sm-24 {
    padding-right: 24px;
  }
  .pb-sm-24 {
    padding-bottom: 24px;
  }
  .pl-sm-24 {
    padding-left: 24px;
  }
  .px-sm-24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .py-sm-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-sm-32 {
    padding: 32px;
  }
  .pt-sm-32 {
    padding-top: 32px;
  }
  .pr-sm-32 {
    padding-right: 32px;
  }
  .pb-sm-32 {
    padding-bottom: 32px;
  }
  .pl-sm-32 {
    padding-left: 32px;
  }
  .px-sm-32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .py-sm-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-sm-40 {
    padding: 40px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pr-sm-40 {
    padding-right: 40px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .pl-sm-40 {
    padding-left: 40px;
  }
  .px-sm-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .py-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-sm-48 {
    padding: 48px;
  }
  .pt-sm-48 {
    padding-top: 48px;
  }
  .pr-sm-48 {
    padding-right: 48px;
  }
  .pb-sm-48 {
    padding-bottom: 48px;
  }
  .pl-sm-48 {
    padding-left: 48px;
  }
  .px-sm-48 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .py-sm-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-sm-56 {
    padding: 56px;
  }
  .pt-sm-56 {
    padding-top: 56px;
  }
  .pr-sm-56 {
    padding-right: 56px;
  }
  .pb-sm-56 {
    padding-bottom: 56px;
  }
  .pl-sm-56 {
    padding-left: 56px;
  }
  .px-sm-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .py-sm-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .p-sm-64 {
    padding: 64px;
  }
  .pt-sm-64 {
    padding-top: 64px;
  }
  .pr-sm-64 {
    padding-right: 64px;
  }
  .pb-sm-64 {
    padding-bottom: 64px;
  }
  .pl-sm-64 {
    padding-left: 64px;
  }
  .px-sm-64 {
    padding-right: 64px;
    padding-left: 64px;
  }
  .py-sm-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .p-sm-80 {
    padding: 80px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pr-sm-80 {
    padding-right: 80px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .pl-sm-80 {
    padding-left: 80px;
  }
  .px-sm-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .py-sm-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .p-sm-96 {
    padding: 96px;
  }
  .pt-sm-96 {
    padding-top: 96px;
  }
  .pr-sm-96 {
    padding-right: 96px;
  }
  .pb-sm-96 {
    padding-bottom: 96px;
  }
  .pl-sm-96 {
    padding-left: 96px;
  }
  .px-sm-96 {
    padding-right: 96px;
    padding-left: 96px;
  }
  .py-sm-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .p-sm-128 {
    padding: 128px;
  }
  .pt-sm-128 {
    padding-top: 128px;
  }
  .pr-sm-128 {
    padding-right: 128px;
  }
  .pb-sm-128 {
    padding-bottom: 128px;
  }
  .pl-sm-128 {
    padding-left: 128px;
  }
  .px-sm-128 {
    padding-right: 128px;
    padding-left: 128px;
  }
  .py-sm-128 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .p-sm-256 {
    padding: 256px;
  }
  .pt-sm-256 {
    padding-top: 256px;
  }
  .pr-sm-256 {
    padding-right: 256px;
  }
  .pb-sm-256 {
    padding-bottom: 256px;
  }
  .pl-sm-256 {
    padding-left: 256px;
  }
  .px-sm-256 {
    padding-right: 256px;
    padding-left: 256px;
  }
  .py-sm-256 {
    padding-top: 256px;
    padding-bottom: 256px;
  }
}
@media only screen and (min-width: 768px) {
  .p-md-0 {
    padding: 0px;
  }
  .pt-md-0 {
    padding-top: 0px;
  }
  .pr-md-0 {
    padding-right: 0px;
  }
  .pb-md-0 {
    padding-bottom: 0px;
  }
  .pl-md-0 {
    padding-left: 0px;
  }
  .px-md-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .py-md-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-md-1 {
    padding: 1px;
  }
  .pt-md-1 {
    padding-top: 1px;
  }
  .pr-md-1 {
    padding-right: 1px;
  }
  .pb-md-1 {
    padding-bottom: 1px;
  }
  .pl-md-1 {
    padding-left: 1px;
  }
  .px-md-1 {
    padding-right: 1px;
    padding-left: 1px;
  }
  .py-md-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .p-md-2 {
    padding: 2px;
  }
  .pt-md-2 {
    padding-top: 2px;
  }
  .pr-md-2 {
    padding-right: 2px;
  }
  .pb-md-2 {
    padding-bottom: 2px;
  }
  .pl-md-2 {
    padding-left: 2px;
  }
  .px-md-2 {
    padding-right: 2px;
    padding-left: 2px;
  }
  .py-md-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .p-md-3 {
    padding: 3px;
  }
  .pt-md-3 {
    padding-top: 3px;
  }
  .pr-md-3 {
    padding-right: 3px;
  }
  .pb-md-3 {
    padding-bottom: 3px;
  }
  .pl-md-3 {
    padding-left: 3px;
  }
  .px-md-3 {
    padding-right: 3px;
    padding-left: 3px;
  }
  .py-md-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .p-md-4 {
    padding: 4px;
  }
  .pt-md-4 {
    padding-top: 4px;
  }
  .pr-md-4 {
    padding-right: 4px;
  }
  .pb-md-4 {
    padding-bottom: 4px;
  }
  .pl-md-4 {
    padding-left: 4px;
  }
  .px-md-4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .py-md-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-md-6 {
    padding: 6px;
  }
  .pt-md-6 {
    padding-top: 6px;
  }
  .pr-md-6 {
    padding-right: 6px;
  }
  .pb-md-6 {
    padding-bottom: 6px;
  }
  .pl-md-6 {
    padding-left: 6px;
  }
  .px-md-6 {
    padding-right: 6px;
    padding-left: 6px;
  }
  .py-md-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .p-md-8 {
    padding: 8px;
  }
  .pt-md-8 {
    padding-top: 8px;
  }
  .pr-md-8 {
    padding-right: 8px;
  }
  .pb-md-8 {
    padding-bottom: 8px;
  }
  .pl-md-8 {
    padding-left: 8px;
  }
  .px-md-8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .py-md-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-md-12 {
    padding: 12px;
  }
  .pt-md-12 {
    padding-top: 12px;
  }
  .pr-md-12 {
    padding-right: 12px;
  }
  .pb-md-12 {
    padding-bottom: 12px;
  }
  .pl-md-12 {
    padding-left: 12px;
  }
  .px-md-12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .py-md-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-md-14 {
    padding: 14px;
  }
  .pt-md-14 {
    padding-top: 14px;
  }
  .pr-md-14 {
    padding-right: 14px;
  }
  .pb-md-14 {
    padding-bottom: 14px;
  }
  .pl-md-14 {
    padding-left: 14px;
  }
  .px-md-14 {
    padding-right: 14px;
    padding-left: 14px;
  }
  .py-md-14 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .p-md-16 {
    padding: 16px;
  }
  .pt-md-16 {
    padding-top: 16px;
  }
  .pr-md-16 {
    padding-right: 16px;
  }
  .pb-md-16 {
    padding-bottom: 16px;
  }
  .pl-md-16 {
    padding-left: 16px;
  }
  .px-md-16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .py-md-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-md-24 {
    padding: 24px;
  }
  .pt-md-24 {
    padding-top: 24px;
  }
  .pr-md-24 {
    padding-right: 24px;
  }
  .pb-md-24 {
    padding-bottom: 24px;
  }
  .pl-md-24 {
    padding-left: 24px;
  }
  .px-md-24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .py-md-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-md-32 {
    padding: 32px;
  }
  .pt-md-32 {
    padding-top: 32px;
  }
  .pr-md-32 {
    padding-right: 32px;
  }
  .pb-md-32 {
    padding-bottom: 32px;
  }
  .pl-md-32 {
    padding-left: 32px;
  }
  .px-md-32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .py-md-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-md-40 {
    padding: 40px;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pr-md-40 {
    padding-right: 40px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .pl-md-40 {
    padding-left: 40px;
  }
  .px-md-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .py-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-md-48 {
    padding: 48px;
  }
  .pt-md-48 {
    padding-top: 48px;
  }
  .pr-md-48 {
    padding-right: 48px;
  }
  .pb-md-48 {
    padding-bottom: 48px;
  }
  .pl-md-48 {
    padding-left: 48px;
  }
  .px-md-48 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .py-md-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-md-56 {
    padding: 56px;
  }
  .pt-md-56 {
    padding-top: 56px;
  }
  .pr-md-56 {
    padding-right: 56px;
  }
  .pb-md-56 {
    padding-bottom: 56px;
  }
  .pl-md-56 {
    padding-left: 56px;
  }
  .px-md-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .py-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .p-md-64 {
    padding: 64px;
  }
  .pt-md-64 {
    padding-top: 64px;
  }
  .pr-md-64 {
    padding-right: 64px;
  }
  .pb-md-64 {
    padding-bottom: 64px;
  }
  .pl-md-64 {
    padding-left: 64px;
  }
  .px-md-64 {
    padding-right: 64px;
    padding-left: 64px;
  }
  .py-md-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .p-md-80 {
    padding: 80px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pr-md-80 {
    padding-right: 80px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .pl-md-80 {
    padding-left: 80px;
  }
  .px-md-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .py-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .p-md-96 {
    padding: 96px;
  }
  .pt-md-96 {
    padding-top: 96px;
  }
  .pr-md-96 {
    padding-right: 96px;
  }
  .pb-md-96 {
    padding-bottom: 96px;
  }
  .pl-md-96 {
    padding-left: 96px;
  }
  .px-md-96 {
    padding-right: 96px;
    padding-left: 96px;
  }
  .py-md-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .p-md-128 {
    padding: 128px;
  }
  .pt-md-128 {
    padding-top: 128px;
  }
  .pr-md-128 {
    padding-right: 128px;
  }
  .pb-md-128 {
    padding-bottom: 128px;
  }
  .pl-md-128 {
    padding-left: 128px;
  }
  .px-md-128 {
    padding-right: 128px;
    padding-left: 128px;
  }
  .py-md-128 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .p-md-256 {
    padding: 256px;
  }
  .pt-md-256 {
    padding-top: 256px;
  }
  .pr-md-256 {
    padding-right: 256px;
  }
  .pb-md-256 {
    padding-bottom: 256px;
  }
  .pl-md-256 {
    padding-left: 256px;
  }
  .px-md-256 {
    padding-right: 256px;
    padding-left: 256px;
  }
  .py-md-256 {
    padding-top: 256px;
    padding-bottom: 256px;
  }
}
@media only screen and (min-width: 1024px) {
  .p-lg-0 {
    padding: 0px;
  }
  .pt-lg-0 {
    padding-top: 0px;
  }
  .pr-lg-0 {
    padding-right: 0px;
  }
  .pb-lg-0 {
    padding-bottom: 0px;
  }
  .pl-lg-0 {
    padding-left: 0px;
  }
  .px-lg-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .py-lg-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-lg-1 {
    padding: 1px;
  }
  .pt-lg-1 {
    padding-top: 1px;
  }
  .pr-lg-1 {
    padding-right: 1px;
  }
  .pb-lg-1 {
    padding-bottom: 1px;
  }
  .pl-lg-1 {
    padding-left: 1px;
  }
  .px-lg-1 {
    padding-right: 1px;
    padding-left: 1px;
  }
  .py-lg-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .p-lg-2 {
    padding: 2px;
  }
  .pt-lg-2 {
    padding-top: 2px;
  }
  .pr-lg-2 {
    padding-right: 2px;
  }
  .pb-lg-2 {
    padding-bottom: 2px;
  }
  .pl-lg-2 {
    padding-left: 2px;
  }
  .px-lg-2 {
    padding-right: 2px;
    padding-left: 2px;
  }
  .py-lg-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .p-lg-3 {
    padding: 3px;
  }
  .pt-lg-3 {
    padding-top: 3px;
  }
  .pr-lg-3 {
    padding-right: 3px;
  }
  .pb-lg-3 {
    padding-bottom: 3px;
  }
  .pl-lg-3 {
    padding-left: 3px;
  }
  .px-lg-3 {
    padding-right: 3px;
    padding-left: 3px;
  }
  .py-lg-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .p-lg-4 {
    padding: 4px;
  }
  .pt-lg-4 {
    padding-top: 4px;
  }
  .pr-lg-4 {
    padding-right: 4px;
  }
  .pb-lg-4 {
    padding-bottom: 4px;
  }
  .pl-lg-4 {
    padding-left: 4px;
  }
  .px-lg-4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .py-lg-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-lg-6 {
    padding: 6px;
  }
  .pt-lg-6 {
    padding-top: 6px;
  }
  .pr-lg-6 {
    padding-right: 6px;
  }
  .pb-lg-6 {
    padding-bottom: 6px;
  }
  .pl-lg-6 {
    padding-left: 6px;
  }
  .px-lg-6 {
    padding-right: 6px;
    padding-left: 6px;
  }
  .py-lg-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .p-lg-8 {
    padding: 8px;
  }
  .pt-lg-8 {
    padding-top: 8px;
  }
  .pr-lg-8 {
    padding-right: 8px;
  }
  .pb-lg-8 {
    padding-bottom: 8px;
  }
  .pl-lg-8 {
    padding-left: 8px;
  }
  .px-lg-8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .py-lg-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-lg-12 {
    padding: 12px;
  }
  .pt-lg-12 {
    padding-top: 12px;
  }
  .pr-lg-12 {
    padding-right: 12px;
  }
  .pb-lg-12 {
    padding-bottom: 12px;
  }
  .pl-lg-12 {
    padding-left: 12px;
  }
  .px-lg-12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .py-lg-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-lg-14 {
    padding: 14px;
  }
  .pt-lg-14 {
    padding-top: 14px;
  }
  .pr-lg-14 {
    padding-right: 14px;
  }
  .pb-lg-14 {
    padding-bottom: 14px;
  }
  .pl-lg-14 {
    padding-left: 14px;
  }
  .px-lg-14 {
    padding-right: 14px;
    padding-left: 14px;
  }
  .py-lg-14 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .p-lg-16 {
    padding: 16px;
  }
  .pt-lg-16 {
    padding-top: 16px;
  }
  .pr-lg-16 {
    padding-right: 16px;
  }
  .pb-lg-16 {
    padding-bottom: 16px;
  }
  .pl-lg-16 {
    padding-left: 16px;
  }
  .px-lg-16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .py-lg-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-lg-24 {
    padding: 24px;
  }
  .pt-lg-24 {
    padding-top: 24px;
  }
  .pr-lg-24 {
    padding-right: 24px;
  }
  .pb-lg-24 {
    padding-bottom: 24px;
  }
  .pl-lg-24 {
    padding-left: 24px;
  }
  .px-lg-24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .py-lg-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-lg-32 {
    padding: 32px;
  }
  .pt-lg-32 {
    padding-top: 32px;
  }
  .pr-lg-32 {
    padding-right: 32px;
  }
  .pb-lg-32 {
    padding-bottom: 32px;
  }
  .pl-lg-32 {
    padding-left: 32px;
  }
  .px-lg-32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .py-lg-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-lg-40 {
    padding: 40px;
  }
  .pt-lg-40 {
    padding-top: 40px;
  }
  .pr-lg-40 {
    padding-right: 40px;
  }
  .pb-lg-40 {
    padding-bottom: 40px;
  }
  .pl-lg-40 {
    padding-left: 40px;
  }
  .px-lg-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .py-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-lg-48 {
    padding: 48px;
  }
  .pt-lg-48 {
    padding-top: 48px;
  }
  .pr-lg-48 {
    padding-right: 48px;
  }
  .pb-lg-48 {
    padding-bottom: 48px;
  }
  .pl-lg-48 {
    padding-left: 48px;
  }
  .px-lg-48 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .py-lg-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-lg-56 {
    padding: 56px;
  }
  .pt-lg-56 {
    padding-top: 56px;
  }
  .pr-lg-56 {
    padding-right: 56px;
  }
  .pb-lg-56 {
    padding-bottom: 56px;
  }
  .pl-lg-56 {
    padding-left: 56px;
  }
  .px-lg-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .py-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .p-lg-64 {
    padding: 64px;
  }
  .pt-lg-64 {
    padding-top: 64px;
  }
  .pr-lg-64 {
    padding-right: 64px;
  }
  .pb-lg-64 {
    padding-bottom: 64px;
  }
  .pl-lg-64 {
    padding-left: 64px;
  }
  .px-lg-64 {
    padding-right: 64px;
    padding-left: 64px;
  }
  .py-lg-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .p-lg-80 {
    padding: 80px;
  }
  .pt-lg-80 {
    padding-top: 80px;
  }
  .pr-lg-80 {
    padding-right: 80px;
  }
  .pb-lg-80 {
    padding-bottom: 80px;
  }
  .pl-lg-80 {
    padding-left: 80px;
  }
  .px-lg-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .py-lg-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .p-lg-96 {
    padding: 96px;
  }
  .pt-lg-96 {
    padding-top: 96px;
  }
  .pr-lg-96 {
    padding-right: 96px;
  }
  .pb-lg-96 {
    padding-bottom: 96px;
  }
  .pl-lg-96 {
    padding-left: 96px;
  }
  .px-lg-96 {
    padding-right: 96px;
    padding-left: 96px;
  }
  .py-lg-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .p-lg-128 {
    padding: 128px;
  }
  .pt-lg-128 {
    padding-top: 128px;
  }
  .pr-lg-128 {
    padding-right: 128px;
  }
  .pb-lg-128 {
    padding-bottom: 128px;
  }
  .pl-lg-128 {
    padding-left: 128px;
  }
  .px-lg-128 {
    padding-right: 128px;
    padding-left: 128px;
  }
  .py-lg-128 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .p-lg-256 {
    padding: 256px;
  }
  .pt-lg-256 {
    padding-top: 256px;
  }
  .pr-lg-256 {
    padding-right: 256px;
  }
  .pb-lg-256 {
    padding-bottom: 256px;
  }
  .pl-lg-256 {
    padding-left: 256px;
  }
  .px-lg-256 {
    padding-right: 256px;
    padding-left: 256px;
  }
  .py-lg-256 {
    padding-top: 256px;
    padding-bottom: 256px;
  }
}
@media only screen and (min-width: 1366px) {
  .p-xl-0 {
    padding: 0px;
  }
  .pt-xl-0 {
    padding-top: 0px;
  }
  .pr-xl-0 {
    padding-right: 0px;
  }
  .pb-xl-0 {
    padding-bottom: 0px;
  }
  .pl-xl-0 {
    padding-left: 0px;
  }
  .px-xl-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .py-xl-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-xl-1 {
    padding: 1px;
  }
  .pt-xl-1 {
    padding-top: 1px;
  }
  .pr-xl-1 {
    padding-right: 1px;
  }
  .pb-xl-1 {
    padding-bottom: 1px;
  }
  .pl-xl-1 {
    padding-left: 1px;
  }
  .px-xl-1 {
    padding-right: 1px;
    padding-left: 1px;
  }
  .py-xl-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .p-xl-2 {
    padding: 2px;
  }
  .pt-xl-2 {
    padding-top: 2px;
  }
  .pr-xl-2 {
    padding-right: 2px;
  }
  .pb-xl-2 {
    padding-bottom: 2px;
  }
  .pl-xl-2 {
    padding-left: 2px;
  }
  .px-xl-2 {
    padding-right: 2px;
    padding-left: 2px;
  }
  .py-xl-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .p-xl-3 {
    padding: 3px;
  }
  .pt-xl-3 {
    padding-top: 3px;
  }
  .pr-xl-3 {
    padding-right: 3px;
  }
  .pb-xl-3 {
    padding-bottom: 3px;
  }
  .pl-xl-3 {
    padding-left: 3px;
  }
  .px-xl-3 {
    padding-right: 3px;
    padding-left: 3px;
  }
  .py-xl-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .p-xl-4 {
    padding: 4px;
  }
  .pt-xl-4 {
    padding-top: 4px;
  }
  .pr-xl-4 {
    padding-right: 4px;
  }
  .pb-xl-4 {
    padding-bottom: 4px;
  }
  .pl-xl-4 {
    padding-left: 4px;
  }
  .px-xl-4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .py-xl-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-xl-6 {
    padding: 6px;
  }
  .pt-xl-6 {
    padding-top: 6px;
  }
  .pr-xl-6 {
    padding-right: 6px;
  }
  .pb-xl-6 {
    padding-bottom: 6px;
  }
  .pl-xl-6 {
    padding-left: 6px;
  }
  .px-xl-6 {
    padding-right: 6px;
    padding-left: 6px;
  }
  .py-xl-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .p-xl-8 {
    padding: 8px;
  }
  .pt-xl-8 {
    padding-top: 8px;
  }
  .pr-xl-8 {
    padding-right: 8px;
  }
  .pb-xl-8 {
    padding-bottom: 8px;
  }
  .pl-xl-8 {
    padding-left: 8px;
  }
  .px-xl-8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .py-xl-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-xl-12 {
    padding: 12px;
  }
  .pt-xl-12 {
    padding-top: 12px;
  }
  .pr-xl-12 {
    padding-right: 12px;
  }
  .pb-xl-12 {
    padding-bottom: 12px;
  }
  .pl-xl-12 {
    padding-left: 12px;
  }
  .px-xl-12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .py-xl-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-xl-14 {
    padding: 14px;
  }
  .pt-xl-14 {
    padding-top: 14px;
  }
  .pr-xl-14 {
    padding-right: 14px;
  }
  .pb-xl-14 {
    padding-bottom: 14px;
  }
  .pl-xl-14 {
    padding-left: 14px;
  }
  .px-xl-14 {
    padding-right: 14px;
    padding-left: 14px;
  }
  .py-xl-14 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .p-xl-16 {
    padding: 16px;
  }
  .pt-xl-16 {
    padding-top: 16px;
  }
  .pr-xl-16 {
    padding-right: 16px;
  }
  .pb-xl-16 {
    padding-bottom: 16px;
  }
  .pl-xl-16 {
    padding-left: 16px;
  }
  .px-xl-16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .py-xl-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-xl-24 {
    padding: 24px;
  }
  .pt-xl-24 {
    padding-top: 24px;
  }
  .pr-xl-24 {
    padding-right: 24px;
  }
  .pb-xl-24 {
    padding-bottom: 24px;
  }
  .pl-xl-24 {
    padding-left: 24px;
  }
  .px-xl-24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .py-xl-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-xl-32 {
    padding: 32px;
  }
  .pt-xl-32 {
    padding-top: 32px;
  }
  .pr-xl-32 {
    padding-right: 32px;
  }
  .pb-xl-32 {
    padding-bottom: 32px;
  }
  .pl-xl-32 {
    padding-left: 32px;
  }
  .px-xl-32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .py-xl-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-xl-40 {
    padding: 40px;
  }
  .pt-xl-40 {
    padding-top: 40px;
  }
  .pr-xl-40 {
    padding-right: 40px;
  }
  .pb-xl-40 {
    padding-bottom: 40px;
  }
  .pl-xl-40 {
    padding-left: 40px;
  }
  .px-xl-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .py-xl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-xl-48 {
    padding: 48px;
  }
  .pt-xl-48 {
    padding-top: 48px;
  }
  .pr-xl-48 {
    padding-right: 48px;
  }
  .pb-xl-48 {
    padding-bottom: 48px;
  }
  .pl-xl-48 {
    padding-left: 48px;
  }
  .px-xl-48 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .py-xl-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-xl-56 {
    padding: 56px;
  }
  .pt-xl-56 {
    padding-top: 56px;
  }
  .pr-xl-56 {
    padding-right: 56px;
  }
  .pb-xl-56 {
    padding-bottom: 56px;
  }
  .pl-xl-56 {
    padding-left: 56px;
  }
  .px-xl-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .py-xl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .p-xl-64 {
    padding: 64px;
  }
  .pt-xl-64 {
    padding-top: 64px;
  }
  .pr-xl-64 {
    padding-right: 64px;
  }
  .pb-xl-64 {
    padding-bottom: 64px;
  }
  .pl-xl-64 {
    padding-left: 64px;
  }
  .px-xl-64 {
    padding-right: 64px;
    padding-left: 64px;
  }
  .py-xl-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .p-xl-80 {
    padding: 80px;
  }
  .pt-xl-80 {
    padding-top: 80px;
  }
  .pr-xl-80 {
    padding-right: 80px;
  }
  .pb-xl-80 {
    padding-bottom: 80px;
  }
  .pl-xl-80 {
    padding-left: 80px;
  }
  .px-xl-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .py-xl-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .p-xl-96 {
    padding: 96px;
  }
  .pt-xl-96 {
    padding-top: 96px;
  }
  .pr-xl-96 {
    padding-right: 96px;
  }
  .pb-xl-96 {
    padding-bottom: 96px;
  }
  .pl-xl-96 {
    padding-left: 96px;
  }
  .px-xl-96 {
    padding-right: 96px;
    padding-left: 96px;
  }
  .py-xl-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .p-xl-128 {
    padding: 128px;
  }
  .pt-xl-128 {
    padding-top: 128px;
  }
  .pr-xl-128 {
    padding-right: 128px;
  }
  .pb-xl-128 {
    padding-bottom: 128px;
  }
  .pl-xl-128 {
    padding-left: 128px;
  }
  .px-xl-128 {
    padding-right: 128px;
    padding-left: 128px;
  }
  .py-xl-128 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .p-xl-256 {
    padding: 256px;
  }
  .pt-xl-256 {
    padding-top: 256px;
  }
  .pr-xl-256 {
    padding-right: 256px;
  }
  .pb-xl-256 {
    padding-bottom: 256px;
  }
  .pl-xl-256 {
    padding-left: 256px;
  }
  .px-xl-256 {
    padding-right: 256px;
    padding-left: 256px;
  }
  .py-xl-256 {
    padding-top: 256px;
    padding-bottom: 256px;
  }
}
@media only screen and (min-width: 1680px) {
  .p-xxl-0 {
    padding: 0px;
  }
  .pt-xxl-0 {
    padding-top: 0px;
  }
  .pr-xxl-0 {
    padding-right: 0px;
  }
  .pb-xxl-0 {
    padding-bottom: 0px;
  }
  .pl-xxl-0 {
    padding-left: 0px;
  }
  .px-xxl-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .py-xxl-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-xxl-1 {
    padding: 1px;
  }
  .pt-xxl-1 {
    padding-top: 1px;
  }
  .pr-xxl-1 {
    padding-right: 1px;
  }
  .pb-xxl-1 {
    padding-bottom: 1px;
  }
  .pl-xxl-1 {
    padding-left: 1px;
  }
  .px-xxl-1 {
    padding-right: 1px;
    padding-left: 1px;
  }
  .py-xxl-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .p-xxl-2 {
    padding: 2px;
  }
  .pt-xxl-2 {
    padding-top: 2px;
  }
  .pr-xxl-2 {
    padding-right: 2px;
  }
  .pb-xxl-2 {
    padding-bottom: 2px;
  }
  .pl-xxl-2 {
    padding-left: 2px;
  }
  .px-xxl-2 {
    padding-right: 2px;
    padding-left: 2px;
  }
  .py-xxl-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .p-xxl-3 {
    padding: 3px;
  }
  .pt-xxl-3 {
    padding-top: 3px;
  }
  .pr-xxl-3 {
    padding-right: 3px;
  }
  .pb-xxl-3 {
    padding-bottom: 3px;
  }
  .pl-xxl-3 {
    padding-left: 3px;
  }
  .px-xxl-3 {
    padding-right: 3px;
    padding-left: 3px;
  }
  .py-xxl-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .p-xxl-4 {
    padding: 4px;
  }
  .pt-xxl-4 {
    padding-top: 4px;
  }
  .pr-xxl-4 {
    padding-right: 4px;
  }
  .pb-xxl-4 {
    padding-bottom: 4px;
  }
  .pl-xxl-4 {
    padding-left: 4px;
  }
  .px-xxl-4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .py-xxl-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-xxl-6 {
    padding: 6px;
  }
  .pt-xxl-6 {
    padding-top: 6px;
  }
  .pr-xxl-6 {
    padding-right: 6px;
  }
  .pb-xxl-6 {
    padding-bottom: 6px;
  }
  .pl-xxl-6 {
    padding-left: 6px;
  }
  .px-xxl-6 {
    padding-right: 6px;
    padding-left: 6px;
  }
  .py-xxl-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .p-xxl-8 {
    padding: 8px;
  }
  .pt-xxl-8 {
    padding-top: 8px;
  }
  .pr-xxl-8 {
    padding-right: 8px;
  }
  .pb-xxl-8 {
    padding-bottom: 8px;
  }
  .pl-xxl-8 {
    padding-left: 8px;
  }
  .px-xxl-8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .py-xxl-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-xxl-12 {
    padding: 12px;
  }
  .pt-xxl-12 {
    padding-top: 12px;
  }
  .pr-xxl-12 {
    padding-right: 12px;
  }
  .pb-xxl-12 {
    padding-bottom: 12px;
  }
  .pl-xxl-12 {
    padding-left: 12px;
  }
  .px-xxl-12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .py-xxl-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-xxl-14 {
    padding: 14px;
  }
  .pt-xxl-14 {
    padding-top: 14px;
  }
  .pr-xxl-14 {
    padding-right: 14px;
  }
  .pb-xxl-14 {
    padding-bottom: 14px;
  }
  .pl-xxl-14 {
    padding-left: 14px;
  }
  .px-xxl-14 {
    padding-right: 14px;
    padding-left: 14px;
  }
  .py-xxl-14 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .p-xxl-16 {
    padding: 16px;
  }
  .pt-xxl-16 {
    padding-top: 16px;
  }
  .pr-xxl-16 {
    padding-right: 16px;
  }
  .pb-xxl-16 {
    padding-bottom: 16px;
  }
  .pl-xxl-16 {
    padding-left: 16px;
  }
  .px-xxl-16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .py-xxl-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-xxl-24 {
    padding: 24px;
  }
  .pt-xxl-24 {
    padding-top: 24px;
  }
  .pr-xxl-24 {
    padding-right: 24px;
  }
  .pb-xxl-24 {
    padding-bottom: 24px;
  }
  .pl-xxl-24 {
    padding-left: 24px;
  }
  .px-xxl-24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .py-xxl-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-xxl-32 {
    padding: 32px;
  }
  .pt-xxl-32 {
    padding-top: 32px;
  }
  .pr-xxl-32 {
    padding-right: 32px;
  }
  .pb-xxl-32 {
    padding-bottom: 32px;
  }
  .pl-xxl-32 {
    padding-left: 32px;
  }
  .px-xxl-32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .py-xxl-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-xxl-40 {
    padding: 40px;
  }
  .pt-xxl-40 {
    padding-top: 40px;
  }
  .pr-xxl-40 {
    padding-right: 40px;
  }
  .pb-xxl-40 {
    padding-bottom: 40px;
  }
  .pl-xxl-40 {
    padding-left: 40px;
  }
  .px-xxl-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .py-xxl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-xxl-48 {
    padding: 48px;
  }
  .pt-xxl-48 {
    padding-top: 48px;
  }
  .pr-xxl-48 {
    padding-right: 48px;
  }
  .pb-xxl-48 {
    padding-bottom: 48px;
  }
  .pl-xxl-48 {
    padding-left: 48px;
  }
  .px-xxl-48 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .py-xxl-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-xxl-56 {
    padding: 56px;
  }
  .pt-xxl-56 {
    padding-top: 56px;
  }
  .pr-xxl-56 {
    padding-right: 56px;
  }
  .pb-xxl-56 {
    padding-bottom: 56px;
  }
  .pl-xxl-56 {
    padding-left: 56px;
  }
  .px-xxl-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .py-xxl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .p-xxl-64 {
    padding: 64px;
  }
  .pt-xxl-64 {
    padding-top: 64px;
  }
  .pr-xxl-64 {
    padding-right: 64px;
  }
  .pb-xxl-64 {
    padding-bottom: 64px;
  }
  .pl-xxl-64 {
    padding-left: 64px;
  }
  .px-xxl-64 {
    padding-right: 64px;
    padding-left: 64px;
  }
  .py-xxl-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .p-xxl-80 {
    padding: 80px;
  }
  .pt-xxl-80 {
    padding-top: 80px;
  }
  .pr-xxl-80 {
    padding-right: 80px;
  }
  .pb-xxl-80 {
    padding-bottom: 80px;
  }
  .pl-xxl-80 {
    padding-left: 80px;
  }
  .px-xxl-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .py-xxl-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .p-xxl-96 {
    padding: 96px;
  }
  .pt-xxl-96 {
    padding-top: 96px;
  }
  .pr-xxl-96 {
    padding-right: 96px;
  }
  .pb-xxl-96 {
    padding-bottom: 96px;
  }
  .pl-xxl-96 {
    padding-left: 96px;
  }
  .px-xxl-96 {
    padding-right: 96px;
    padding-left: 96px;
  }
  .py-xxl-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .p-xxl-128 {
    padding: 128px;
  }
  .pt-xxl-128 {
    padding-top: 128px;
  }
  .pr-xxl-128 {
    padding-right: 128px;
  }
  .pb-xxl-128 {
    padding-bottom: 128px;
  }
  .pl-xxl-128 {
    padding-left: 128px;
  }
  .px-xxl-128 {
    padding-right: 128px;
    padding-left: 128px;
  }
  .py-xxl-128 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .p-xxl-256 {
    padding: 256px;
  }
  .pt-xxl-256 {
    padding-top: 256px;
  }
  .pr-xxl-256 {
    padding-right: 256px;
  }
  .pb-xxl-256 {
    padding-bottom: 256px;
  }
  .pl-xxl-256 {
    padding-left: 256px;
  }
  .px-xxl-256 {
    padding-right: 256px;
    padding-left: 256px;
  }
  .py-xxl-256 {
    padding-top: 256px;
    padding-bottom: 256px;
  }
}
.t-0 {
  top: 0px;
}

.t-1 {
  top: 1px;
}

.t-2 {
  top: 2px;
}

.t-3 {
  top: 3px;
}

.t-4 {
  top: 4px;
}

.t-6 {
  top: 6px;
}

.t-8 {
  top: 8px;
}

.t-12 {
  top: 12px;
}

.t-14 {
  top: 14px;
}

.t-16 {
  top: 16px;
}

.t-24 {
  top: 24px;
}

.t-32 {
  top: 32px;
}

.t-40 {
  top: 40px;
}

.t-48 {
  top: 48px;
}

.t-56 {
  top: 56px;
}

.t-64 {
  top: 64px;
}

.t-80 {
  top: 80px;
}

.t-96 {
  top: 96px;
}

.t-128 {
  top: 128px;
}

.t-256 {
  top: 256px;
}

@media only screen and (min-width: 420px) {
  .t-sm-0 {
    top: 0px;
  }
  .t-sm-1 {
    top: 1px;
  }
  .t-sm-2 {
    top: 2px;
  }
  .t-sm-3 {
    top: 3px;
  }
  .t-sm-4 {
    top: 4px;
  }
  .t-sm-6 {
    top: 6px;
  }
  .t-sm-8 {
    top: 8px;
  }
  .t-sm-12 {
    top: 12px;
  }
  .t-sm-14 {
    top: 14px;
  }
  .t-sm-16 {
    top: 16px;
  }
  .t-sm-24 {
    top: 24px;
  }
  .t-sm-32 {
    top: 32px;
  }
  .t-sm-40 {
    top: 40px;
  }
  .t-sm-48 {
    top: 48px;
  }
  .t-sm-56 {
    top: 56px;
  }
  .t-sm-64 {
    top: 64px;
  }
  .t-sm-80 {
    top: 80px;
  }
  .t-sm-96 {
    top: 96px;
  }
  .t-sm-128 {
    top: 128px;
  }
  .t-sm-256 {
    top: 256px;
  }
}
@media only screen and (min-width: 768px) {
  .t-md-0 {
    top: 0px;
  }
  .t-md-1 {
    top: 1px;
  }
  .t-md-2 {
    top: 2px;
  }
  .t-md-3 {
    top: 3px;
  }
  .t-md-4 {
    top: 4px;
  }
  .t-md-6 {
    top: 6px;
  }
  .t-md-8 {
    top: 8px;
  }
  .t-md-12 {
    top: 12px;
  }
  .t-md-14 {
    top: 14px;
  }
  .t-md-16 {
    top: 16px;
  }
  .t-md-24 {
    top: 24px;
  }
  .t-md-32 {
    top: 32px;
  }
  .t-md-40 {
    top: 40px;
  }
  .t-md-48 {
    top: 48px;
  }
  .t-md-56 {
    top: 56px;
  }
  .t-md-64 {
    top: 64px;
  }
  .t-md-80 {
    top: 80px;
  }
  .t-md-96 {
    top: 96px;
  }
  .t-md-128 {
    top: 128px;
  }
  .t-md-256 {
    top: 256px;
  }
}
@media only screen and (min-width: 1024px) {
  .t-lg-0 {
    top: 0px;
  }
  .t-lg-1 {
    top: 1px;
  }
  .t-lg-2 {
    top: 2px;
  }
  .t-lg-3 {
    top: 3px;
  }
  .t-lg-4 {
    top: 4px;
  }
  .t-lg-6 {
    top: 6px;
  }
  .t-lg-8 {
    top: 8px;
  }
  .t-lg-12 {
    top: 12px;
  }
  .t-lg-14 {
    top: 14px;
  }
  .t-lg-16 {
    top: 16px;
  }
  .t-lg-24 {
    top: 24px;
  }
  .t-lg-32 {
    top: 32px;
  }
  .t-lg-40 {
    top: 40px;
  }
  .t-lg-48 {
    top: 48px;
  }
  .t-lg-56 {
    top: 56px;
  }
  .t-lg-64 {
    top: 64px;
  }
  .t-lg-80 {
    top: 80px;
  }
  .t-lg-96 {
    top: 96px;
  }
  .t-lg-128 {
    top: 128px;
  }
  .t-lg-256 {
    top: 256px;
  }
}
@media only screen and (min-width: 1366px) {
  .t-xl-0 {
    top: 0px;
  }
  .t-xl-1 {
    top: 1px;
  }
  .t-xl-2 {
    top: 2px;
  }
  .t-xl-3 {
    top: 3px;
  }
  .t-xl-4 {
    top: 4px;
  }
  .t-xl-6 {
    top: 6px;
  }
  .t-xl-8 {
    top: 8px;
  }
  .t-xl-12 {
    top: 12px;
  }
  .t-xl-14 {
    top: 14px;
  }
  .t-xl-16 {
    top: 16px;
  }
  .t-xl-24 {
    top: 24px;
  }
  .t-xl-32 {
    top: 32px;
  }
  .t-xl-40 {
    top: 40px;
  }
  .t-xl-48 {
    top: 48px;
  }
  .t-xl-56 {
    top: 56px;
  }
  .t-xl-64 {
    top: 64px;
  }
  .t-xl-80 {
    top: 80px;
  }
  .t-xl-96 {
    top: 96px;
  }
  .t-xl-128 {
    top: 128px;
  }
  .t-xl-256 {
    top: 256px;
  }
}
@media only screen and (min-width: 1680px) {
  .t-xxl-0 {
    top: 0px;
  }
  .t-xxl-1 {
    top: 1px;
  }
  .t-xxl-2 {
    top: 2px;
  }
  .t-xxl-3 {
    top: 3px;
  }
  .t-xxl-4 {
    top: 4px;
  }
  .t-xxl-6 {
    top: 6px;
  }
  .t-xxl-8 {
    top: 8px;
  }
  .t-xxl-12 {
    top: 12px;
  }
  .t-xxl-14 {
    top: 14px;
  }
  .t-xxl-16 {
    top: 16px;
  }
  .t-xxl-24 {
    top: 24px;
  }
  .t-xxl-32 {
    top: 32px;
  }
  .t-xxl-40 {
    top: 40px;
  }
  .t-xxl-48 {
    top: 48px;
  }
  .t-xxl-56 {
    top: 56px;
  }
  .t-xxl-64 {
    top: 64px;
  }
  .t-xxl-80 {
    top: 80px;
  }
  .t-xxl-96 {
    top: 96px;
  }
  .t-xxl-128 {
    top: 128px;
  }
  .t-xxl-256 {
    top: 256px;
  }
}
.r-0 {
  right: 0px;
}

.r-1 {
  right: 1px;
}

.r-2 {
  right: 2px;
}

.r-3 {
  right: 3px;
}

.r-4 {
  right: 4px;
}

.r-6 {
  right: 6px;
}

.r-8 {
  right: 8px;
}

.r-12 {
  right: 12px;
}

.r-14 {
  right: 14px;
}

.r-16 {
  right: 16px;
}

.r-24 {
  right: 24px;
}

.r-32 {
  right: 32px;
}

.r-40 {
  right: 40px;
}

.r-48 {
  right: 48px;
}

.r-56 {
  right: 56px;
}

.r-64 {
  right: 64px;
}

.r-80 {
  right: 80px;
}

.r-96 {
  right: 96px;
}

.r-128 {
  right: 128px;
}

.r-256 {
  right: 256px;
}

@media only screen and (min-width: 420px) {
  .r-sm-0 {
    right: 0px;
  }
  .r-sm-1 {
    right: 1px;
  }
  .r-sm-2 {
    right: 2px;
  }
  .r-sm-3 {
    right: 3px;
  }
  .r-sm-4 {
    right: 4px;
  }
  .r-sm-6 {
    right: 6px;
  }
  .r-sm-8 {
    right: 8px;
  }
  .r-sm-12 {
    right: 12px;
  }
  .r-sm-14 {
    right: 14px;
  }
  .r-sm-16 {
    right: 16px;
  }
  .r-sm-24 {
    right: 24px;
  }
  .r-sm-32 {
    right: 32px;
  }
  .r-sm-40 {
    right: 40px;
  }
  .r-sm-48 {
    right: 48px;
  }
  .r-sm-56 {
    right: 56px;
  }
  .r-sm-64 {
    right: 64px;
  }
  .r-sm-80 {
    right: 80px;
  }
  .r-sm-96 {
    right: 96px;
  }
  .r-sm-128 {
    right: 128px;
  }
  .r-sm-256 {
    right: 256px;
  }
}
@media only screen and (min-width: 768px) {
  .r-md-0 {
    right: 0px;
  }
  .r-md-1 {
    right: 1px;
  }
  .r-md-2 {
    right: 2px;
  }
  .r-md-3 {
    right: 3px;
  }
  .r-md-4 {
    right: 4px;
  }
  .r-md-6 {
    right: 6px;
  }
  .r-md-8 {
    right: 8px;
  }
  .r-md-12 {
    right: 12px;
  }
  .r-md-14 {
    right: 14px;
  }
  .r-md-16 {
    right: 16px;
  }
  .r-md-24 {
    right: 24px;
  }
  .r-md-32 {
    right: 32px;
  }
  .r-md-40 {
    right: 40px;
  }
  .r-md-48 {
    right: 48px;
  }
  .r-md-56 {
    right: 56px;
  }
  .r-md-64 {
    right: 64px;
  }
  .r-md-80 {
    right: 80px;
  }
  .r-md-96 {
    right: 96px;
  }
  .r-md-128 {
    right: 128px;
  }
  .r-md-256 {
    right: 256px;
  }
}
@media only screen and (min-width: 1024px) {
  .r-lg-0 {
    right: 0px;
  }
  .r-lg-1 {
    right: 1px;
  }
  .r-lg-2 {
    right: 2px;
  }
  .r-lg-3 {
    right: 3px;
  }
  .r-lg-4 {
    right: 4px;
  }
  .r-lg-6 {
    right: 6px;
  }
  .r-lg-8 {
    right: 8px;
  }
  .r-lg-12 {
    right: 12px;
  }
  .r-lg-14 {
    right: 14px;
  }
  .r-lg-16 {
    right: 16px;
  }
  .r-lg-24 {
    right: 24px;
  }
  .r-lg-32 {
    right: 32px;
  }
  .r-lg-40 {
    right: 40px;
  }
  .r-lg-48 {
    right: 48px;
  }
  .r-lg-56 {
    right: 56px;
  }
  .r-lg-64 {
    right: 64px;
  }
  .r-lg-80 {
    right: 80px;
  }
  .r-lg-96 {
    right: 96px;
  }
  .r-lg-128 {
    right: 128px;
  }
  .r-lg-256 {
    right: 256px;
  }
}
@media only screen and (min-width: 1366px) {
  .r-xl-0 {
    right: 0px;
  }
  .r-xl-1 {
    right: 1px;
  }
  .r-xl-2 {
    right: 2px;
  }
  .r-xl-3 {
    right: 3px;
  }
  .r-xl-4 {
    right: 4px;
  }
  .r-xl-6 {
    right: 6px;
  }
  .r-xl-8 {
    right: 8px;
  }
  .r-xl-12 {
    right: 12px;
  }
  .r-xl-14 {
    right: 14px;
  }
  .r-xl-16 {
    right: 16px;
  }
  .r-xl-24 {
    right: 24px;
  }
  .r-xl-32 {
    right: 32px;
  }
  .r-xl-40 {
    right: 40px;
  }
  .r-xl-48 {
    right: 48px;
  }
  .r-xl-56 {
    right: 56px;
  }
  .r-xl-64 {
    right: 64px;
  }
  .r-xl-80 {
    right: 80px;
  }
  .r-xl-96 {
    right: 96px;
  }
  .r-xl-128 {
    right: 128px;
  }
  .r-xl-256 {
    right: 256px;
  }
}
@media only screen and (min-width: 1680px) {
  .r-xxl-0 {
    right: 0px;
  }
  .r-xxl-1 {
    right: 1px;
  }
  .r-xxl-2 {
    right: 2px;
  }
  .r-xxl-3 {
    right: 3px;
  }
  .r-xxl-4 {
    right: 4px;
  }
  .r-xxl-6 {
    right: 6px;
  }
  .r-xxl-8 {
    right: 8px;
  }
  .r-xxl-12 {
    right: 12px;
  }
  .r-xxl-14 {
    right: 14px;
  }
  .r-xxl-16 {
    right: 16px;
  }
  .r-xxl-24 {
    right: 24px;
  }
  .r-xxl-32 {
    right: 32px;
  }
  .r-xxl-40 {
    right: 40px;
  }
  .r-xxl-48 {
    right: 48px;
  }
  .r-xxl-56 {
    right: 56px;
  }
  .r-xxl-64 {
    right: 64px;
  }
  .r-xxl-80 {
    right: 80px;
  }
  .r-xxl-96 {
    right: 96px;
  }
  .r-xxl-128 {
    right: 128px;
  }
  .r-xxl-256 {
    right: 256px;
  }
}
.b-0 {
  bottom: 0px;
}

.b-1 {
  bottom: 1px;
}

.b-2 {
  bottom: 2px;
}

.b-3 {
  bottom: 3px;
}

.b-4 {
  bottom: 4px;
}

.b-6 {
  bottom: 6px;
}

.b-8 {
  bottom: 8px;
}

.b-12 {
  bottom: 12px;
}

.b-14 {
  bottom: 14px;
}

.b-16 {
  bottom: 16px;
}

.b-24 {
  bottom: 24px;
}

.b-32 {
  bottom: 32px;
}

.b-40 {
  bottom: 40px;
}

.b-48 {
  bottom: 48px;
}

.b-56 {
  bottom: 56px;
}

.b-64 {
  bottom: 64px;
}

.b-80 {
  bottom: 80px;
}

.b-96 {
  bottom: 96px;
}

.b-128 {
  bottom: 128px;
}

.b-256 {
  bottom: 256px;
}

@media only screen and (min-width: 420px) {
  .b-sm-0 {
    bottom: 0px;
  }
  .b-sm-1 {
    bottom: 1px;
  }
  .b-sm-2 {
    bottom: 2px;
  }
  .b-sm-3 {
    bottom: 3px;
  }
  .b-sm-4 {
    bottom: 4px;
  }
  .b-sm-6 {
    bottom: 6px;
  }
  .b-sm-8 {
    bottom: 8px;
  }
  .b-sm-12 {
    bottom: 12px;
  }
  .b-sm-14 {
    bottom: 14px;
  }
  .b-sm-16 {
    bottom: 16px;
  }
  .b-sm-24 {
    bottom: 24px;
  }
  .b-sm-32 {
    bottom: 32px;
  }
  .b-sm-40 {
    bottom: 40px;
  }
  .b-sm-48 {
    bottom: 48px;
  }
  .b-sm-56 {
    bottom: 56px;
  }
  .b-sm-64 {
    bottom: 64px;
  }
  .b-sm-80 {
    bottom: 80px;
  }
  .b-sm-96 {
    bottom: 96px;
  }
  .b-sm-128 {
    bottom: 128px;
  }
  .b-sm-256 {
    bottom: 256px;
  }
}
@media only screen and (min-width: 768px) {
  .b-md-0 {
    bottom: 0px;
  }
  .b-md-1 {
    bottom: 1px;
  }
  .b-md-2 {
    bottom: 2px;
  }
  .b-md-3 {
    bottom: 3px;
  }
  .b-md-4 {
    bottom: 4px;
  }
  .b-md-6 {
    bottom: 6px;
  }
  .b-md-8 {
    bottom: 8px;
  }
  .b-md-12 {
    bottom: 12px;
  }
  .b-md-14 {
    bottom: 14px;
  }
  .b-md-16 {
    bottom: 16px;
  }
  .b-md-24 {
    bottom: 24px;
  }
  .b-md-32 {
    bottom: 32px;
  }
  .b-md-40 {
    bottom: 40px;
  }
  .b-md-48 {
    bottom: 48px;
  }
  .b-md-56 {
    bottom: 56px;
  }
  .b-md-64 {
    bottom: 64px;
  }
  .b-md-80 {
    bottom: 80px;
  }
  .b-md-96 {
    bottom: 96px;
  }
  .b-md-128 {
    bottom: 128px;
  }
  .b-md-256 {
    bottom: 256px;
  }
}
@media only screen and (min-width: 1024px) {
  .b-lg-0 {
    bottom: 0px;
  }
  .b-lg-1 {
    bottom: 1px;
  }
  .b-lg-2 {
    bottom: 2px;
  }
  .b-lg-3 {
    bottom: 3px;
  }
  .b-lg-4 {
    bottom: 4px;
  }
  .b-lg-6 {
    bottom: 6px;
  }
  .b-lg-8 {
    bottom: 8px;
  }
  .b-lg-12 {
    bottom: 12px;
  }
  .b-lg-14 {
    bottom: 14px;
  }
  .b-lg-16 {
    bottom: 16px;
  }
  .b-lg-24 {
    bottom: 24px;
  }
  .b-lg-32 {
    bottom: 32px;
  }
  .b-lg-40 {
    bottom: 40px;
  }
  .b-lg-48 {
    bottom: 48px;
  }
  .b-lg-56 {
    bottom: 56px;
  }
  .b-lg-64 {
    bottom: 64px;
  }
  .b-lg-80 {
    bottom: 80px;
  }
  .b-lg-96 {
    bottom: 96px;
  }
  .b-lg-128 {
    bottom: 128px;
  }
  .b-lg-256 {
    bottom: 256px;
  }
}
@media only screen and (min-width: 1366px) {
  .b-xl-0 {
    bottom: 0px;
  }
  .b-xl-1 {
    bottom: 1px;
  }
  .b-xl-2 {
    bottom: 2px;
  }
  .b-xl-3 {
    bottom: 3px;
  }
  .b-xl-4 {
    bottom: 4px;
  }
  .b-xl-6 {
    bottom: 6px;
  }
  .b-xl-8 {
    bottom: 8px;
  }
  .b-xl-12 {
    bottom: 12px;
  }
  .b-xl-14 {
    bottom: 14px;
  }
  .b-xl-16 {
    bottom: 16px;
  }
  .b-xl-24 {
    bottom: 24px;
  }
  .b-xl-32 {
    bottom: 32px;
  }
  .b-xl-40 {
    bottom: 40px;
  }
  .b-xl-48 {
    bottom: 48px;
  }
  .b-xl-56 {
    bottom: 56px;
  }
  .b-xl-64 {
    bottom: 64px;
  }
  .b-xl-80 {
    bottom: 80px;
  }
  .b-xl-96 {
    bottom: 96px;
  }
  .b-xl-128 {
    bottom: 128px;
  }
  .b-xl-256 {
    bottom: 256px;
  }
}
@media only screen and (min-width: 1680px) {
  .b-xxl-0 {
    bottom: 0px;
  }
  .b-xxl-1 {
    bottom: 1px;
  }
  .b-xxl-2 {
    bottom: 2px;
  }
  .b-xxl-3 {
    bottom: 3px;
  }
  .b-xxl-4 {
    bottom: 4px;
  }
  .b-xxl-6 {
    bottom: 6px;
  }
  .b-xxl-8 {
    bottom: 8px;
  }
  .b-xxl-12 {
    bottom: 12px;
  }
  .b-xxl-14 {
    bottom: 14px;
  }
  .b-xxl-16 {
    bottom: 16px;
  }
  .b-xxl-24 {
    bottom: 24px;
  }
  .b-xxl-32 {
    bottom: 32px;
  }
  .b-xxl-40 {
    bottom: 40px;
  }
  .b-xxl-48 {
    bottom: 48px;
  }
  .b-xxl-56 {
    bottom: 56px;
  }
  .b-xxl-64 {
    bottom: 64px;
  }
  .b-xxl-80 {
    bottom: 80px;
  }
  .b-xxl-96 {
    bottom: 96px;
  }
  .b-xxl-128 {
    bottom: 128px;
  }
  .b-xxl-256 {
    bottom: 256px;
  }
}
.l-0 {
  left: 0px;
}

.l-1 {
  left: 1px;
}

.l-2 {
  left: 2px;
}

.l-3 {
  left: 3px;
}

.l-4 {
  left: 4px;
}

.l-6 {
  left: 6px;
}

.l-8 {
  left: 8px;
}

.l-12 {
  left: 12px;
}

.l-14 {
  left: 14px;
}

.l-16 {
  left: 16px;
}

.l-24 {
  left: 24px;
}

.l-32 {
  left: 32px;
}

.l-40 {
  left: 40px;
}

.l-48 {
  left: 48px;
}

.l-56 {
  left: 56px;
}

.l-64 {
  left: 64px;
}

.l-80 {
  left: 80px;
}

.l-96 {
  left: 96px;
}

.l-128 {
  left: 128px;
}

.l-256 {
  left: 256px;
}

@media only screen and (min-width: 420px) {
  .l-sm-0 {
    left: 0px;
  }
  .l-sm-1 {
    left: 1px;
  }
  .l-sm-2 {
    left: 2px;
  }
  .l-sm-3 {
    left: 3px;
  }
  .l-sm-4 {
    left: 4px;
  }
  .l-sm-6 {
    left: 6px;
  }
  .l-sm-8 {
    left: 8px;
  }
  .l-sm-12 {
    left: 12px;
  }
  .l-sm-14 {
    left: 14px;
  }
  .l-sm-16 {
    left: 16px;
  }
  .l-sm-24 {
    left: 24px;
  }
  .l-sm-32 {
    left: 32px;
  }
  .l-sm-40 {
    left: 40px;
  }
  .l-sm-48 {
    left: 48px;
  }
  .l-sm-56 {
    left: 56px;
  }
  .l-sm-64 {
    left: 64px;
  }
  .l-sm-80 {
    left: 80px;
  }
  .l-sm-96 {
    left: 96px;
  }
  .l-sm-128 {
    left: 128px;
  }
  .l-sm-256 {
    left: 256px;
  }
}
@media only screen and (min-width: 768px) {
  .l-md-0 {
    left: 0px;
  }
  .l-md-1 {
    left: 1px;
  }
  .l-md-2 {
    left: 2px;
  }
  .l-md-3 {
    left: 3px;
  }
  .l-md-4 {
    left: 4px;
  }
  .l-md-6 {
    left: 6px;
  }
  .l-md-8 {
    left: 8px;
  }
  .l-md-12 {
    left: 12px;
  }
  .l-md-14 {
    left: 14px;
  }
  .l-md-16 {
    left: 16px;
  }
  .l-md-24 {
    left: 24px;
  }
  .l-md-32 {
    left: 32px;
  }
  .l-md-40 {
    left: 40px;
  }
  .l-md-48 {
    left: 48px;
  }
  .l-md-56 {
    left: 56px;
  }
  .l-md-64 {
    left: 64px;
  }
  .l-md-80 {
    left: 80px;
  }
  .l-md-96 {
    left: 96px;
  }
  .l-md-128 {
    left: 128px;
  }
  .l-md-256 {
    left: 256px;
  }
}
@media only screen and (min-width: 1024px) {
  .l-lg-0 {
    left: 0px;
  }
  .l-lg-1 {
    left: 1px;
  }
  .l-lg-2 {
    left: 2px;
  }
  .l-lg-3 {
    left: 3px;
  }
  .l-lg-4 {
    left: 4px;
  }
  .l-lg-6 {
    left: 6px;
  }
  .l-lg-8 {
    left: 8px;
  }
  .l-lg-12 {
    left: 12px;
  }
  .l-lg-14 {
    left: 14px;
  }
  .l-lg-16 {
    left: 16px;
  }
  .l-lg-24 {
    left: 24px;
  }
  .l-lg-32 {
    left: 32px;
  }
  .l-lg-40 {
    left: 40px;
  }
  .l-lg-48 {
    left: 48px;
  }
  .l-lg-56 {
    left: 56px;
  }
  .l-lg-64 {
    left: 64px;
  }
  .l-lg-80 {
    left: 80px;
  }
  .l-lg-96 {
    left: 96px;
  }
  .l-lg-128 {
    left: 128px;
  }
  .l-lg-256 {
    left: 256px;
  }
}
@media only screen and (min-width: 1366px) {
  .l-xl-0 {
    left: 0px;
  }
  .l-xl-1 {
    left: 1px;
  }
  .l-xl-2 {
    left: 2px;
  }
  .l-xl-3 {
    left: 3px;
  }
  .l-xl-4 {
    left: 4px;
  }
  .l-xl-6 {
    left: 6px;
  }
  .l-xl-8 {
    left: 8px;
  }
  .l-xl-12 {
    left: 12px;
  }
  .l-xl-14 {
    left: 14px;
  }
  .l-xl-16 {
    left: 16px;
  }
  .l-xl-24 {
    left: 24px;
  }
  .l-xl-32 {
    left: 32px;
  }
  .l-xl-40 {
    left: 40px;
  }
  .l-xl-48 {
    left: 48px;
  }
  .l-xl-56 {
    left: 56px;
  }
  .l-xl-64 {
    left: 64px;
  }
  .l-xl-80 {
    left: 80px;
  }
  .l-xl-96 {
    left: 96px;
  }
  .l-xl-128 {
    left: 128px;
  }
  .l-xl-256 {
    left: 256px;
  }
}
@media only screen and (min-width: 1680px) {
  .l-xxl-0 {
    left: 0px;
  }
  .l-xxl-1 {
    left: 1px;
  }
  .l-xxl-2 {
    left: 2px;
  }
  .l-xxl-3 {
    left: 3px;
  }
  .l-xxl-4 {
    left: 4px;
  }
  .l-xxl-6 {
    left: 6px;
  }
  .l-xxl-8 {
    left: 8px;
  }
  .l-xxl-12 {
    left: 12px;
  }
  .l-xxl-14 {
    left: 14px;
  }
  .l-xxl-16 {
    left: 16px;
  }
  .l-xxl-24 {
    left: 24px;
  }
  .l-xxl-32 {
    left: 32px;
  }
  .l-xxl-40 {
    left: 40px;
  }
  .l-xxl-48 {
    left: 48px;
  }
  .l-xxl-56 {
    left: 56px;
  }
  .l-xxl-64 {
    left: 64px;
  }
  .l-xxl-80 {
    left: 80px;
  }
  .l-xxl-96 {
    left: 96px;
  }
  .l-xxl-128 {
    left: 128px;
  }
  .l-xxl-256 {
    left: 256px;
  }
}
.t--1 {
  top: -1px;
}

.t--2 {
  top: -2px;
}

.t--3 {
  top: -3px;
}

.t--4 {
  top: -4px;
}

.t--8 {
  top: -8px;
}

.t--12 {
  top: -12px;
}

.t--14 {
  top: -14px;
}

.t--16 {
  top: -16px;
}

.t--24 {
  top: -24px;
}

.t--32 {
  top: -32px;
}

.t--40 {
  top: -40px;
}

.t--48 {
  top: -48px;
}

.t--56 {
  top: -56px;
}

.t--64 {
  top: -64px;
}

@media only screen and (min-width: 420px) {
  .t-sm--1 {
    top: -1px;
  }
  .t-sm--2 {
    top: -2px;
  }
  .t-sm--3 {
    top: -3px;
  }
  .t-sm--4 {
    top: -4px;
  }
  .t-sm--8 {
    top: -8px;
  }
  .t-sm--12 {
    top: -12px;
  }
  .t-sm--14 {
    top: -14px;
  }
  .t-sm--16 {
    top: -16px;
  }
  .t-sm--24 {
    top: -24px;
  }
  .t-sm--32 {
    top: -32px;
  }
  .t-sm--40 {
    top: -40px;
  }
  .t-sm--48 {
    top: -48px;
  }
  .t-sm--56 {
    top: -56px;
  }
  .t-sm--64 {
    top: -64px;
  }
}
@media only screen and (min-width: 768px) {
  .t-md--1 {
    top: -1px;
  }
  .t-md--2 {
    top: -2px;
  }
  .t-md--3 {
    top: -3px;
  }
  .t-md--4 {
    top: -4px;
  }
  .t-md--8 {
    top: -8px;
  }
  .t-md--12 {
    top: -12px;
  }
  .t-md--14 {
    top: -14px;
  }
  .t-md--16 {
    top: -16px;
  }
  .t-md--24 {
    top: -24px;
  }
  .t-md--32 {
    top: -32px;
  }
  .t-md--40 {
    top: -40px;
  }
  .t-md--48 {
    top: -48px;
  }
  .t-md--56 {
    top: -56px;
  }
  .t-md--64 {
    top: -64px;
  }
}
@media only screen and (min-width: 1024px) {
  .t-lg--1 {
    top: -1px;
  }
  .t-lg--2 {
    top: -2px;
  }
  .t-lg--3 {
    top: -3px;
  }
  .t-lg--4 {
    top: -4px;
  }
  .t-lg--8 {
    top: -8px;
  }
  .t-lg--12 {
    top: -12px;
  }
  .t-lg--14 {
    top: -14px;
  }
  .t-lg--16 {
    top: -16px;
  }
  .t-lg--24 {
    top: -24px;
  }
  .t-lg--32 {
    top: -32px;
  }
  .t-lg--40 {
    top: -40px;
  }
  .t-lg--48 {
    top: -48px;
  }
  .t-lg--56 {
    top: -56px;
  }
  .t-lg--64 {
    top: -64px;
  }
}
@media only screen and (min-width: 1366px) {
  .t-xl--1 {
    top: -1px;
  }
  .t-xl--2 {
    top: -2px;
  }
  .t-xl--3 {
    top: -3px;
  }
  .t-xl--4 {
    top: -4px;
  }
  .t-xl--8 {
    top: -8px;
  }
  .t-xl--12 {
    top: -12px;
  }
  .t-xl--14 {
    top: -14px;
  }
  .t-xl--16 {
    top: -16px;
  }
  .t-xl--24 {
    top: -24px;
  }
  .t-xl--32 {
    top: -32px;
  }
  .t-xl--40 {
    top: -40px;
  }
  .t-xl--48 {
    top: -48px;
  }
  .t-xl--56 {
    top: -56px;
  }
  .t-xl--64 {
    top: -64px;
  }
}
@media only screen and (min-width: 1680px) {
  .t-xxl--1 {
    top: -1px;
  }
  .t-xxl--2 {
    top: -2px;
  }
  .t-xxl--3 {
    top: -3px;
  }
  .t-xxl--4 {
    top: -4px;
  }
  .t-xxl--8 {
    top: -8px;
  }
  .t-xxl--12 {
    top: -12px;
  }
  .t-xxl--14 {
    top: -14px;
  }
  .t-xxl--16 {
    top: -16px;
  }
  .t-xxl--24 {
    top: -24px;
  }
  .t-xxl--32 {
    top: -32px;
  }
  .t-xxl--40 {
    top: -40px;
  }
  .t-xxl--48 {
    top: -48px;
  }
  .t-xxl--56 {
    top: -56px;
  }
  .t-xxl--64 {
    top: -64px;
  }
}
.r--1 {
  right: -1px;
}

.r--2 {
  right: -2px;
}

.r--3 {
  right: -3px;
}

.r--4 {
  right: -4px;
}

.r--8 {
  right: -8px;
}

.r--12 {
  right: -12px;
}

.r--14 {
  right: -14px;
}

.r--16 {
  right: -16px;
}

.r--24 {
  right: -24px;
}

.r--32 {
  right: -32px;
}

.r--40 {
  right: -40px;
}

.r--48 {
  right: -48px;
}

.r--56 {
  right: -56px;
}

.r--64 {
  right: -64px;
}

@media only screen and (min-width: 420px) {
  .r-sm--1 {
    right: -1px;
  }
  .r-sm--2 {
    right: -2px;
  }
  .r-sm--3 {
    right: -3px;
  }
  .r-sm--4 {
    right: -4px;
  }
  .r-sm--8 {
    right: -8px;
  }
  .r-sm--12 {
    right: -12px;
  }
  .r-sm--14 {
    right: -14px;
  }
  .r-sm--16 {
    right: -16px;
  }
  .r-sm--24 {
    right: -24px;
  }
  .r-sm--32 {
    right: -32px;
  }
  .r-sm--40 {
    right: -40px;
  }
  .r-sm--48 {
    right: -48px;
  }
  .r-sm--56 {
    right: -56px;
  }
  .r-sm--64 {
    right: -64px;
  }
}
@media only screen and (min-width: 768px) {
  .r-md--1 {
    right: -1px;
  }
  .r-md--2 {
    right: -2px;
  }
  .r-md--3 {
    right: -3px;
  }
  .r-md--4 {
    right: -4px;
  }
  .r-md--8 {
    right: -8px;
  }
  .r-md--12 {
    right: -12px;
  }
  .r-md--14 {
    right: -14px;
  }
  .r-md--16 {
    right: -16px;
  }
  .r-md--24 {
    right: -24px;
  }
  .r-md--32 {
    right: -32px;
  }
  .r-md--40 {
    right: -40px;
  }
  .r-md--48 {
    right: -48px;
  }
  .r-md--56 {
    right: -56px;
  }
  .r-md--64 {
    right: -64px;
  }
}
@media only screen and (min-width: 1024px) {
  .r-lg--1 {
    right: -1px;
  }
  .r-lg--2 {
    right: -2px;
  }
  .r-lg--3 {
    right: -3px;
  }
  .r-lg--4 {
    right: -4px;
  }
  .r-lg--8 {
    right: -8px;
  }
  .r-lg--12 {
    right: -12px;
  }
  .r-lg--14 {
    right: -14px;
  }
  .r-lg--16 {
    right: -16px;
  }
  .r-lg--24 {
    right: -24px;
  }
  .r-lg--32 {
    right: -32px;
  }
  .r-lg--40 {
    right: -40px;
  }
  .r-lg--48 {
    right: -48px;
  }
  .r-lg--56 {
    right: -56px;
  }
  .r-lg--64 {
    right: -64px;
  }
}
@media only screen and (min-width: 1366px) {
  .r-xl--1 {
    right: -1px;
  }
  .r-xl--2 {
    right: -2px;
  }
  .r-xl--3 {
    right: -3px;
  }
  .r-xl--4 {
    right: -4px;
  }
  .r-xl--8 {
    right: -8px;
  }
  .r-xl--12 {
    right: -12px;
  }
  .r-xl--14 {
    right: -14px;
  }
  .r-xl--16 {
    right: -16px;
  }
  .r-xl--24 {
    right: -24px;
  }
  .r-xl--32 {
    right: -32px;
  }
  .r-xl--40 {
    right: -40px;
  }
  .r-xl--48 {
    right: -48px;
  }
  .r-xl--56 {
    right: -56px;
  }
  .r-xl--64 {
    right: -64px;
  }
}
@media only screen and (min-width: 1680px) {
  .r-xxl--1 {
    right: -1px;
  }
  .r-xxl--2 {
    right: -2px;
  }
  .r-xxl--3 {
    right: -3px;
  }
  .r-xxl--4 {
    right: -4px;
  }
  .r-xxl--8 {
    right: -8px;
  }
  .r-xxl--12 {
    right: -12px;
  }
  .r-xxl--14 {
    right: -14px;
  }
  .r-xxl--16 {
    right: -16px;
  }
  .r-xxl--24 {
    right: -24px;
  }
  .r-xxl--32 {
    right: -32px;
  }
  .r-xxl--40 {
    right: -40px;
  }
  .r-xxl--48 {
    right: -48px;
  }
  .r-xxl--56 {
    right: -56px;
  }
  .r-xxl--64 {
    right: -64px;
  }
}
.b--1 {
  bottom: -1px;
}

.b--2 {
  bottom: -2px;
}

.b--3 {
  bottom: -3px;
}

.b--4 {
  bottom: -4px;
}

.b--8 {
  bottom: -8px;
}

.b--12 {
  bottom: -12px;
}

.b--14 {
  bottom: -14px;
}

.b--16 {
  bottom: -16px;
}

.b--24 {
  bottom: -24px;
}

.b--32 {
  bottom: -32px;
}

.b--40 {
  bottom: -40px;
}

.b--48 {
  bottom: -48px;
}

.b--56 {
  bottom: -56px;
}

.b--64 {
  bottom: -64px;
}

@media only screen and (min-width: 420px) {
  .b-sm--1 {
    bottom: -1px;
  }
  .b-sm--2 {
    bottom: -2px;
  }
  .b-sm--3 {
    bottom: -3px;
  }
  .b-sm--4 {
    bottom: -4px;
  }
  .b-sm--8 {
    bottom: -8px;
  }
  .b-sm--12 {
    bottom: -12px;
  }
  .b-sm--14 {
    bottom: -14px;
  }
  .b-sm--16 {
    bottom: -16px;
  }
  .b-sm--24 {
    bottom: -24px;
  }
  .b-sm--32 {
    bottom: -32px;
  }
  .b-sm--40 {
    bottom: -40px;
  }
  .b-sm--48 {
    bottom: -48px;
  }
  .b-sm--56 {
    bottom: -56px;
  }
  .b-sm--64 {
    bottom: -64px;
  }
}
@media only screen and (min-width: 768px) {
  .b-md--1 {
    bottom: -1px;
  }
  .b-md--2 {
    bottom: -2px;
  }
  .b-md--3 {
    bottom: -3px;
  }
  .b-md--4 {
    bottom: -4px;
  }
  .b-md--8 {
    bottom: -8px;
  }
  .b-md--12 {
    bottom: -12px;
  }
  .b-md--14 {
    bottom: -14px;
  }
  .b-md--16 {
    bottom: -16px;
  }
  .b-md--24 {
    bottom: -24px;
  }
  .b-md--32 {
    bottom: -32px;
  }
  .b-md--40 {
    bottom: -40px;
  }
  .b-md--48 {
    bottom: -48px;
  }
  .b-md--56 {
    bottom: -56px;
  }
  .b-md--64 {
    bottom: -64px;
  }
}
@media only screen and (min-width: 1024px) {
  .b-lg--1 {
    bottom: -1px;
  }
  .b-lg--2 {
    bottom: -2px;
  }
  .b-lg--3 {
    bottom: -3px;
  }
  .b-lg--4 {
    bottom: -4px;
  }
  .b-lg--8 {
    bottom: -8px;
  }
  .b-lg--12 {
    bottom: -12px;
  }
  .b-lg--14 {
    bottom: -14px;
  }
  .b-lg--16 {
    bottom: -16px;
  }
  .b-lg--24 {
    bottom: -24px;
  }
  .b-lg--32 {
    bottom: -32px;
  }
  .b-lg--40 {
    bottom: -40px;
  }
  .b-lg--48 {
    bottom: -48px;
  }
  .b-lg--56 {
    bottom: -56px;
  }
  .b-lg--64 {
    bottom: -64px;
  }
}
@media only screen and (min-width: 1366px) {
  .b-xl--1 {
    bottom: -1px;
  }
  .b-xl--2 {
    bottom: -2px;
  }
  .b-xl--3 {
    bottom: -3px;
  }
  .b-xl--4 {
    bottom: -4px;
  }
  .b-xl--8 {
    bottom: -8px;
  }
  .b-xl--12 {
    bottom: -12px;
  }
  .b-xl--14 {
    bottom: -14px;
  }
  .b-xl--16 {
    bottom: -16px;
  }
  .b-xl--24 {
    bottom: -24px;
  }
  .b-xl--32 {
    bottom: -32px;
  }
  .b-xl--40 {
    bottom: -40px;
  }
  .b-xl--48 {
    bottom: -48px;
  }
  .b-xl--56 {
    bottom: -56px;
  }
  .b-xl--64 {
    bottom: -64px;
  }
}
@media only screen and (min-width: 1680px) {
  .b-xxl--1 {
    bottom: -1px;
  }
  .b-xxl--2 {
    bottom: -2px;
  }
  .b-xxl--3 {
    bottom: -3px;
  }
  .b-xxl--4 {
    bottom: -4px;
  }
  .b-xxl--8 {
    bottom: -8px;
  }
  .b-xxl--12 {
    bottom: -12px;
  }
  .b-xxl--14 {
    bottom: -14px;
  }
  .b-xxl--16 {
    bottom: -16px;
  }
  .b-xxl--24 {
    bottom: -24px;
  }
  .b-xxl--32 {
    bottom: -32px;
  }
  .b-xxl--40 {
    bottom: -40px;
  }
  .b-xxl--48 {
    bottom: -48px;
  }
  .b-xxl--56 {
    bottom: -56px;
  }
  .b-xxl--64 {
    bottom: -64px;
  }
}
.l--1 {
  left: -1px;
}

.l--2 {
  left: -2px;
}

.l--3 {
  left: -3px;
}

.l--4 {
  left: -4px;
}

.l--8 {
  left: -8px;
}

.l--12 {
  left: -12px;
}

.l--14 {
  left: -14px;
}

.l--16 {
  left: -16px;
}

.l--24 {
  left: -24px;
}

.l--32 {
  left: -32px;
}

.l--40 {
  left: -40px;
}

.l--48 {
  left: -48px;
}

.l--56 {
  left: -56px;
}

.l--64 {
  left: -64px;
}

@media only screen and (min-width: 420px) {
  .l-sm--1 {
    left: -1px;
  }
  .l-sm--2 {
    left: -2px;
  }
  .l-sm--3 {
    left: -3px;
  }
  .l-sm--4 {
    left: -4px;
  }
  .l-sm--8 {
    left: -8px;
  }
  .l-sm--12 {
    left: -12px;
  }
  .l-sm--14 {
    left: -14px;
  }
  .l-sm--16 {
    left: -16px;
  }
  .l-sm--24 {
    left: -24px;
  }
  .l-sm--32 {
    left: -32px;
  }
  .l-sm--40 {
    left: -40px;
  }
  .l-sm--48 {
    left: -48px;
  }
  .l-sm--56 {
    left: -56px;
  }
  .l-sm--64 {
    left: -64px;
  }
}
@media only screen and (min-width: 768px) {
  .l-md--1 {
    left: -1px;
  }
  .l-md--2 {
    left: -2px;
  }
  .l-md--3 {
    left: -3px;
  }
  .l-md--4 {
    left: -4px;
  }
  .l-md--8 {
    left: -8px;
  }
  .l-md--12 {
    left: -12px;
  }
  .l-md--14 {
    left: -14px;
  }
  .l-md--16 {
    left: -16px;
  }
  .l-md--24 {
    left: -24px;
  }
  .l-md--32 {
    left: -32px;
  }
  .l-md--40 {
    left: -40px;
  }
  .l-md--48 {
    left: -48px;
  }
  .l-md--56 {
    left: -56px;
  }
  .l-md--64 {
    left: -64px;
  }
}
@media only screen and (min-width: 1024px) {
  .l-lg--1 {
    left: -1px;
  }
  .l-lg--2 {
    left: -2px;
  }
  .l-lg--3 {
    left: -3px;
  }
  .l-lg--4 {
    left: -4px;
  }
  .l-lg--8 {
    left: -8px;
  }
  .l-lg--12 {
    left: -12px;
  }
  .l-lg--14 {
    left: -14px;
  }
  .l-lg--16 {
    left: -16px;
  }
  .l-lg--24 {
    left: -24px;
  }
  .l-lg--32 {
    left: -32px;
  }
  .l-lg--40 {
    left: -40px;
  }
  .l-lg--48 {
    left: -48px;
  }
  .l-lg--56 {
    left: -56px;
  }
  .l-lg--64 {
    left: -64px;
  }
}
@media only screen and (min-width: 1366px) {
  .l-xl--1 {
    left: -1px;
  }
  .l-xl--2 {
    left: -2px;
  }
  .l-xl--3 {
    left: -3px;
  }
  .l-xl--4 {
    left: -4px;
  }
  .l-xl--8 {
    left: -8px;
  }
  .l-xl--12 {
    left: -12px;
  }
  .l-xl--14 {
    left: -14px;
  }
  .l-xl--16 {
    left: -16px;
  }
  .l-xl--24 {
    left: -24px;
  }
  .l-xl--32 {
    left: -32px;
  }
  .l-xl--40 {
    left: -40px;
  }
  .l-xl--48 {
    left: -48px;
  }
  .l-xl--56 {
    left: -56px;
  }
  .l-xl--64 {
    left: -64px;
  }
}
@media only screen and (min-width: 1680px) {
  .l-xxl--1 {
    left: -1px;
  }
  .l-xxl--2 {
    left: -2px;
  }
  .l-xxl--3 {
    left: -3px;
  }
  .l-xxl--4 {
    left: -4px;
  }
  .l-xxl--8 {
    left: -8px;
  }
  .l-xxl--12 {
    left: -12px;
  }
  .l-xxl--14 {
    left: -14px;
  }
  .l-xxl--16 {
    left: -16px;
  }
  .l-xxl--24 {
    left: -24px;
  }
  .l-xxl--32 {
    left: -32px;
  }
  .l-xxl--40 {
    left: -40px;
  }
  .l-xxl--48 {
    left: -48px;
  }
  .l-xxl--56 {
    left: -56px;
  }
  .l-xxl--64 {
    left: -64px;
  }
}
.t-5p {
  top: 5%;
}

.t-10p {
  top: 10%;
}

.t-15p {
  top: 15%;
}

.t-20p {
  top: 20%;
}

.t-25p {
  top: 25%;
}

.t-50p {
  top: 50%;
}

.t-75p {
  top: 75%;
}

.t-100p {
  top: 100%;
}

@media only screen and (min-width: 420px) {
  .t-sm-5p {
    top: 5%;
  }
  .t-sm-10p {
    top: 10%;
  }
  .t-sm-15p {
    top: 15%;
  }
  .t-sm-20p {
    top: 20%;
  }
  .t-sm-25p {
    top: 25%;
  }
  .t-sm-50p {
    top: 50%;
  }
  .t-sm-75p {
    top: 75%;
  }
  .t-sm-100p {
    top: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .t-md-5p {
    top: 5%;
  }
  .t-md-10p {
    top: 10%;
  }
  .t-md-15p {
    top: 15%;
  }
  .t-md-20p {
    top: 20%;
  }
  .t-md-25p {
    top: 25%;
  }
  .t-md-50p {
    top: 50%;
  }
  .t-md-75p {
    top: 75%;
  }
  .t-md-100p {
    top: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .t-lg-5p {
    top: 5%;
  }
  .t-lg-10p {
    top: 10%;
  }
  .t-lg-15p {
    top: 15%;
  }
  .t-lg-20p {
    top: 20%;
  }
  .t-lg-25p {
    top: 25%;
  }
  .t-lg-50p {
    top: 50%;
  }
  .t-lg-75p {
    top: 75%;
  }
  .t-lg-100p {
    top: 100%;
  }
}
@media only screen and (min-width: 1366px) {
  .t-xl-5p {
    top: 5%;
  }
  .t-xl-10p {
    top: 10%;
  }
  .t-xl-15p {
    top: 15%;
  }
  .t-xl-20p {
    top: 20%;
  }
  .t-xl-25p {
    top: 25%;
  }
  .t-xl-50p {
    top: 50%;
  }
  .t-xl-75p {
    top: 75%;
  }
  .t-xl-100p {
    top: 100%;
  }
}
@media only screen and (min-width: 1680px) {
  .t-xxl-5p {
    top: 5%;
  }
  .t-xxl-10p {
    top: 10%;
  }
  .t-xxl-15p {
    top: 15%;
  }
  .t-xxl-20p {
    top: 20%;
  }
  .t-xxl-25p {
    top: 25%;
  }
  .t-xxl-50p {
    top: 50%;
  }
  .t-xxl-75p {
    top: 75%;
  }
  .t-xxl-100p {
    top: 100%;
  }
}
.r-5p {
  right: 5%;
}

.r-10p {
  right: 10%;
}

.r-15p {
  right: 15%;
}

.r-20p {
  right: 20%;
}

.r-25p {
  right: 25%;
}

.r-50p {
  right: 50%;
}

.r-75p {
  right: 75%;
}

.r-100p {
  right: 100%;
}

@media only screen and (min-width: 420px) {
  .r-sm-5p {
    right: 5%;
  }
  .r-sm-10p {
    right: 10%;
  }
  .r-sm-15p {
    right: 15%;
  }
  .r-sm-20p {
    right: 20%;
  }
  .r-sm-25p {
    right: 25%;
  }
  .r-sm-50p {
    right: 50%;
  }
  .r-sm-75p {
    right: 75%;
  }
  .r-sm-100p {
    right: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .r-md-5p {
    right: 5%;
  }
  .r-md-10p {
    right: 10%;
  }
  .r-md-15p {
    right: 15%;
  }
  .r-md-20p {
    right: 20%;
  }
  .r-md-25p {
    right: 25%;
  }
  .r-md-50p {
    right: 50%;
  }
  .r-md-75p {
    right: 75%;
  }
  .r-md-100p {
    right: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .r-lg-5p {
    right: 5%;
  }
  .r-lg-10p {
    right: 10%;
  }
  .r-lg-15p {
    right: 15%;
  }
  .r-lg-20p {
    right: 20%;
  }
  .r-lg-25p {
    right: 25%;
  }
  .r-lg-50p {
    right: 50%;
  }
  .r-lg-75p {
    right: 75%;
  }
  .r-lg-100p {
    right: 100%;
  }
}
@media only screen and (min-width: 1366px) {
  .r-xl-5p {
    right: 5%;
  }
  .r-xl-10p {
    right: 10%;
  }
  .r-xl-15p {
    right: 15%;
  }
  .r-xl-20p {
    right: 20%;
  }
  .r-xl-25p {
    right: 25%;
  }
  .r-xl-50p {
    right: 50%;
  }
  .r-xl-75p {
    right: 75%;
  }
  .r-xl-100p {
    right: 100%;
  }
}
@media only screen and (min-width: 1680px) {
  .r-xxl-5p {
    right: 5%;
  }
  .r-xxl-10p {
    right: 10%;
  }
  .r-xxl-15p {
    right: 15%;
  }
  .r-xxl-20p {
    right: 20%;
  }
  .r-xxl-25p {
    right: 25%;
  }
  .r-xxl-50p {
    right: 50%;
  }
  .r-xxl-75p {
    right: 75%;
  }
  .r-xxl-100p {
    right: 100%;
  }
}
.b-5p {
  bottom: 5%;
}

.b-10p {
  bottom: 10%;
}

.b-15p {
  bottom: 15%;
}

.b-20p {
  bottom: 20%;
}

.b-25p {
  bottom: 25%;
}

.b-50p {
  bottom: 50%;
}

.b-75p {
  bottom: 75%;
}

.b-100p {
  bottom: 100%;
}

@media only screen and (min-width: 420px) {
  .b-sm-5p {
    bottom: 5%;
  }
  .b-sm-10p {
    bottom: 10%;
  }
  .b-sm-15p {
    bottom: 15%;
  }
  .b-sm-20p {
    bottom: 20%;
  }
  .b-sm-25p {
    bottom: 25%;
  }
  .b-sm-50p {
    bottom: 50%;
  }
  .b-sm-75p {
    bottom: 75%;
  }
  .b-sm-100p {
    bottom: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .b-md-5p {
    bottom: 5%;
  }
  .b-md-10p {
    bottom: 10%;
  }
  .b-md-15p {
    bottom: 15%;
  }
  .b-md-20p {
    bottom: 20%;
  }
  .b-md-25p {
    bottom: 25%;
  }
  .b-md-50p {
    bottom: 50%;
  }
  .b-md-75p {
    bottom: 75%;
  }
  .b-md-100p {
    bottom: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .b-lg-5p {
    bottom: 5%;
  }
  .b-lg-10p {
    bottom: 10%;
  }
  .b-lg-15p {
    bottom: 15%;
  }
  .b-lg-20p {
    bottom: 20%;
  }
  .b-lg-25p {
    bottom: 25%;
  }
  .b-lg-50p {
    bottom: 50%;
  }
  .b-lg-75p {
    bottom: 75%;
  }
  .b-lg-100p {
    bottom: 100%;
  }
}
@media only screen and (min-width: 1366px) {
  .b-xl-5p {
    bottom: 5%;
  }
  .b-xl-10p {
    bottom: 10%;
  }
  .b-xl-15p {
    bottom: 15%;
  }
  .b-xl-20p {
    bottom: 20%;
  }
  .b-xl-25p {
    bottom: 25%;
  }
  .b-xl-50p {
    bottom: 50%;
  }
  .b-xl-75p {
    bottom: 75%;
  }
  .b-xl-100p {
    bottom: 100%;
  }
}
@media only screen and (min-width: 1680px) {
  .b-xxl-5p {
    bottom: 5%;
  }
  .b-xxl-10p {
    bottom: 10%;
  }
  .b-xxl-15p {
    bottom: 15%;
  }
  .b-xxl-20p {
    bottom: 20%;
  }
  .b-xxl-25p {
    bottom: 25%;
  }
  .b-xxl-50p {
    bottom: 50%;
  }
  .b-xxl-75p {
    bottom: 75%;
  }
  .b-xxl-100p {
    bottom: 100%;
  }
}
.l-5p {
  left: 5%;
}

.l-10p {
  left: 10%;
}

.l-15p {
  left: 15%;
}

.l-20p {
  left: 20%;
}

.l-25p {
  left: 25%;
}

.l-50p {
  left: 50%;
}

.l-75p {
  left: 75%;
}

.l-100p {
  left: 100%;
}

@media only screen and (min-width: 420px) {
  .l-sm-5p {
    left: 5%;
  }
  .l-sm-10p {
    left: 10%;
  }
  .l-sm-15p {
    left: 15%;
  }
  .l-sm-20p {
    left: 20%;
  }
  .l-sm-25p {
    left: 25%;
  }
  .l-sm-50p {
    left: 50%;
  }
  .l-sm-75p {
    left: 75%;
  }
  .l-sm-100p {
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .l-md-5p {
    left: 5%;
  }
  .l-md-10p {
    left: 10%;
  }
  .l-md-15p {
    left: 15%;
  }
  .l-md-20p {
    left: 20%;
  }
  .l-md-25p {
    left: 25%;
  }
  .l-md-50p {
    left: 50%;
  }
  .l-md-75p {
    left: 75%;
  }
  .l-md-100p {
    left: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-lg-5p {
    left: 5%;
  }
  .l-lg-10p {
    left: 10%;
  }
  .l-lg-15p {
    left: 15%;
  }
  .l-lg-20p {
    left: 20%;
  }
  .l-lg-25p {
    left: 25%;
  }
  .l-lg-50p {
    left: 50%;
  }
  .l-lg-75p {
    left: 75%;
  }
  .l-lg-100p {
    left: 100%;
  }
}
@media only screen and (min-width: 1366px) {
  .l-xl-5p {
    left: 5%;
  }
  .l-xl-10p {
    left: 10%;
  }
  .l-xl-15p {
    left: 15%;
  }
  .l-xl-20p {
    left: 20%;
  }
  .l-xl-25p {
    left: 25%;
  }
  .l-xl-50p {
    left: 50%;
  }
  .l-xl-75p {
    left: 75%;
  }
  .l-xl-100p {
    left: 100%;
  }
}
@media only screen and (min-width: 1680px) {
  .l-xxl-5p {
    left: 5%;
  }
  .l-xxl-10p {
    left: 10%;
  }
  .l-xxl-15p {
    left: 15%;
  }
  .l-xxl-20p {
    left: 20%;
  }
  .l-xxl-25p {
    left: 25%;
  }
  .l-xxl-50p {
    left: 50%;
  }
  .l-xxl-75p {
    left: 75%;
  }
  .l-xxl-100p {
    left: 100%;
  }
}
.t--5p {
  top: -5%;
}

.t--10p {
  top: -10%;
}

.t--15p {
  top: -15%;
}

.t--20p {
  top: -20%;
}

.t--25p {
  top: -25%;
}

.t--50p {
  top: -50%;
}

.t--75p {
  top: -75%;
}

.t--100p {
  top: -100%;
}

@media only screen and (min-width: 420px) {
  .t-sm--5p {
    top: -5%;
  }
  .t-sm--10p {
    top: -10%;
  }
  .t-sm--15p {
    top: -15%;
  }
  .t-sm--20p {
    top: -20%;
  }
  .t-sm--25p {
    top: -25%;
  }
  .t-sm--50p {
    top: -50%;
  }
  .t-sm--75p {
    top: -75%;
  }
  .t-sm--100p {
    top: -100%;
  }
}
@media only screen and (min-width: 768px) {
  .t-md--5p {
    top: -5%;
  }
  .t-md--10p {
    top: -10%;
  }
  .t-md--15p {
    top: -15%;
  }
  .t-md--20p {
    top: -20%;
  }
  .t-md--25p {
    top: -25%;
  }
  .t-md--50p {
    top: -50%;
  }
  .t-md--75p {
    top: -75%;
  }
  .t-md--100p {
    top: -100%;
  }
}
@media only screen and (min-width: 1024px) {
  .t-lg--5p {
    top: -5%;
  }
  .t-lg--10p {
    top: -10%;
  }
  .t-lg--15p {
    top: -15%;
  }
  .t-lg--20p {
    top: -20%;
  }
  .t-lg--25p {
    top: -25%;
  }
  .t-lg--50p {
    top: -50%;
  }
  .t-lg--75p {
    top: -75%;
  }
  .t-lg--100p {
    top: -100%;
  }
}
@media only screen and (min-width: 1366px) {
  .t-xl--5p {
    top: -5%;
  }
  .t-xl--10p {
    top: -10%;
  }
  .t-xl--15p {
    top: -15%;
  }
  .t-xl--20p {
    top: -20%;
  }
  .t-xl--25p {
    top: -25%;
  }
  .t-xl--50p {
    top: -50%;
  }
  .t-xl--75p {
    top: -75%;
  }
  .t-xl--100p {
    top: -100%;
  }
}
@media only screen and (min-width: 1680px) {
  .t-xxl--5p {
    top: -5%;
  }
  .t-xxl--10p {
    top: -10%;
  }
  .t-xxl--15p {
    top: -15%;
  }
  .t-xxl--20p {
    top: -20%;
  }
  .t-xxl--25p {
    top: -25%;
  }
  .t-xxl--50p {
    top: -50%;
  }
  .t-xxl--75p {
    top: -75%;
  }
  .t-xxl--100p {
    top: -100%;
  }
}
.r--5p {
  right: -5%;
}

.r--10p {
  right: -10%;
}

.r--15p {
  right: -15%;
}

.r--20p {
  right: -20%;
}

.r--25p {
  right: -25%;
}

.r--50p {
  right: -50%;
}

.r--75p {
  right: -75%;
}

.r--100p {
  right: -100%;
}

@media only screen and (min-width: 420px) {
  .r-sm--5p {
    right: -5%;
  }
  .r-sm--10p {
    right: -10%;
  }
  .r-sm--15p {
    right: -15%;
  }
  .r-sm--20p {
    right: -20%;
  }
  .r-sm--25p {
    right: -25%;
  }
  .r-sm--50p {
    right: -50%;
  }
  .r-sm--75p {
    right: -75%;
  }
  .r-sm--100p {
    right: -100%;
  }
}
@media only screen and (min-width: 768px) {
  .r-md--5p {
    right: -5%;
  }
  .r-md--10p {
    right: -10%;
  }
  .r-md--15p {
    right: -15%;
  }
  .r-md--20p {
    right: -20%;
  }
  .r-md--25p {
    right: -25%;
  }
  .r-md--50p {
    right: -50%;
  }
  .r-md--75p {
    right: -75%;
  }
  .r-md--100p {
    right: -100%;
  }
}
@media only screen and (min-width: 1024px) {
  .r-lg--5p {
    right: -5%;
  }
  .r-lg--10p {
    right: -10%;
  }
  .r-lg--15p {
    right: -15%;
  }
  .r-lg--20p {
    right: -20%;
  }
  .r-lg--25p {
    right: -25%;
  }
  .r-lg--50p {
    right: -50%;
  }
  .r-lg--75p {
    right: -75%;
  }
  .r-lg--100p {
    right: -100%;
  }
}
@media only screen and (min-width: 1366px) {
  .r-xl--5p {
    right: -5%;
  }
  .r-xl--10p {
    right: -10%;
  }
  .r-xl--15p {
    right: -15%;
  }
  .r-xl--20p {
    right: -20%;
  }
  .r-xl--25p {
    right: -25%;
  }
  .r-xl--50p {
    right: -50%;
  }
  .r-xl--75p {
    right: -75%;
  }
  .r-xl--100p {
    right: -100%;
  }
}
@media only screen and (min-width: 1680px) {
  .r-xxl--5p {
    right: -5%;
  }
  .r-xxl--10p {
    right: -10%;
  }
  .r-xxl--15p {
    right: -15%;
  }
  .r-xxl--20p {
    right: -20%;
  }
  .r-xxl--25p {
    right: -25%;
  }
  .r-xxl--50p {
    right: -50%;
  }
  .r-xxl--75p {
    right: -75%;
  }
  .r-xxl--100p {
    right: -100%;
  }
}
.b--5p {
  bottom: -5%;
}

.b--10p {
  bottom: -10%;
}

.b--15p {
  bottom: -15%;
}

.b--20p {
  bottom: -20%;
}

.b--25p {
  bottom: -25%;
}

.b--50p {
  bottom: -50%;
}

.b--75p {
  bottom: -75%;
}

.b--100p {
  bottom: -100%;
}

@media only screen and (min-width: 420px) {
  .b-sm--5p {
    bottom: -5%;
  }
  .b-sm--10p {
    bottom: -10%;
  }
  .b-sm--15p {
    bottom: -15%;
  }
  .b-sm--20p {
    bottom: -20%;
  }
  .b-sm--25p {
    bottom: -25%;
  }
  .b-sm--50p {
    bottom: -50%;
  }
  .b-sm--75p {
    bottom: -75%;
  }
  .b-sm--100p {
    bottom: -100%;
  }
}
@media only screen and (min-width: 768px) {
  .b-md--5p {
    bottom: -5%;
  }
  .b-md--10p {
    bottom: -10%;
  }
  .b-md--15p {
    bottom: -15%;
  }
  .b-md--20p {
    bottom: -20%;
  }
  .b-md--25p {
    bottom: -25%;
  }
  .b-md--50p {
    bottom: -50%;
  }
  .b-md--75p {
    bottom: -75%;
  }
  .b-md--100p {
    bottom: -100%;
  }
}
@media only screen and (min-width: 1024px) {
  .b-lg--5p {
    bottom: -5%;
  }
  .b-lg--10p {
    bottom: -10%;
  }
  .b-lg--15p {
    bottom: -15%;
  }
  .b-lg--20p {
    bottom: -20%;
  }
  .b-lg--25p {
    bottom: -25%;
  }
  .b-lg--50p {
    bottom: -50%;
  }
  .b-lg--75p {
    bottom: -75%;
  }
  .b-lg--100p {
    bottom: -100%;
  }
}
@media only screen and (min-width: 1366px) {
  .b-xl--5p {
    bottom: -5%;
  }
  .b-xl--10p {
    bottom: -10%;
  }
  .b-xl--15p {
    bottom: -15%;
  }
  .b-xl--20p {
    bottom: -20%;
  }
  .b-xl--25p {
    bottom: -25%;
  }
  .b-xl--50p {
    bottom: -50%;
  }
  .b-xl--75p {
    bottom: -75%;
  }
  .b-xl--100p {
    bottom: -100%;
  }
}
@media only screen and (min-width: 1680px) {
  .b-xxl--5p {
    bottom: -5%;
  }
  .b-xxl--10p {
    bottom: -10%;
  }
  .b-xxl--15p {
    bottom: -15%;
  }
  .b-xxl--20p {
    bottom: -20%;
  }
  .b-xxl--25p {
    bottom: -25%;
  }
  .b-xxl--50p {
    bottom: -50%;
  }
  .b-xxl--75p {
    bottom: -75%;
  }
  .b-xxl--100p {
    bottom: -100%;
  }
}
.l--5p {
  left: -5%;
}

.l--10p {
  left: -10%;
}

.l--15p {
  left: -15%;
}

.l--20p {
  left: -20%;
}

.l--25p {
  left: -25%;
}

.l--50p {
  left: -50%;
}

.l--75p {
  left: -75%;
}

.l--100p {
  left: -100%;
}

@media only screen and (min-width: 420px) {
  .l-sm--5p {
    left: -5%;
  }
  .l-sm--10p {
    left: -10%;
  }
  .l-sm--15p {
    left: -15%;
  }
  .l-sm--20p {
    left: -20%;
  }
  .l-sm--25p {
    left: -25%;
  }
  .l-sm--50p {
    left: -50%;
  }
  .l-sm--75p {
    left: -75%;
  }
  .l-sm--100p {
    left: -100%;
  }
}
@media only screen and (min-width: 768px) {
  .l-md--5p {
    left: -5%;
  }
  .l-md--10p {
    left: -10%;
  }
  .l-md--15p {
    left: -15%;
  }
  .l-md--20p {
    left: -20%;
  }
  .l-md--25p {
    left: -25%;
  }
  .l-md--50p {
    left: -50%;
  }
  .l-md--75p {
    left: -75%;
  }
  .l-md--100p {
    left: -100%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-lg--5p {
    left: -5%;
  }
  .l-lg--10p {
    left: -10%;
  }
  .l-lg--15p {
    left: -15%;
  }
  .l-lg--20p {
    left: -20%;
  }
  .l-lg--25p {
    left: -25%;
  }
  .l-lg--50p {
    left: -50%;
  }
  .l-lg--75p {
    left: -75%;
  }
  .l-lg--100p {
    left: -100%;
  }
}
@media only screen and (min-width: 1366px) {
  .l-xl--5p {
    left: -5%;
  }
  .l-xl--10p {
    left: -10%;
  }
  .l-xl--15p {
    left: -15%;
  }
  .l-xl--20p {
    left: -20%;
  }
  .l-xl--25p {
    left: -25%;
  }
  .l-xl--50p {
    left: -50%;
  }
  .l-xl--75p {
    left: -75%;
  }
  .l-xl--100p {
    left: -100%;
  }
}
@media only screen and (min-width: 1680px) {
  .l-xxl--5p {
    left: -5%;
  }
  .l-xxl--10p {
    left: -10%;
  }
  .l-xxl--15p {
    left: -15%;
  }
  .l-xxl--20p {
    left: -20%;
  }
  .l-xxl--25p {
    left: -25%;
  }
  .l-xxl--50p {
    left: -50%;
  }
  .l-xxl--75p {
    left: -75%;
  }
  .l-xxl--100p {
    left: -100%;
  }
}
.position-static {
  position: static;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-relative {
  position: relative;
}

.position-sticky {
  position: sticky;
}

@media only screen and (min-width: 420px) {
  .position-sm-static {
    position: static;
  }
  .position-sm-absolute {
    position: absolute;
  }
  .position-sm-fixed {
    position: fixed;
  }
  .position-sm-relative {
    position: relative;
  }
  .position-sm-sticky {
    position: sticky;
  }
}
@media only screen and (min-width: 768px) {
  .position-md-static {
    position: static;
  }
  .position-md-absolute {
    position: absolute;
  }
  .position-md-fixed {
    position: fixed;
  }
  .position-md-relative {
    position: relative;
  }
  .position-md-sticky {
    position: sticky;
  }
}
@media only screen and (min-width: 1024px) {
  .position-lg-static {
    position: static;
  }
  .position-lg-absolute {
    position: absolute;
  }
  .position-lg-fixed {
    position: fixed;
  }
  .position-lg-relative {
    position: relative;
  }
  .position-lg-sticky {
    position: sticky;
  }
}
@media only screen and (min-width: 1366px) {
  .position-xl-static {
    position: static;
  }
  .position-xl-absolute {
    position: absolute;
  }
  .position-xl-fixed {
    position: fixed;
  }
  .position-xl-relative {
    position: relative;
  }
  .position-xl-sticky {
    position: sticky;
  }
}
@media only screen and (min-width: 1680px) {
  .position-xxl-static {
    position: static;
  }
  .position-xxl-absolute {
    position: absolute;
  }
  .position-xxl-fixed {
    position: fixed;
  }
  .position-xxl-relative {
    position: relative;
  }
  .position-xxl-sticky {
    position: sticky;
  }
}
.z--1 {
  z-index: -1;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-10 {
  z-index: 10;
}

.z-15 {
  z-index: 15;
}

.z-20 {
  z-index: 20;
}

.z-25 {
  z-index: 25;
}

.z-50 {
  z-index: 50;
}

.z-100 {
  z-index: 100;
}

@media only screen and (min-width: 420px) {
  .z-sm--1 {
    z-index: -1;
  }
  .z-sm-0 {
    z-index: 0;
  }
  .z-sm-1 {
    z-index: 1;
  }
  .z-sm-2 {
    z-index: 2;
  }
  .z-sm-3 {
    z-index: 3;
  }
  .z-sm-4 {
    z-index: 4;
  }
  .z-sm-5 {
    z-index: 5;
  }
  .z-sm-10 {
    z-index: 10;
  }
  .z-sm-15 {
    z-index: 15;
  }
  .z-sm-20 {
    z-index: 20;
  }
  .z-sm-25 {
    z-index: 25;
  }
  .z-sm-50 {
    z-index: 50;
  }
  .z-sm-100 {
    z-index: 100;
  }
}
@media only screen and (min-width: 768px) {
  .z-md--1 {
    z-index: -1;
  }
  .z-md-0 {
    z-index: 0;
  }
  .z-md-1 {
    z-index: 1;
  }
  .z-md-2 {
    z-index: 2;
  }
  .z-md-3 {
    z-index: 3;
  }
  .z-md-4 {
    z-index: 4;
  }
  .z-md-5 {
    z-index: 5;
  }
  .z-md-10 {
    z-index: 10;
  }
  .z-md-15 {
    z-index: 15;
  }
  .z-md-20 {
    z-index: 20;
  }
  .z-md-25 {
    z-index: 25;
  }
  .z-md-50 {
    z-index: 50;
  }
  .z-md-100 {
    z-index: 100;
  }
}
@media only screen and (min-width: 1024px) {
  .z-lg--1 {
    z-index: -1;
  }
  .z-lg-0 {
    z-index: 0;
  }
  .z-lg-1 {
    z-index: 1;
  }
  .z-lg-2 {
    z-index: 2;
  }
  .z-lg-3 {
    z-index: 3;
  }
  .z-lg-4 {
    z-index: 4;
  }
  .z-lg-5 {
    z-index: 5;
  }
  .z-lg-10 {
    z-index: 10;
  }
  .z-lg-15 {
    z-index: 15;
  }
  .z-lg-20 {
    z-index: 20;
  }
  .z-lg-25 {
    z-index: 25;
  }
  .z-lg-50 {
    z-index: 50;
  }
  .z-lg-100 {
    z-index: 100;
  }
}
@media only screen and (min-width: 1366px) {
  .z-xl--1 {
    z-index: -1;
  }
  .z-xl-0 {
    z-index: 0;
  }
  .z-xl-1 {
    z-index: 1;
  }
  .z-xl-2 {
    z-index: 2;
  }
  .z-xl-3 {
    z-index: 3;
  }
  .z-xl-4 {
    z-index: 4;
  }
  .z-xl-5 {
    z-index: 5;
  }
  .z-xl-10 {
    z-index: 10;
  }
  .z-xl-15 {
    z-index: 15;
  }
  .z-xl-20 {
    z-index: 20;
  }
  .z-xl-25 {
    z-index: 25;
  }
  .z-xl-50 {
    z-index: 50;
  }
  .z-xl-100 {
    z-index: 100;
  }
}
@media only screen and (min-width: 1680px) {
  .z-xxl--1 {
    z-index: -1;
  }
  .z-xxl-0 {
    z-index: 0;
  }
  .z-xxl-1 {
    z-index: 1;
  }
  .z-xxl-2 {
    z-index: 2;
  }
  .z-xxl-3 {
    z-index: 3;
  }
  .z-xxl-4 {
    z-index: 4;
  }
  .z-xxl-5 {
    z-index: 5;
  }
  .z-xxl-10 {
    z-index: 10;
  }
  .z-xxl-15 {
    z-index: 15;
  }
  .z-xxl-20 {
    z-index: 20;
  }
  .z-xxl-25 {
    z-index: 25;
  }
  .z-xxl-50 {
    z-index: 50;
  }
  .z-xxl-100 {
    z-index: 100;
  }
}
.w-0 {
  width: 0px;
}

.w-1 {
  width: 1px;
}

.w-2 {
  width: 2px;
}

.w-3 {
  width: 3px;
}

.w-4 {
  width: 4px;
}

.w-6 {
  width: 6px;
}

.w-8 {
  width: 8px;
}

.w-12 {
  width: 12px;
}

.w-14 {
  width: 14px;
}

.w-16 {
  width: 16px;
}

.w-24 {
  width: 24px;
}

.w-32 {
  width: 32px;
}

.w-40 {
  width: 40px;
}

.w-48 {
  width: 48px;
}

.w-56 {
  width: 56px;
}

.w-64 {
  width: 64px;
}

.w-80 {
  width: 80px;
}

.w-96 {
  width: 96px;
}

.w-128 {
  width: 128px;
}

.w-256 {
  width: 256px;
}

.w-5p {
  width: 5%;
}

.w-5vw {
  width: 5vw;
}

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

.w-10vw {
  width: 10vw;
}

.w-15p {
  width: 15%;
}

.w-15vw {
  width: 15vw;
}

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

.w-20vw {
  width: 20vw;
}

.w-25p {
  width: 25%;
}

.w-25vw {
  width: 25vw;
}

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

.w-50vw {
  width: 50vw;
}

.w-75p {
  width: 75%;
}

.w-75vw {
  width: 75vw;
}

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

.w-100vw {
  width: 100vw;
}

.w-auto {
  width: auto;
}

.w-inherit {
  width: inherit;
}

@media only screen and (min-width: 420px) {
  .w-sm-0 {
    width: 0px;
  }
  .w-sm-1 {
    width: 1px;
  }
  .w-sm-2 {
    width: 2px;
  }
  .w-sm-3 {
    width: 3px;
  }
  .w-sm-4 {
    width: 4px;
  }
  .w-sm-6 {
    width: 6px;
  }
  .w-sm-8 {
    width: 8px;
  }
  .w-sm-12 {
    width: 12px;
  }
  .w-sm-14 {
    width: 14px;
  }
  .w-sm-16 {
    width: 16px;
  }
  .w-sm-24 {
    width: 24px;
  }
  .w-sm-32 {
    width: 32px;
  }
  .w-sm-40 {
    width: 40px;
  }
  .w-sm-48 {
    width: 48px;
  }
  .w-sm-56 {
    width: 56px;
  }
  .w-sm-64 {
    width: 64px;
  }
  .w-sm-80 {
    width: 80px;
  }
  .w-sm-96 {
    width: 96px;
  }
  .w-sm-128 {
    width: 128px;
  }
  .w-sm-256 {
    width: 256px;
  }
  .w-sm-5p {
    width: 5%;
  }
  .w-sm-5vw {
    width: 5vw;
  }
  .w-sm-10p {
    width: 10%;
  }
  .w-sm-10vw {
    width: 10vw;
  }
  .w-sm-15p {
    width: 15%;
  }
  .w-sm-15vw {
    width: 15vw;
  }
  .w-sm-20p {
    width: 20%;
  }
  .w-sm-20vw {
    width: 20vw;
  }
  .w-sm-25p {
    width: 25%;
  }
  .w-sm-25vw {
    width: 25vw;
  }
  .w-sm-50p {
    width: 50%;
  }
  .w-sm-50vw {
    width: 50vw;
  }
  .w-sm-75p {
    width: 75%;
  }
  .w-sm-75vw {
    width: 75vw;
  }
  .w-sm-100p {
    width: 100%;
  }
  .w-sm-100vw {
    width: 100vw;
  }
  .w-sm-auto {
    width: auto;
  }
  .w-sm-inherit {
    width: inherit;
  }
}
@media only screen and (min-width: 768px) {
  .w-md-0 {
    width: 0px;
  }
  .w-md-1 {
    width: 1px;
  }
  .w-md-2 {
    width: 2px;
  }
  .w-md-3 {
    width: 3px;
  }
  .w-md-4 {
    width: 4px;
  }
  .w-md-6 {
    width: 6px;
  }
  .w-md-8 {
    width: 8px;
  }
  .w-md-12 {
    width: 12px;
  }
  .w-md-14 {
    width: 14px;
  }
  .w-md-16 {
    width: 16px;
  }
  .w-md-24 {
    width: 24px;
  }
  .w-md-32 {
    width: 32px;
  }
  .w-md-40 {
    width: 40px;
  }
  .w-md-48 {
    width: 48px;
  }
  .w-md-56 {
    width: 56px;
  }
  .w-md-64 {
    width: 64px;
  }
  .w-md-80 {
    width: 80px;
  }
  .w-md-96 {
    width: 96px;
  }
  .w-md-128 {
    width: 128px;
  }
  .w-md-256 {
    width: 256px;
  }
  .w-md-5p {
    width: 5%;
  }
  .w-md-5vw {
    width: 5vw;
  }
  .w-md-10p {
    width: 10%;
  }
  .w-md-10vw {
    width: 10vw;
  }
  .w-md-15p {
    width: 15%;
  }
  .w-md-15vw {
    width: 15vw;
  }
  .w-md-20p {
    width: 20%;
  }
  .w-md-20vw {
    width: 20vw;
  }
  .w-md-25p {
    width: 25%;
  }
  .w-md-25vw {
    width: 25vw;
  }
  .w-md-50p {
    width: 50%;
  }
  .w-md-50vw {
    width: 50vw;
  }
  .w-md-75p {
    width: 75%;
  }
  .w-md-75vw {
    width: 75vw;
  }
  .w-md-100p {
    width: 100%;
  }
  .w-md-100vw {
    width: 100vw;
  }
  .w-md-auto {
    width: auto;
  }
  .w-md-inherit {
    width: inherit;
  }
}
@media only screen and (min-width: 1024px) {
  .w-lg-0 {
    width: 0px;
  }
  .w-lg-1 {
    width: 1px;
  }
  .w-lg-2 {
    width: 2px;
  }
  .w-lg-3 {
    width: 3px;
  }
  .w-lg-4 {
    width: 4px;
  }
  .w-lg-6 {
    width: 6px;
  }
  .w-lg-8 {
    width: 8px;
  }
  .w-lg-12 {
    width: 12px;
  }
  .w-lg-14 {
    width: 14px;
  }
  .w-lg-16 {
    width: 16px;
  }
  .w-lg-24 {
    width: 24px;
  }
  .w-lg-32 {
    width: 32px;
  }
  .w-lg-40 {
    width: 40px;
  }
  .w-lg-48 {
    width: 48px;
  }
  .w-lg-56 {
    width: 56px;
  }
  .w-lg-64 {
    width: 64px;
  }
  .w-lg-80 {
    width: 80px;
  }
  .w-lg-96 {
    width: 96px;
  }
  .w-lg-128 {
    width: 128px;
  }
  .w-lg-256 {
    width: 256px;
  }
  .w-lg-5p {
    width: 5%;
  }
  .w-lg-5vw {
    width: 5vw;
  }
  .w-lg-10p {
    width: 10%;
  }
  .w-lg-10vw {
    width: 10vw;
  }
  .w-lg-15p {
    width: 15%;
  }
  .w-lg-15vw {
    width: 15vw;
  }
  .w-lg-20p {
    width: 20%;
  }
  .w-lg-20vw {
    width: 20vw;
  }
  .w-lg-25p {
    width: 25%;
  }
  .w-lg-25vw {
    width: 25vw;
  }
  .w-lg-50p {
    width: 50%;
  }
  .w-lg-50vw {
    width: 50vw;
  }
  .w-lg-75p {
    width: 75%;
  }
  .w-lg-75vw {
    width: 75vw;
  }
  .w-lg-100p {
    width: 100%;
  }
  .w-lg-100vw {
    width: 100vw;
  }
  .w-lg-auto {
    width: auto;
  }
  .w-lg-inherit {
    width: inherit;
  }
}
@media only screen and (min-width: 1366px) {
  .w-xl-0 {
    width: 0px;
  }
  .w-xl-1 {
    width: 1px;
  }
  .w-xl-2 {
    width: 2px;
  }
  .w-xl-3 {
    width: 3px;
  }
  .w-xl-4 {
    width: 4px;
  }
  .w-xl-6 {
    width: 6px;
  }
  .w-xl-8 {
    width: 8px;
  }
  .w-xl-12 {
    width: 12px;
  }
  .w-xl-14 {
    width: 14px;
  }
  .w-xl-16 {
    width: 16px;
  }
  .w-xl-24 {
    width: 24px;
  }
  .w-xl-32 {
    width: 32px;
  }
  .w-xl-40 {
    width: 40px;
  }
  .w-xl-48 {
    width: 48px;
  }
  .w-xl-56 {
    width: 56px;
  }
  .w-xl-64 {
    width: 64px;
  }
  .w-xl-80 {
    width: 80px;
  }
  .w-xl-96 {
    width: 96px;
  }
  .w-xl-128 {
    width: 128px;
  }
  .w-xl-256 {
    width: 256px;
  }
  .w-xl-5p {
    width: 5%;
  }
  .w-xl-5vw {
    width: 5vw;
  }
  .w-xl-10p {
    width: 10%;
  }
  .w-xl-10vw {
    width: 10vw;
  }
  .w-xl-15p {
    width: 15%;
  }
  .w-xl-15vw {
    width: 15vw;
  }
  .w-xl-20p {
    width: 20%;
  }
  .w-xl-20vw {
    width: 20vw;
  }
  .w-xl-25p {
    width: 25%;
  }
  .w-xl-25vw {
    width: 25vw;
  }
  .w-xl-50p {
    width: 50%;
  }
  .w-xl-50vw {
    width: 50vw;
  }
  .w-xl-75p {
    width: 75%;
  }
  .w-xl-75vw {
    width: 75vw;
  }
  .w-xl-100p {
    width: 100%;
  }
  .w-xl-100vw {
    width: 100vw;
  }
  .w-xl-auto {
    width: auto;
  }
  .w-xl-inherit {
    width: inherit;
  }
}
@media only screen and (min-width: 1680px) {
  .w-xxl-0 {
    width: 0px;
  }
  .w-xxl-1 {
    width: 1px;
  }
  .w-xxl-2 {
    width: 2px;
  }
  .w-xxl-3 {
    width: 3px;
  }
  .w-xxl-4 {
    width: 4px;
  }
  .w-xxl-6 {
    width: 6px;
  }
  .w-xxl-8 {
    width: 8px;
  }
  .w-xxl-12 {
    width: 12px;
  }
  .w-xxl-14 {
    width: 14px;
  }
  .w-xxl-16 {
    width: 16px;
  }
  .w-xxl-24 {
    width: 24px;
  }
  .w-xxl-32 {
    width: 32px;
  }
  .w-xxl-40 {
    width: 40px;
  }
  .w-xxl-48 {
    width: 48px;
  }
  .w-xxl-56 {
    width: 56px;
  }
  .w-xxl-64 {
    width: 64px;
  }
  .w-xxl-80 {
    width: 80px;
  }
  .w-xxl-96 {
    width: 96px;
  }
  .w-xxl-128 {
    width: 128px;
  }
  .w-xxl-256 {
    width: 256px;
  }
  .w-xxl-5p {
    width: 5%;
  }
  .w-xxl-5vw {
    width: 5vw;
  }
  .w-xxl-10p {
    width: 10%;
  }
  .w-xxl-10vw {
    width: 10vw;
  }
  .w-xxl-15p {
    width: 15%;
  }
  .w-xxl-15vw {
    width: 15vw;
  }
  .w-xxl-20p {
    width: 20%;
  }
  .w-xxl-20vw {
    width: 20vw;
  }
  .w-xxl-25p {
    width: 25%;
  }
  .w-xxl-25vw {
    width: 25vw;
  }
  .w-xxl-50p {
    width: 50%;
  }
  .w-xxl-50vw {
    width: 50vw;
  }
  .w-xxl-75p {
    width: 75%;
  }
  .w-xxl-75vw {
    width: 75vw;
  }
  .w-xxl-100p {
    width: 100%;
  }
  .w-xxl-100vw {
    width: 100vw;
  }
  .w-xxl-auto {
    width: auto;
  }
  .w-xxl-inherit {
    width: inherit;
  }
}
.h-0 {
  height: 0px;
}

.h-1 {
  height: 1px;
}

.h-2 {
  height: 2px;
}

.h-3 {
  height: 3px;
}

.h-4 {
  height: 4px;
}

.h-6 {
  height: 6px;
}

.h-8 {
  height: 8px;
}

.h-12 {
  height: 12px;
}

.h-14 {
  height: 14px;
}

.h-16 {
  height: 16px;
}

.h-24 {
  height: 24px;
}

.h-32 {
  height: 32px;
}

.h-40 {
  height: 40px;
}

.h-48 {
  height: 48px;
}

.h-56 {
  height: 56px;
}

.h-64 {
  height: 64px;
}

.h-80 {
  height: 80px;
}

.h-96 {
  height: 96px;
}

.h-128 {
  height: 128px;
}

.h-256 {
  height: 256px;
}

.h-5p {
  height: 5%;
}

.h-5vh {
  height: 5vh;
}

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

.h-10vh {
  height: 10vh;
}

.h-15p {
  height: 15%;
}

.h-15vh {
  height: 15vh;
}

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

.h-20vh {
  height: 20vh;
}

.h-25p {
  height: 25%;
}

.h-25vh {
  height: 25vh;
}

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

.h-50vh {
  height: 50vh;
}

.h-75p {
  height: 75%;
}

.h-75vh {
  height: 75vh;
}

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

.h-100vh {
  height: 100vh;
}

.h-auto {
  height: auto;
}

.h-inherit {
  height: inherit;
}

@media only screen and (min-width: 420px) {
  .h-sm-0 {
    height: 0px;
  }
  .h-sm-1 {
    height: 1px;
  }
  .h-sm-2 {
    height: 2px;
  }
  .h-sm-3 {
    height: 3px;
  }
  .h-sm-4 {
    height: 4px;
  }
  .h-sm-6 {
    height: 6px;
  }
  .h-sm-8 {
    height: 8px;
  }
  .h-sm-12 {
    height: 12px;
  }
  .h-sm-14 {
    height: 14px;
  }
  .h-sm-16 {
    height: 16px;
  }
  .h-sm-24 {
    height: 24px;
  }
  .h-sm-32 {
    height: 32px;
  }
  .h-sm-40 {
    height: 40px;
  }
  .h-sm-48 {
    height: 48px;
  }
  .h-sm-56 {
    height: 56px;
  }
  .h-sm-64 {
    height: 64px;
  }
  .h-sm-80 {
    height: 80px;
  }
  .h-sm-96 {
    height: 96px;
  }
  .h-sm-128 {
    height: 128px;
  }
  .h-sm-256 {
    height: 256px;
  }
  .h-sm-5p {
    height: 5%;
  }
  .h-sm-5vh {
    height: 5vh;
  }
  .h-sm-10p {
    height: 10%;
  }
  .h-sm-10vh {
    height: 10vh;
  }
  .h-sm-15p {
    height: 15%;
  }
  .h-sm-15vh {
    height: 15vh;
  }
  .h-sm-20p {
    height: 20%;
  }
  .h-sm-20vh {
    height: 20vh;
  }
  .h-sm-25p {
    height: 25%;
  }
  .h-sm-25vh {
    height: 25vh;
  }
  .h-sm-50p {
    height: 50%;
  }
  .h-sm-50vh {
    height: 50vh;
  }
  .h-sm-75p {
    height: 75%;
  }
  .h-sm-75vh {
    height: 75vh;
  }
  .h-sm-100p {
    height: 100%;
  }
  .h-sm-100vh {
    height: 100vh;
  }
  .h-sm-auto {
    height: auto;
  }
  .h-sm-inherit {
    height: inherit;
  }
}
@media only screen and (min-width: 768px) {
  .h-md-0 {
    height: 0px;
  }
  .h-md-1 {
    height: 1px;
  }
  .h-md-2 {
    height: 2px;
  }
  .h-md-3 {
    height: 3px;
  }
  .h-md-4 {
    height: 4px;
  }
  .h-md-6 {
    height: 6px;
  }
  .h-md-8 {
    height: 8px;
  }
  .h-md-12 {
    height: 12px;
  }
  .h-md-14 {
    height: 14px;
  }
  .h-md-16 {
    height: 16px;
  }
  .h-md-24 {
    height: 24px;
  }
  .h-md-32 {
    height: 32px;
  }
  .h-md-40 {
    height: 40px;
  }
  .h-md-48 {
    height: 48px;
  }
  .h-md-56 {
    height: 56px;
  }
  .h-md-64 {
    height: 64px;
  }
  .h-md-80 {
    height: 80px;
  }
  .h-md-96 {
    height: 96px;
  }
  .h-md-128 {
    height: 128px;
  }
  .h-md-256 {
    height: 256px;
  }
  .h-md-5p {
    height: 5%;
  }
  .h-md-5vh {
    height: 5vh;
  }
  .h-md-10p {
    height: 10%;
  }
  .h-md-10vh {
    height: 10vh;
  }
  .h-md-15p {
    height: 15%;
  }
  .h-md-15vh {
    height: 15vh;
  }
  .h-md-20p {
    height: 20%;
  }
  .h-md-20vh {
    height: 20vh;
  }
  .h-md-25p {
    height: 25%;
  }
  .h-md-25vh {
    height: 25vh;
  }
  .h-md-50p {
    height: 50%;
  }
  .h-md-50vh {
    height: 50vh;
  }
  .h-md-75p {
    height: 75%;
  }
  .h-md-75vh {
    height: 75vh;
  }
  .h-md-100p {
    height: 100%;
  }
  .h-md-100vh {
    height: 100vh;
  }
  .h-md-auto {
    height: auto;
  }
  .h-md-inherit {
    height: inherit;
  }
}
@media only screen and (min-width: 1024px) {
  .h-lg-0 {
    height: 0px;
  }
  .h-lg-1 {
    height: 1px;
  }
  .h-lg-2 {
    height: 2px;
  }
  .h-lg-3 {
    height: 3px;
  }
  .h-lg-4 {
    height: 4px;
  }
  .h-lg-6 {
    height: 6px;
  }
  .h-lg-8 {
    height: 8px;
  }
  .h-lg-12 {
    height: 12px;
  }
  .h-lg-14 {
    height: 14px;
  }
  .h-lg-16 {
    height: 16px;
  }
  .h-lg-24 {
    height: 24px;
  }
  .h-lg-32 {
    height: 32px;
  }
  .h-lg-40 {
    height: 40px;
  }
  .h-lg-48 {
    height: 48px;
  }
  .h-lg-56 {
    height: 56px;
  }
  .h-lg-64 {
    height: 64px;
  }
  .h-lg-80 {
    height: 80px;
  }
  .h-lg-96 {
    height: 96px;
  }
  .h-lg-128 {
    height: 128px;
  }
  .h-lg-256 {
    height: 256px;
  }
  .h-lg-5p {
    height: 5%;
  }
  .h-lg-5vh {
    height: 5vh;
  }
  .h-lg-10p {
    height: 10%;
  }
  .h-lg-10vh {
    height: 10vh;
  }
  .h-lg-15p {
    height: 15%;
  }
  .h-lg-15vh {
    height: 15vh;
  }
  .h-lg-20p {
    height: 20%;
  }
  .h-lg-20vh {
    height: 20vh;
  }
  .h-lg-25p {
    height: 25%;
  }
  .h-lg-25vh {
    height: 25vh;
  }
  .h-lg-50p {
    height: 50%;
  }
  .h-lg-50vh {
    height: 50vh;
  }
  .h-lg-75p {
    height: 75%;
  }
  .h-lg-75vh {
    height: 75vh;
  }
  .h-lg-100p {
    height: 100%;
  }
  .h-lg-100vh {
    height: 100vh;
  }
  .h-lg-auto {
    height: auto;
  }
  .h-lg-inherit {
    height: inherit;
  }
}
@media only screen and (min-width: 1366px) {
  .h-xl-0 {
    height: 0px;
  }
  .h-xl-1 {
    height: 1px;
  }
  .h-xl-2 {
    height: 2px;
  }
  .h-xl-3 {
    height: 3px;
  }
  .h-xl-4 {
    height: 4px;
  }
  .h-xl-6 {
    height: 6px;
  }
  .h-xl-8 {
    height: 8px;
  }
  .h-xl-12 {
    height: 12px;
  }
  .h-xl-14 {
    height: 14px;
  }
  .h-xl-16 {
    height: 16px;
  }
  .h-xl-24 {
    height: 24px;
  }
  .h-xl-32 {
    height: 32px;
  }
  .h-xl-40 {
    height: 40px;
  }
  .h-xl-48 {
    height: 48px;
  }
  .h-xl-56 {
    height: 56px;
  }
  .h-xl-64 {
    height: 64px;
  }
  .h-xl-80 {
    height: 80px;
  }
  .h-xl-96 {
    height: 96px;
  }
  .h-xl-128 {
    height: 128px;
  }
  .h-xl-256 {
    height: 256px;
  }
  .h-xl-5p {
    height: 5%;
  }
  .h-xl-5vh {
    height: 5vh;
  }
  .h-xl-10p {
    height: 10%;
  }
  .h-xl-10vh {
    height: 10vh;
  }
  .h-xl-15p {
    height: 15%;
  }
  .h-xl-15vh {
    height: 15vh;
  }
  .h-xl-20p {
    height: 20%;
  }
  .h-xl-20vh {
    height: 20vh;
  }
  .h-xl-25p {
    height: 25%;
  }
  .h-xl-25vh {
    height: 25vh;
  }
  .h-xl-50p {
    height: 50%;
  }
  .h-xl-50vh {
    height: 50vh;
  }
  .h-xl-75p {
    height: 75%;
  }
  .h-xl-75vh {
    height: 75vh;
  }
  .h-xl-100p {
    height: 100%;
  }
  .h-xl-100vh {
    height: 100vh;
  }
  .h-xl-auto {
    height: auto;
  }
  .h-xl-inherit {
    height: inherit;
  }
}
@media only screen and (min-width: 1680px) {
  .h-xxl-0 {
    height: 0px;
  }
  .h-xxl-1 {
    height: 1px;
  }
  .h-xxl-2 {
    height: 2px;
  }
  .h-xxl-3 {
    height: 3px;
  }
  .h-xxl-4 {
    height: 4px;
  }
  .h-xxl-6 {
    height: 6px;
  }
  .h-xxl-8 {
    height: 8px;
  }
  .h-xxl-12 {
    height: 12px;
  }
  .h-xxl-14 {
    height: 14px;
  }
  .h-xxl-16 {
    height: 16px;
  }
  .h-xxl-24 {
    height: 24px;
  }
  .h-xxl-32 {
    height: 32px;
  }
  .h-xxl-40 {
    height: 40px;
  }
  .h-xxl-48 {
    height: 48px;
  }
  .h-xxl-56 {
    height: 56px;
  }
  .h-xxl-64 {
    height: 64px;
  }
  .h-xxl-80 {
    height: 80px;
  }
  .h-xxl-96 {
    height: 96px;
  }
  .h-xxl-128 {
    height: 128px;
  }
  .h-xxl-256 {
    height: 256px;
  }
  .h-xxl-5p {
    height: 5%;
  }
  .h-xxl-5vh {
    height: 5vh;
  }
  .h-xxl-10p {
    height: 10%;
  }
  .h-xxl-10vh {
    height: 10vh;
  }
  .h-xxl-15p {
    height: 15%;
  }
  .h-xxl-15vh {
    height: 15vh;
  }
  .h-xxl-20p {
    height: 20%;
  }
  .h-xxl-20vh {
    height: 20vh;
  }
  .h-xxl-25p {
    height: 25%;
  }
  .h-xxl-25vh {
    height: 25vh;
  }
  .h-xxl-50p {
    height: 50%;
  }
  .h-xxl-50vh {
    height: 50vh;
  }
  .h-xxl-75p {
    height: 75%;
  }
  .h-xxl-75vh {
    height: 75vh;
  }
  .h-xxl-100p {
    height: 100%;
  }
  .h-xxl-100vh {
    height: 100vh;
  }
  .h-xxl-auto {
    height: auto;
  }
  .h-xxl-inherit {
    height: inherit;
  }
}
.w-max-none {
  max-width: none;
}

.w-max-100p {
  max-width: 100%;
}

@media only screen and (min-width: 420px) {
  .w-max-sm-none {
    max-width: none;
  }
  .w-max-sm-100p {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .w-max-md-none {
    max-width: none;
  }
  .w-max-md-100p {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .w-max-lg-none {
    max-width: none;
  }
  .w-max-lg-100p {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1366px) {
  .w-max-xl-none {
    max-width: none;
  }
  .w-max-xl-100p {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1680px) {
  .w-max-xxl-none {
    max-width: none;
  }
  .w-max-xxl-100p {
    max-width: 100%;
  }
}
.h-max-none {
  max-height: none;
}

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

@media only screen and (min-width: 420px) {
  .h-max-sm-none {
    max-height: none;
  }
  .h-max-sm-100p {
    max-height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .h-max-md-none {
    max-height: none;
  }
  .h-max-md-100p {
    max-height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .h-max-lg-none {
    max-height: none;
  }
  .h-max-lg-100p {
    max-height: 100%;
  }
}
@media only screen and (min-width: 1366px) {
  .h-max-xl-none {
    max-height: none;
  }
  .h-max-xl-100p {
    max-height: 100%;
  }
}
@media only screen and (min-width: 1680px) {
  .h-max-xxl-none {
    max-height: none;
  }
  .h-max-xxl-100p {
    max-height: 100%;
  }
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1680px;
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 1024px) {
  .container {
    padding-left: 56px;
    padding-right: 56px;
  }
}

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

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

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

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

@media only screen and (min-width: 420px) {
  .flex-sm-row {
    flex-direction: row;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-sm-column {
    flex-direction: column;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .flex-md-row {
    flex-direction: row;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-md-column {
    flex-direction: column;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-lg-column {
    flex-direction: column;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1366px) {
  .flex-xl-row {
    flex-direction: row;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-xl-column {
    flex-direction: column;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1680px) {
  .flex-xxl-row {
    flex-direction: row;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-xxl-column {
    flex-direction: column;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}

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

@media only screen and (min-width: 420px) {
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1366px) {
  .flex-xl-wrap {
    flex-wrap: wrap;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1680px) {
  .flex-xxl-wrap {
    flex-wrap: wrap;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap;
  }
}
.flex-grow-0 {
  flex-grow: 0;
}

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

@media only screen and (min-width: 420px) {
  .flex-grow-sm-0 {
    flex-grow: 0;
  }
  .flex-grow-sm-1 {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 768px) {
  .flex-grow-md-0 {
    flex-grow: 0;
  }
  .flex-grow-md-1 {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .flex-grow-lg-0 {
    flex-grow: 0;
  }
  .flex-grow-lg-1 {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1366px) {
  .flex-grow-xl-0 {
    flex-grow: 0;
  }
  .flex-grow-xl-1 {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1680px) {
  .flex-grow-xxl-0 {
    flex-grow: 0;
  }
  .flex-grow-xxl-1 {
    flex-grow: 1;
  }
}
.flex-shrink-0 {
  flex-shrink: 0;
}

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

@media only screen and (min-width: 420px) {
  .flex-shrink-sm-0 {
    flex-shrink: 0;
  }
  .flex-shrink-sm-1 {
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 768px) {
  .flex-shrink-md-0 {
    flex-shrink: 0;
  }
  .flex-shrink-md-1 {
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .flex-shrink-lg-0 {
    flex-shrink: 0;
  }
  .flex-shrink-lg-1 {
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 1366px) {
  .flex-shrink-xl-0 {
    flex-shrink: 0;
  }
  .flex-shrink-xl-1 {
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 1680px) {
  .flex-shrink-xxl-0 {
    flex-shrink: 0;
  }
  .flex-shrink-xxl-1 {
    flex-shrink: 1;
  }
}
.align-normal {
  align-items: normal;
}

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

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

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

.align-end {
  align-items: end;
}

.align-start {
  align-items: start;
}

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

@media only screen and (min-width: 420px) {
  .align-sm-normal {
    align-items: normal;
  }
  .align-sm-center {
    align-items: center;
  }
  .align-sm-flex-start {
    align-items: flex-start;
  }
  .align-sm-flex-end {
    align-items: flex-end;
  }
  .align-sm-end {
    align-items: end;
  }
  .align-sm-start {
    align-items: start;
  }
  .align-sm-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .align-md-normal {
    align-items: normal;
  }
  .align-md-center {
    align-items: center;
  }
  .align-md-flex-start {
    align-items: flex-start;
  }
  .align-md-flex-end {
    align-items: flex-end;
  }
  .align-md-end {
    align-items: end;
  }
  .align-md-start {
    align-items: start;
  }
  .align-md-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 1024px) {
  .align-lg-normal {
    align-items: normal;
  }
  .align-lg-center {
    align-items: center;
  }
  .align-lg-flex-start {
    align-items: flex-start;
  }
  .align-lg-flex-end {
    align-items: flex-end;
  }
  .align-lg-end {
    align-items: end;
  }
  .align-lg-start {
    align-items: start;
  }
  .align-lg-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 1366px) {
  .align-xl-normal {
    align-items: normal;
  }
  .align-xl-center {
    align-items: center;
  }
  .align-xl-flex-start {
    align-items: flex-start;
  }
  .align-xl-flex-end {
    align-items: flex-end;
  }
  .align-xl-end {
    align-items: end;
  }
  .align-xl-start {
    align-items: start;
  }
  .align-xl-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 1680px) {
  .align-xxl-normal {
    align-items: normal;
  }
  .align-xxl-center {
    align-items: center;
  }
  .align-xxl-flex-start {
    align-items: flex-start;
  }
  .align-xxl-flex-end {
    align-items: flex-end;
  }
  .align-xxl-end {
    align-items: end;
  }
  .align-xxl-start {
    align-items: start;
  }
  .align-xxl-stretch {
    align-items: stretch;
  }
}
.justify-normal {
  justify-content: normal;
}

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

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

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

.justify-end {
  justify-content: end;
}

.justify-start {
  justify-content: start;
}

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

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

@media only screen and (min-width: 420px) {
  .justify-sm-normal {
    justify-content: normal;
  }
  .justify-sm-center {
    justify-content: center;
  }
  .justify-sm-flex-start {
    justify-content: flex-start;
  }
  .justify-sm-flex-end {
    justify-content: flex-end;
  }
  .justify-sm-end {
    justify-content: end;
  }
  .justify-sm-start {
    justify-content: start;
  }
  .justify-sm-space-between {
    justify-content: space-between;
  }
  .justify-sm-space-around {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 768px) {
  .justify-md-normal {
    justify-content: normal;
  }
  .justify-md-center {
    justify-content: center;
  }
  .justify-md-flex-start {
    justify-content: flex-start;
  }
  .justify-md-flex-end {
    justify-content: flex-end;
  }
  .justify-md-end {
    justify-content: end;
  }
  .justify-md-start {
    justify-content: start;
  }
  .justify-md-space-between {
    justify-content: space-between;
  }
  .justify-md-space-around {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 1024px) {
  .justify-lg-normal {
    justify-content: normal;
  }
  .justify-lg-center {
    justify-content: center;
  }
  .justify-lg-flex-start {
    justify-content: flex-start;
  }
  .justify-lg-flex-end {
    justify-content: flex-end;
  }
  .justify-lg-end {
    justify-content: end;
  }
  .justify-lg-start {
    justify-content: start;
  }
  .justify-lg-space-between {
    justify-content: space-between;
  }
  .justify-lg-space-around {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 1366px) {
  .justify-xl-normal {
    justify-content: normal;
  }
  .justify-xl-center {
    justify-content: center;
  }
  .justify-xl-flex-start {
    justify-content: flex-start;
  }
  .justify-xl-flex-end {
    justify-content: flex-end;
  }
  .justify-xl-end {
    justify-content: end;
  }
  .justify-xl-start {
    justify-content: start;
  }
  .justify-xl-space-between {
    justify-content: space-between;
  }
  .justify-xl-space-around {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 1680px) {
  .justify-xxl-normal {
    justify-content: normal;
  }
  .justify-xxl-center {
    justify-content: center;
  }
  .justify-xxl-flex-start {
    justify-content: flex-start;
  }
  .justify-xxl-flex-end {
    justify-content: flex-end;
  }
  .justify-xxl-end {
    justify-content: end;
  }
  .justify-xxl-start {
    justify-content: start;
  }
  .justify-xxl-space-between {
    justify-content: space-between;
  }
  .justify-xxl-space-around {
    justify-content: space-around;
  }
}
.align-self-normal {
  align-self: normal;
}

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

.align-self-start {
  align-self: start;
}

.align-self-end {
  align-self: end;
}

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

@media only screen and (min-width: 420px) {
  .align-self-sm-normal {
    align-self: normal;
  }
  .align-self-sm-center {
    align-self: center;
  }
  .align-self-sm-start {
    align-self: start;
  }
  .align-self-sm-end {
    align-self: end;
  }
  .align-self-sm-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .align-self-md-normal {
    align-self: normal;
  }
  .align-self-md-center {
    align-self: center;
  }
  .align-self-md-start {
    align-self: start;
  }
  .align-self-md-end {
    align-self: end;
  }
  .align-self-md-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 1024px) {
  .align-self-lg-normal {
    align-self: normal;
  }
  .align-self-lg-center {
    align-self: center;
  }
  .align-self-lg-start {
    align-self: start;
  }
  .align-self-lg-end {
    align-self: end;
  }
  .align-self-lg-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 1366px) {
  .align-self-xl-normal {
    align-self: normal;
  }
  .align-self-xl-center {
    align-self: center;
  }
  .align-self-xl-start {
    align-self: start;
  }
  .align-self-xl-end {
    align-self: end;
  }
  .align-self-xl-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 1680px) {
  .align-self-xxl-normal {
    align-self: normal;
  }
  .align-self-xxl-center {
    align-self: center;
  }
  .align-self-xxl-start {
    align-self: start;
  }
  .align-self-xxl-end {
    align-self: end;
  }
  .align-self-xxl-stretch {
    align-self: stretch;
  }
}
.justify-self-normal {
  justify-self: normal;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-stretch {
  justify-self: stretch;
}

@media only screen and (min-width: 420px) {
  .justify-self-sm-normal {
    justify-self: normal;
  }
  .justify-self-sm-center {
    justify-self: center;
  }
  .justify-self-sm-start {
    justify-self: start;
  }
  .justify-self-sm-end {
    justify-self: end;
  }
  .justify-self-sm-stretch {
    justify-self: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .justify-self-md-normal {
    justify-self: normal;
  }
  .justify-self-md-center {
    justify-self: center;
  }
  .justify-self-md-start {
    justify-self: start;
  }
  .justify-self-md-end {
    justify-self: end;
  }
  .justify-self-md-stretch {
    justify-self: stretch;
  }
}
@media only screen and (min-width: 1024px) {
  .justify-self-lg-normal {
    justify-self: normal;
  }
  .justify-self-lg-center {
    justify-self: center;
  }
  .justify-self-lg-start {
    justify-self: start;
  }
  .justify-self-lg-end {
    justify-self: end;
  }
  .justify-self-lg-stretch {
    justify-self: stretch;
  }
}
@media only screen and (min-width: 1366px) {
  .justify-self-xl-normal {
    justify-self: normal;
  }
  .justify-self-xl-center {
    justify-self: center;
  }
  .justify-self-xl-start {
    justify-self: start;
  }
  .justify-self-xl-end {
    justify-self: end;
  }
  .justify-self-xl-stretch {
    justify-self: stretch;
  }
}
@media only screen and (min-width: 1680px) {
  .justify-self-xxl-normal {
    justify-self: normal;
  }
  .justify-self-xxl-center {
    justify-self: center;
  }
  .justify-self-xxl-start {
    justify-self: start;
  }
  .justify-self-xxl-end {
    justify-self: end;
  }
  .justify-self-xxl-stretch {
    justify-self: stretch;
  }
}
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

@media only screen and (min-width: 420px) {
  .float-sm-left {
    float: left;
  }
  .float-sm-right {
    float: right;
  }
  .float-sm-none {
    float: none;
  }
}
@media only screen and (min-width: 768px) {
  .float-md-left {
    float: left;
  }
  .float-md-right {
    float: right;
  }
  .float-md-none {
    float: none;
  }
}
@media only screen and (min-width: 1024px) {
  .float-lg-left {
    float: left;
  }
  .float-lg-right {
    float: right;
  }
  .float-lg-none {
    float: none;
  }
}
@media only screen and (min-width: 1366px) {
  .float-xl-left {
    float: left;
  }
  .float-xl-right {
    float: right;
  }
  .float-xl-none {
    float: none;
  }
}
@media only screen and (min-width: 1680px) {
  .float-xxl-left {
    float: left;
  }
  .float-xxl-right {
    float: right;
  }
  .float-xxl-none {
    float: none;
  }
}
.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

@media only screen and (min-width: 420px) {
  .clear-sm-left {
    clear: left;
  }
  .clear-sm-right {
    clear: right;
  }
  .clear-sm-both {
    clear: both;
  }
  .clear-sm-none {
    clear: none;
  }
}
@media only screen and (min-width: 768px) {
  .clear-md-left {
    clear: left;
  }
  .clear-md-right {
    clear: right;
  }
  .clear-md-both {
    clear: both;
  }
  .clear-md-none {
    clear: none;
  }
}
@media only screen and (min-width: 1024px) {
  .clear-lg-left {
    clear: left;
  }
  .clear-lg-right {
    clear: right;
  }
  .clear-lg-both {
    clear: both;
  }
  .clear-lg-none {
    clear: none;
  }
}
@media only screen and (min-width: 1366px) {
  .clear-xl-left {
    clear: left;
  }
  .clear-xl-right {
    clear: right;
  }
  .clear-xl-both {
    clear: both;
  }
  .clear-xl-none {
    clear: none;
  }
}
@media only screen and (min-width: 1680px) {
  .clear-xxl-left {
    clear: left;
  }
  .clear-xxl-right {
    clear: right;
  }
  .clear-xxl-both {
    clear: both;
  }
  .clear-xxl-none {
    clear: none;
  }
}
/*# sourceMappingURL=sulphuris.css.map */