/*!
 * BootWindCSS v0.3.0 (https://bootwindcss.quickshort.com)
 * Copyright 2019-2020 The BootWindCSS Authors
 * Copyright 2019-2020 Verawat Krawnneat
 * Licensed under MIT (https://github.com/kverawat/bootwindcss/blob/master/LICENSE)
 *
 * This a fork of Bootstrap : Initial license below
 * Bootstrap v3.4.1 (https://getbootstrap.com)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * This a fork of TailwindCSS : Initial license below
 * TailwindCSS v1.9.4 (https://tailwindcss.com/)
 * Copyright 2017-2020 Tailwind Labs
 * Licensed under MIT (https://github.com/tailwindlabs/tailwindcss/blob/master/LICENSE)
 */

/**
 * -----------------------------------------------------------------------------
 * CSS Web Fonts
 * allow Web designers to use fonts that are not installed on the user's computer.
 * -----------------------------------------------------------------------------
 */

@font-face {
  font-family: 'Anakotmai';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/anakotmai-bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/anakotmai-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anakotmai-bold.woff2') format('woff2'), /* Modern Browsers Developed by Google */
       url('../fonts/anakotmai-bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Anakotmai-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Anakotmai';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/anakotmai-medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/anakotmai-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anakotmai-medium.woff2') format('woff2'), /* Modern Browsers Developed by Google */
       url('../fonts/anakotmai-medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Anakotmai-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Anakotmai';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/anakotmai-light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/anakotmai-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anakotmai-light.woff2') format('woff2'), /* Modern Browsers Developed by Google */
       url('../fonts/anakotmai-light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Anakotmai-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}

/*!
 * -----------------------------------------------------------------------------
 * normalize.css v3.0.3 used for Bootstrap 3.4 (Build in by Bootstrap 3.4 css)
 * normalize.css v8.0.1 used for TailwindCSS 1.9 (Manual include it as below)
 * Licensed under MIT (https://github.com/necolas/normalize.css)
 * -----------------------------------------------------------------------------
 */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* 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 {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 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 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
  * 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: -0.25em;
}

sup {
  top: -0.5em;
}

/* 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;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * -----------------------------------------------------------------------------
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 * -----------------------------------------------------------------------------
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

button {
  border-radius: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * -----------------------------------------------------------------------------
 * Tailwind custom reset styles
 * -----------------------------------------------------------------------------
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 */

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

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

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}


/*!
 * *********************************************************************************************************************
 * Start up our CSS Framework
 * *********************************************************************************************************************
 */

/**
 * -----------------------------------------------------------------------------
 * Material Color
 * -----------------------------------------------------------------------------
 * https://material.io/design/color/the-color-system.html#tools-for-picking-colors
 * https://materializecss.com/color.html
 * https://material.io/archive/guidelines/style/color.html#color-color-palette
 * https://api.flutter.dev/flutter/material/Colors-class.html
 * -----------------------------------------------------------------------------
 */

:root {

  /* สีแดง */
  --red-050: #ffebee;
  --red-100: #ffcdd2;
  --red-200: #ef9a9a;
  --red-300: #e57373;
  --red-400: #ef5350;
  --red-500: #f44336;
  --red-600: #e53935;
  --red-700: #d32f2f;
  --red-800: #c62828;
  --red-900: #b71c1c;
  --red-A100: #ff8a80;
  --red-A200: #ff5252;
  --red-A400: #ff1744;
  --red-A700: #d50000;

  /* สีชมพู */
  --pink-050: #fce4ec;
  --pink-100: #f8bbd0;
  --pink-200: #f48fb1;
  --pink-300: #f06292;
  --pink-400: #ec407a;
  --pink-500: #e91e63;
  --pink-600: #d81b60;
  --pink-700: #c2185b;
  --pink-800: #ad1457;
  --pink-900: #880e4f;
  --pink-A100: #ff80ab;
  --pink-A200: #ff4081;
  --pink-A400: #f50057;
  --pink-A700: #c51162;

  /* สีม่วง */
  --purple-050: #f3e5f5;
  --purple-100: #e1bee7;
  --purple-200: #ce93d8;
  --purple-300: #ba68c8;
  --purple-400: #ab47bc;
  --purple-500: #9c27b0;
  --purple-600: #8e24aa;
  --purple-700: #7b1fa2;
  --purple-800: #6a1b9a;
  --purple-900: #4a148c;
  --purple-A100: #ea80fc;
  --purple-A200: #e040fb;
  --purple-A400: #d500f9;
  --purple-A700: #aa00ff;

  /* สีม่วงเข้ม */
  --deep-purple-050: #ede7f6;
  --deep-purple-100: #d1c4e9;
  --deep-purple-200: #b39ddb;
  --deep-purple-300: #9575cd;
  --deep-purple-400: #7e57c2;
  --deep-purple-500: #673ab7;
  --deep-purple-600: #5e35b1;
  --deep-purple-700: #512da8;
  --deep-purple-800: #4527a0;
  --deep-purple-900: #311b92;
  --deep-purple-A100: #b388ff;
  --deep-purple-A200: #7c4dff;
  --deep-purple-A400: #651fff;
  --deep-purple-A700: #6200ea;

  /* สีคราม เป็นสีน้ำเงินเข้ม เอนไปทางม่วง แต่ยังไม่ถึงม่วง (Indigo มาจากชาอินเดีย India ผู้นำย้อมผ้า การไล่สีดูจากรุ้ง ม่วง คราม น้ำเงิน ...) */
  --indigo-050: #e8eaf6;
  --indigo-100: #c5cae9;
  --indigo-200: #9fa8da;
  --indigo-300: #7986cb;
  --indigo-400: #5c6bc0;
  --indigo-500: #3f51b5;
  --indigo-600: #3949ab;
  --indigo-700: #303f9f;
  --indigo-800: #283593;
  --indigo-900: #1a237e;
  --indigo-A100: #8c9eff;
  --indigo-A200: #536dfe;
  --indigo-A400: #3d5afe;
  --indigo-A700: #304ffe;

  /* สีน้ำเงิน */
  --blue-050: #e3f2fd;
  --blue-100: #bbdefb;
  --blue-200: #90caf9;
  --blue-300: #64b5f6;
  --blue-400: #42a5f5;
  --blue-500: #2196f3;
  --blue-600: #1e88e5;
  --blue-700: #1976d2;
  --blue-800: #1565c0;
  --blue-900: #0d47a1;
  --blue-A100: #82b1ff;
  --blue-A200: #448aff;
  --blue-A400: #2979ff;
  --blue-A700: #2962ff;

  /* สีฟ้าอ่อน */
  --light-blue-050: #e1f5fe;
  --light-blue-100: #b3e5fc;
  --light-blue-200: #81d4fa;
  --light-blue-300: #4fc3f7;
  --light-blue-400: #29b6f6;
  --light-blue-500: #03a9f4;
  --light-blue-600: #039be5;
  --light-blue-700: #0288d1;
  --light-blue-800: #0277bd;
  --light-blue-900: #01579b;
  --light-blue-A100: #80d8ff;
  --light-blue-A200: #40c4ff;
  --light-blue-A400: #00b0ff;
  --light-blue-A700: #0091ea;

  /* สีฟ้าอมเขียว หรือ สีเขียวอมฟ้า */
  --cyan-050: #e0f7fa;
  --cyan-100: #b2ebf2;
  --cyan-200: #80deea;
  --cyan-300: #4dd0e1;
  --cyan-400: #26c6da;
  --cyan-500: #00bcd4;
  --cyan-600: #00acc1;
  --cyan-700: #0097a7;
  --cyan-800: #00838f;
  --cyan-900: #006064;
  --cyan-A100: #84ffff;
  --cyan-A200: #18ffff;
  --cyan-A400: #00e5ff;
  --cyan-A700: #00b8d4;

  /* สีเขียวแกมน้ำเงิน สีเขียวนกเป็ดน้ำ */
  --teal-050: #e0f2f1;
  --teal-100: #b2dfdb;
  --teal-200: #80cbc4;
  --teal-300: #4db6ac;
  --teal-400: #26a69a;
  --teal-500: #009688;
  --teal-600: #00897b;
  --teal-700: #00796b;
  --teal-800: #00695c;
  --teal-900: #004d40;
  --teal-A100: #a7ffeb;
  --teal-A200: #64ffda;
  --teal-A400: #1de9b6;
  --teal-A700: #00bfa5;

  /* สีเขียว */
  --green-050: #e8f5e9;
  --green-100: #c8e6c9;
  --green-200: #a5d6a7;
  --green-300: #81c784;
  --green-400: #66bb6a;
  --green-500: #4caf50;
  --green-600: #43a047;
  --green-700: #388e3c;
  --green-800: #2e7d32;
  --green-900: #1b5e20;
  --green-A100: #b9f6ca;
  --green-A200: #69f0ae;
  --green-A400: #00e676;
  --green-A700: #00c853;

  /* สีเขียวอ่อน */
  --light-green-050: #f1f8e9;
  --light-green-100: #dcedc8;
  --light-green-200: #c5e1a5;
  --light-green-300: #aed581;
  --light-green-400: #9ccc65;
  --light-green-500: #8bc34a;
  --light-green-600: #7cb342;
  --light-green-700: #689f38;
  --light-green-800: #558b2f;
  --light-green-900: #33691e;
  --light-green-A100: #ccff90;
  --light-green-A200: #b2ff59;
  --light-green-A400: #76ff03;
  --light-green-A700: #64dd17;

  /* สีเขียวอมเหลือง สีมะนาว */
  --lime-050: #f9fbe7;
  --lime-100: #f0f4c3;
  --lime-200: #e6ee9c;
  --lime-300: #dce775;
  --lime-400: #d4e157;
  --lime-500: #cddc39;
  --lime-600: #c0ca33;
  --lime-700: #afb42b;
  --lime-800: #9e9d24;
  --lime-900: #827717;
  --lime-A100: #f4ff81;
  --lime-A200: #eeff41;
  --lime-A400: #c6ff00;
  --lime-A700: #aeea00;

  /* สีเหลือง */
  --yellow-050: #fffde7;
  --yellow-100: #fff9c4;
  --yellow-200: #fff59d;
  --yellow-300: #fff176;
  --yellow-400: #ffee58;
  --yellow-500: #ffeb3b;
  --yellow-600: #fdd835;
  --yellow-700: #fbc02d;
  --yellow-800: #f9a825;
  --yellow-900: #f57f17;
  --yellow-A100: #ffff8d;
  --yellow-A200: #ffff00;
  --yellow-A400: #ffea00;
  --yellow-A700: #ffd600;

  /* สีเหลืองอมส้ม สีเหลืองอำพัน */
  --amber-050: #fff8e1;
  --amber-100: #ffecb3;
  --amber-200: #ffe082;
  --amber-300: #ffd54f;
  --amber-400: #ffca28;
  --amber-500: #ffc107;
  --amber-600: #ffb300;
  --amber-700: #ffa000;
  --amber-800: #ff8f00;
  --amber-900: #ff6f00;
  --amber-A100: #ffe57f;
  --amber-A200: #ffd740;
  --amber-A400: #ffc400;
  --amber-A700: #ffab00;

  /* สีส้ม */
  --orange-050: #fff3e0;
  --orange-100: #ffe0b2;
  --orange-200: #ffcc80;
  --orange-300: #ffb74d;
  --orange-400: #ffa726;
  --orange-500: #ff9800;
  --orange-600: #fb8c00;
  --orange-700: #f57c00;
  --orange-800: #ef6c00;
  --orange-900: #e65100;
  --orange-A100: #ffd180;
  --orange-A200: #ffab40;
  --orange-A400: #ff9100;
  --orange-A700: #ff6d00;

  /* สีส้มเข้ม */
  --deep-orange-050: #fbe9e7;
  --deep-orange-100: #ffccbc;
  --deep-orange-200: #ffab91;
  --deep-orange-300: #ff8a65;
  --deep-orange-400: #ff7043;
  --deep-orange-500: #ff5722;
  --deep-orange-600: #f4511e;
  --deep-orange-700: #e64a19;
  --deep-orange-800: #d84315;
  --deep-orange-900: #bf360c;
  --deep-orange-A100: #ff9e80;
  --deep-orange-A200: #ff6e40;
  --deep-orange-A400: #ff3d00;
  --deep-orange-A700: #dd2c00;

  /* สีน้ำตาล */
  --brown-050: #efebe9;
  --brown-100: #d7ccc8;
  --brown-200: #bcaaa4;
  --brown-300: #a1887f;
  --brown-400: #8d6e63;
  --brown-500: #795548;
  --brown-600: #6d4c41;
  --brown-700: #5d4037;
  --brown-800: #4e342e;
  --brown-900: #3e2723;

  /* สีเทา */
  --grey-050: #fafafa;
  --grey-100: #f5f5f5;
  --grey-200: #eeeeee;
  --grey-300: #e0e0e0;
  --grey-400: #bdbdbd;
  --grey-500: #9e9e9e;
  --grey-600: #757575;
  --grey-700: #616161;
  --grey-800: #424242;
  --grey-900: #212121;

  /* สีเทาอมฟ้า */
  --blue-grey-050: #eceff1;
  --blue-grey-100: #cfd8dc;
  --blue-grey-200: #b0bec5;
  --blue-grey-300: #90a4ae;
  --blue-grey-400: #78909c;
  --blue-grey-500: #607d8b;
  --blue-grey-600: #546e7a;
  --blue-grey-700: #455a64;
  --blue-grey-800: #37474f;
  --blue-grey-900: #263238;

  /* สีดำ */
  --black-050: #eaebef; /* Black 5% */
  --black-100: #dedfe2; /* Black 10% */
  --black-150: #c6c6ca; /* Black 15% */
  --black-200: #c6c6ca; /* Black 20% */
  --black-250: #b9babd; /* Black 25% */
  --black-300: #acadb0; /* Black 30% */
  --black-350: #a1a1a4; /* Black 35% */
  --black-400: #949597; /* Black 40% */
  --black-450: #88888a; /* Black 45% */
  --black-500: #7b7c7e; /* Black 50% */
  --black-550: #6f7072; /* Black 55% */
  --black-600: #636365; /* Black 60% */
  --black-650: #565758; /* Black 65% */
  --black-700: #4a4a4b; /* Black 70% */
  --black-750: #3e3e3f; /* Black 75% */
  --black-800: #313232; /* Black 80% */
  --black-850: #252526; /* Black 85% */
  --black-900: #181818; /* Black 90% */
  --black-950: #0d0d0d; /* Black 95% */
  --black:     #000000; /* Black 100% */

  /* สีขาว */
  --white-050: #b5b5b5; /* White 5% */
  --white-100: #bfbfbf; /* White 10% */
  --white-150: #c5c5c5; /* White 15% */
  --white-200: #cbcbcb; /* White 20% */
  --white-250: #d5d5d5; /* White 25% */
  --white-300: #dedede; /* White 30% */
  --white-350: #e5e5e5; /* White 35% */
  --white-400: #ececec; /* White 40% */
  --white-450: #efefef; /* White 45% */
  --white-500: #f2f2f2; /* White 50% */
  --white-550: #f3f3f3; /* White 55% */
  --white-600: #f5f5f7; /* White 60% */
  --white-650: #f6f6f6; /* White 65% */
  --white-700: #f7f8fc; /* White 70% */
  --white-750: #f8f9fa; /* White 75% */
  --white-800: #f9f9f9; /* White 80% */
  --white-850: #fafafa; /* White 85% */
  --white-900: #fcfcfc; /* White 90% */
  --white-950: #fefefe; /* White 95% */
  --white:     #ffffff; /* White 100% */
}

/**
 * -----------------------------------------------------------------------------
 * Theme Color from Brand color (Primary Brand Color & Secondary Brand Color)
 * -----------------------------------------------------------------------------
 * https://material-ui.com/customization/color
 * https://material.io/design/color/the-color-system.html
 * https://www.beautycolorcode.com
 *
 *
 * สีหลัก สีรอง สีพื้นหลักสำหรับเป็นพื้นหลังของตัวอักษรในเว็บ และสีตัวอักษรหลักของเว็บ ได้มาจาก
 * 1) Business/Company Logo Type (Text Logo)
 * 2) Business/Company Logo Mark (Icon/Image Logo)
 * 3) Business/Company Combination Mark (Combine Text Logo + Icon/Image Logo)
 * เรียกในภาพรวม ๆ ว่า Brand Color
 * อ้างอิงจาก Cola, Pepsi, Google, Visa, Apple, Twister, Facebook, Line
 * https://99designs.com/blog/logo-branding/logotype-vs-logomark-vs-logo/
 *
 * ตัวอย่างเช่น Pepsi มีสีหลักคือ สีน้ำเงิน สีรองคือสีแดง ส่วนสีพื้นคือสีขาว (ทำไมสีหลักไม่เป็นแดงก็เพราะว่า Logo Type ไม่มีแดง)
 * ตัวอย่างเช่น Cola มีสีหลักคือ สีแดง สีรองไม่มี ส่วนสีพื้นคือสีขาว (สีรองไม่มีก็เพราะว่า Logo Type และ Logo Mark ไม่มีสีรอง)
 * ตัวอย่างเช่น Visa มีสีหลักคือ สีน้ำเงิน สีรองคือสีเหลือง ส่วนสีพื้นคือสีขาว
 * ตัวอย่างเช่น Facebook มีสีหลักคือ น้ำเงิน สีรองไม่มี ส่วนสีพื้นคือสีขาว
 * ตัวอย่างเช่น Google โดย Logo Type มีทั้งน้ำเงิน เหลือง แดง เขียว แต่กำหนดสีหลักจริงคือ สีน้ำเงิน สีรองไม่มี ส่วนสีพื้นคือสีขาว
 *
 * --- สรุป ---
 * สีหลัก จำเป็นต้องมี ส่วนมากจะไม่ใช้สีขาวเป็นสีหลัก ยกเว้น Logo ที่มีสีดำขาวเท่านั้น อาจใช้สีหลักเป็นขาวได้ แต่นิยมใช้สีดำแทน
 * สีรอง จะมีหรือไม่มีก็ได้ ถ้าไม่มีอาจกำหนดเป็นสีเทาเหมือน Bootstrap คือ #6c757d
 * สีพื้น จำเป็นต้องมี และส่วนมากเกือบทุกเว็บมักเป็นสีขาว
 * สีตัวอักษร font ที่ใช้ในเว็บ ส่วนมากจะเป็นสีดำหรือเกือบดำตัดกับสีพื้น บางเว็บอาจใช้สีตัวอักษรเป็นสีเดียวกับสีหลัก แต่ก็ไม่จำเป็น
 * -----------------------------------------------------------------------------
 */

:root {

  /* Primary Color สีหลัก */
  --primary-color-050: #d663d3; /* Monochromatic Color (Primary -5 level) ---> https://www.beautycolorcode.com */
  --primary-color-100: #d04fcd; /* Monochromatic Color (Primary -4 level) ---> https://www.beautycolorcode.com */
  --primary-color-200: #cb3bc7; /* Monochromatic Color (Primary -3 level) ---> https://www.beautycolorcode.com */
  --primary-color-300: #ba32b6; /* Monochromatic Color (Primary -2 level) ---> https://www.beautycolorcode.com */
  --primary-color-400: #a62ca3; /* Monochromatic Color (Primary -1 level) ---> https://www.beautycolorcode.com */
  --primary-color-420: #ae0baa; /* Tone Color Variation (Primary -4 level) ---> https://www.beautycolorcode.com */
  --primary-color-440: #a712a3; /* Tone Color Variation (Primary -3 level) ---> https://www.beautycolorcode.com */
  --primary-color-460: #a0199c; /* Tone Color Variation (Primary -2 level) ---> https://www.beautycolorcode.com */
  --primary-color-480: #992096; /* Tone Color Variation (Primary -1 level) ---> https://www.beautycolorcode.com */
  --primary-color-500: #92278f; /* --- สีหลัก --- Primary [CHECK POINT] ---> https://www.beautycolorcode.com */
  --primary-color-520: #8b2e88; /* Tone Color Variation (Primary -4 level) ---> https://www.beautycolorcode.com */
  --primary-color-540: #843582; /* Tone Color Variation (Primary -3 level) ---> https://www.beautycolorcode.com */
  --primary-color-560: #7d3c7b; /* Tone Color Variation (Primary -2 level) ---> https://www.beautycolorcode.com */
  --primary-color-580: #764374; /* Tone Color Variation (Primary -1 level) ---> https://www.beautycolorcode.com */
  --primary-color-600: #7e227b; /* Monochromatic Color (Primary +1 level) ---> https://www.beautycolorcode.com */
  --primary-color-700: #6a1c68; /* Monochromatic Color (Primary +2 level) ---> https://www.beautycolorcode.com */
  --primary-color-800: #6a1c68; /* Monochromatic Color (Primary +3 level) ---> https://www.beautycolorcode.com */
  --primary-color-900: #421240; /* Monochromatic Color (Primary +4 level) ---> https://www.beautycolorcode.com */

  /* Secondary Color สีรอง */
  --secondary-color-050: #faefd4; /* Monochromatic Color (secondary -5 level) ---> https://www.beautycolorcode.com */
  --secondary-color-100: #f7e7be; /* Monochromatic Color (secondary -4 level) ---> https://www.beautycolorcode.com */
  --secondary-color-200: #f4dea7; /* Monochromatic Color (secondary -3 level) ---> https://www.beautycolorcode.com */
  --secondary-color-300: #f2d590; /* Monochromatic Color (secondary -2 level) ---> https://www.beautycolorcode.com */
  --secondary-color-400: #efcd7a; /* Monochromatic Color (secondary -1 level) ---> https://www.beautycolorcode.com */
  --secondary-color-420: #f5cf74; /* Tone Color Variation (secondary -4 level) ---> https://www.beautycolorcode.com */
  --secondary-color-440: #fad26f; /* Tone Color Variation (secondary -3 level) ---> https://www.beautycolorcode.com */
  --secondary-color-460: #f9ca56; /* Tone Color Variation (secondary -2 level) ---> https://www.beautycolorcode.com */
  --secondary-color-480: #f3c75c; /* Tone Color Variation (secondary -1 level) ---> https://www.beautycolorcode.com */
  --secondary-color-500: #ecc463; /* --- สีรอง --- secondary [CHECK POINT] ---> https://www.beautycolorcode.com */
  --secondary-color-520: #e5c16a; /* Tone Color Variation (secondary +1 level) ---> https://www.beautycolorcode.com */
  --secondary-color-540: #dfbe70; /* Tone Color Variation (secondary +2 level) ---> https://www.beautycolorcode.com */
  --secondary-color-560: #d8bc77; /* Tone Color Variation (secondary +3 level) ---> https://www.beautycolorcode.com */
  --secondary-color-580: #d1b97e; /* Tone Color Variation (secondary +4 level) ---> https://www.beautycolorcode.com */
  --secondary-color-600: #e9bb4c; /* Monochromatic Color (secondary +1 level) ---> https://www.beautycolorcode.com */
  --secondary-color-700: #e6b336; /* Monochromatic Color (secondary +2 level) ---> https://www.beautycolorcode.com */
  --secondary-color-800: #e4aa1f; /* Monochromatic Color (secondary +3 level) ---> https://www.beautycolorcode.com */
  --secondary-color-900: #d09a19; /* Monochromatic Color (secondary +4 level) ---> https://www.beautycolorcode.com */

  /* Meaning Through Color สื่อความหมายผ่านสี + สีตอนที่ hover บนสีที่สื่อความหมายนั้น */
  --primary-color:                        var(--primary-color-500);
  --primary-color-hover:                  var(--primary-color-700);
  --primary-color-focus:                  var(--primary-color-700);
  --primary-color-active:                 var(--primary-color-700);
  --primary-color-active-hover:           var(--primary-color-800);
  --primary-color-disable-hover:          var(--primary-color-500);
  --primary-color-border:                 var(--primary-color-600);
  --primary-color-border-hover:           var(--primary-color-800);
  --primary-color-border-focus:           var(--primary-color-900);
  --primary-color-border-active:          var(--primary-color-800);
  --primary-color-border-active-hover:    var(--primary-color-900);
  --primary-color-border-disable-hover:   var(--primary-color-600);

  --secondary-color:                      var(--secondary-color-500);
  --secondary-color-hover:                var(--secondary-color-700);
  --secondary-color-focus:                var(--secondary-color-700);
  --secondary-color-active:               var(--secondary-color-700);
  --secondary-color-active-hover:         var(--secondary-color-800);
  --secondary-color-disable-hover:        var(--secondary-color-500);
  --secondary-color-border:               var(--secondary-color-600);
  --secondary-color-border-hover:         var(--secondary-color-800);
  --secondary-color-border-focus:         var(--secondary-color-900);
  --secondary-color-border-active:        var(--secondary-color-800);
  --secondary-color-border-active-hover:  var(--secondary-color-900);
  --secondary-color-border-disable-hover: var(--secondary-color-600);

  --success-color:                        var(--green-500); /* Positive/Success messages by default use similar colors */
  --success-color-hover:                  var(--green-700);
  --success-color-focus:                  var(--green-700);
  --success-color-active:                 var(--green-700);
  --success-color-active-hover:           var(--green-800);
  --success-color-disable-hover:          var(--green-500);
  --success-color-border:                 var(--green-600);
  --success-color-border-hover:           var(--green-800);
  --success-color-border-focus:           var(--green-900);
  --success-color-border-active:          var(--green-800);
  --success-color-border-active-hover:    var(--green-900);
  --success-color-border-disable-hover:   var(--green-600);

  --danger-color:                         var(--red-500); /* Positive/Success messages by default use similar colors */
  --danger-color-hover:                   var(--red-700);
  --danger-color-focus:                   var(--red-700);
  --danger-color-active:                  var(--red-700);
  --danger-color-active-hover:            var(--red-800);
  --danger-color-disable-hover:           var(--red-500);
  --danger-color-border:                  var(--red-600);
  --danger-color-border-hover:            var(--red-800);
  --danger-color-border-focus:            var(--red-900);
  --danger-color-border-active:           var(--red-800);
  --danger-color-border-active-hover:     var(--red-900);
  --danger-color-border-disable-hover:    var(--red-600);

  --info-color:                           var(--light-blue-500);
  --info-color-hover:                     var(--light-blue-700);
  --info-color-focus:                     var(--light-blue-700);
  --info-color-active:                    var(--light-blue-700);
  --info-color-active-hover:              var(--light-blue-800);
  --info-color-disable-hover:             var(--light-blue-500);
  --info-color-border:                    var(--light-blue-600);
  --info-color-border-hover:              var(--light-blue-800);
  --info-color-border-focus:              var(--light-blue-900);
  --info-color-border-active:             var(--light-blue-800);
  --info-color-border-active-hover:       var(--light-blue-900);
  --info-color-border-disable-hover:      var(--light-blue-600);

  --warning-color:                        var(--yellow-500);
  --warning-color-hover:                  var(--yellow-700);
  --warning-color-focus:                  var(--yellow-700);
  --warning-color-active:                 var(--yellow-700);
  --warning-color-active-hover:           var(--yellow-800);
  --warning-color-disable-hover:          var(--yellow-500);
  --warning-color-border:                 var(--yellow-600);
  --warning-color-border-hover:           var(--yellow-800);
  --warning-color-border-focus:           var(--yellow-900);
  --warning-color-border-active:          var(--yellow-800);
  --warning-color-border-active-hover:    var(--yellow-900);
  --warning-color-border-disable-hover:   var(--yellow-600);

  --light-color:                          var(--white-750);
  --light-color-hover:                    var(--white-250);
  --light-color-focus:                    var(--white-250);
  --light-color-active:                   var(--white-250);
  --light-color-active-hover:             var(--white-150);
  --light-color-disable-hover:            var(--white-750);
  --light-color-border:                   var(--white-550);
  --light-color-border-hover:             var(--white-150);
  --light-color-border-focus:             var(--white-050);
  --light-color-border-active:            var(--white-150);
  --light-color-border-active-hover:      var(--white-050);
  --light-color-border-disable-hover:     var(--white-550);

  --dark-color:                           var(--black-800);
  --dark-color-hover:                     var(--black);
  --dark-color-focus:                     var(--black);
  --dark-color-active:                    var(--black);
  --dark-color-active-hover:              var(--black);
  --dark-color-disable-hover:             var(--black-800);
  --dark-color-border:                    var(--black-900);
  --dark-color-border-hover:              var(--black);
  --dark-color-border-focus:              var(--black);
  --dark-color-border-active:             var(--black);
  --dark-color-border-active-hover:       var(--black);
  --dark-color-border-disable-hover:      var(--black-900);

  --muted-color:                          var(--grey-700);
  --muted-color-hover:                    var(--grey-800);
  --muted-color-focus:                    var(--grey-800);
  --muted-color-active:                   var(--grey-800);
  --muted-color-active-hover:             var(--grey-900);
  --muted-color-disable-hover:            var(--grey-700);
  --muted-color-border:                   var(--grey-700);
  --muted-color-border-hover:             var(--grey-900);
  --muted-color-border-focus:             var(--grey-900);
  --muted-color-border-active:            var(--grey-900);
  --muted-color-border-active-hover:      var(--grey-900);
  --muted-color-border-disable-hover:     var(--grey-700);

  --gradient-color: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

/**
 * -----------------------------------------------------------------------------
 * Theme Style
 * -----------------------------------------------------------------------------
 */

:root {

  /* Font Family */
  --font-family-brand:  Anakotmai, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-primary:  Anakotmai, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-secondary:  Anakotmai, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --font-family-sans:   system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-serif:  Georgia, Cambria, "Times New Roman", Times, serif;
  --font-family-mono:   SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Body */
  --body-font-family:       var(--font-family-brand);
  --body-font-size:         1rem;
  --body-font-weight:       300;
  --body-line-height:       1.5;
  --body-letter-spacing:    0;
  --body-text-color:        var(--black-850);
  --body-background-color:  var(--white);

  /* Link */
  --link-text-color:        var(--blue-900);
  --link-text-color-hover:  var(--blue-700);

  /* Navbar Header */
  /* --navbar-font-family:     var(--font-family-brand); */
  /* --navbar-font-weight:     300; */

}


/* Custom html
   ========================================================================== */

html {
  font-size: 16px;
}

/* Custom body
   ========================================================================== */

body {
  font-family:      var(--body-font-family);
  font-size:        var(--body-font-size);
  font-weight:      var(--body-font-weight);
  line-height:      var(--body-line-height);
  letter-spacing:   var(--body-letter-spacing);
  color:            var(--body-text-color);
  background-color: var(--body-background-color);
  overflow-wrap:    break-word;
  word-wrap:        break-word;
  text-rendering:   optimizelegibility;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-font-smoothing:       antialiased;
  -moz-osx-font-smoothing:      grayscale;
  -webkit-text-size-adjust:     100%;
          text-size-adjust:     100%;
}

a {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  color: var(--link-text-color);
  cursor: pointer;
}

a:hover, a:focus {
  color: var(--link-text-color-hover);
  -webkit-text-decoration: inherit;
          text-decoration: inherit;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.7rem;
  font-family: var(--font-family-brand);
  font-weight: 500;
  line-height: 1.2;
  color: var(--primary-color);
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

@media (max-width: 1119px) {
  h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
}

/* Heading Responsive Inspire from google.co.th -> about page
   ========================================================================== */

h1.google {
  font-size: 8vw;
  line-height: 1.3em;
  letter-spacing: -.03125rem;
}

@media (min-width: 768px) {
  h1.google {
    font-size: 6vw;
    line-height: 1.2em;
  }
}

@media (min-width: 1024px) {
  h1.google {
    font-size: 2.875rem;
    line-height: 3.75rem;
  }
}

@media (min-width: 1440px) {
  h1.google {
    font-size: 3.125rem;
    line-height: 4.0625rem;
  }
}

/* Remove Focus Border, Focus Button Shadow, Focus Button Glow
   ========================================================================== */

:focus {
  outline: none;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

/* Force sr-only "white-space: nowrap" same as BS4 (BS3 no have it)
   ========================================================================== */

.sr-only {
  white-space: nowrap;
}

/* Force sr-only-focusable "white-space: normal" same as BS4 (BS3 no have it)
   ========================================================================== */

.sr-only-focusable:active,
.sr-only-focusable:focus {
  white-space: normal;
}

/* Force horizontal rules same as BS4 + BS5 (BS3 no have it)
   ========================================================================== */

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  color: inherit;
  border-top: 1px solid currentColor;
  opacity: 0.25;
  overflow: visible;
}

/* Force paragraph margin bottom
   ========================================================================== */

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

/* Force paragraph lead margin bottom and custom font-size, font-weight to BS4
   ========================================================================== */

.lead {
  margin-bottom: 1.25em;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: var(--body-line-height);
}

@media (min-width: 768px) {
  .lead {
    font-size: 1.25rem;
  }
}

/* Image
   ========================================================================== */

.img-rounded {
  border-radius: 0.375rem;
}

.img-thumbnail {
  padding: 0.25rem;
  line-height: var(--body-line-height);
  background-color: var(--white);
  border: 1px solid var(--white-300);
  border-radius: 0.25rem;
}

/* dl dt dd
   ========================================================================== */

dl {
  margin-bottom: 1rem;
}

dt,
dd {
  line-height: var(--body-line-height);
}

/* Blockquote
   ========================================================================== */

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: var(--body-line-height);
  color: var(--muted-color)
}

/* Address
   ========================================================================== */

address {
  margin-bottom: 1rem;
  line-height: var(--body-line-height);
}

/* Code
   ========================================================================== */

code {
  font-size: 87.5%;
  color: #e83e8c;
  background: var(--white-550);
  word-wrap: break-word;
  border-radius: 0.25rem;
}

/* Pre
   ========================================================================== */

pre {
  padding: 0.685rem;
  margin: 0 0 1rem;
  font-size: 87.5%;
  line-height: var(--body-line-height);
  color: var(--dark-color);
  background-color: var(--light-color);
  border: 1px solid var(--light-color-hover);
  border-radius: 0.25rem;
}

/* Table
   ========================================================================== */

.table {
  margin-bottom: 1rem;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 0.75rem;
  line-height: var(--body-line-height);
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0.3rem;
}

/* Legend
   ========================================================================== */

legend {
  max-width: 100%;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  color: inherit;
  white-space: normal;
}

/* Output
   ========================================================================== */

output {
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: var(--body-line-height);
}

/* Form
   ========================================================================== */

.form-control {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: #555555;
  border-radius: 0.25rem;
}

.radio label,
.checkbox label,
.radio-inline,
.checkbox-inline {
  font-weight: var(--body-font-weight);
}

.input-sm,
.form-group-sm .form-control {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: var(--body-line-height);
  border-radius: 0.2rem;
}

.form-group-sm .form-control-static {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.3rem 0.5rem;
  font-size: 0.875rem;
  line-height: var(--body-line-height);
}

.input-lg,
.form-group-lg .form-control {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: var(--body-line-height);
  border-radius: 0.3rem;
}

.form-group-lg .form-control-static {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.55rem 1rem;
  font-size: 1.25rem;
  line-height: var(--body-line-height);
}

/* Button Btn -> BS4 BS5
   ========================================================================== */

.btn {
  padding: 0.375rem 0.75rem;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  text-decoration: none;
  color: var(--body-text-color);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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


.btn-primary {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color-border);
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: var(--primary-color-focus);
  border-color: var(--primary-color-border-focus);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--primary-color-hover);
  border-color: var(--primary-color-border-hover);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: var(--primary-color-active);
  background-image: none;
  border-color: var(--primary-color-border-active);
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: var(--primary-color-active-hover);
  border-color: var(--primary-color-border-active-hover);
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: var(--primary-color-disable-hover);
  border-color: var(--primary-color-border-disable-hover);
}
.btn-primary .badge {
  color: var(--primary-color);
  background-color: #fff;
}

.btn-secondary {
  color: #fff;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color-border);
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: var(--secondary-color-focus);
  border-color: var(--secondary-color-border-focus);
}
.btn-secondary:hover {
  color: #fff;
  background-color: var(--secondary-color-hover);
  border-color: var(--secondary-color-border-hover);
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  color: #fff;
  background-color: var(--secondary-color-active);
  background-image: none;
  border-color: var(--secondary-color-border-active);
}
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open > .dropdown-toggle.btn-secondary:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary.focus {
  color: #fff;
  background-color: var(--secondary-color-active-hover);
  border-color: var(--secondary-color-border-active-hover);
}
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus {
  background-color: var(--secondary-color-disable-hover);
  border-color: var(--secondary-color-border-disable-hover);
}
.btn-secondary .badge {
  color: var(--secondary-color);
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: var(--success-color);
  border-color: var(--success-color-border);
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: var(--success-color-focus);
  border-color: var(--success-color-border-focus);
}
.btn-success:hover {
  color: #fff;
  background-color: var(--success-color-hover);
  border-color: var(--success-color-border-hover);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: var(--success-color-active);
  background-image: none;
  border-color: var(--success-color-border-active);
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: var(--success-color-active-hover);
  border-color: var(--success-color-border-active-hover);
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: var(--success-color-disable-hover);
  border-color: var(--success-color-border-disable-hover);
}
.btn-success .badge {
  color: var(--success-color);
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: var(--danger-color);
  border-color: var(--danger-color-border);
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: var(--danger-color-focus);
  border-color: var(--danger-color-border-focus);
}
.btn-danger:hover {
  color: #fff;
  background-color: var(--danger-color-hover);
  border-color: var(--danger-color-border-hover);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: var(--danger-color-active);
  background-image: none;
  border-color: var(--danger-color-border-active);
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: var(--danger-color-active-hover);
  border-color: var(--danger-color-border-active-hover);
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: var(--danger-color-disable-hover);
  border-color: var(--danger-color-border-disable-hover);
}
.btn-danger .badge {
  color: var(--danger-color);
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: var(--info-color);
  border-color: var(--info-color-border);
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: var(--info-color-focus);
  border-color: var(--info-color-border-focus);
}
.btn-info:hover {
  color: #fff;
  background-color: var(--info-color-hover);
  border-color: var(--info-color-border-hover);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: var(--info-color-active);
  background-image: none;
  border-color: var(--info-color-border-active);
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: var(--info-color-active-hover);
  border-color: var(--info-color-border-active-hover);
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: var(--info-color-disable-hover);
  border-color: var(--info-color-border-disable-hover);
}
.btn-info .badge {
  color: var(--info-color);
  background-color: #fff;
}

.btn-warning {
  color: var(--dark-color);
  background-color: var(--warning-color);
  border-color: var(--warning-color-border);
}
.btn-warning:focus,
.btn-warning.focus {
  color: var(--dark-color);
  background-color: var(--warning-color-focus);
  border-color: var(--warning-color-border-focus);
}
.btn-warning:hover {
  color: var(--dark-color);
  background-color: var(--warning-color-hover);
  border-color: var(--warning-color-border-hover);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: var(--dark-color);
  background-color: var(--warning-color-active);
  background-image: none;
  border-color: var(--warning-color-border-active);
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: var(--dark-color);
  background-color: var(--warning-color-active-hover);
  border-color: var(--warning-color-border-active-hover);
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: var(--warning-color-disable-hover);
  border-color: var(--warning-color-border-disable-hover);
}
.btn-warning .badge {
  color: var(--dark-color);
  background-color: #fff;
}

.btn-light {
  color: var(--dark-color);
  background-color: var(--light-color);
  border-color: var(--light-color-border);
}
.btn-light:focus,
.btn-light.focus {
  color: var(--dark-color);
  background-color: var(--light-color-focus);
  border-color: var(--light-color-border-focus);
}
.btn-light:hover {
  color: var(--dark-color);
  background-color: var(--light-color-hover);
  border-color: var(--light-color-border-hover);
}
.btn-light:active,
.btn-light.active,
.open > .dropdown-toggle.btn-light {
  color: var(--dark-color);
  background-color: var(--light-color-active);
  background-image: none;
  border-color: var(--light-color-border-active);
}
.btn-light:active:hover,
.btn-light.active:hover,
.open > .dropdown-toggle.btn-light:hover,
.btn-light:active:focus,
.btn-light.active:focus,
.open > .dropdown-toggle.btn-light:focus,
.btn-light:active.focus,
.btn-light.active.focus,
.open > .dropdown-toggle.btn-light.focus {
  color: var(--dark-color);
  background-color: var(--light-color-active-hover);
  border-color: var(--light-color-border-active-hover);
}
.btn-light.disabled:hover,
.btn-light[disabled]:hover,
fieldset[disabled] .btn-light:hover,
.btn-light.disabled:focus,
.btn-light[disabled]:focus,
fieldset[disabled] .btn-light:focus,
.btn-light.disabled.focus,
.btn-light[disabled].focus,
fieldset[disabled] .btn-light.focus {
  background-color: var(--light-color-disable-hover);
  border-color: var(--light-color-border-disable-hover);
}
.btn-light .badge {
  color: var(--dark-color);
  background-color: #fff;
}

.btn-dark {
  color: #fff;
  background-color: var(--dark-color);
  border-color: var(--dark-color-border);
}
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: var(--dark-color-focus);
  border-color: var(--dark-color-border-focus);
}
.btn-dark:hover {
  color: #fff;
  background-color: var(--dark-color-hover);
  border-color: var(--dark-color-border-hover);
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #fff;
  background-color: var(--dark-color-active);
  background-image: none;
  border-color: var(--dark-color-border-active);
}
.btn-dark:active:hover,
.btn-dark.active:hover,
.open > .dropdown-toggle.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark.active:focus,
.open > .dropdown-toggle.btn-dark:focus,
.btn-dark:active.focus,
.btn-dark.active.focus,
.open > .dropdown-toggle.btn-dark.focus {
  color: #fff;
  background-color: var(--dark-color-active-hover);
  border-color: var(--dark-color-border-active-hover);
}
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus {
  background-color: var(--dark-color-disable-hover);
  border-color: var(--dark-color-border-disable-hover);
}
.btn-dark .badge {
  color: var(--dark-color);
  background-color: #fff;
}

.btn-muted {
  color: #fff;
  background-color: var(--muted-color);
  border-color: var(--muted-color-border);
}
.btn-muted:focus,
.btn-muted.focus {
  color: #fff;
  background-color: var(--muted-color-focus);
  border-color: var(--muted-color-border-focus);
}
.btn-muted:hover {
  color: #fff;
  background-color: var(--muted-color-hover);
  border-color: var(--muted-color-border-hover);
}
.btn-muted:active,
.btn-muted.active,
.open > .dropdown-toggle.btn-muted {
  color: #fff;
  background-color: var(--muted-color-active);
  background-image: none;
  border-color: var(--muted-color-border-active);
}
.btn-muted:active:hover,
.btn-muted.active:hover,
.open > .dropdown-toggle.btn-muted:hover,
.btn-muted:active:focus,
.btn-muted.active:focus,
.open > .dropdown-toggle.btn-muted:focus,
.btn-muted:active.focus,
.btn-muted.active.focus,
.open > .dropdown-toggle.btn-muted.focus {
  color: #fff;
  background-color: var(--muted-color-active-hover);
  border-color: var(--muted-color-border-active-hover);
}
.btn-muted.disabled:hover,
.btn-muted[disabled]:hover,
fieldset[disabled] .btn-muted:hover,
.btn-muted.disabled:focus,
.btn-muted[disabled]:focus,
fieldset[disabled] .btn-muted:focus,
.btn-muted.disabled.focus,
.btn-muted[disabled].focus,
fieldset[disabled] .btn-muted.focus {
  background-color: var(--muted-color-disable-hover);
  border-color: var(--muted-color-border-disable-hover);
}
.btn-muted .badge {
  color: var(--muted-color);
  background-color: #fff;
}

.btn-link {
  color: var(--body-font-weight);
  color: var(--link-text-color);
}
.btn-link:hover,
.btn-link:focus {
  color: var(--link-text-color-hover);
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: var(--grey-700);
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: var(--body-line-height);
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: var(--body-line-height);
  border-radius: 0.2rem;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 0.06rem 0.25rem;
  font-size: 0.75rem;
  line-height: var(--body-line-height);
  border-radius: 0.2rem;
}

/* Button Focus Remove Button Focus Button Remove
   ========================================================================== */

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* Dropdown Menu
   ========================================================================== */

.dropdown-menu > li > a {
  padding: 0.3rem 1.5rem;
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--link-text-color);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: var(--black-950);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: var(--link-text-color-hover);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: var(--grey-700);
}

.dropdown-header {
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: var(--body-line-height);
  color: var(--muted-color);
}

/* Input Group
   ========================================================================== */

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: var(--body-line-height);
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: var(--body-line-height);
  border-radius: 0.2rem;
}

.input-group-addon {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: var(--body-font-weight);
  border-radius: 0.25rem;
}
.input-group-addon.input-sm {
  padding: 0.313rem 0.625rem;
  font-size: 0.75rem;
  border-radius: 0.2rem;
}
.input-group-addon.input-lg {
  padding: 0.625rem 1rem;
  font-size: 1.125rem;
  border-radius: 0.375rem;
}

/* Nav
   ========================================================================== */

.nav > li > a {
  padding: 0.625rem 0.937rem;
}

.nav > li.disabled > a {
  color: var(--muted-color);
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: var(--muted-color);
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: var(--primary-color);
}

.nav-tabs > li > a {
  margin-right: 0.125rem;
  line-height: var(--body-line-height);
  border: 1px solid transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 0.3125rem;
}

.navbar-brand {
  padding: 0.9375rem 0.9375rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 0.3125rem 1rem 0.3125rem 1.55rem;
  }
}

/* Breadcrumb (BS3 + BS4)
   ========================================================================== */

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  background-color: var(--white-600);
  border-radius: 0.25rem;
}

.breadcrumb > li + li:before {
  padding: 0 0.5rem;
  color: var(--white-150);
  content: "/";
}

.breadcrumb > .active {
  color: var(--muted-color)
}

/* Pagination (BS3 -> BS4 + sm, lg, xl)
   ========================================================================== */

.pagination {
  margin: 1.25rem 0;
  border-radius: 0.25rem;
}

.pagination > li > a,
.pagination > li > span {
  padding: 0.375rem 0.75rem;
  line-height: var(--body-line-height);
  color: var(--primary-color);
  background-color: var(--white);
  border: 1px solid var(--white-300);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: var(--primary-color-hover);
  background-color: var(--white-500);
  border: 1px solid var(--white-300);
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: var(--white);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: var(--muted-color);
  background-color: var(--white);
  border-color: var(--white-300);
}

.pagination-xl > li > a,
.pagination-xl > li > span {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: var(--body-line-height);
}

.pagination-xl > li:first-child > a,
.pagination-xl > li:first-child > span {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-xl > li:last-child > a,
.pagination-xl > li:last-child > span {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 0.625rem 1rem;
  font-size: 1.125rem;
  line-height: var(--body-line-height);
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: var(--body-line-height);
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.pager {
  margin: 1.25rem 0;
}

.pager li > a,
.pager li > span {
  padding: 0.5rem 1rem;
  background-color: var(--white);
  border: 1px solid var(--white-300);
  border-radius: 0.9rem;
}

.pager li > a:hover,
.pager li > a:focus {
  background-color: var(--white-500);
  border: 1px solid var(--white-300);
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: var(--muted-color);
  background-color: var(--white);
  border-color: var(--white-300);
  cursor: not-allowed;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > .disabled > span:focus,
.pagination > .disabled > a:focus,
.pager li > a:focus,
.pager .disabled > a:focus {
  outline: none;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

/* Label (Refer BS5)
   ========================================================================== */

label {
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.label-default {
  background-color: var(--muted-color);
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: var(--muted-color-hover);
}

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

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: var(--primary-color-hover);
}

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

.label-secondary[href]:hover,
.label-secondary[href]:focus {
  background-color: var(--secondary-color-hover);
}

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

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: var(--success-color-hover);
}

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

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: var(--info-color-hover);
}

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

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: var(--warning-color-hover);
}

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

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: var(--danger-color-hover);
}

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

.label-light[href]:hover,
.label-light[href]:focus {
  background-color: var(--light-color-hover);
}

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

.label-dark[href]:hover,
.label-dark[href]:focus {
  background-color: var(--dark-color-hover);
}

.label-muted {
  background-color: var(--muted-color);
}

.label-muted[href]:hover,
.label-muted[href]:focus {
  background-color: var(--muted-color-hover);
}

.label-default[href]:focus,
.label-primary[href]:focus,
.label-secondary[href]:focus,
.label-success[href]:focus
.label-info[href]:focus,
.label-warning[href]:focus,
.label-danger[href]:focus,
.label-light[href]:focus,
.label-dark[href]:focus,
.label-muted[href]:focus {
  outline: none;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

/* Badge
   ========================================================================== */

.badge {
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 500;
  line-height: 1;
  color: var(--light-color);
  background-color: var(--grey-700);
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a.badge:hover, a.badge:focus {
  color: var(--light-color);
}

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

a.badge-primary:hover, a.badge-primary:focus {
  color: var(--light-color) !important;
  background-color: var(--primary-color-hover) !important;
}

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

a.badge-secondary:hover, a.badge-secondary:focus {
  color: var(--light-color) !important;
  background-color: var(--secondary-color-hover) !important;
}

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

a.badge-success:hover, a.badge-success:focus {
  color: var(--light-color) !important;
  background-color: var(--success-color-hover) !important;
}

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

a.badge-info:hover, a.badge-info:focus {
  color: var(--light-color) !important;
  background-color: var(--info-color-hover) !important;
}

.badge-warning {
  color: #212529 !important;
  background-color: var(--warning-color) !important;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529 !important;
  background-color: var(--warning-color-hover) !important;
}

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

a.badge-danger:hover, a.badge-danger:focus {
  color: var(--light-color) !important;
  background-color: var(--danger-color-hover) !important;
}

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

a.badge-light:hover, a.badge-light:focus {
  color: var(--dark-color) !important;
  background-color: var(--light-color-hover) !important;
}

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

a.badge-dark:hover, a.badge-dark:focus {
  color: var(--light-color) !important;
  background-color: var(--dark-color-hover) !important;
}

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

a.badge-muted:hover, a.badge-muted:focus {
  color: var(--light-color) !important;
  background-color: var(--muted-color-hover) !important;
}

a.badge:focus,
a.badge.focus,
a.badge-primary:focus,
a.badge-primary.focus,
a.badge-secondary:focus,
a.badge-secondary.focus,
a.badge-success:focus,
a.badge-success.focus,
a.badge-info:focus,
a.badge-info.focus,
a.badge-warning:focus,
a.badge-warning.focus,
a.badge-danger:focus,
a.badge-danger.focus,
a.badge-light:focus,
a.badge-light.focus,
a.badge-dark:focus,
a.badge-dark.focus,
a.badge-muted:focus,
a.badge-muted.focus {
  outline: none;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: var(--primary-color);
  background-color: var(--light-color);
}

/* Thumbnail
   ========================================================================== */

.thumbnail {
  padding: 0.25rem;
  margin-bottom: 1.25rem;
  line-height: var(--body-line-height);
  background-color: var(--white);
  border: 1px solid var(--white-300);
  border-radius: 0.25rem;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--primary-color);
}

/* Alert (BS3 + BS4)
   ========================================================================== */

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-heading {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: 700;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 0.3125rem;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.25rem 1rem;
}


/* !!!!! รอแก้ไข alert ของสีต่าง ๆ ยังไม่สมบูรณ์ */

.alert-primary {
  color: var(--primary-color-800);
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top: 1px solid currentColor;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: var(--secondary-color-800);
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top: 1px solid currentColor;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top: 1px solid currentColor;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top: 1px solid currentColor;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top: 1px solid currentColor;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top: 1px solid currentColor;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top: 1px solid currentColor;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top: 1px solid currentColor;
}

.alert-dark .alert-link {
  color: #040505;
}

/* close (BS3 + BS4)
   ========================================================================== */

.close {
  float: right;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 0.5;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  filter: alpha(opacity=75);
  opacity: .75;
}
a.close.disabled {
  pointer-events: none;
}

/* Modal (BS3 + BS4)
   ========================================================================== */

/*

.modal-dialog {
  margin: 0.5rem;
  pointer-events: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

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

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

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

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

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

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

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

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

.modal-content {
  pointer-events: auto;
  background-color: var(--white);
  background-clip: padding-box;
  border-radius: 0.3rem;
}

.modal-header {
  padding: 1rem;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-title {
  line-height: var(--body-line-height);
}

.modal-body {
  padding: 1rem;
}

.modal-footer {
  padding: 0.75rem;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    width: 300px;
  }
}

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

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

*/


/* Tooltip (Refer BS5)
   ========================================================================== */

.tooltip {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}
.tooltip.top {
  padding: 0.4rem 0;
  margin-top: -0.25rem;
}
.tooltip.right {
  padding: 0 0.4rem;
  margin-left: 0.25rem;
}
.tooltip.bottom {
  padding: 0.4rem 0;
  margin-top: 0.25rem;
}
.tooltip.left {
  padding: 0 0.4rem;
  margin-left: -0.25rem;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.4rem;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--dark-color);
}
.tooltip.top-left .tooltip-arrow {
  right: 0.4rem;
  bottom: 0;
  margin-bottom: -0.4rem;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--dark-color);
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 0.4rem;
  margin-bottom: -0.4rem;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--dark-color);
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -0.4rem;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: var(--dark-color);
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -0.4rem;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: var(--dark-color);
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -0.4rem;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--dark-color);
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 0.4rem;
  margin-top: -0.4rem;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--dark-color);
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 0.4rem;
  margin-top: -0.4rem;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--dark-color);
}
.tooltip-inner {
  padding: 0.25rem 0.5rem;
  color: var(--light-color);
  background-color: var(--dark-color);
  border-radius: 0.25rem;
}

/* Popover (Refer BS5)
   ========================================================================== */

.popover {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  background-color: var(--body-background-color);
  border-radius: 0.3rem;
}
.popover-title {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.4rem 0.4rem 0 0;
}
.popover-content {
  padding: 0.5rem 0.75rem;
  color: var(--body-text-color);
}





/* Add and Custom Transition BS3 (Ref BS4 + BS5)
   ========================================================================== */

.img-thumbnail {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.form-control {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fade {
  transition: opacity 0.15s linear;
}

.collapsing {
  transition: height 0.35s ease;
}

.thumbnail {
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.nav-link {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.navbar-toggler {
  transition: box-shadow 0.15s ease-in-out;
}

.badge {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.page-link {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.progress-bar {
  transition: width 0.6s ease;
}

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

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

.carousel-inner > .item {
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-item {
  transition: transform 0.6s ease-in-out;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  transition: opacity 0s 0.6s;
}

.carousel-control-prev,
.carousel-control-next {
  transition: opacity 0.15s ease;
}

.carousel-indicators li {
  transition: opacity 0.6s ease;
}

/* Prefers Reduced-Motion (Ref BS4 + BS5)
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  .img-thumbnail {
    transition: none;
  }
  .form-control {
    transition: none;
  }
  .btn {
    transition: none;
  }
  .fade {
    transition: none;
  }
  .collapsing {
    transition: none;
  }
  .thumbnail {
    transition: none;
  }
  .nav-link {
    transition: none;
  }
  .navbar-toggler {
    transition: none;
  }
  .badge {
    transition: none;
  }
  .page-link {
    transition: none;
  }
  .progress-bar {
    transition: none;
  }
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
  /* .modal.fade .modal-dialog {
    transition: none;
  } */
  .carousel-inner > .item {
    transition: none;
  }
  .carousel-item {
    transition: none;
  }
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
  .carousel-indicators li {
    transition: none;
  }
}




/* ============================================================================================================ */
/* ============================================================================================================ */

/* WAIT CUSTOM Jumbotron + Carosaule  */


/* Add Hidden class more than BS3
   ========================================================================== */

   /*
   ORIGINAL BS3 Provide

   .hidden {
     display: none !important;
   }

   @media (max-width: 767px) {
    .hidden-xs { display: none !important; }
   }

   @media (min-width: 768px) and (max-width: 991px) {
     .hidden-sm { display: none !important; }
   }

   @media (min-width: 992px) and (max-width: 1199px) {
     .hidden-md { display: none !important; }
   }

   @media (min-width: 1200px) {
     .hidden-lg { display: none !important; }
   }

   */

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .hidden-xs-and-sm {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-xs-and-sm-and-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-md-and-lg {
    display: none !important;
  }
}

/* Add Gutter more than BS3 to same as BS4
   ========================================================================== */

   /*
   ORIGINAL BS3 Provide

    .row-no-gutters {
      margin-right: 0;
      margin-left: 0;
    }

    .row-no-gutters [class*="col-"] {
      padding-right: 0;
      padding-left: 0;
    }

   */


/* .row-no-gutters, */
/* .row-gutter-0, */
/* .gutter-0, */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}




/**
 * -----------------------------------------------------------------------------
 * Utility Class
 * -----------------------------------------------------------------------------
 */

/* Font Family
   ========================================================================== */

.ff-brand   { font-family: var(--font-family-brand) !important; }
.ff-sans    { font-family: var(--font-family-sans) !important; }
.ff-serif   { font-family: var(--font-family-serif) !important; }
.ff-mono    { font-family: var(--font-family-mono) !important; }
.ff-body    { font-family: var(--body-font-family) !important; }
.ff-inherit { font-family: inherit !important; }

.ff-tahoma  { font-family: tahoma, sans-serif;}

/* Font Smoothing (Inspire by Tailwind CSS)
   ========================================================================== */

.antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

/* Position
   ========================================================================== */

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

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

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

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

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

/* Background Position
   ========================================================================== */

.bg-bottom        { background-position: bottom !important; }
.bg-center        { background-position: center !important; }
.bg-left          { background-position: left !important; }
.bg-left-bottom   { background-position: left bottom !important; }
.bg-left-top      { background-position: left top !important; }
.bg-right         { background-position: right !important; }
.bg-right-bottom  { background-position: right bottom !important; }
.bg-right-top     { background-position: right top !important; }
.bg-top           { background-position: top !important; }

/* Background Repeat
   ========================================================================== */

.bg-repeat        { background-repeat: repeat !important; }
.bg-no-repeat     { background-repeat: no-repeat !important; }
.bg-repeat-x      { background-repeat: repeat-x !important; }
.bg-repeat-y      { background-repeat: repeat-y !important; }
.bg-repeat-round  { background-repeat: round !important; }
.bg-repeat-space  { background-repeat: space !important; }

/* Background Size
   ========================================================================== */

.bg-auto    { background-size: auto !important; }
.bg-cover   { background-size: cover !important; }
.bg-contain { background-size: contain !important; }

/* Inset
   ========================================================================== */

.inset-0 {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.inset-auto {
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}

.inset-y-0 {
  top: 0 !important;
  bottom: 0 !important;
}

.inset-x-0 {
  right: 0 !important;
  left: 0 !important;
}

.inset-y-auto {
  top: auto !important;
  bottom: auto !important;
}

.inset-x-auto {
  right: auto !important;
  left: auto !important;
}

/* Top Right Bottom Left
   ========================================================================== */

.top-0        { top: 0 !important; }
.right-0      { right: 0 !important; }
.bottom-0     { bottom: 0 !important; }
.left-0       { left: 0 !important; }

.top-50       { top: 50% !important; }
.right-50     { right: 50% !important; }
.bottom-50    { bottom: 50% !important; }
.left-50      { left: 50% !important; }

.top-100      { top: 100% !important; }
.right-100    { right: 100% !important; }
.bottom-100   { bottom: 100% !important; }
.left-100     { left: 100% !important; }

.top-auto     { top: auto !important; }
.right-auto   { right: auto !important; }
.bottom-auto  { bottom: auto !important; }
.left-auto    { left: auto !important; }

/* Resize
   ========================================================================== */

.resize-none  { resize: none !important; }
.resize-y     { resize: vertical !important; }
.resize-x     { resize: horizontal !important; }
.resize       { resize: both !important; }

/* Shadow
   ========================================================================== */

.shadow-xs { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; }
.shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; }
.shadow-outline { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; }
.shadow-none { box-shadow: none !important; }

.hover\:shadow-xs:hover { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; }
.hover\:shadow-sm:hover { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; }
.hover\:shadow:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; }
.hover\:shadow-md:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; }
.hover\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; }
.hover\:shadow-xl:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; }
.hover\:shadow-2xl:hover { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; }
.hover\:shadow-inner:hover { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; }
.hover\:shadow-outline:hover { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; }
.hover\:shadow-none:hover { box-shadow: none !important; }

.focus\:shadow-xs:focus { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; }
.focus\:shadow-sm:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; }
.focus\:shadow:focus { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; }
.focus\:shadow-md:focus { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; }
.focus\:shadow-lg:focus { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; }
.focus\:shadow-xl:focus { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; }
.focus\:shadow-2xl:focus { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; }
.focus\:shadow-inner:focus { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; }
.focus\:shadow-outline:focus { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; }
.focus\:shadow-none:focus { box-shadow: none !important; }

/* Fill
   ========================================================================== */

.fill-current { fill: currentColor !important; }

/* Stoke
   ========================================================================== */

.stroke-current { stroke: currentColor !important; }
.stroke-0       { stroke-width: 0 !important; }
.stroke-1       { stroke-width: 1 !important; }
.stroke-2       { stroke-width: 2 !important; }

/* Table Layout
   ========================================================================== */

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

/* Font style
   ========================================================================== */

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

/* Text Transform
   ========================================================================== */

.uppercase   { text-transform: uppercase !important; }
.lowercase   { text-transform: lowercase !important; }
.capitalize  { text-transform: capitalize !important; }
.normal-case { text-transform: none !important; }

/* Text Decoration
   ========================================================================== */

.underline    { text-decoration: underline !important; }
.line-through { text-decoration: line-through !important; }
.no-underline { text-decoration: none !important; }

.hover\:underline:hover    { text-decoration: underline !important; }
.hover\:line-through:hover { text-decoration: line-through !important; }
.hover\:no-underline:hover { text-decoration: none !important; }

.focus\:underline:focus    { text-decoration: underline !important; }
.focus\:line-through:focus { text-decoration: line-through !important; }
.focus\:no-underline:focus { text-decoration: none !important; }

/* Text Align
   ========================================================================== */

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

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

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

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

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

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
  .text-xs-justify {
    text-align: justify !important;
  }
  .text-xs-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .text-xs-and-sm-left {
    text-align: left !important;
  }
  .text-xs-and-sm-right {
    text-align: right !important;
  }
  .text-xs-and-sm-center {
    text-align: center !important;
  }
  .text-xs-and-sm-justify {
    text-align: justify !important;
  }
  .text-xs-and-sm-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Handling & Prevent Long Words, Long String, and Long URLs (Forcing Breaks)
   ========================================================================== */

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

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

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

/* Handling & Prevent Long Words, Long String, and Long URLs (Forcing Ellipsis ... )
   ========================================================================== */

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

/* Letter Spacing
   ========================================================================== */

.letter-spacing-base     { letter-spacing: var(--body-letter-spacing) !important; }
.letter-spacing-tightest { letter-spacing: -0.1em !important; }
.letter-spacing-tighter  { letter-spacing: -0.05em !important; }
.letter-spacing-tight    { letter-spacing: -0.025em !important; }
.letter-spacing-normal   { letter-spacing: 0 !important; }
.letter-spacing-wide     { letter-spacing: 0.025em !important; }
.letter-spacing-wider    { letter-spacing: 0.05em !important; }
.letter-spacing-widest   { letter-spacing: 0.1em !important; }

.hover\:letter-spacing-base:hover     { letter-spacing: var(--body-letter-spacing) !important; }
.hover\:letter-spacing-tightest:hover { letter-spacing: -0.1em !important; }
.hover\:letter-spacing-tighter:hover  { letter-spacing: -0.05em !important; }
.hover\:letter-spacing-tight:hover    { letter-spacing: -0.025em !important; }
.hover\:letter-spacing-normal:hover   { letter-spacing: 0 !important; }
.hover\:letter-spacing-wide:hover     { letter-spacing: 0.025em !important; }
.hover\:letter-spacing-wider:hover    { letter-spacing: 0.05em !important; }
.hover\:letter-spacing-widest:hover   { letter-spacing: 0.1em !important; }

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .letter-spacing-xs-base     { letter-spacing: var(--body-letter-spacing) !important; }
  .letter-spacing-xs-tightest { letter-spacing: -0.1em !important; }
  .letter-spacing-xs-tighter  { letter-spacing: -0.05em !important; }
  .letter-spacing-xs-tight    { letter-spacing: -0.025em !important; }
  .letter-spacing-xs-normal   { letter-spacing: 0 !important; }
  .letter-spacing-xs-wide     { letter-spacing: 0.025em !important; }
  .letter-spacing-xs-wider    { letter-spacing: 0.05em !important; }
  .letter-spacing-xs-widest   { letter-spacing: 0.1em !important; }

  .hover\:letter-spacing-xs-base:hover     { letter-spacing: var(--body-letter-spacing) !important; }
  .hover\:letter-spacing-xs-tighter:hover  { letter-spacing: -0.05em !important; }
  .hover\:letter-spacing-xs-tight:hover    { letter-spacing: -0.025em !important; }
  .hover\:letter-spacing-xs-normal:hover   { letter-spacing: 0 !important; }
  .hover\:letter-spacing-xs-wide:hover     { letter-spacing: 0.025em !important; }
  .hover\:letter-spacing-xs-wider:hover    { letter-spacing: 0.05em !important; }
  .hover\:letter-spacing-xs-widest:hover   { letter-spacing: 0.1em !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .letter-spacing-xs-and-sm-tightest { letter-spacing: -0.1em !important; }
  .letter-spacing-xs-and-sm-tighter  { letter-spacing: -0.05em !important; }
  .letter-spacing-xs-and-sm-tight    { letter-spacing: -0.025em !important; }
  .letter-spacing-xs-and-sm-normal   { letter-spacing: 0 !important; }
  .letter-spacing-xs-and-sm-wide     { letter-spacing: 0.025em !important; }
  .letter-spacing-xs-and-sm-wider    { letter-spacing: 0.05em !important; }
  .letter-spacing-xs-and-sm-widest   { letter-spacing: 0.1em !important; }
  .hover\:letter-spacing-xs-and-sm-tightest:hover { letter-spacing: -0.1em !important; }
  .hover\:letter-spacing-xs-and-sm-tighter:hover  { letter-spacing: -0.05em !important; }
  .hover\:letter-spacing-xs-and-sm-tight:hover    { letter-spacing: -0.025em !important; }
  .hover\:letter-spacing-xs-and-sm-normal:hover   { letter-spacing: 0 !important; }
  .hover\:letter-spacing-xs-and-sm-wide:hover     { letter-spacing: 0.025em !important; }
  .hover\:letter-spacing-xs-and-sm-wider:hover    { letter-spacing: 0.05em !important; }
  .hover\:letter-spacing-xs-and-sm-widest:hover   { letter-spacing: 0.1em !important; }
}

/* User Select
   ========================================================================== */

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
      -ms-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
      user-select: text !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
      user-select: none !important;
}

/* Pointer Events
   ========================================================================== */

.pointer-events-none { pointer-events: none !important; }
.pointer-events-auto { pointer-events: auto !important; }

/* Align (baseline/top/middle/bottom/text-top)
   ========================================================================== */

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

/* Visibility (visible/hidden)
   ========================================================================== */

.visible   { visibility: visible !important; }
.invisible { visibility: hidden !important; }

/* White Space
   ========================================================================== */

.whitespace-normal {
  white-space: normal !important;
}

.whitespace-no-wrap {
  white-space: nowrap !important;
}

.whitespace-pre {
  white-space: pre !important;
}

.whitespace-pre-line {
  white-space: pre-line !important;
}

.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

/* Break (normal/words/all)
   ========================================================================== */

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

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

.break-all {
  word-break: break-all !important;
}

/* Border Collapse
   ========================================================================== */

.border-collapse { border-collapse: collapse !important; }
.border-separate { border-collapse: separate !important; }

/* Border Style
   ========================================================================== */

.border-solid  { border-style: solid !important; }
.border-dashed { border-style: dashed !important; }
.border-dotted { border-style: dotted !important; }
.border-double { border-style: double !important; }
.border-none   { border-style: none !important; }

/* Border Width
   ========================================================================== */

.border-0 { border-width: 0 !important; }
.border-1 { border-width: 1px !important; }
.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }
.border-4 { border-width: 4px !important; }
.border-5 { border-width: 5px !important; }
.border-6 { border-width: 6px !important; }
.border-7 { border-width: 7px !important; }
.border-8 { border-width: 8px !important; }

.border-top-0 { border-top-width: 0 !important; }
.border-top-1 { border-top-width: 1px !important; }
.border-top-2 { border-top-width: 2px !important; }
.border-top-3 { border-top-width: 3px !important; }
.border-top-4 { border-top-width: 4px !important; }
.border-top-5 { border-top-width: 5px !important; }
.border-top-6 { border-top-width: 6px !important; }
.border-top-7 { border-top-width: 7px !important; }
.border-top-8 { border-top-width: 8px !important; }

.border-bottom-0 { border-bottom-width: 0 !important; }
.border-bottom-1 { border-bottom-width: 1px !important; }
.border-bottom-2 { border-bottom-width: 2px !important; }
.border-bottom-3 { border-bottom-width: 3px !important; }
.border-bottom-4 { border-bottom-width: 4px !important; }
.border-bottom-5 { border-bottom-width: 5px !important; }
.border-bottom-6 { border-bottom-width: 6px !important; }
.border-bottom-7 { border-bottom-width: 7px !important; }
.border-bottom-8 { border-bottom-width: 8px !important; }

.border-left-0 { border-left-width: 0 !important; }
.border-left-1 { border-left-width: 1px !important; }
.border-left-2 { border-left-width: 2px !important; }
.border-left-3 { border-left-width: 3px !important; }
.border-left-4 { border-left-width: 4px !important; }
.border-left-5 { border-left-width: 5px !important; }
.border-left-6 { border-left-width: 6px !important; }
.border-left-7 { border-left-width: 7px !important; }
.border-left-8 { border-left-width: 8px !important; }

.border-right-0 { border-right-width: 0 !important; }
.border-right-1 { border-right-width: 1px !important; }
.border-right-2 { border-right-width: 2px !important; }
.border-right-3 { border-right-width: 3px !important; }
.border-right-4 { border-right-width: 4px !important; }
.border-right-5 { border-right-width: 5px !important; }
.border-right-6 { border-right-width: 6px !important; }
.border-right-7 { border-right-width: 7px !important; }
.border-right-8 { border-right-width: 8px !important; }

/* Border Radius (Rounded)
   ========================================================================== */

.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 1px !important;
}
.rounded-2 {
  border-radius: 2px !important;
}
.rounded-3 {
  border-radius: 3px !important;
}
.rounded-4 {
  border-radius: 4px !important;
}
.rounded-5 {
  border-radius: 5px !important;
}
.rounded-6 {
  border-radius: 6px !important;
}
.rounded-7 {
  border-radius: 7px !important;
}
.rounded-8 {
  border-radius: 8px !important;
}
.rounded-9 {
  border-radius: 9px !important;
}
.rounded-10 {
  border-radius: 10px !important;
}
.rounded-11 {
  border-radius: 11px !important;
}
.rounded-12 {
  border-radius: 12px !important;
}
.rounded-13 {
  border-radius: 13px !important;
}
.rounded-14 {
  border-radius: 14px !important;
}
.rounded-15 {
  border-radius: 15px !important;
}
.rounded-16 {
  border-radius: 16px !important;
}
.rounded-17 {
  border-radius: 17px !important;
}
.rounded-18 {
  border-radius: 18px !important;
}
.rounded-19 {
  border-radius: 19px !important;
}
.rounded-20 {
  border-radius: 20px !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 800px !important;
}

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .rounded-xs-0 {
    border-radius: 0 !important;
  }
  .rounded-xs-circle {
    border-radius: 50% !important;
  }
  .rounded-xs-pill {
    border-radius: 800px !important;
  }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .rounded-xs-and-sm-0 {
    border-radius: 0 !important;
  }
  .rounded-xs-and-sm-circle {
    border-radius: 50% !important;
  }
  .rounded-xs-and-sm-pill {
    border-radius: 800px !important;
  }
}

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

.rounded-sm {
  border-radius: 0.125rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-md {
  border-radius: 0.375rem !important;
}

.rounded-lg {
  border-radius: 0.5rem !important;
}

.rounded-full {
  border-radius: 9999px !important;
}

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

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

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

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

.rounded-t-sm {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}

.rounded-t {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-r {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-b {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-l {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-t-full {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.rounded-r-full {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.rounded-b-full {
  border-bottom-right-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.rounded-l-full {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

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

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

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

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

.rounded-tl-sm {
  border-top-left-radius: 0.125rem !important;
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem !important;
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem !important;
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem !important;
}

.rounded-tl {
  border-top-left-radius: 0.25rem !important;
}

.rounded-tr {
  border-top-right-radius: 0.25rem !important;
}

.rounded-br {
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bl {
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem !important;
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem !important;
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem !important;
}

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem !important;
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem !important;
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-tl-full {
  border-top-left-radius: 9999px !important;
}

.rounded-tr-full {
  border-top-right-radius: 9999px !important;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px !important;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px !important;
}

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .rounded-xs-none {
    border-radius: 0 !important;
  }
  .rounded-xs-full {
    border-radius: 9999px !important;
  }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .rounded-xs-and-sm-none {
    border-radius: 0 !important;
  }
  .rounded-xs-and-sm-full {
    border-radius: 9999px !important;
  }
}

/* Box Sizing
   ========================================================================== */

.box-border  { box-sizing: border-box !important; }
.box-content { box-sizing: content-box !important; }

/* Cursor
   ========================================================================== */

.cursor-auto        { cursor: auto !important; }
.cursor-default     { cursor: default !important; }
.cursor-pointer     { cursor: pointer !important; }
.cursor-wait        { cursor: wait !important; }
.cursor-text        { cursor: text !important; }
.cursor-move        { cursor: move !important; }
.cursor-not-allowed { cursor: not-allowed !important; }

/* Display
   ========================================================================== */

.d-inline             { display: inline !important; }
.d-inline-block       { display: inline-block !important; }
.d-block              { display: block !important; }
.d-table              { display: table !important; }
.d-table-caption      { display: table-caption !important; }
.d-table-cell         { display: table-cell !important; }
.d-table-row          { display: table-row !important; }
.d-table-column       { display: table-column !important; }
.d-table-row-group    { display: table-row-group !important; }
.d-table-column-group { display: table-column-group !important; }
.d-table-footer-group { display: table-footer-group !important; }
.d-table-header-group { display: table-header-group !important; }
.d-flex               { display: flex !important; }
.d-inline-flex        { display: inline-flex !important; }
.d-grid               { display: grid !important; }
.d-inline-grid        { display: inline-grid !important; }
.d-contents           { display: contents !important; }
.d-none               { display: none !important; }

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .d-xs-inline             { display: inline !important; }
  .d-xs-inline-block       { display: inline-block !important; }
  .d-xs-block              { display: block !important; }
  .d-xs-table              { display: table !important; }
  .d-xs-table-caption      { display: table-caption !important; }
  .d-xs-table-cell         { display: table-cell !important; }
  .d-xs-table-row          { display: table-row !important; }
  .d-xs-table-column       { display: table-column !important; }
  .d-xs-table-row-group    { display: table-row-group !important; }
  .d-xs-table-column-group { display: table-column-group !important; }
  .d-xs-table-footer-group { display: table-footer-group !important; }
  .d-xs-table-header-group { display: table-header-group !important; }
  .d-xs-flex               { display: flex !important; }
  .d-xs-inline-flex        { display: inline-flex !important; }
  .d-xs-grid               { display: grid !important; }
  .d-xs-inline-grid        { display: inline-grid !important; }
  .d-xs-contents           { display: contents !important; }
  .d-xs-none               { display: none !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .d-xs-and-sm-inline             { display: inline !important; }
  .d-xs-and-sm-inline-block       { display: inline-block !important; }
  .d-xs-and-sm-block              { display: block !important; }
  .d-xs-and-sm-table              { display: table !important; }
  .d-xs-and-sm-table-caption      { display: table-caption !important; }
  .d-xs-and-sm-table-cell         { display: table-cell !important; }
  .d-xs-and-sm-table-row          { display: table-row !important; }
  .d-xs-and-sm-table-column       { display: table-column !important; }
  .d-xs-and-sm-table-row-group    { display: table-row-group !important; }
  .d-xs-and-sm-table-column-group { display: table-column-group !important; }
  .d-xs-and-sm-table-footer-group { display: table-footer-group !important; }
  .d-xs-and-sm-table-header-group { display: table-header-group !important; }
  .d-xs-and-sm-flex               { display: flex !important; }
  .d-xs-and-sm-inline-flex        { display: inline-flex !important; }
  .d-xs-and-sm-grid               { display: grid !important; }
  .d-xs-and-sm-inline-grid        { display: inline-grid !important; }
  .d-xs-and-sm-contents           { display: contents !important; }
  .d-xs-and-sm-none               { display: none !important; }
}

@media (min-width: 768px) {
  .d-sm-inline             { display: inline !important; }
  .d-sm-inline-block       { display: inline-block !important; }
  .d-sm-block              { display: block !important; }
  .d-sm-table              { display: table !important; }
  .d-sm-table-caption      { display: table-caption !important; }
  .d-sm-table-cell         { display: table-cell !important; }
  .d-sm-table-row          { display: table-row !important; }
  .d-sm-table-column       { display: table-column !important; }
  .d-sm-table-row-group    { display: table-row-group !important; }
  .d-sm-table-column-group { display: table-column-group !important; }
  .d-sm-table-footer-group { display: table-footer-group !important; }
  .d-sm-table-header-group { display: table-header-group !important; }
  .d-sm-flex               { display: flex !important; }
  .d-sm-inline-flex        { display: inline-flex !important; }
  .d-sm-grid               { display: grid !important; }
  .d-sm-inline-grid        { display: inline-grid !important; }
  .d-sm-contents           { display: contents !important; }
  .d-sm-none               { display: none !important; }
}

@media (min-width: 992px) {
  .d-md-inline             { display: inline !important; }
  .d-md-inline-block       { display: inline-block !important; }
  .d-md-block              { display: block !important; }
  .d-md-table              { display: table !important; }
  .d-md-table-caption      { display: table-caption !important; }
  .d-md-table-cell         { display: table-cell !important; }
  .d-md-table-row          { display: table-row !important; }
  .d-md-table-column       { display: table-column !important; }
  .d-md-table-row-group    { display: table-row-group !important; }
  .d-md-table-column-group { display: table-column-group !important; }
  .d-md-table-footer-group { display: table-footer-group !important; }
  .d-md-table-header-group { display: table-header-group !important; }
  .d-md-flex               { display: flex !important; }
  .d-md-inline-flex        { display: inline-flex !important; }
  .d-md-grid               { display: grid !important; }
  .d-md-inline-grid        { display: inline-grid !important; }
  .d-md-contents           { display: contents !important; }
  .d-md-none               { display: none !important; }
}

@media (min-width: 1200px) {
  .d-lg-inline             { display: inline !important; }
  .d-lg-inline-block       { display: inline-block !important; }
  .d-lg-block              { display: block !important; }
  .d-lg-table              { display: table !important; }
  .d-lg-table-caption      { display: table-caption !important; }
  .d-lg-table-cell         { display: table-cell !important; }
  .d-lg-table-row          { display: table-row !important; }
  .d-lg-table-column       { display: table-column !important; }
  .d-lg-table-row-group    { display: table-row-group !important; }
  .d-lg-table-column-group { display: table-column-group !important; }
  .d-lg-table-footer-group { display: table-footer-group !important; }
  .d-lg-table-header-group { display: table-header-group !important; }
  .d-lg-flex               { display: flex !important; }
  .d-lg-inline-flex        { display: inline-flex !important; }
  .d-lg-grid               { display: grid !important; }
  .d-lg-inline-grid        { display: inline-grid !important; }
  .d-lg-contents           { display: contents !important; }
  .d-lg-none               { display: none !important; }
}

/* Float
   ========================================================================== */

.pull-right, .float-right { float: right !important; }
.pull-left,  .float-left  { float: left !important; }
.pull-none,  .float-none  { float: none !important; }

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .pull-xs-right, .float-xs-right { float: right !important; }
  .pull-xs-left,  .float-xs-left  { float: left !important; }
  .pull-xs-none,  .float-xs-none  { float: none !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .pull-xs-and-sm-right, .float-xs-and-sm-right { float: right !important; }
  .pull-xs-and-sm-left,  .float-xs-and-sm-left  { float: left !important; }
  .pull-xs-and-sm-none,  .float-xs-and-sm-none  { float: none !important; }
}

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

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

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

/* Clear
   ========================================================================== */

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

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

/* Width
   ========================================================================== */

.w-0      { width: 0 !important; }
.w-1      { width: 0.25rem !important; }
.w-2      { width: 0.5rem !important; }
.w-3      { width: 0.75rem !important; }
.w-4      { width: 1rem !important; }
.w-5      { width: 1.25rem !important; }
.w-6      { width: 1.5rem !important; }
.w-7      { width: 1.75rem !important; }
.w-8      { width: 2rem !important; }
.w-9      { width: 2.25rem !important; }
.w-10     { width: 2.5rem !important; }
.w-11     { width: 2.75rem !important; }
.w-12     { width: 3rem !important; }
.w-16     { width: 4rem !important; }
.w-20     { width: 5rem !important; }
.w-24     { width: 6rem !important; }
.w-32     { width: 8rem !important; }
.w-40     { width: 10rem !important; }
.w-48     { width: 12rem !important; }
.w-56     { width: 14rem !important; }
.w-64     { width: 16rem !important; }
.w-auto   { width: auto !important; }
.w-px     { width: 1px !important; }
.w-1\/2   { width: 50% !important; }
.w-1\/3   { width: 33.333333% !important; }
.w-2\/3   { width: 66.666667% !important; }
.w-1\/4   { width: 25% !important; }
.w-2\/4   { width: 50% !important; }
.w-3\/4   { width: 75% !important; }
.w-1\/5   { width: 20% !important; }
.w-2\/5   { width: 40% !important; }
.w-3\/5   { width: 60% !important; }
.w-4\/5   { width: 80% !important; }
.w-1\/6   { width: 16.666667% !important; }
.w-2\/6   { width: 33.333333% !important; }
.w-3\/6   { width: 50% !important; }
.w-4\/6   { width: 66.666667% !important; }
.w-5\/6   { width: 83.333333% !important; }
.w-1\/12  { width: 8.333333% !important; }
.w-2\/12  { width: 16.666667% !important; }
.w-3\/12  { width: 25% !important; }
.w-4\/12  { width: 33.333333% !important; }
.w-5\/12  { width: 41.666667% !important; }
.w-6\/12  { width: 50% !important; }
.w-7\/12  { width: 58.333333% !important; }
.w-8\/12  { width: 66.666667% !important; }
.w-9\/12  { width: 75% !important; }
.w-10\/12 { width: 83.333333% !important; }
.w-11\/12 { width: 91.666667% !important; }
.w-full   { width: 100% !important; }
.w-screen { width: 100vw !important; }

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .w-xs-0      { width: 0 !important; }
  .w-xs-1      { width: 0.25rem !important; }
  .w-xs-2      { width: 0.5rem !important; }
  .w-xs-3      { width: 0.75rem !important; }
  .w-xs-4      { width: 1rem !important; }
  .w-xs-5      { width: 1.25rem !important; }
  .w-xs-6      { width: 1.5rem !important; }
  .w-xs-7      { width: 1.75rem !important; }
  .w-xs-8      { width: 2rem !important; }
  .w-xs-9      { width: 2.25rem !important; }
  .w-xs-10     { width: 2.5rem !important; }
  .w-xs-11     { width: 2.75rem !important; }
  .w-xs-12     { width: 3rem !important; }
  .w-xs-16     { width: 4rem !important; }
  .w-xs-20     { width: 5rem !important; }
  .w-xs-24     { width: 6rem !important; }
  .w-xs-32     { width: 8rem !important; }
  .w-xs-40     { width: 10rem !important; }
  .w-xs-48     { width: 12rem !important; }
  .w-xs-56     { width: 14rem !important; }
  .w-xs-64     { width: 16rem !important; }
  .w-xs-auto   { width: auto !important; }
  .w-xs-px     { width: 1px !important; }
  .w-xs-1\/2   { width: 50% !important; }
  .w-xs-1\/3   { width: 33.333333% !important; }
  .w-xs-2\/3   { width: 66.666667% !important; }
  .w-xs-1\/4   { width: 25% !important; }
  .w-xs-2\/4   { width: 50% !important; }
  .w-xs-3\/4   { width: 75% !important; }
  .w-xs-1\/5   { width: 20% !important; }
  .w-xs-2\/5   { width: 40% !important; }
  .w-xs-3\/5   { width: 60% !important; }
  .w-xs-4\/5   { width: 80% !important; }
  .w-xs-1\/6   { width: 16.666667% !important; }
  .w-xs-2\/6   { width: 33.333333% !important; }
  .w-xs-3\/6   { width: 50% !important; }
  .w-xs-4\/6   { width: 66.666667% !important; }
  .w-xs-5\/6   { width: 83.333333% !important; }
  .w-xs-1\/12  { width: 8.333333% !important; }
  .w-xs-2\/12  { width: 16.666667% !important; }
  .w-xs-3\/12  { width: 25% !important; }
  .w-xs-4\/12  { width: 33.333333% !important; }
  .w-xs-5\/12  { width: 41.666667% !important; }
  .w-xs-6\/12  { width: 50% !important; }
  .w-xs-7\/12  { width: 58.333333% !important; }
  .w-xs-8\/12  { width: 66.666667% !important; }
  .w-xs-9\/12  { width: 75% !important; }
  .w-xs-10\/12 { width: 83.333333% !important; }
  .w-xs-11\/12 { width: 91.666667% !important; }
  .w-xs-full   { width: 100% !important; }
  .w-xs-screen { width: 100vw !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .w-xs-and-sm-0      { width: 0 !important; }
  .w-xs-and-sm-1      { width: 0.25rem !important; }
  .w-xs-and-sm-2      { width: 0.5rem !important; }
  .w-xs-and-sm-3      { width: 0.75rem !important; }
  .w-xs-and-sm-4      { width: 1rem !important; }
  .w-xs-and-sm-5      { width: 1.25rem !important; }
  .w-xs-and-sm-6      { width: 1.5rem !important; }
  .w-xs-and-sm-7      { width: 1.75rem !important; }
  .w-xs-and-sm-8      { width: 2rem !important; }
  .w-xs-and-sm-9      { width: 2.25rem !important; }
  .w-xs-and-sm-10     { width: 2.5rem !important; }
  .w-xs-and-sm-11     { width: 2.75rem !important; }
  .w-xs-and-sm-12     { width: 3rem !important; }
  .w-xs-and-sm-16     { width: 4rem !important; }
  .w-xs-and-sm-20     { width: 5rem !important; }
  .w-xs-and-sm-24     { width: 6rem !important; }
  .w-xs-and-sm-32     { width: 8rem !important; }
  .w-xs-and-sm-40     { width: 10rem !important; }
  .w-xs-and-sm-48     { width: 12rem !important; }
  .w-xs-and-sm-56     { width: 14rem !important; }
  .w-xs-and-sm-64     { width: 16rem !important; }
  .w-xs-and-sm-auto   { width: auto !important; }
  .w-xs-and-sm-px     { width: 1px !important; }
  .w-xs-and-sm-1\/2   { width: 50% !important; }
  .w-xs-and-sm-1\/3   { width: 33.333333% !important; }
  .w-xs-and-sm-2\/3   { width: 66.666667% !important; }
  .w-xs-and-sm-1\/4   { width: 25% !important; }
  .w-xs-and-sm-2\/4   { width: 50% !important; }
  .w-xs-and-sm-3\/4   { width: 75% !important; }
  .w-xs-and-sm-1\/5   { width: 20% !important; }
  .w-xs-and-sm-2\/5   { width: 40% !important; }
  .w-xs-and-sm-3\/5   { width: 60% !important; }
  .w-xs-and-sm-4\/5   { width: 80% !important; }
  .w-xs-and-sm-1\/6   { width: 16.666667% !important; }
  .w-xs-and-sm-2\/6   { width: 33.333333% !important; }
  .w-xs-and-sm-3\/6   { width: 50% !important; }
  .w-xs-and-sm-4\/6   { width: 66.666667% !important; }
  .w-xs-and-sm-5\/6   { width: 83.333333% !important; }
  .w-xs-and-sm-1\/12  { width: 8.333333% !important; }
  .w-xs-and-sm-2\/12  { width: 16.666667% !important; }
  .w-xs-and-sm-3\/12  { width: 25% !important; }
  .w-xs-and-sm-4\/12  { width: 33.333333% !important; }
  .w-xs-and-sm-5\/12  { width: 41.666667% !important; }
  .w-xs-and-sm-6\/12  { width: 50% !important; }
  .w-xs-and-sm-7\/12  { width: 58.333333% !important; }
  .w-xs-and-sm-8\/12  { width: 66.666667% !important; }
  .w-xs-and-sm-9\/12  { width: 75% !important; }
  .w-xs-and-sm-10\/12 { width: 83.333333% !important; }
  .w-xs-and-sm-11\/12 { width: 91.666667% !important; }
  .w-xs-and-sm-full   { width: 100% !important; }
  .w-xs-and-sm-screen { width: 100vw !important; }
}

/* Min Width
   ========================================================================== */

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

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .min-w-xs-0 { min-width: 0 !important; }
  .min-w-xs-full { min-width: 100% !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .min-w-xs-and-sm-0 { min-width: 0 !important; }
  .min-w-xs-and-sm-full { min-width: 100% !important; }
}

/* Max Width
   ========================================================================== */

.max-w-none      { max-width: none !important; }
.max-w-xs        { max-width: 20rem !important; }
.max-w-sm        { max-width: 24rem !important; }
.max-w-md        { max-width: 28rem !important; }
.max-w-lg        { max-width: 32rem !important; }
.max-w-xl        { max-width: 36rem !important; }
.max-w-2xl       { max-width: 42rem !important; }
.max-w-3xl       { max-width: 48rem !important; }
.max-w-4xl       { max-width: 56rem !important; }
.max-w-5xl       { max-width: 64rem !important; }
.max-w-6xl       { max-width: 72rem !important; }
.max-w-full      { max-width: 100% !important; }
.max-w-screen-sm { max-width: 640px !important; }
.max-w-screen-md { max-width: 768px !important; }
.max-w-screen-lg { max-width: 1024px !important; }
.max-w-screen-xl { max-width: 1280px !important; }

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .max-w-xs-none      { max-width: none !important; }
  .max-w-xs-xs        { max-width: 20rem !important; }
  .max-w-xs-sm        { max-width: 24rem !important; }
  .max-w-xs-md        { max-width: 28rem !important; }
  .max-w-xs-lg        { max-width: 32rem !important; }
  .max-w-xs-xl        { max-width: 36rem !important; }
  .max-w-xs-2xl       { max-width: 42rem !important; }
  .max-w-xs-3xl       { max-width: 48rem !important; }
  .max-w-xs-4xl       { max-width: 56rem !important; }
  .max-w-xs-5xl       { max-width: 64rem !important; }
  .max-w-xs-6xl       { max-width: 72rem !important; }
  .max-w-xs-full      { max-width: 100% !important; }
  .max-w-xs-screen-sm { max-width: 640px !important; }
  .max-w-xs-screen-md { max-width: 768px !important; }
  .max-w-xs-screen-lg { max-width: 1024px !important; }
  .max-w-xs-screen-xl { max-width: 1280px !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .max-w-xs-and-sm-none      { max-width: none !important; }
  .max-w-xs-and-sm-xs        { max-width: 20rem !important; }
  .max-w-xs-and-sm-sm        { max-width: 24rem !important; }
  .max-w-xs-and-sm-md        { max-width: 28rem !important; }
  .max-w-xs-and-sm-lg        { max-width: 32rem !important; }
  .max-w-xs-and-sm-xl        { max-width: 36rem !important; }
  .max-w-xs-and-sm-2xl       { max-width: 42rem !important; }
  .max-w-xs-and-sm-3xl       { max-width: 48rem !important; }
  .max-w-xs-and-sm-4xl       { max-width: 56rem !important; }
  .max-w-xs-and-sm-5xl       { max-width: 64rem !important; }
  .max-w-xs-and-sm-6xl       { max-width: 72rem !important; }
  .max-w-xs-and-sm-full      { max-width: 100% !important; }
  .max-w-xs-and-sm-screen-sm { max-width: 640px !important; }
  .max-w-xs-and-sm-screen-md { max-width: 768px !important; }
  .max-w-xs-and-sm-screen-lg { max-width: 1024px !important; }
  .max-w-xs-and-sm-screen-xl { max-width: 1280px !important; }
}

/* Height
   ========================================================================== */

.h-0 { height: 0 !important; }
.h-1 { height: 0.25rem !important; }
.h-2 { height: 0.5rem !important; }
.h-3 { height: 0.75rem !important; }
.h-4 { height: 1rem !important; }
.h-5 { height: 1.25rem !important; }
.h-6 { height: 1.5rem !important; }
.h-7 { height: 1.75rem !important; }
.h-8 { height: 2rem !important; }
.h-9 { height: 2.25rem !important; }
.h-10 { height: 2.5rem !important; }
.h-11 { height: 2.75rem !important; }
.h-12 { height: 3rem !important; }
.h-16 { height: 4rem !important; }
.h-20 { height: 5rem !important; }
.h-24 { height: 6rem !important; }
.h-32 { height: 8rem !important; }
.h-40 { height: 10rem !important; }
.h-48 { height: 12rem !important; }
.h-56 { height: 14rem !important; }
.h-64 { height: 16rem !important; }
.h-auto { height: auto !important; }
.h-px { height: 1px !important; }
.h-full { height: 100% !important; }
.h-screen { height: 100vh !important; }

/* Min Height
   ========================================================================== */

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

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .min-h-xs-0 { min-height: 0 !important; }
  .min-h-xs-full { min-height: 100% !important; }
  .min-h-xs-screen { min-height: 100vh !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .min-h-xs-and-sm-0 { min-height: 0 !important; }
  .min-h-xs-and-sm-full { min-height: 100% !important; }
  .min-h-xs-and-sm-screen { min-height: 100vh !important; }
}

/* Max Height
   ========================================================================== */

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

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .max-h-xs-full { max-height: 100% !important; }
  .max-h-xs-screen { max-height: 100vh !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .max-h-xs-and-sm-full { max-height: 100% !important; }
  .max-h-xs-and-sm-screen { max-height: 100vh !important; }
}

/* Object
   ========================================================================== */

.object-contain       { object-fit: contain !important; }
.object-cover         { object-fit: cover !important; }
.object-fill          { object-fit: fill !important; }
.object-none          { object-fit: none !important; }
.object-scale-down    { object-fit: scale-down !important; }
.object-bottom        { object-position: bottom !important; }
.object-center        { object-position: center !important; }
.object-left          { object-position: left !important; }
.object-left-bottom   { object-position: left bottom !important; }
.object-left-top      { object-position: left top !important; }
.object-right         { object-position: right !important; }
.object-right-bottom  { object-position: right bottom !important; }
.object-right-top     { object-position: right top !important; }
.object-top           { object-position: top !important; }

/* Opacity
   ========================================================================== */

.opacity-0    { opacity: 0 !important; }
.opacity-25   { opacity: 0.25 !important; }
.opacity-50   { opacity: 0.5 !important; }
.opacity-75   { opacity: 0.75 !important; }
.opacity-100  { opacity: 1 !important; }

.hover\:opacity-0:hover   { opacity: 0 !important; }
.hover\:opacity-25:hover  { opacity: 0.25 !important; }
.hover\:opacity-50:hover  { opacity: 0.5 !important; }
.hover\:opacity-75:hover  { opacity: 0.75 !important; }
.hover\:opacity-100:hover { opacity: 1 !important; }

.focus\:opacity-0:focus   { opacity: 0 !important; }
.focus\:opacity-25:focus  { opacity: 0.25 !important; }
.focus\:opacity-50:focus  { opacity: 0.5 !important; }
.focus\:opacity-75:focus  { opacity: 0.75 !important; }
.focus\:opacity-100:focus { opacity: 1 !important; }

/* Outline
   ========================================================================== */

.outline-none {
  outline: 0 !important;
}

.focus\:outline-none:focus {
  outline: 0 !important;
}

/* Overflow / overscroll
   ========================================================================== */

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

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

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

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

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

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

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

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

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

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

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch !important;
}

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

.overscroll-auto {
  -ms-scroll-chaining: chained !important;
      overscroll-behavior: auto !important;
}

.overscroll-contain {
  -ms-scroll-chaining: none !important;
      overscroll-behavior: contain !important;
}

.overscroll-none {
  -ms-scroll-chaining: none !important;
      overscroll-behavior: none !important;
}

.overscroll-y-auto {
  overscroll-behavior-y: auto !important;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain !important;
}

.overscroll-y-none {
  overscroll-behavior-y: none !important;
}

.overscroll-x-auto {
  overscroll-behavior-x: auto !important;
}

.overscroll-x-contain {
  overscroll-behavior-x: contain !important;
}

.overscroll-x-none {
  overscroll-behavior-x: none !important;
}

/* Transform
   ========================================================================== */

.translate-middle {
  transform: translateX(-50%) translateY(-50%) !important;
}

/* Transition
   ========================================================================== */

.transition-none {
  transition-property: none;
}

.transition-all {
  transition-property: all;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity {
  transition-property: opacity;
}

.transition-shadow {
  transition-property: box-shadow;
}

.transition-transform {
  transition-property: transform;
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-75 {
  transition-duration: 75ms;
}

.duration-100 {
  transition-duration: 100ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.duration-1000 {
  transition-duration: 1000ms;
}

.delay-75 {
  transition-delay: 75ms;
}

.delay-100 {
  transition-delay: 100ms;
}

.delay-150 {
  transition-delay: 150ms;
}

.delay-200 {
  transition-delay: 200ms;
}

.delay-300 {
  transition-delay: 300ms;
}

.delay-500 {
  transition-delay: 500ms;
}

.delay-700 {
  transition-delay: 700ms;
}

.delay-1000 {
  transition-delay: 1000ms;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-none {
  animation: none;
}

.animate-spin {
  animation: spin 1s linear infinite;
}

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

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

.animate-bounce {
  animation: bounce 1s infinite;
}

/* Font Weight
   ========================================================================== */

.fw-base { font-weight: var(--body-font-weight) !important; }
.fw-100  { font-weight: 100 !important; }
.fw-200  { font-weight: 200 !important; }
.fw-300  { font-weight: 300 !important; }
.fw-400  { font-weight: 400 !important; }
.fw-500  { font-weight: 500 !important; }
.fw-600  { font-weight: 600 !important; }
.fw-700  { font-weight: 700 !important; }
.fw-800  { font-weight: 800 !important; }
.fw-900  { font-weight: 900 !important; }

.hover\:fw-base:hover { font-weight: var(--body-font-weight) !important; }
.hover\:fw-100:hover  { font-weight: 100 !important; }
.hover\:fw-200:hover  { font-weight: 200 !important; }
.hover\:fw-300:hover  { font-weight: 300 !important; }
.hover\:fw-400:hover  { font-weight: 400 !important; }
.hover\:fw-500:hover  { font-weight: 500 !important; }
.hover\:fw-600:hover  { font-weight: 600 !important; }
.hover\:fw-700:hover  { font-weight: 700 !important; }
.hover\:fw-800:hover  { font-weight: 800 !important; }
.hover\:fw-900:hover  { font-weight: 900 !important; }

.focus\:fw-100:focus { font-weight: 100 !important; }
.focus\:fw-200:focus { font-weight: 200 !important; }
.focus\:fw-300:focus { font-weight: 300 !important; }
.focus\:fw-400:focus { font-weight: 400 !important; }
.focus\:fw-500:focus { font-weight: 500 !important; }
.focus\:fw-600:focus { font-weight: 600 !important; }
.focus\:fw-700:focus { font-weight: 700 !important; }
.focus\:fw-800:focus { font-weight: 800 !important; }
.focus\:fw-900:focus { font-weight: 900 !important; }

/* Font Size
   ========================================================================== */

.fs-base  { font-size: var(--body-font-size) !important; }
.fs-10    { font-size: 10px !important; }
.fs-11    { font-size: 11px !important; }
.fs-12    { font-size: 12px !important; }
.fs-13    { font-size: 13px !important; }
.fs-14    { font-size: 14px !important; }
.fs-15    { font-size: 15px !important; }
.fs-16    { font-size: 16px !important; }
.fs-17    { font-size: 17px !important; }
.fs-18    { font-size: 18px !important; }
.fs-19    { font-size: 19px !important; }
.fs-20    { font-size: 20px !important; }
.fs-21    { font-size: 21px !important; }
.fs-22    { font-size: 22px !important; }
.fs-23    { font-size: 23px !important; }
.fs-24    { font-size: 24px !important; }
.fs-25    { font-size: 25px !important; }
.fs-26    { font-size: 26px !important; }
.fs-27    { font-size: 27px !important; }
.fs-28    { font-size: 28px !important; }
.fs-29    { font-size: 29px !important; }
.fs-30    { font-size: 30px !important; }
.fs-31    { font-size: 31px !important; }
.fs-32    { font-size: 32px !important; }
.fs-33    { font-size: 33px !important; }
.fs-34    { font-size: 34px !important; }
.fs-35    { font-size: 35px !important; }
.fs-36    { font-size: 36px !important; }
.fs-37    { font-size: 37px !important; }
.fs-38    { font-size: 38px !important; }
.fs-39    { font-size: 39px !important; }
.fs-40    { font-size: 40px !important; }
.fs-41    { font-size: 41px !important; }
.fs-42    { font-size: 42px !important; }
.fs-43    { font-size: 43px !important; }
.fs-44    { font-size: 44px !important; }
.fs-45    { font-size: 45px !important; }
.fs-46    { font-size: 46px !important; }
.fs-47    { font-size: 47px !important; }
.fs-48    { font-size: 48px !important; }
.fs-49    { font-size: 49px !important; }
.fs-50    { font-size: 50px !important; }
.fs-51    { font-size: 51px !important; }
.fs-52    { font-size: 52px !important; }
.fs-53    { font-size: 53px !important; }
.fs-54    { font-size: 54px !important; }
.fs-55    { font-size: 55px !important; }
.fs-56    { font-size: 56px !important; }
.fs-57    { font-size: 57px !important; }
.fs-58    { font-size: 58px !important; }
.fs-59    { font-size: 59px !important; }
.fs-60    { font-size: 60px !important; }
.fs-61    { font-size: 61px !important; }
.fs-62    { font-size: 62px !important; }
.fs-63    { font-size: 63px !important; }
.fs-64    { font-size: 64px !important; }
.fs-65    { font-size: 65px !important; }
.fs-66    { font-size: 66px !important; }
.fs-67    { font-size: 67px !important; }
.fs-68    { font-size: 68px !important; }
.fs-69    { font-size: 69px !important; }
.fs-70    { font-size: 70px !important; }
.fs-71    { font-size: 71px !important; }
.fs-72    { font-size: 72px !important; }
.fs-73    { font-size: 73px !important; }
.fs-74    { font-size: 74px !important; }
.fs-75    { font-size: 75px !important; }
.fs-76    { font-size: 76px !important; }
.fs-77    { font-size: 77px !important; }
.fs-78    { font-size: 78px !important; }
.fs-79    { font-size: 79px !important; }
.fs-80    { font-size: 80px !important; }
.fs-81    { font-size: 81px !important; }
.fs-82    { font-size: 82px !important; }
.fs-83    { font-size: 83px !important; }
.fs-84    { font-size: 84px !important; }
.fs-85    { font-size: 85px !important; }
.fs-86    { font-size: 86px !important; }
.fs-87    { font-size: 87px !important; }
.fs-88    { font-size: 88px !important; }
.fs-89    { font-size: 89px !important; }
.fs-90    { font-size: 90px !important; }
.fs-91    { font-size: 91px !important; }
.fs-92    { font-size: 92px !important; }
.fs-93    { font-size: 93px !important; }
.fs-94    { font-size: 94px !important; }
.fs-95    { font-size: 95px !important; }
.fs-96    { font-size: 96px !important; }
.fs-97    { font-size: 97px !important; }
.fs-98    { font-size: 98px !important; }
.fs-99    { font-size: 99px !important; }
.fs-100   { font-size: 100px !important; }

/* custom it for mobile screen only  */
@media (max-width: 767px) {
  .fs-xs-base { font-size: var(--body-font-size) !important; }
  .fs-xs-10   { font-size: 10px !important; }
  .fs-xs-11   { font-size: 11px !important; }
  .fs-xs-12   { font-size: 12px !important; }
  .fs-xs-13   { font-size: 13px !important; }
  .fs-xs-14   { font-size: 14px !important; }
  .fs-xs-15   { font-size: 15px !important; }
  .fs-xs-16   { font-size: 16px !important; }
  .fs-xs-17   { font-size: 17px !important; }
  .fs-xs-18   { font-size: 18px !important; }
  .fs-xs-19   { font-size: 19px !important; }
  .fs-xs-20   { font-size: 20px !important; }
  .fs-xs-21   { font-size: 21px !important; }
  .fs-xs-22   { font-size: 22px !important; }
  .fs-xs-23   { font-size: 23px !important; }
  .fs-xs-24   { font-size: 24px !important; }
  .fs-xs-25   { font-size: 25px !important; }
  .fs-xs-26   { font-size: 26px !important; }
  .fs-xs-27   { font-size: 27px !important; }
  .fs-xs-28   { font-size: 28px !important; }
  .fs-xs-29   { font-size: 29px !important; }
  .fs-xs-30   { font-size: 30px !important; }
  .fs-xs-31   { font-size: 31px !important; }
  .fs-xs-32   { font-size: 32px !important; }
  .fs-xs-33   { font-size: 33px !important; }
  .fs-xs-34   { font-size: 34px !important; }
  .fs-xs-35   { font-size: 35px !important; }
  .fs-xs-36   { font-size: 36px !important; }
  .fs-xs-37   { font-size: 37px !important; }
  .fs-xs-38   { font-size: 38px !important; }
  .fs-xs-39   { font-size: 39px !important; }
  .fs-xs-40   { font-size: 40px !important; }
  .fs-xs-41   { font-size: 41px !important; }
  .fs-xs-42   { font-size: 42px !important; }
  .fs-xs-43   { font-size: 43px !important; }
  .fs-xs-44   { font-size: 44px !important; }
  .fs-xs-45   { font-size: 45px !important; }
  .fs-xs-46   { font-size: 46px !important; }
  .fs-xs-47   { font-size: 47px !important; }
  .fs-xs-48   { font-size: 48px !important; }
  .fs-xs-49   { font-size: 49px !important; }
  .fs-xs-50   { font-size: 50px !important; }
  .fs-xs-51   { font-size: 51px !important; }
  .fs-xs-52   { font-size: 52px !important; }
  .fs-xs-53   { font-size: 53px !important; }
  .fs-xs-54   { font-size: 54px !important; }
  .fs-xs-55   { font-size: 55px !important; }
  .fs-xs-56   { font-size: 56px !important; }
  .fs-xs-57   { font-size: 57px !important; }
  .fs-xs-58   { font-size: 58px !important; }
  .fs-xs-59   { font-size: 59px !important; }
  .fs-xs-60   { font-size: 60px !important; }
  .fs-xs-61   { font-size: 61px !important; }
  .fs-xs-62   { font-size: 62px !important; }
  .fs-xs-63   { font-size: 63px !important; }
  .fs-xs-64   { font-size: 64px !important; }
  .fs-xs-65   { font-size: 65px !important; }
  .fs-xs-66   { font-size: 66px !important; }
  .fs-xs-67   { font-size: 67px !important; }
  .fs-xs-68   { font-size: 68px !important; }
  .fs-xs-69   { font-size: 69px !important; }
  .fs-xs-70   { font-size: 70px !important; }
  .fs-xs-71   { font-size: 71px !important; }
  .fs-xs-72   { font-size: 72px !important; }
  .fs-xs-73   { font-size: 73px !important; }
  .fs-xs-74   { font-size: 74px !important; }
  .fs-xs-75   { font-size: 75px !important; }
  .fs-xs-76   { font-size: 76px !important; }
  .fs-xs-77   { font-size: 77px !important; }
  .fs-xs-78   { font-size: 78px !important; }
  .fs-xs-79   { font-size: 79px !important; }
  .fs-xs-80   { font-size: 80px !important; }
  .fs-xs-81   { font-size: 81px !important; }
  .fs-xs-82   { font-size: 82px !important; }
  .fs-xs-83   { font-size: 83px !important; }
  .fs-xs-84   { font-size: 84px !important; }
  .fs-xs-85   { font-size: 85px !important; }
  .fs-xs-86   { font-size: 86px !important; }
  .fs-xs-87   { font-size: 87px !important; }
  .fs-xs-88   { font-size: 88px !important; }
  .fs-xs-89   { font-size: 89px !important; }
  .fs-xs-90   { font-size: 90px !important; }
  .fs-xs-91   { font-size: 91px !important; }
  .fs-xs-92   { font-size: 92px !important; }
  .fs-xs-93   { font-size: 93px !important; }
  .fs-xs-94   { font-size: 94px !important; }
  .fs-xs-95   { font-size: 95px !important; }
  .fs-xs-96   { font-size: 96px !important; }
  .fs-xs-97   { font-size: 97px !important; }
  .fs-xs-98   { font-size: 98px !important; }
  .fs-xs-99   { font-size: 99px !important; }
  .fs-xs-100  { font-size: 100px !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .fs-xs-and-sm-base { font-size: var(--body-font-size) !important; }
  .fs-xs-and-sm-10   { font-size: 10px !important; }
  .fs-xs-and-sm-11   { font-size: 11px !important; }
  .fs-xs-and-sm-12   { font-size: 12px !important; }
  .fs-xs-and-sm-13   { font-size: 13px !important; }
  .fs-xs-and-sm-14   { font-size: 14px !important; }
  .fs-xs-and-sm-15   { font-size: 15px !important; }
  .fs-xs-and-sm-16   { font-size: 16px !important; }
  .fs-xs-and-sm-17   { font-size: 17px !important; }
  .fs-xs-and-sm-18   { font-size: 18px !important; }
  .fs-xs-and-sm-19   { font-size: 19px !important; }
  .fs-xs-and-sm-20   { font-size: 20px !important; }
  .fs-xs-and-sm-21   { font-size: 21px !important; }
  .fs-xs-and-sm-22   { font-size: 22px !important; }
  .fs-xs-and-sm-23   { font-size: 23px !important; }
  .fs-xs-and-sm-24   { font-size: 24px !important; }
  .fs-xs-and-sm-25   { font-size: 25px !important; }
  .fs-xs-and-sm-26   { font-size: 26px !important; }
  .fs-xs-and-sm-27   { font-size: 27px !important; }
  .fs-xs-and-sm-28   { font-size: 28px !important; }
  .fs-xs-and-sm-29   { font-size: 29px !important; }
  .fs-xs-and-sm-30   { font-size: 30px !important; }
  .fs-xs-and-sm-31   { font-size: 31px !important; }
  .fs-xs-and-sm-32   { font-size: 32px !important; }
  .fs-xs-and-sm-33   { font-size: 33px !important; }
  .fs-xs-and-sm-34   { font-size: 34px !important; }
  .fs-xs-and-sm-35   { font-size: 35px !important; }
  .fs-xs-and-sm-36   { font-size: 36px !important; }
  .fs-xs-and-sm-37   { font-size: 37px !important; }
  .fs-xs-and-sm-38   { font-size: 38px !important; }
  .fs-xs-and-sm-39   { font-size: 39px !important; }
  .fs-xs-and-sm-40   { font-size: 40px !important; }
  .fs-xs-and-sm-41   { font-size: 41px !important; }
  .fs-xs-and-sm-42   { font-size: 42px !important; }
  .fs-xs-and-sm-43   { font-size: 43px !important; }
  .fs-xs-and-sm-44   { font-size: 44px !important; }
  .fs-xs-and-sm-45   { font-size: 45px !important; }
  .fs-xs-and-sm-46   { font-size: 46px !important; }
  .fs-xs-and-sm-47   { font-size: 47px !important; }
  .fs-xs-and-sm-48   { font-size: 48px !important; }
  .fs-xs-and-sm-49   { font-size: 49px !important; }
  .fs-xs-and-sm-50   { font-size: 50px !important; }
  .fs-xs-and-sm-51   { font-size: 51px !important; }
  .fs-xs-and-sm-52   { font-size: 52px !important; }
  .fs-xs-and-sm-53   { font-size: 53px !important; }
  .fs-xs-and-sm-54   { font-size: 54px !important; }
  .fs-xs-and-sm-55   { font-size: 55px !important; }
  .fs-xs-and-sm-56   { font-size: 56px !important; }
  .fs-xs-and-sm-57   { font-size: 57px !important; }
  .fs-xs-and-sm-58   { font-size: 58px !important; }
  .fs-xs-and-sm-59   { font-size: 59px !important; }
  .fs-xs-and-sm-60   { font-size: 60px !important; }
  .fs-xs-and-sm-61   { font-size: 61px !important; }
  .fs-xs-and-sm-62   { font-size: 62px !important; }
  .fs-xs-and-sm-63   { font-size: 63px !important; }
  .fs-xs-and-sm-64   { font-size: 64px !important; }
  .fs-xs-and-sm-65   { font-size: 65px !important; }
  .fs-xs-and-sm-66   { font-size: 66px !important; }
  .fs-xs-and-sm-67   { font-size: 67px !important; }
  .fs-xs-and-sm-68   { font-size: 68px !important; }
  .fs-xs-and-sm-69   { font-size: 69px !important; }
  .fs-xs-and-sm-70   { font-size: 70px !important; }
  .fs-xs-and-sm-71   { font-size: 71px !important; }
  .fs-xs-and-sm-72   { font-size: 72px !important; }
  .fs-xs-and-sm-73   { font-size: 73px !important; }
  .fs-xs-and-sm-74   { font-size: 74px !important; }
  .fs-xs-and-sm-75   { font-size: 75px !important; }
  .fs-xs-and-sm-76   { font-size: 76px !important; }
  .fs-xs-and-sm-77   { font-size: 77px !important; }
  .fs-xs-and-sm-78   { font-size: 78px !important; }
  .fs-xs-and-sm-79   { font-size: 79px !important; }
  .fs-xs-and-sm-80   { font-size: 80px !important; }
  .fs-xs-and-sm-81   { font-size: 81px !important; }
  .fs-xs-and-sm-82   { font-size: 82px !important; }
  .fs-xs-and-sm-83   { font-size: 83px !important; }
  .fs-xs-and-sm-84   { font-size: 84px !important; }
  .fs-xs-and-sm-85   { font-size: 85px !important; }
  .fs-xs-and-sm-86   { font-size: 86px !important; }
  .fs-xs-and-sm-87   { font-size: 87px !important; }
  .fs-xs-and-sm-88   { font-size: 88px !important; }
  .fs-xs-and-sm-89   { font-size: 89px !important; }
  .fs-xs-and-sm-90   { font-size: 90px !important; }
  .fs-xs-and-sm-91   { font-size: 91px !important; }
  .fs-xs-and-sm-92   { font-size: 92px !important; }
  .fs-xs-and-sm-93   { font-size: 93px !important; }
  .fs-xs-and-sm-94   { font-size: 94px !important; }
  .fs-xs-and-sm-95   { font-size: 95px !important; }
  .fs-xs-and-sm-96   { font-size: 96px !important; }
  .fs-xs-and-sm-97   { font-size: 97px !important; }
  .fs-xs-and-sm-98   { font-size: 98px !important; }
  .fs-xs-and-sm-99   { font-size: 99px !important; }
  .fs-xs-and-sm-100  { font-size: 100px !important; }
}

/* Leading
   ========================================================================== */

.leading-base     { line-height: var(--body-line-height) !important; }
.leading-3        { line-height: .75rem !important; }
.leading-4        { line-height: 1rem !important; }
.leading-5        { line-height: 1.25rem !important; }
.leading-6        { line-height: 1.5rem !important; }
.leading-7        { line-height: 1.75rem !important; }
.leading-8        { line-height: 2rem !important; }
.leading-9        { line-height: 2.25rem !important; }
.leading-10       { line-height: 2.5rem !important; }
.leading-none     { line-height: 1 !important; }
.leading-tight    { line-height: 1.25 !important; }
.leading-snug     { line-height: 1.375 !important; }
.leading-normal   { line-height: 1.5 !important; }
.leading-relaxed  { line-height: 1.625 !important; }
.leading-loose    { line-height: 2 !important; }

/* custom it for mobile screen only  */
@media (max-width: 767px) {
  .leading-xs-base     { line-height: var(--body-line-height) !important; }
  .leading-xs-3        { line-height: .75rem !important; }
  .leading-xs-4        { line-height: 1rem !important; }
  .leading-xs-5        { line-height: 1.25rem !important; }
  .leading-xs-6        { line-height: 1.5rem !important; }
  .leading-xs-7        { line-height: 1.75rem !important; }
  .leading-xs-8        { line-height: 2rem !important; }
  .leading-xs-9        { line-height: 2.25rem !important; }
  .leading-xs-10       { line-height: 2.5rem !important; }
  .leading-xs-none     { line-height: 1 !important; }
  .leading-xs-tight    { line-height: 1.25 !important; }
  .leading-xs-snug     { line-height: 1.375 !important; }
  .leading-xs-normal   { line-height: 1.5 !important; }
  .leading-xs-relaxed  { line-height: 1.625 !important; }
  .leading-xs-loose    { line-height: 2 !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .leading-xs-and-sm-base     { line-height: var(--body-line-height) !important; }
  .leading-xs-and-sm-3        { line-height: .75rem !important; }
  .leading-xs-and-sm-4        { line-height: 1rem !important; }
  .leading-xs-and-sm-5        { line-height: 1.25rem !important; }
  .leading-xs-and-sm-6        { line-height: 1.5rem !important; }
  .leading-xs-and-sm-7        { line-height: 1.75rem !important; }
  .leading-xs-and-sm-8        { line-height: 2rem !important; }
  .leading-xs-and-sm-9        { line-height: 2.25rem !important; }
  .leading-xs-and-sm-10       { line-height: 2.5rem !important; }
  .leading-xs-and-sm-none     { line-height: 1 !important; }
  .leading-xs-and-sm-tight    { line-height: 1.25 !important; }
  .leading-xs-and-sm-snug     { line-height: 1.375 !important; }
  .leading-xs-and-sm-normal   { line-height: 1.5 !important; }
  .leading-xs-and-sm-relaxed  { line-height: 1.625 !important; }
  .leading-xs-and-sm-loose    { line-height: 2 !important; }
}

/* Line-height
   ========================================================================== */

.lh-base  { line-height: var(--body-line-height) !important; }
.lh-0     { line-height: 0 !important; }
.lh-1     { line-height: 1 !important; }
.lh-1\.05 { line-height: 1.05 !important; }
.lh-1\.1  { line-height: 1.1 !important; }
.lh-1\.15 { line-height: 1.15 !important; }
.lh-1\.2  { line-height: 1.2 !important; }
.lh-1\.25 { line-height: 1.25 !important; }
.lh-1\.3  { line-height: 1.3 !important; }
.lh-1\.35 { line-height: 1.35 !important; }
.lh-1\.4  { line-height: 1.4 !important; }
.lh-1\.45 { line-height: 1.45 !important; }
.lh-1\.5  { line-height: 1.5 !important; }
.lh-1\.55 { line-height: 1.55 !important; }
.lh-1\.6  { line-height: 1.6 !important; }
.lh-1\.65 { line-height: 1.65 !important; }
.lh-1\.7  { line-height: 1.7 !important; }
.lh-1\.75 { line-height: 1.75 !important; }
.lh-1\.8  { line-height: 1.8 !important; }
.lh-1\.85 { line-height: 1.85 !important; }
.lh-1\.9  { line-height: 1.9 !important; }
.lh-1\.95 { line-height: 1.95 !important; }
.lh-2     { line-height: 2 !important; }
.lh-2\.05 { line-height: 2.05 !important; }
.lh-2\.1  { line-height: 2.1 !important; }
.lh-2\.15 { line-height: 2.15 !important; }
.lh-2\.2  { line-height: 2.2 !important; }
.lh-2\.25 { line-height: 2.25 !important; }
.lh-2\.3  { line-height: 2.3 !important; }
.lh-2\.35 { line-height: 2.35 !important; }
.lh-2\.4  { line-height: 2.4 !important; }
.lh-2\.45 { line-height: 2.45 !important; }
.lh-2\.5  { line-height: 2.5 !important; }
.lh-2\.55 { line-height: 2.55 !important; }
.lh-2\.6  { line-height: 2.6 !important; }
.lh-2\.65 { line-height: 2.65 !important; }
.lh-2\.7  { line-height: 2.7 !important; }
.lh-2\.75 { line-height: 2.75 !important; }
.lh-2\.8  { line-height: 2.8 !important; }
.lh-2\.85 { line-height: 2.85 !important; }
.lh-2\.9  { line-height: 2.9 !important; }
.lh-2\.95 { line-height: 2.95 !important; }
.lh-3     { line-height: 3 !important; }

/* custom it for mobile screen only  */
@media (max-width: 767px) {
  .lh-xs-base  { line-height: var(--body-line-height) !important; }
  .lh-xs-0     { line-height: 0 !important; }
  .lh-xs-1     { line-height: 1 !important; }
  .lh-xs-1\.05 { line-height: 1.05 !important; }
  .lh-xs-1\.1  { line-height: 1.1 !important; }
  .lh-xs-1\.15 { line-height: 1.15 !important; }
  .lh-xs-1\.2  { line-height: 1.2 !important; }
  .lh-xs-1\.25 { line-height: 1.25 !important; }
  .lh-xs-1\.3  { line-height: 1.3 !important; }
  .lh-xs-1\.35 { line-height: 1.35 !important; }
  .lh-xs-1\.4  { line-height: 1.4 !important; }
  .lh-xs-1\.45 { line-height: 1.45 !important; }
  .lh-xs-1\.5  { line-height: 1.5 !important; }
  .lh-xs-1\.55 { line-height: 1.55 !important; }
  .lh-xs-1\.6  { line-height: 1.6 !important; }
  .lh-xs-1\.65 { line-height: 1.65 !important; }
  .lh-xs-1\.7  { line-height: 1.7 !important; }
  .lh-xs-1\.75 { line-height: 1.75 !important; }
  .lh-xs-1\.8  { line-height: 1.8 !important; }
  .lh-xs-1\.85 { line-height: 1.85 !important; }
  .lh-xs-1\.9  { line-height: 1.9 !important; }
  .lh-xs-1\.95 { line-height: 1.95 !important; }
  .lh-xs-2     { line-height: 2 !important; }
  .lh-xs-2\.05 { line-height: 2.05 !important; }
  .lh-xs-2\.1  { line-height: 2.1 !important; }
  .lh-xs-2\.15 { line-height: 2.15 !important; }
  .lh-xs-2\.2  { line-height: 2.2 !important; }
  .lh-xs-2\.25 { line-height: 2.25 !important; }
  .lh-xs-2\.3  { line-height: 2.3 !important; }
  .lh-xs-2\.35 { line-height: 2.35 !important; }
  .lh-xs-2\.4  { line-height: 2.4 !important; }
  .lh-xs-2\.45 { line-height: 2.45 !important; }
  .lh-xs-2\.5  { line-height: 2.5 !important; }
  .lh-xs-2\.55 { line-height: 2.55 !important; }
  .lh-xs-2\.6  { line-height: 2.6 !important; }
  .lh-xs-2\.65 { line-height: 2.65 !important; }
  .lh-xs-2\.7  { line-height: 2.7 !important; }
  .lh-xs-2\.75 { line-height: 2.75 !important; }
  .lh-xs-2\.8  { line-height: 2.8 !important; }
  .lh-xs-2\.85 { line-height: 2.85 !important; }
  .lh-xs-2\.9  { line-height: 2.9 !important; }
  .lh-xs-2\.95 { line-height: 2.95 !important; }
  .lh-xs-3     { line-height: 3 !important; }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .lh-xs-and-sm-base  { line-height: var(--body-line-height) !important; }
  .lh-xs-and-sm-0     { line-height: 0 !important; }
  .lh-xs-and-sm-1     { line-height: 1 !important; }
  .lh-xs-and-sm-1\.15 { line-height: 1.15 !important; }
  .lh-xs-and-sm-1\.2  { line-height: 1.2 !important; }
  .lh-xs-and-sm-1\.25 { line-height: 1.25 !important; }
  .lh-xs-and-sm-1\.3  { line-height: 1.3 !important; }
  .lh-xs-and-sm-1\.35 { line-height: 1.35 !important; }
  .lh-xs-and-sm-1\.4  { line-height: 1.4 !important; }
  .lh-xs-and-sm-1\.45 { line-height: 1.45 !important; }
  .lh-xs-and-sm-1\.5  { line-height: 1.5 !important; }
  .lh-xs-and-sm-1\.55 { line-height: 1.55 !important; }
  .lh-xs-and-sm-1\.6  { line-height: 1.6 !important; }
  .lh-xs-and-sm-1\.65 { line-height: 1.65 !important; }
  .lh-xs-and-sm-1\.7  { line-height: 1.7 !important; }
  .lh-xs-and-sm-1\.75 { line-height: 1.75 !important; }
  .lh-xs-and-sm-1\.8  { line-height: 1.8 !important; }
  .lh-xs-and-sm-1\.85 { line-height: 1.85 !important; }
  .lh-xs-and-sm-1\.9  { line-height: 1.9 !important; }
  .lh-xs-and-sm-1\.95 { line-height: 1.95 !important; }
  .lh-xs-and-sm-2     { line-height: 2 !important; }
  .lh-xs-and-sm-2\.5  { line-height: 2.5 !important; }
  .lh-xs-and-sm-3     { line-height: 3 !important; }
}

/* List Style (Position/Type)
   ========================================================================== */

.list-inside  { list-style-position: inside !important; }
.list-outside { list-style-position: outside !important; }
.list-none    { list-style-type: none !important; }
.list-disc    { list-style-type: disc !important; }
.list-decimal { list-style-type: decimal !important; }

/* Z-Index
   ========================================================================== */

  /*
  Bootstrap 3

  z-index form-control-feedback:            2
  z-index btn-group:                        2
  z-index input-group-btn:                  2
  z-index input-group form-control:         2
  z-index input-group form-control:focus:   3
  z-index pagination > li > :hover:         2
  z-index pagination > li > :focus:         2
  z-index pagination > active > :hover:     3
  z-index pagination > active > :focus:     3
  z-index list-group-item.active:           2
  z-index carousel-control:                 5
  z-index carousel-caption:                 10
  z-index carousel-indicators:              15
  z-index dropdown-backdrop:                990
  z-index dropdown-menu:                    1000
  z-index navbar-static-top:                1000
  z-index navbar-fixed-top:                 1030
  z-index navbar-fixed-botom:               1030
  z-index modal-backdrop:                   1040
  z-index modal:                            1050
  z-index popover:                          1060
  z-index tooltip:                          1070
  */

.z-0    { z-index: 0 !important; }
.z-10   { z-index: 10 !important; }
.z-20   { z-index: 20 !important; }
.z-30   { z-index: 30 !important; }
.z-40   { z-index: 40 !important; }
.z-50   { z-index: 50 !important; }
.z-auto { z-index: auto !important; }



/* Background Color
   ========================================================================== */

.bg-primary     { background-color: var(--primary-color) !important; }
.bg-secondary   { background-color: var(--secondary-color) !important; }
.bg-success     { background-color: var(--success-color) !important; }
.bg-danger      { background-color: var(--danger-color) !important; }
.bg-info        { background-color: var(--info-color) !important; }
.bg-warning     { background-color: var(--warning-color) !important; }
.bg-light       { background-color: var(--light-color) !important; }
.bg-dark        { background-color: var(--dark-color) !important; }
.bg-muted       { background-color: var(--muted-color) !important; }
.bg-body        { background-color: var(--body-background-color) !important; }
.bg-default     { background-color: var(--body-background-color) !important; }
.bg-current     { background-color: currentColor !important; }
.bg-reset       { background-color: inherit !important; }
.bg-transparent { background-color: transparent !important; }
.bg-gradient    { background-image: var(--gradient-color) !important; }

.bg-primary-050 { background-color: var(--primary-color-050) !important; }
.bg-primary-100 { background-color: var(--primary-color-100) !important; }
.bg-primary-200 { background-color: var(--primary-color-200) !important; }
.bg-primary-300 { background-color: var(--primary-color-300) !important; }
.bg-primary-400 { background-color: var(--primary-color-400) !important; }
.bg-primary-420 { background-color: var(--primary-color-420) !important; }
.bg-primary-440 { background-color: var(--primary-color-440) !important; }
.bg-primary-460 { background-color: var(--primary-color-460) !important; }
.bg-primary-480 { background-color: var(--primary-color-480) !important; }
.bg-primary-500 { background-color: var(--primary-color-500) !important; }
.bg-primary-520 { background-color: var(--primary-color-520) !important; }
.bg-primary-540 { background-color: var(--primary-color-540) !important; }
.bg-primary-560 { background-color: var(--primary-color-560) !important; }
.bg-primary-580 { background-color: var(--primary-color-580) !important; }
.bg-primary-600 { background-color: var(--primary-color-600) !important; }
.bg-primary-700 { background-color: var(--primary-color-700) !important; }
.bg-primary-800 { background-color: var(--primary-color-800) !important; }
.bg-primary-900 { background-color: var(--primary-color-900) !important; }

.bg-secondary-050 { background-color: var(--secondary-color-050) !important; }
.bg-secondary-100 { background-color: var(--secondary-color-100) !important; }
.bg-secondary-200 { background-color: var(--secondary-color-200) !important; }
.bg-secondary-300 { background-color: var(--secondary-color-300) !important; }
.bg-secondary-400 { background-color: var(--secondary-color-400) !important; }
.bg-secondary-420 { background-color: var(--secondary-color-420) !important; }
.bg-secondary-440 { background-color: var(--secondary-color-440) !important; }
.bg-secondary-460 { background-color: var(--secondary-color-460) !important; }
.bg-secondary-480 { background-color: var(--secondary-color-480) !important; }
.bg-secondary-500 { background-color: var(--secondary-color-500) !important; }
.bg-secondary-520 { background-color: var(--secondary-color-520) !important; }
.bg-secondary-540 { background-color: var(--secondary-color-540) !important; }
.bg-secondary-560 { background-color: var(--secondary-color-560) !important; }
.bg-secondary-580 { background-color: var(--secondary-color-580) !important; }
.bg-secondary-600 { background-color: var(--secondary-color-600) !important; }
.bg-secondary-700 { background-color: var(--secondary-color-700) !important; }
.bg-secondary-800 { background-color: var(--secondary-color-800) !important; }
.bg-secondary-900 { background-color: var(--secondary-color-900) !important; }

.bg-red-050 { background-color: var(--red-050) !important; }
.bg-red-100 { background-color: var(--red-100) !important; }
.bg-red-200 { background-color: var(--red-200) !important; }
.bg-red-300 { background-color: var(--red-300) !important; }
.bg-red-400 { background-color: var(--red-400) !important; }
.bg-red-500 { background-color: var(--red-500) !important; }
.bg-red-600 { background-color: var(--red-600) !important; }
.bg-red-700 { background-color: var(--red-700) !important; }
.bg-red-800 { background-color: var(--red-800) !important; }
.bg-red-900 { background-color: var(--red-900) !important; }
.bg-red-A100 { background-color: var(--red-100) !important; }
.bg-red-A200 { background-color: var(--red-200) !important; }
.bg-red-A400 { background-color: var(--red-400) !important; }
.bg-red-A700 { background-color: var(--red-700) !important; }

.bg-pink-050 { background-color: var(--pink-050) !important; }
.bg-pink-100 { background-color: var(--pink-100) !important; }
.bg-pink-200 { background-color: var(--pink-200) !important; }
.bg-pink-300 { background-color: var(--pink-300) !important; }
.bg-pink-400 { background-color: var(--pink-400) !important; }
.bg-pink-500 { background-color: var(--pink-500) !important; }
.bg-pink-600 { background-color: var(--pink-600) !important; }
.bg-pink-700 { background-color: var(--pink-700) !important; }
.bg-pink-800 { background-color: var(--pink-800) !important; }
.bg-pink-900 { background-color: var(--pink-900) !important; }
.bg-pink-A100 { background-color: var(--pink-100) !important; }
.bg-pink-A200 { background-color: var(--pink-200) !important; }
.bg-pink-A400 { background-color: var(--pink-400) !important; }
.bg-pink-A700 { background-color: var(--pink-700) !important; }

.bg-purple-050 { background-color: var(--purple-050) !important; }
.bg-purple-100 { background-color: var(--purple-100) !important; }
.bg-purple-200 { background-color: var(--purple-200) !important; }
.bg-purple-300 { background-color: var(--purple-300) !important; }
.bg-purple-400 { background-color: var(--purple-400) !important; }
.bg-purple-500 { background-color: var(--purple-500) !important; }
.bg-purple-600 { background-color: var(--purple-600) !important; }
.bg-purple-700 { background-color: var(--purple-700) !important; }
.bg-purple-800 { background-color: var(--purple-800) !important; }
.bg-purple-900 { background-color: var(--purple-900) !important; }
.bg-purple-A100 { background-color: var(--purple-100) !important; }
.bg-purple-A200 { background-color: var(--purple-200) !important; }
.bg-purple-A400 { background-color: var(--purple-400) !important; }
.bg-purple-A700 { background-color: var(--purple-700) !important; }

.bg-deep-purple-050 { background-color: var(--deep-purple-050) !important; }
.bg-deep-purple-100 { background-color: var(--deep-purple-100) !important; }
.bg-deep-purple-200 { background-color: var(--deep-purple-200) !important; }
.bg-deep-purple-300 { background-color: var(--deep-purple-300) !important; }
.bg-deep-purple-400 { background-color: var(--deep-purple-400) !important; }
.bg-deep-purple-500 { background-color: var(--deep-purple-500) !important; }
.bg-deep-purple-600 { background-color: var(--deep-purple-600) !important; }
.bg-deep-purple-700 { background-color: var(--deep-purple-700) !important; }
.bg-deep-purple-800 { background-color: var(--deep-purple-800) !important; }
.bg-deep-purple-900 { background-color: var(--deep-purple-900) !important; }
.bg-deep-purple-A100 { background-color: var(--deep-purple-100) !important; }
.bg-deep-purple-A200 { background-color: var(--deep-purple-200) !important; }
.bg-deep-purple-A400 { background-color: var(--deep-purple-400) !important; }
.bg-deep-purple-A700 { background-color: var(--deep-purple-700) !important; }

.bg-indigo-050 { background-color: var(--indigo-050) !important; }
.bg-indigo-100 { background-color: var(--indigo-100) !important; }
.bg-indigo-200 { background-color: var(--indigo-200) !important; }
.bg-indigo-300 { background-color: var(--indigo-300) !important; }
.bg-indigo-400 { background-color: var(--indigo-400) !important; }
.bg-indigo-500 { background-color: var(--indigo-500) !important; }
.bg-indigo-600 { background-color: var(--indigo-600) !important; }
.bg-indigo-700 { background-color: var(--indigo-700) !important; }
.bg-indigo-800 { background-color: var(--indigo-800) !important; }
.bg-indigo-900 { background-color: var(--indigo-900) !important; }
.bg-indigo-A100 { background-color: var(--indigo-100) !important; }
.bg-indigo-A200 { background-color: var(--indigo-200) !important; }
.bg-indigo-A400 { background-color: var(--indigo-400) !important; }
.bg-indigo-A700 { background-color: var(--indigo-700) !important; }

.bg-blue-050 { background-color: var(--blue-050) !important; }
.bg-blue-100 { background-color: var(--blue-100) !important; }
.bg-blue-200 { background-color: var(--blue-200) !important; }
.bg-blue-300 { background-color: var(--blue-300) !important; }
.bg-blue-400 { background-color: var(--blue-400) !important; }
.bg-blue-500 { background-color: var(--blue-500) !important; }
.bg-blue-600 { background-color: var(--blue-600) !important; }
.bg-blue-700 { background-color: var(--blue-700) !important; }
.bg-blue-800 { background-color: var(--blue-800) !important; }
.bg-blue-900 { background-color: var(--blue-900) !important; }
.bg-blue-A100 { background-color: var(--blue-100) !important; }
.bg-blue-A200 { background-color: var(--blue-200) !important; }
.bg-blue-A400 { background-color: var(--blue-400) !important; }
.bg-blue-A700 { background-color: var(--blue-700) !important; }

.bg-light-blue-050 { background-color: var(--light-blue-050) !important; }
.bg-light-blue-100 { background-color: var(--light-blue-100) !important; }
.bg-light-blue-200 { background-color: var(--light-blue-200) !important; }
.bg-light-blue-300 { background-color: var(--light-blue-300) !important; }
.bg-light-blue-400 { background-color: var(--light-blue-400) !important; }
.bg-light-blue-500 { background-color: var(--light-blue-500) !important; }
.bg-light-blue-600 { background-color: var(--light-blue-600) !important; }
.bg-light-blue-700 { background-color: var(--light-blue-700) !important; }
.bg-light-blue-800 { background-color: var(--light-blue-800) !important; }
.bg-light-blue-900 { background-color: var(--light-blue-900) !important; }
.bg-light-blue-A100 { background-color: var(--light-blue-100) !important; }
.bg-light-blue-A200 { background-color: var(--light-blue-200) !important; }
.bg-light-blue-A400 { background-color: var(--light-blue-400) !important; }
.bg-light-blue-A700 { background-color: var(--light-blue-700) !important; }

.bg-cyan-050 { background-color: var(--cyan-050) !important; }
.bg-cyan-100 { background-color: var(--cyan-100) !important; }
.bg-cyan-200 { background-color: var(--cyan-200) !important; }
.bg-cyan-300 { background-color: var(--cyan-300) !important; }
.bg-cyan-400 { background-color: var(--cyan-400) !important; }
.bg-cyan-500 { background-color: var(--cyan-500) !important; }
.bg-cyan-600 { background-color: var(--cyan-600) !important; }
.bg-cyan-700 { background-color: var(--cyan-700) !important; }
.bg-cyan-800 { background-color: var(--cyan-800) !important; }
.bg-cyan-900 { background-color: var(--cyan-900) !important; }
.bg-cyan-A100 { background-color: var(--cyan-100) !important; }
.bg-cyan-A200 { background-color: var(--cyan-200) !important; }
.bg-cyan-A400 { background-color: var(--cyan-400) !important; }
.bg-cyan-A700 { background-color: var(--cyan-700) !important; }

.bg-teal-050 { background-color: var(--teal-050) !important; }
.bg-teal-100 { background-color: var(--teal-100) !important; }
.bg-teal-200 { background-color: var(--teal-200) !important; }
.bg-teal-300 { background-color: var(--teal-300) !important; }
.bg-teal-400 { background-color: var(--teal-400) !important; }
.bg-teal-500 { background-color: var(--teal-500) !important; }
.bg-teal-600 { background-color: var(--teal-600) !important; }
.bg-teal-700 { background-color: var(--teal-700) !important; }
.bg-teal-800 { background-color: var(--teal-800) !important; }
.bg-teal-900 { background-color: var(--teal-900) !important; }
.bg-teal-A100 { background-color: var(--teal-100) !important; }
.bg-teal-A200 { background-color: var(--teal-200) !important; }
.bg-teal-A400 { background-color: var(--teal-400) !important; }
.bg-teal-A700 { background-color: var(--teal-700) !important; }

.bg-green-050 { background-color: var(--green-050) !important; }
.bg-green-100 { background-color: var(--green-100) !important; }
.bg-green-200 { background-color: var(--green-200) !important; }
.bg-green-300 { background-color: var(--green-300) !important; }
.bg-green-400 { background-color: var(--green-400) !important; }
.bg-green-500 { background-color: var(--green-500) !important; }
.bg-green-600 { background-color: var(--green-600) !important; }
.bg-green-700 { background-color: var(--green-700) !important; }
.bg-green-800 { background-color: var(--green-800) !important; }
.bg-green-900 { background-color: var(--green-900) !important; }
.bg-green-A100 { background-color: var(--green-100) !important; }
.bg-green-A200 { background-color: var(--green-200) !important; }
.bg-green-A400 { background-color: var(--green-400) !important; }
.bg-green-A700 { background-color: var(--green-700) !important; }

.bg-light-green-050 { background-color: var(--light-green-050) !important; }
.bg-light-green-100 { background-color: var(--light-green-100) !important; }
.bg-light-green-200 { background-color: var(--light-green-200) !important; }
.bg-light-green-300 { background-color: var(--light-green-300) !important; }
.bg-light-green-400 { background-color: var(--light-green-400) !important; }
.bg-light-green-500 { background-color: var(--light-green-500) !important; }
.bg-light-green-600 { background-color: var(--light-green-600) !important; }
.bg-light-green-700 { background-color: var(--light-green-700) !important; }
.bg-light-green-800 { background-color: var(--light-green-800) !important; }
.bg-light-green-900 { background-color: var(--light-green-900) !important; }
.bg-light-green-A100 { background-color: var(--light-green-100) !important; }
.bg-light-green-A200 { background-color: var(--light-green-200) !important; }
.bg-light-green-A400 { background-color: var(--light-green-400) !important; }
.bg-light-green-A700 { background-color: var(--light-green-700) !important; }

.bg-lime-050 { background-color: var(--lime-050) !important; }
.bg-lime-100 { background-color: var(--lime-100) !important; }
.bg-lime-200 { background-color: var(--lime-200) !important; }
.bg-lime-300 { background-color: var(--lime-300) !important; }
.bg-lime-400 { background-color: var(--lime-400) !important; }
.bg-lime-500 { background-color: var(--lime-500) !important; }
.bg-lime-600 { background-color: var(--lime-600) !important; }
.bg-lime-700 { background-color: var(--lime-700) !important; }
.bg-lime-800 { background-color: var(--lime-800) !important; }
.bg-lime-900 { background-color: var(--lime-900) !important; }
.bg-lime-A100 { background-color: var(--lime-100) !important; }
.bg-lime-A200 { background-color: var(--lime-200) !important; }
.bg-lime-A400 { background-color: var(--lime-400) !important; }
.bg-lime-A700 { background-color: var(--lime-700) !important; }

.bg-yellow-050 { background-color: var(--yellow-050) !important; }
.bg-yellow-100 { background-color: var(--yellow-100) !important; }
.bg-yellow-200 { background-color: var(--yellow-200) !important; }
.bg-yellow-300 { background-color: var(--yellow-300) !important; }
.bg-yellow-400 { background-color: var(--yellow-400) !important; }
.bg-yellow-500 { background-color: var(--yellow-500) !important; }
.bg-yellow-600 { background-color: var(--yellow-600) !important; }
.bg-yellow-700 { background-color: var(--yellow-700) !important; }
.bg-yellow-800 { background-color: var(--yellow-800) !important; }
.bg-yellow-900 { background-color: var(--yellow-900) !important; }
.bg-yellow-A100 { background-color: var(--yellow-100) !important; }
.bg-yellow-A200 { background-color: var(--yellow-200) !important; }
.bg-yellow-A400 { background-color: var(--yellow-400) !important; }
.bg-yellow-A700 { background-color: var(--yellow-700) !important; }

.bg-amber-050 { background-color: var(--amber-050) !important; }
.bg-amber-100 { background-color: var(--amber-100) !important; }
.bg-amber-200 { background-color: var(--amber-200) !important; }
.bg-amber-300 { background-color: var(--amber-300) !important; }
.bg-amber-400 { background-color: var(--amber-400) !important; }
.bg-amber-500 { background-color: var(--amber-500) !important; }
.bg-amber-600 { background-color: var(--amber-600) !important; }
.bg-amber-700 { background-color: var(--amber-700) !important; }
.bg-amber-800 { background-color: var(--amber-800) !important; }
.bg-amber-900 { background-color: var(--amber-900) !important; }
.bg-amber-A100 { background-color: var(--amber-100) !important; }
.bg-amber-A200 { background-color: var(--amber-200) !important; }
.bg-amber-A400 { background-color: var(--amber-400) !important; }
.bg-amber-A700 { background-color: var(--amber-700) !important; }

.bg-orange-050 { background-color: var(--orange-050) !important; }
.bg-orange-100 { background-color: var(--orange-100) !important; }
.bg-orange-200 { background-color: var(--orange-200) !important; }
.bg-orange-300 { background-color: var(--orange-300) !important; }
.bg-orange-400 { background-color: var(--orange-400) !important; }
.bg-orange-500 { background-color: var(--orange-500) !important; }
.bg-orange-600 { background-color: var(--orange-600) !important; }
.bg-orange-700 { background-color: var(--orange-700) !important; }
.bg-orange-800 { background-color: var(--orange-800) !important; }
.bg-orange-900 { background-color: var(--orange-900) !important; }
.bg-orange-A100 { background-color: var(--orange-100) !important; }
.bg-orange-A200 { background-color: var(--orange-200) !important; }
.bg-orange-A400 { background-color: var(--orange-400) !important; }
.bg-orange-A700 { background-color: var(--orange-700) !important; }

.bg-deep-orange-050 { background-color: var(--deep-orange-050) !important; }
.bg-deep-orange-100 { background-color: var(--deep-orange-100) !important; }
.bg-deep-orange-200 { background-color: var(--deep-orange-200) !important; }
.bg-deep-orange-300 { background-color: var(--deep-orange-300) !important; }
.bg-deep-orange-400 { background-color: var(--deep-orange-400) !important; }
.bg-deep-orange-500 { background-color: var(--deep-orange-500) !important; }
.bg-deep-orange-600 { background-color: var(--deep-orange-600) !important; }
.bg-deep-orange-700 { background-color: var(--deep-orange-700) !important; }
.bg-deep-orange-800 { background-color: var(--deep-orange-800) !important; }
.bg-deep-orange-900 { background-color: var(--deep-orange-900) !important; }
.bg-deep-orange-A100 { background-color: var(--deep-orange-100) !important; }
.bg-deep-orange-A200 { background-color: var(--deep-orange-200) !important; }
.bg-deep-orange-A400 { background-color: var(--deep-orange-400) !important; }
.bg-deep-orange-A700 { background-color: var(--deep-orange-700) !important; }

.bg-brown-050 { background-color: var(--brown-050) !important; }
.bg-brown-100 { background-color: var(--brown-100) !important; }
.bg-brown-200 { background-color: var(--brown-200) !important; }
.bg-brown-300 { background-color: var(--brown-300) !important; }
.bg-brown-400 { background-color: var(--brown-400) !important; }
.bg-brown-500 { background-color: var(--brown-500) !important; }
.bg-brown-600 { background-color: var(--brown-600) !important; }
.bg-brown-700 { background-color: var(--brown-700) !important; }
.bg-brown-800 { background-color: var(--brown-800) !important; }
.bg-brown-900 { background-color: var(--brown-900) !important; }

.bg-grey-050 { background-color: var(--grey-050) !important; }
.bg-grey-100 { background-color: var(--grey-100) !important; }
.bg-grey-200 { background-color: var(--grey-200) !important; }
.bg-grey-300 { background-color: var(--grey-300) !important; }
.bg-grey-400 { background-color: var(--grey-400) !important; }
.bg-grey-500 { background-color: var(--grey-500) !important; }
.bg-grey-600 { background-color: var(--grey-600) !important; }
.bg-grey-700 { background-color: var(--grey-700) !important; }
.bg-grey-800 { background-color: var(--grey-800) !important; }
.bg-grey-900 { background-color: var(--grey-900) !important; }

.bg-blue-grey-050 { background-color: var(--blue-grey-050) !important; }
.bg-blue-grey-100 { background-color: var(--blue-grey-100) !important; }
.bg-blue-grey-200 { background-color: var(--blue-grey-200) !important; }
.bg-blue-grey-300 { background-color: var(--blue-grey-300) !important; }
.bg-blue-grey-400 { background-color: var(--blue-grey-400) !important; }
.bg-blue-grey-500 { background-color: var(--blue-grey-500) !important; }
.bg-blue-grey-600 { background-color: var(--blue-grey-600) !important; }
.bg-blue-grey-700 { background-color: var(--blue-grey-700) !important; }
.bg-blue-grey-800 { background-color: var(--blue-grey-800) !important; }
.bg-blue-grey-900 { background-color: var(--blue-grey-900) !important; }

.bg-white-050 { background-color: var(--white-050) !important; }
.bg-white-100 { background-color: var(--white-100) !important; }
.bg-white-150 { background-color: var(--white-150) !important; }
.bg-white-200 { background-color: var(--white-200) !important; }
.bg-white-250 { background-color: var(--white-250) !important; }
.bg-white-300 { background-color: var(--white-300) !important; }
.bg-white-350 { background-color: var(--white-350) !important; }
.bg-white-400 { background-color: var(--white-400) !important; }
.bg-white-450 { background-color: var(--white-450) !important; }
.bg-white-500 { background-color: var(--white-500) !important; }
.bg-white-550 { background-color: var(--white-550) !important; }
.bg-white-600 { background-color: var(--white-600) !important; }
.bg-white-650 { background-color: var(--white-650) !important; }
.bg-white-700 { background-color: var(--white-700) !important; }
.bg-white-750 { background-color: var(--white-750) !important; }
.bg-white-800 { background-color: var(--white-800) !important; }
.bg-white-850 { background-color: var(--white-850) !important; }
.bg-white-900 { background-color: var(--white-900) !important; }
.bg-white-950 { background-color: var(--white-950) !important; }
.bg-white     { background-color: var(--white) !important; }

.bg-black-050 { background-color: var(--black-050) !important; }
.bg-black-100 { background-color: var(--black-100) !important; }
.bg-black-150 { background-color: var(--black-150) !important; }
.bg-black-200 { background-color: var(--black-200) !important; }
.bg-black-250 { background-color: var(--black-250) !important; }
.bg-black-300 { background-color: var(--black-300) !important; }
.bg-black-350 { background-color: var(--black-350) !important; }
.bg-black-400 { background-color: var(--black-400) !important; }
.bg-black-450 { background-color: var(--black-450) !important; }
.bg-black-500 { background-color: var(--black-500) !important; }
.bg-black-550 { background-color: var(--black-550) !important; }
.bg-black-600 { background-color: var(--black-600) !important; }
.bg-black-650 { background-color: var(--black-650) !important; }
.bg-black-700 { background-color: var(--black-700) !important; }
.bg-black-750 { background-color: var(--black-750) !important; }
.bg-black-800 { background-color: var(--black-800) !important; }
.bg-black-850 { background-color: var(--black-850) !important; }
.bg-black-900 { background-color: var(--black-900) !important; }
.bg-black-950 { background-color: var(--black-950) !important; }
.bg-black     { background-color: var(--black) !important; }

/* Background Color on mouse Hover (Credit tailwind css)
   ========================================================================== */

.hover\:bg-primary:hover     { background-color: var(--primary-color) !important; }
.hover\:bg-secondary:hover   { background-color: var(--secondary-color) !important; }
.hover\:bg-success:hover     { background-color: var(--success-color) !important; }
.hover\:bg-danger:hover      { background-color: var(--danger-color) !important; }
.hover\:bg-info:hover        { background-color: var(--info-color) !important; }
.hover\:bg-warning:hover     { background-color: var(--warning-color) !important; }
.hover\:bg-light:hover       { background-color: var(--light-color) !important; }
.hover\:bg-dark:hover        { background-color: var(--dark-color) !important; }
.hover\:bg-muted:hover       { background-color: var(--muted-color) !important; }
.hover\:bg-body:hover        { background-color: var(--body-background-color) !important; }
.hover\:bg-default:hover     { background-color: var(--body-background-color) !important; }
.hover\:bg-current:hover     { background-color: currentColor !important; }
.hover\:bg-reset:hover       { background-color: inherit !important; }
.hover\:bg-transparent:hover { background-color: transparent !important; }
.hover\:bg-gradient:hover    { background-image: var(--gradient-color) !important; }

.hover\:bg-primary-050:hover { background-color: var(--primary-color-050) !important; }
.hover\:bg-primary-100:hover { background-color: var(--primary-color-100) !important; }
.hover\:bg-primary-200:hover { background-color: var(--primary-color-200) !important; }
.hover\:bg-primary-300:hover { background-color: var(--primary-color-300) !important; }
.hover\:bg-primary-400:hover { background-color: var(--primary-color-400) !important; }
.hover\:bg-primary-500:hover { background-color: var(--primary-color-500) !important; }
.hover\:bg-primary-600:hover { background-color: var(--primary-color-600) !important; }
.hover\:bg-primary-700:hover { background-color: var(--primary-color-700) !important; }
.hover\:bg-primary-800:hover { background-color: var(--primary-color-800) !important; }
.hover\:bg-primary-900:hover { background-color: var(--primary-color-900) !important; }

.hover\:bg-secondary-050:hover { background-color: var(--secondary-color-050) !important; }
.hover\:bg-secondary-100:hover { background-color: var(--secondary-color-100) !important; }
.hover\:bg-secondary-200:hover { background-color: var(--secondary-color-200) !important; }
.hover\:bg-secondary-300:hover { background-color: var(--secondary-color-300) !important; }
.hover\:bg-secondary-400:hover { background-color: var(--secondary-color-400) !important; }
.hover\:bg-secondary-500:hover { background-color: var(--secondary-color-500) !important; }
.hover\:bg-secondary-600:hover { background-color: var(--secondary-color-600) !important; }
.hover\:bg-secondary-700:hover { background-color: var(--secondary-color-700) !important; }
.hover\:bg-secondary-800:hover { background-color: var(--secondary-color-800) !important; }
.hover\:bg-secondary-900:hover { background-color: var(--secondary-color-900) !important; }

.hover\:bg-red-050:hover { background-color: var(--red-050) !important; }
.hover\:bg-red-100:hover { background-color: var(--red-100) !important; }
.hover\:bg-red-200:hover { background-color: var(--red-200) !important; }
.hover\:bg-red-300:hover { background-color: var(--red-300) !important; }
.hover\:bg-red-400:hover { background-color: var(--red-400) !important; }
.hover\:bg-red-500:hover { background-color: var(--red-500) !important; }
.hover\:bg-red-600:hover { background-color: var(--red-600) !important; }
.hover\:bg-red-700:hover { background-color: var(--red-700) !important; }
.hover\:bg-red-800:hover { background-color: var(--red-800) !important; }
.hover\:bg-red-900:hover { background-color: var(--red-900) !important; }
.hover\:bg-red-A100:hover { background-color: var(--red-100) !important; }
.hover\:bg-red-A200:hover { background-color: var(--red-200) !important; }
.hover\:bg-red-A400:hover { background-color: var(--red-400) !important; }
.hover\:bg-red-A700:hover { background-color: var(--red-700) !important; }

.hover\:bg-pink-050:hover { background-color: var(--pink-050) !important; }
.hover\:bg-pink-100:hover { background-color: var(--pink-100) !important; }
.hover\:bg-pink-200:hover { background-color: var(--pink-200) !important; }
.hover\:bg-pink-300:hover { background-color: var(--pink-300) !important; }
.hover\:bg-pink-400:hover { background-color: var(--pink-400) !important; }
.hover\:bg-pink-500:hover { background-color: var(--pink-500) !important; }
.hover\:bg-pink-600:hover { background-color: var(--pink-600) !important; }
.hover\:bg-pink-700:hover { background-color: var(--pink-700) !important; }
.hover\:bg-pink-800:hover { background-color: var(--pink-800) !important; }
.hover\:bg-pink-900:hover { background-color: var(--pink-900) !important; }
.hover\:bg-pink-A100:hover { background-color: var(--pink-100) !important; }
.hover\:bg-pink-A200:hover { background-color: var(--pink-200) !important; }
.hover\:bg-pink-A400:hover { background-color: var(--pink-400) !important; }
.hover\:bg-pink-A700:hover { background-color: var(--pink-700) !important; }

.hover\:bg-purple-050:hover { background-color: var(--purple-050) !important; }
.hover\:bg-purple-100:hover { background-color: var(--purple-100) !important; }
.hover\:bg-purple-200:hover { background-color: var(--purple-200) !important; }
.hover\:bg-purple-300:hover { background-color: var(--purple-300) !important; }
.hover\:bg-purple-400:hover { background-color: var(--purple-400) !important; }
.hover\:bg-purple-500:hover { background-color: var(--purple-500) !important; }
.hover\:bg-purple-600:hover { background-color: var(--purple-600) !important; }
.hover\:bg-purple-700:hover { background-color: var(--purple-700) !important; }
.hover\:bg-purple-800:hover { background-color: var(--purple-800) !important; }
.hover\:bg-purple-900:hover { background-color: var(--purple-900) !important; }
.hover\:bg-purple-A100:hover { background-color: var(--purple-100) !important; }
.hover\:bg-purple-A200:hover { background-color: var(--purple-200) !important; }
.hover\:bg-purple-A400:hover { background-color: var(--purple-400) !important; }
.hover\:bg-purple-A700:hover { background-color: var(--purple-700) !important; }

.hover\:bg-deep-purple-050:hover { background-color: var(--deep-purple-050) !important; }
.hover\:bg-deep-purple-100:hover { background-color: var(--deep-purple-100) !important; }
.hover\:bg-deep-purple-200:hover { background-color: var(--deep-purple-200) !important; }
.hover\:bg-deep-purple-300:hover { background-color: var(--deep-purple-300) !important; }
.hover\:bg-deep-purple-400:hover { background-color: var(--deep-purple-400) !important; }
.hover\:bg-deep-purple-500:hover { background-color: var(--deep-purple-500) !important; }
.hover\:bg-deep-purple-600:hover { background-color: var(--deep-purple-600) !important; }
.hover\:bg-deep-purple-700:hover { background-color: var(--deep-purple-700) !important; }
.hover\:bg-deep-purple-800:hover { background-color: var(--deep-purple-800) !important; }
.hover\:bg-deep-purple-900:hover { background-color: var(--deep-purple-900) !important; }
.hover\:bg-deep-purple-A100:hover { background-color: var(--deep-purple-100) !important; }
.hover\:bg-deep-purple-A200:hover { background-color: var(--deep-purple-200) !important; }
.hover\:bg-deep-purple-A400:hover { background-color: var(--deep-purple-400) !important; }
.hover\:bg-deep-purple-A700:hover { background-color: var(--deep-purple-700) !important; }

.hover\:bg-indigo-050:hover { background-color: var(--indigo-050) !important; }
.hover\:bg-indigo-100:hover { background-color: var(--indigo-100) !important; }
.hover\:bg-indigo-200:hover { background-color: var(--indigo-200) !important; }
.hover\:bg-indigo-300:hover { background-color: var(--indigo-300) !important; }
.hover\:bg-indigo-400:hover { background-color: var(--indigo-400) !important; }
.hover\:bg-indigo-500:hover { background-color: var(--indigo-500) !important; }
.hover\:bg-indigo-600:hover { background-color: var(--indigo-600) !important; }
.hover\:bg-indigo-700:hover { background-color: var(--indigo-700) !important; }
.hover\:bg-indigo-800:hover { background-color: var(--indigo-800) !important; }
.hover\:bg-indigo-900:hover { background-color: var(--indigo-900) !important; }
.hover\:bg-indigo-A100:hover { background-color: var(--indigo-100) !important; }
.hover\:bg-indigo-A200:hover { background-color: var(--indigo-200) !important; }
.hover\:bg-indigo-A400:hover { background-color: var(--indigo-400) !important; }
.hover\:bg-indigo-A700:hover { background-color: var(--indigo-700) !important; }

.hover\:bg-blue-050:hover { background-color: var(--blue-050) !important; }
.hover\:bg-blue-100:hover { background-color: var(--blue-100) !important; }
.hover\:bg-blue-200:hover { background-color: var(--blue-200) !important; }
.hover\:bg-blue-300:hover { background-color: var(--blue-300) !important; }
.hover\:bg-blue-400:hover { background-color: var(--blue-400) !important; }
.hover\:bg-blue-500:hover { background-color: var(--blue-500) !important; }
.hover\:bg-blue-600:hover { background-color: var(--blue-600) !important; }
.hover\:bg-blue-700:hover { background-color: var(--blue-700) !important; }
.hover\:bg-blue-800:hover { background-color: var(--blue-800) !important; }
.hover\:bg-blue-900:hover { background-color: var(--blue-900) !important; }
.hover\:bg-blue-A100:hover { background-color: var(--blue-100) !important; }
.hover\:bg-blue-A200:hover { background-color: var(--blue-200) !important; }
.hover\:bg-blue-A400:hover { background-color: var(--blue-400) !important; }
.hover\:bg-blue-A700:hover { background-color: var(--blue-700) !important; }

.hover\:bg-light-blue-050:hover { background-color: var(--light-blue-050) !important; }
.hover\:bg-light-blue-100:hover { background-color: var(--light-blue-100) !important; }
.hover\:bg-light-blue-200:hover { background-color: var(--light-blue-200) !important; }
.hover\:bg-light-blue-300:hover { background-color: var(--light-blue-300) !important; }
.hover\:bg-light-blue-400:hover { background-color: var(--light-blue-400) !important; }
.hover\:bg-light-blue-500:hover { background-color: var(--light-blue-500) !important; }
.hover\:bg-light-blue-600:hover { background-color: var(--light-blue-600) !important; }
.hover\:bg-light-blue-700:hover { background-color: var(--light-blue-700) !important; }
.hover\:bg-light-blue-800:hover { background-color: var(--light-blue-800) !important; }
.hover\:bg-light-blue-900:hover { background-color: var(--light-blue-900) !important; }
.hover\:bg-light-blue-A100:hover { background-color: var(--light-blue-100) !important; }
.hover\:bg-light-blue-A200:hover { background-color: var(--light-blue-200) !important; }
.hover\:bg-light-blue-A400:hover { background-color: var(--light-blue-400) !important; }
.hover\:bg-light-blue-A700:hover { background-color: var(--light-blue-700) !important; }

.hover\:bg-cyan-050:hover { background-color: var(--cyan-050) !important; }
.hover\:bg-cyan-100:hover { background-color: var(--cyan-100) !important; }
.hover\:bg-cyan-200:hover { background-color: var(--cyan-200) !important; }
.hover\:bg-cyan-300:hover { background-color: var(--cyan-300) !important; }
.hover\:bg-cyan-400:hover { background-color: var(--cyan-400) !important; }
.hover\:bg-cyan-500:hover { background-color: var(--cyan-500) !important; }
.hover\:bg-cyan-600:hover { background-color: var(--cyan-600) !important; }
.hover\:bg-cyan-700:hover { background-color: var(--cyan-700) !important; }
.hover\:bg-cyan-800:hover { background-color: var(--cyan-800) !important; }
.hover\:bg-cyan-900:hover { background-color: var(--cyan-900) !important; }
.hover\:bg-cyan-A100:hover { background-color: var(--cyan-100) !important; }
.hover\:bg-cyan-A200:hover { background-color: var(--cyan-200) !important; }
.hover\:bg-cyan-A400:hover { background-color: var(--cyan-400) !important; }
.hover\:bg-cyan-A700:hover { background-color: var(--cyan-700) !important; }

.hover\:bg-teal-050:hover { background-color: var(--teal-050) !important; }
.hover\:bg-teal-100:hover { background-color: var(--teal-100) !important; }
.hover\:bg-teal-200:hover { background-color: var(--teal-200) !important; }
.hover\:bg-teal-300:hover { background-color: var(--teal-300) !important; }
.hover\:bg-teal-400:hover { background-color: var(--teal-400) !important; }
.hover\:bg-teal-500:hover { background-color: var(--teal-500) !important; }
.hover\:bg-teal-600:hover { background-color: var(--teal-600) !important; }
.hover\:bg-teal-700:hover { background-color: var(--teal-700) !important; }
.hover\:bg-teal-800:hover { background-color: var(--teal-800) !important; }
.hover\:bg-teal-900:hover { background-color: var(--teal-900) !important; }
.hover\:bg-teal-A100:hover { background-color: var(--teal-100) !important; }
.hover\:bg-teal-A200:hover { background-color: var(--teal-200) !important; }
.hover\:bg-teal-A400:hover { background-color: var(--teal-400) !important; }
.hover\:bg-teal-A700:hover { background-color: var(--teal-700) !important; }

.hover\:bg-green-050:hover { background-color: var(--green-050) !important; }
.hover\:bg-green-100:hover { background-color: var(--green-100) !important; }
.hover\:bg-green-200:hover { background-color: var(--green-200) !important; }
.hover\:bg-green-300:hover { background-color: var(--green-300) !important; }
.hover\:bg-green-400:hover { background-color: var(--green-400) !important; }
.hover\:bg-green-500:hover { background-color: var(--green-500) !important; }
.hover\:bg-green-600:hover { background-color: var(--green-600) !important; }
.hover\:bg-green-700:hover { background-color: var(--green-700) !important; }
.hover\:bg-green-800:hover { background-color: var(--green-800) !important; }
.hover\:bg-green-900:hover { background-color: var(--green-900) !important; }
.hover\:bg-green-A100:hover { background-color: var(--green-100) !important; }
.hover\:bg-green-A200:hover { background-color: var(--green-200) !important; }
.hover\:bg-green-A400:hover { background-color: var(--green-400) !important; }
.hover\:bg-green-A700:hover { background-color: var(--green-700) !important; }

.hover\:bg-light-green-050:hover { background-color: var(--light-green-050) !important; }
.hover\:bg-light-green-100:hover { background-color: var(--light-green-100) !important; }
.hover\:bg-light-green-200:hover { background-color: var(--light-green-200) !important; }
.hover\:bg-light-green-300:hover { background-color: var(--light-green-300) !important; }
.hover\:bg-light-green-400:hover { background-color: var(--light-green-400) !important; }
.hover\:bg-light-green-500:hover { background-color: var(--light-green-500) !important; }
.hover\:bg-light-green-600:hover { background-color: var(--light-green-600) !important; }
.hover\:bg-light-green-700:hover { background-color: var(--light-green-700) !important; }
.hover\:bg-light-green-800:hover { background-color: var(--light-green-800) !important; }
.hover\:bg-light-green-900:hover { background-color: var(--light-green-900) !important; }
.hover\:bg-light-green-A100:hover { background-color: var(--light-green-100) !important; }
.hover\:bg-light-green-A200:hover { background-color: var(--light-green-200) !important; }
.hover\:bg-light-green-A400:hover { background-color: var(--light-green-400) !important; }
.hover\:bg-light-green-A700:hover { background-color: var(--light-green-700) !important; }

.hover\:bg-lime-050:hover { background-color: var(--lime-050) !important; }
.hover\:bg-lime-100:hover { background-color: var(--lime-100) !important; }
.hover\:bg-lime-200:hover { background-color: var(--lime-200) !important; }
.hover\:bg-lime-300:hover { background-color: var(--lime-300) !important; }
.hover\:bg-lime-400:hover { background-color: var(--lime-400) !important; }
.hover\:bg-lime-500:hover { background-color: var(--lime-500) !important; }
.hover\:bg-lime-600:hover { background-color: var(--lime-600) !important; }
.hover\:bg-lime-700:hover { background-color: var(--lime-700) !important; }
.hover\:bg-lime-800:hover { background-color: var(--lime-800) !important; }
.hover\:bg-lime-900:hover { background-color: var(--lime-900) !important; }
.hover\:bg-lime-A100:hover { background-color: var(--lime-100) !important; }
.hover\:bg-lime-A200:hover { background-color: var(--lime-200) !important; }
.hover\:bg-lime-A400:hover { background-color: var(--lime-400) !important; }
.hover\:bg-lime-A700:hover { background-color: var(--lime-700) !important; }

.hover\:bg-yellow-050:hover { background-color: var(--yellow-050) !important; }
.hover\:bg-yellow-100:hover { background-color: var(--yellow-100) !important; }
.hover\:bg-yellow-200:hover { background-color: var(--yellow-200) !important; }
.hover\:bg-yellow-300:hover { background-color: var(--yellow-300) !important; }
.hover\:bg-yellow-400:hover { background-color: var(--yellow-400) !important; }
.hover\:bg-yellow-500:hover { background-color: var(--yellow-500) !important; }
.hover\:bg-yellow-600:hover { background-color: var(--yellow-600) !important; }
.hover\:bg-yellow-700:hover { background-color: var(--yellow-700) !important; }
.hover\:bg-yellow-800:hover { background-color: var(--yellow-800) !important; }
.hover\:bg-yellow-900:hover { background-color: var(--yellow-900) !important; }
.hover\:bg-yellow-A100:hover { background-color: var(--yellow-100) !important; }
.hover\:bg-yellow-A200:hover { background-color: var(--yellow-200) !important; }
.hover\:bg-yellow-A400:hover { background-color: var(--yellow-400) !important; }
.hover\:bg-yellow-A700:hover { background-color: var(--yellow-700) !important; }

.hover\:bg-amber-050:hover { background-color: var(--amber-050) !important; }
.hover\:bg-amber-100:hover { background-color: var(--amber-100) !important; }
.hover\:bg-amber-200:hover { background-color: var(--amber-200) !important; }
.hover\:bg-amber-300:hover { background-color: var(--amber-300) !important; }
.hover\:bg-amber-400:hover { background-color: var(--amber-400) !important; }
.hover\:bg-amber-500:hover { background-color: var(--amber-500) !important; }
.hover\:bg-amber-600:hover { background-color: var(--amber-600) !important; }
.hover\:bg-amber-700:hover { background-color: var(--amber-700) !important; }
.hover\:bg-amber-800:hover { background-color: var(--amber-800) !important; }
.hover\:bg-amber-900:hover { background-color: var(--amber-900) !important; }
.hover\:bg-amber-A100:hover { background-color: var(--amber-100) !important; }
.hover\:bg-amber-A200:hover { background-color: var(--amber-200) !important; }
.hover\:bg-amber-A400:hover { background-color: var(--amber-400) !important; }
.hover\:bg-amber-A700:hover { background-color: var(--amber-700) !important; }

.hover\:bg-orange-050:hover { background-color: var(--orange-050) !important; }
.hover\:bg-orange-100:hover { background-color: var(--orange-100) !important; }
.hover\:bg-orange-200:hover { background-color: var(--orange-200) !important; }
.hover\:bg-orange-300:hover { background-color: var(--orange-300) !important; }
.hover\:bg-orange-400:hover { background-color: var(--orange-400) !important; }
.hover\:bg-orange-500:hover { background-color: var(--orange-500) !important; }
.hover\:bg-orange-600:hover { background-color: var(--orange-600) !important; }
.hover\:bg-orange-700:hover { background-color: var(--orange-700) !important; }
.hover\:bg-orange-800:hover { background-color: var(--orange-800) !important; }
.hover\:bg-orange-900:hover { background-color: var(--orange-900) !important; }
.hover\:bg-orange-A100:hover { background-color: var(--orange-100) !important; }
.hover\:bg-orange-A200:hover { background-color: var(--orange-200) !important; }
.hover\:bg-orange-A400:hover { background-color: var(--orange-400) !important; }
.hover\:bg-orange-A700:hover { background-color: var(--orange-700) !important; }

.hover\:bg-deep-orange-050:hover { background-color: var(--deep-orange-050) !important; }
.hover\:bg-deep-orange-100:hover { background-color: var(--deep-orange-100) !important; }
.hover\:bg-deep-orange-200:hover { background-color: var(--deep-orange-200) !important; }
.hover\:bg-deep-orange-300:hover { background-color: var(--deep-orange-300) !important; }
.hover\:bg-deep-orange-400:hover { background-color: var(--deep-orange-400) !important; }
.hover\:bg-deep-orange-500:hover { background-color: var(--deep-orange-500) !important; }
.hover\:bg-deep-orange-600:hover { background-color: var(--deep-orange-600) !important; }
.hover\:bg-deep-orange-700:hover { background-color: var(--deep-orange-700) !important; }
.hover\:bg-deep-orange-800:hover { background-color: var(--deep-orange-800) !important; }
.hover\:bg-deep-orange-900:hover { background-color: var(--deep-orange-900) !important; }
.hover\:bg-deep-orange-A100:hover { background-color: var(--deep-orange-100) !important; }
.hover\:bg-deep-orange-A200:hover { background-color: var(--deep-orange-200) !important; }
.hover\:bg-deep-orange-A400:hover { background-color: var(--deep-orange-400) !important; }
.hover\:bg-deep-orange-A700:hover { background-color: var(--deep-orange-700) !important; }

.hover\:bg-brown-050:hover { background-color: var(--brown-050) !important; }
.hover\:bg-brown-100:hover { background-color: var(--brown-100) !important; }
.hover\:bg-brown-200:hover { background-color: var(--brown-200) !important; }
.hover\:bg-brown-300:hover { background-color: var(--brown-300) !important; }
.hover\:bg-brown-400:hover { background-color: var(--brown-400) !important; }
.hover\:bg-brown-500:hover { background-color: var(--brown-500) !important; }
.hover\:bg-brown-600:hover { background-color: var(--brown-600) !important; }
.hover\:bg-brown-700:hover { background-color: var(--brown-700) !important; }
.hover\:bg-brown-800:hover { background-color: var(--brown-800) !important; }
.hover\:bg-brown-900:hover { background-color: var(--brown-900) !important; }

.hover\:bg-grey-050:hover { background-color: var(--grey-050) !important; }
.hover\:bg-grey-100:hover { background-color: var(--grey-100) !important; }
.hover\:bg-grey-200:hover { background-color: var(--grey-200) !important; }
.hover\:bg-grey-300:hover { background-color: var(--grey-300) !important; }
.hover\:bg-grey-400:hover { background-color: var(--grey-400) !important; }
.hover\:bg-grey-500:hover { background-color: var(--grey-500) !important; }
.hover\:bg-grey-600:hover { background-color: var(--grey-600) !important; }
.hover\:bg-grey-700:hover { background-color: var(--grey-700) !important; }
.hover\:bg-grey-800:hover { background-color: var(--grey-800) !important; }
.hover\:bg-grey-900:hover { background-color: var(--grey-900) !important; }

.hover\:bg-blue-grey-050:hover { background-color: var(--blue-grey-050) !important; }
.hover\:bg-blue-grey-100:hover { background-color: var(--blue-grey-100) !important; }
.hover\:bg-blue-grey-200:hover { background-color: var(--blue-grey-200) !important; }
.hover\:bg-blue-grey-300:hover { background-color: var(--blue-grey-300) !important; }
.hover\:bg-blue-grey-400:hover { background-color: var(--blue-grey-400) !important; }
.hover\:bg-blue-grey-500:hover { background-color: var(--blue-grey-500) !important; }
.hover\:bg-blue-grey-600:hover { background-color: var(--blue-grey-600) !important; }
.hover\:bg-blue-grey-700:hover { background-color: var(--blue-grey-700) !important; }
.hover\:bg-blue-grey-800:hover { background-color: var(--blue-grey-800) !important; }
.hover\:bg-blue-grey-900:hover { background-color: var(--blue-grey-900) !important; }

.hover\:bg-white-050:hover { background-color: var(--white-050) !important; }
.hover\:bg-white-100:hover { background-color: var(--white-100) !important; }
.hover\:bg-white-150:hover { background-color: var(--white-150) !important; }
.hover\:bg-white-200:hover { background-color: var(--white-200) !important; }
.hover\:bg-white-250:hover { background-color: var(--white-250) !important; }
.hover\:bg-white-300:hover { background-color: var(--white-300) !important; }
.hover\:bg-white-350:hover { background-color: var(--white-350) !important; }
.hover\:bg-white-400:hover { background-color: var(--white-400) !important; }
.hover\:bg-white-450:hover { background-color: var(--white-450) !important; }
.hover\:bg-white-500:hover { background-color: var(--white-500) !important; }
.hover\:bg-white-550:hover { background-color: var(--white-550) !important; }
.hover\:bg-white-600:hover { background-color: var(--white-600) !important; }
.hover\:bg-white-650:hover { background-color: var(--white-650) !important; }
.hover\:bg-white-700:hover { background-color: var(--white-700) !important; }
.hover\:bg-white-750:hover { background-color: var(--white-750) !important; }
.hover\:bg-white-800:hover { background-color: var(--white-800) !important; }
.hover\:bg-white-850:hover { background-color: var(--white-850) !important; }
.hover\:bg-white-900:hover { background-color: var(--white-900) !important; }
.hover\:bg-white-950:hover { background-color: var(--white-950) !important; }
.hover\:bg-white:hover     { background-color: var(--white) !important; }

.hover\:bg-black-050:hover { background-color: var(--black-050) !important; }
.hover\:bg-black-100:hover { background-color: var(--black-100) !important; }
.hover\:bg-black-150:hover { background-color: var(--black-150) !important; }
.hover\:bg-black-200:hover { background-color: var(--black-200) !important; }
.hover\:bg-black-250:hover { background-color: var(--black-250) !important; }
.hover\:bg-black-300:hover { background-color: var(--black-300) !important; }
.hover\:bg-black-350:hover { background-color: var(--black-350) !important; }
.hover\:bg-black-400:hover { background-color: var(--black-400) !important; }
.hover\:bg-black-450:hover { background-color: var(--black-450) !important; }
.hover\:bg-black-500:hover { background-color: var(--black-500) !important; }
.hover\:bg-black-550:hover { background-color: var(--black-550) !important; }
.hover\:bg-black-600:hover { background-color: var(--black-600) !important; }
.hover\:bg-black-650:hover { background-color: var(--black-650) !important; }
.hover\:bg-black-700:hover { background-color: var(--black-700) !important; }
.hover\:bg-black-750:hover { background-color: var(--black-750) !important; }
.hover\:bg-black-800:hover { background-color: var(--black-800) !important; }
.hover\:bg-black-850:hover { background-color: var(--black-850) !important; }
.hover\:bg-black-900:hover { background-color: var(--black-900) !important; }
.hover\:bg-black-950:hover { background-color: var(--black-950) !important; }
.hover\:bg-black:hover     { background-color: var(--black) !important; }

/* Background Color on Focus (Credit tailwind css)
   ========================================================================== */

.focus\:bg-primary:focus     { background-color: var(--primary-color) !important; }
.focus\:bg-secondary:focus   { background-color: var(--secondary-color) !important; }
.focus\:bg-success:focus     { background-color: var(--success-color) !important; }
.focus\:bg-danger:focus      { background-color: var(--danger-color) !important; }
.focus\:bg-info:focus        { background-color: var(--info-color) !important; }
.focus\:bg-warning:focus     { background-color: var(--warning-color) !important; }
.focus\:bg-light:focus       { background-color: var(--light-color) !important; }
.focus\:bg-dark:focus        { background-color: var(--dark-color) !important; }
.focus\:bg-muted:focus       { background-color: var(--muted-color) !important; }
.focus\:bg-body:focus        { background-color: var(--body-background-color) !important; }
.focus\:bg-default:focus     { background-color: var(--body-background-color) !important; }
.focus\:bg-current:focus     { background-color: currentColor !important; }
.focus\:bg-reset:focus       { background-color: inherit !important; }
.focus\:bg-transparent:focus { background-color: transparent !important; }
.focus\:bg-gradient:focus    { background-image: var(--gradient-color) !important; }

.focus\:bg-primary-050:focus { background-color: var(--primary-color-050) !important; }
.focus\:bg-primary-100:focus { background-color: var(--primary-color-100) !important; }
.focus\:bg-primary-200:focus { background-color: var(--primary-color-200) !important; }
.focus\:bg-primary-300:focus { background-color: var(--primary-color-300) !important; }
.focus\:bg-primary-400:focus { background-color: var(--primary-color-400) !important; }
.focus\:bg-primary-500:focus { background-color: var(--primary-color-500) !important; }
.focus\:bg-primary-600:focus { background-color: var(--primary-color-600) !important; }
.focus\:bg-primary-700:focus { background-color: var(--primary-color-700) !important; }
.focus\:bg-primary-800:focus { background-color: var(--primary-color-800) !important; }
.focus\:bg-primary-900:focus { background-color: var(--primary-color-900) !important; }

.focus\:bg-secondary-050:focus { background-color: var(--secondary-color-050) !important; }
.focus\:bg-secondary-100:focus { background-color: var(--secondary-color-100) !important; }
.focus\:bg-secondary-200:focus { background-color: var(--secondary-color-200) !important; }
.focus\:bg-secondary-300:focus { background-color: var(--secondary-color-300) !important; }
.focus\:bg-secondary-400:focus { background-color: var(--secondary-color-400) !important; }
.focus\:bg-secondary-500:focus { background-color: var(--secondary-color-500) !important; }
.focus\:bg-secondary-600:focus { background-color: var(--secondary-color-600) !important; }
.focus\:bg-secondary-700:focus { background-color: var(--secondary-color-700) !important; }
.focus\:bg-secondary-800:focus { background-color: var(--secondary-color-800) !important; }
.focus\:bg-secondary-900:focus { background-color: var(--secondary-color-900) !important; }

.focus\:bg-red-050:focus { background-color: var(--red-050) !important; }
.focus\:bg-red-100:focus { background-color: var(--red-100) !important; }
.focus\:bg-red-200:focus { background-color: var(--red-200) !important; }
.focus\:bg-red-300:focus { background-color: var(--red-300) !important; }
.focus\:bg-red-400:focus { background-color: var(--red-400) !important; }
.focus\:bg-red-500:focus { background-color: var(--red-500) !important; }
.focus\:bg-red-600:focus { background-color: var(--red-600) !important; }
.focus\:bg-red-700:focus { background-color: var(--red-700) !important; }
.focus\:bg-red-800:focus { background-color: var(--red-800) !important; }
.focus\:bg-red-900:focus { background-color: var(--red-900) !important; }
.focus\:bg-red-A100:focus { background-color: var(--red-100) !important; }
.focus\:bg-red-A200:focus { background-color: var(--red-200) !important; }
.focus\:bg-red-A400:focus { background-color: var(--red-400) !important; }
.focus\:bg-red-A700:focus { background-color: var(--red-700) !important; }

.focus\:bg-pink-050:focus { background-color: var(--pink-050) !important; }
.focus\:bg-pink-100:focus { background-color: var(--pink-100) !important; }
.focus\:bg-pink-200:focus { background-color: var(--pink-200) !important; }
.focus\:bg-pink-300:focus { background-color: var(--pink-300) !important; }
.focus\:bg-pink-400:focus { background-color: var(--pink-400) !important; }
.focus\:bg-pink-500:focus { background-color: var(--pink-500) !important; }
.focus\:bg-pink-600:focus { background-color: var(--pink-600) !important; }
.focus\:bg-pink-700:focus { background-color: var(--pink-700) !important; }
.focus\:bg-pink-800:focus { background-color: var(--pink-800) !important; }
.focus\:bg-pink-900:focus { background-color: var(--pink-900) !important; }
.focus\:bg-pink-A100:focus { background-color: var(--pink-100) !important; }
.focus\:bg-pink-A200:focus { background-color: var(--pink-200) !important; }
.focus\:bg-pink-A400:focus { background-color: var(--pink-400) !important; }
.focus\:bg-pink-A700:focus { background-color: var(--pink-700) !important; }

.focus\:bg-purple-050:focus { background-color: var(--purple-050) !important; }
.focus\:bg-purple-100:focus { background-color: var(--purple-100) !important; }
.focus\:bg-purple-200:focus { background-color: var(--purple-200) !important; }
.focus\:bg-purple-300:focus { background-color: var(--purple-300) !important; }
.focus\:bg-purple-400:focus { background-color: var(--purple-400) !important; }
.focus\:bg-purple-500:focus { background-color: var(--purple-500) !important; }
.focus\:bg-purple-600:focus { background-color: var(--purple-600) !important; }
.focus\:bg-purple-700:focus { background-color: var(--purple-700) !important; }
.focus\:bg-purple-800:focus { background-color: var(--purple-800) !important; }
.focus\:bg-purple-900:focus { background-color: var(--purple-900) !important; }
.focus\:bg-purple-A100:focus { background-color: var(--purple-100) !important; }
.focus\:bg-purple-A200:focus { background-color: var(--purple-200) !important; }
.focus\:bg-purple-A400:focus { background-color: var(--purple-400) !important; }
.focus\:bg-purple-A700:focus { background-color: var(--purple-700) !important; }

.focus\:bg-deep-purple-050:focus { background-color: var(--deep-purple-050) !important; }
.focus\:bg-deep-purple-100:focus { background-color: var(--deep-purple-100) !important; }
.focus\:bg-deep-purple-200:focus { background-color: var(--deep-purple-200) !important; }
.focus\:bg-deep-purple-300:focus { background-color: var(--deep-purple-300) !important; }
.focus\:bg-deep-purple-400:focus { background-color: var(--deep-purple-400) !important; }
.focus\:bg-deep-purple-500:focus { background-color: var(--deep-purple-500) !important; }
.focus\:bg-deep-purple-600:focus { background-color: var(--deep-purple-600) !important; }
.focus\:bg-deep-purple-700:focus { background-color: var(--deep-purple-700) !important; }
.focus\:bg-deep-purple-800:focus { background-color: var(--deep-purple-800) !important; }
.focus\:bg-deep-purple-900:focus { background-color: var(--deep-purple-900) !important; }
.focus\:bg-deep-purple-A100:focus { background-color: var(--deep-purple-100) !important; }
.focus\:bg-deep-purple-A200:focus { background-color: var(--deep-purple-200) !important; }
.focus\:bg-deep-purple-A400:focus { background-color: var(--deep-purple-400) !important; }
.focus\:bg-deep-purple-A700:focus { background-color: var(--deep-purple-700) !important; }

.focus\:bg-indigo-050:focus { background-color: var(--indigo-050) !important; }
.focus\:bg-indigo-100:focus { background-color: var(--indigo-100) !important; }
.focus\:bg-indigo-200:focus { background-color: var(--indigo-200) !important; }
.focus\:bg-indigo-300:focus { background-color: var(--indigo-300) !important; }
.focus\:bg-indigo-400:focus { background-color: var(--indigo-400) !important; }
.focus\:bg-indigo-500:focus { background-color: var(--indigo-500) !important; }
.focus\:bg-indigo-600:focus { background-color: var(--indigo-600) !important; }
.focus\:bg-indigo-700:focus { background-color: var(--indigo-700) !important; }
.focus\:bg-indigo-800:focus { background-color: var(--indigo-800) !important; }
.focus\:bg-indigo-900:focus { background-color: var(--indigo-900) !important; }
.focus\:bg-indigo-A100:focus { background-color: var(--indigo-100) !important; }
.focus\:bg-indigo-A200:focus { background-color: var(--indigo-200) !important; }
.focus\:bg-indigo-A400:focus { background-color: var(--indigo-400) !important; }
.focus\:bg-indigo-A700:focus { background-color: var(--indigo-700) !important; }

.focus\:bg-blue-050:focus { background-color: var(--blue-050) !important; }
.focus\:bg-blue-100:focus { background-color: var(--blue-100) !important; }
.focus\:bg-blue-200:focus { background-color: var(--blue-200) !important; }
.focus\:bg-blue-300:focus { background-color: var(--blue-300) !important; }
.focus\:bg-blue-400:focus { background-color: var(--blue-400) !important; }
.focus\:bg-blue-500:focus { background-color: var(--blue-500) !important; }
.focus\:bg-blue-600:focus { background-color: var(--blue-600) !important; }
.focus\:bg-blue-700:focus { background-color: var(--blue-700) !important; }
.focus\:bg-blue-800:focus { background-color: var(--blue-800) !important; }
.focus\:bg-blue-900:focus { background-color: var(--blue-900) !important; }
.focus\:bg-blue-A100:focus { background-color: var(--blue-100) !important; }
.focus\:bg-blue-A200:focus { background-color: var(--blue-200) !important; }
.focus\:bg-blue-A400:focus { background-color: var(--blue-400) !important; }
.focus\:bg-blue-A700:focus { background-color: var(--blue-700) !important; }

.focus\:bg-light-blue-050:focus { background-color: var(--light-blue-050) !important; }
.focus\:bg-light-blue-100:focus { background-color: var(--light-blue-100) !important; }
.focus\:bg-light-blue-200:focus { background-color: var(--light-blue-200) !important; }
.focus\:bg-light-blue-300:focus { background-color: var(--light-blue-300) !important; }
.focus\:bg-light-blue-400:focus { background-color: var(--light-blue-400) !important; }
.focus\:bg-light-blue-500:focus { background-color: var(--light-blue-500) !important; }
.focus\:bg-light-blue-600:focus { background-color: var(--light-blue-600) !important; }
.focus\:bg-light-blue-700:focus { background-color: var(--light-blue-700) !important; }
.focus\:bg-light-blue-800:focus { background-color: var(--light-blue-800) !important; }
.focus\:bg-light-blue-900:focus { background-color: var(--light-blue-900) !important; }
.focus\:bg-light-blue-A100:focus { background-color: var(--light-blue-100) !important; }
.focus\:bg-light-blue-A200:focus { background-color: var(--light-blue-200) !important; }
.focus\:bg-light-blue-A400:focus { background-color: var(--light-blue-400) !important; }
.focus\:bg-light-blue-A700:focus { background-color: var(--light-blue-700) !important; }

.focus\:bg-cyan-050:focus { background-color: var(--cyan-050) !important; }
.focus\:bg-cyan-100:focus { background-color: var(--cyan-100) !important; }
.focus\:bg-cyan-200:focus { background-color: var(--cyan-200) !important; }
.focus\:bg-cyan-300:focus { background-color: var(--cyan-300) !important; }
.focus\:bg-cyan-400:focus { background-color: var(--cyan-400) !important; }
.focus\:bg-cyan-500:focus { background-color: var(--cyan-500) !important; }
.focus\:bg-cyan-600:focus { background-color: var(--cyan-600) !important; }
.focus\:bg-cyan-700:focus { background-color: var(--cyan-700) !important; }
.focus\:bg-cyan-800:focus { background-color: var(--cyan-800) !important; }
.focus\:bg-cyan-900:focus { background-color: var(--cyan-900) !important; }
.focus\:bg-cyan-A100:focus { background-color: var(--cyan-100) !important; }
.focus\:bg-cyan-A200:focus { background-color: var(--cyan-200) !important; }
.focus\:bg-cyan-A400:focus { background-color: var(--cyan-400) !important; }
.focus\:bg-cyan-A700:focus { background-color: var(--cyan-700) !important; }

.focus\:bg-teal-050:focus { background-color: var(--teal-050) !important; }
.focus\:bg-teal-100:focus { background-color: var(--teal-100) !important; }
.focus\:bg-teal-200:focus { background-color: var(--teal-200) !important; }
.focus\:bg-teal-300:focus { background-color: var(--teal-300) !important; }
.focus\:bg-teal-400:focus { background-color: var(--teal-400) !important; }
.focus\:bg-teal-500:focus { background-color: var(--teal-500) !important; }
.focus\:bg-teal-600:focus { background-color: var(--teal-600) !important; }
.focus\:bg-teal-700:focus { background-color: var(--teal-700) !important; }
.focus\:bg-teal-800:focus { background-color: var(--teal-800) !important; }
.focus\:bg-teal-900:focus { background-color: var(--teal-900) !important; }
.focus\:bg-teal-A100:focus { background-color: var(--teal-100) !important; }
.focus\:bg-teal-A200:focus { background-color: var(--teal-200) !important; }
.focus\:bg-teal-A400:focus { background-color: var(--teal-400) !important; }
.focus\:bg-teal-A700:focus { background-color: var(--teal-700) !important; }

.focus\:bg-green-050:focus { background-color: var(--green-050) !important; }
.focus\:bg-green-100:focus { background-color: var(--green-100) !important; }
.focus\:bg-green-200:focus { background-color: var(--green-200) !important; }
.focus\:bg-green-300:focus { background-color: var(--green-300) !important; }
.focus\:bg-green-400:focus { background-color: var(--green-400) !important; }
.focus\:bg-green-500:focus { background-color: var(--green-500) !important; }
.focus\:bg-green-600:focus { background-color: var(--green-600) !important; }
.focus\:bg-green-700:focus { background-color: var(--green-700) !important; }
.focus\:bg-green-800:focus { background-color: var(--green-800) !important; }
.focus\:bg-green-900:focus { background-color: var(--green-900) !important; }
.focus\:bg-green-A100:focus { background-color: var(--green-100) !important; }
.focus\:bg-green-A200:focus { background-color: var(--green-200) !important; }
.focus\:bg-green-A400:focus { background-color: var(--green-400) !important; }
.focus\:bg-green-A700:focus { background-color: var(--green-700) !important; }

.focus\:bg-light-green-050:focus { background-color: var(--light-green-050) !important; }
.focus\:bg-light-green-100:focus { background-color: var(--light-green-100) !important; }
.focus\:bg-light-green-200:focus { background-color: var(--light-green-200) !important; }
.focus\:bg-light-green-300:focus { background-color: var(--light-green-300) !important; }
.focus\:bg-light-green-400:focus { background-color: var(--light-green-400) !important; }
.focus\:bg-light-green-500:focus { background-color: var(--light-green-500) !important; }
.focus\:bg-light-green-600:focus { background-color: var(--light-green-600) !important; }
.focus\:bg-light-green-700:focus { background-color: var(--light-green-700) !important; }
.focus\:bg-light-green-800:focus { background-color: var(--light-green-800) !important; }
.focus\:bg-light-green-900:focus { background-color: var(--light-green-900) !important; }
.focus\:bg-light-green-A100:focus { background-color: var(--light-green-100) !important; }
.focus\:bg-light-green-A200:focus { background-color: var(--light-green-200) !important; }
.focus\:bg-light-green-A400:focus { background-color: var(--light-green-400) !important; }
.focus\:bg-light-green-A700:focus { background-color: var(--light-green-700) !important; }

.focus\:bg-lime-050:focus { background-color: var(--lime-050) !important; }
.focus\:bg-lime-100:focus { background-color: var(--lime-100) !important; }
.focus\:bg-lime-200:focus { background-color: var(--lime-200) !important; }
.focus\:bg-lime-300:focus { background-color: var(--lime-300) !important; }
.focus\:bg-lime-400:focus { background-color: var(--lime-400) !important; }
.focus\:bg-lime-500:focus { background-color: var(--lime-500) !important; }
.focus\:bg-lime-600:focus { background-color: var(--lime-600) !important; }
.focus\:bg-lime-700:focus { background-color: var(--lime-700) !important; }
.focus\:bg-lime-800:focus { background-color: var(--lime-800) !important; }
.focus\:bg-lime-900:focus { background-color: var(--lime-900) !important; }
.focus\:bg-lime-A100:focus { background-color: var(--lime-100) !important; }
.focus\:bg-lime-A200:focus { background-color: var(--lime-200) !important; }
.focus\:bg-lime-A400:focus { background-color: var(--lime-400) !important; }
.focus\:bg-lime-A700:focus { background-color: var(--lime-700) !important; }

.focus\:bg-yellow-050:focus { background-color: var(--yellow-050) !important; }
.focus\:bg-yellow-100:focus { background-color: var(--yellow-100) !important; }
.focus\:bg-yellow-200:focus { background-color: var(--yellow-200) !important; }
.focus\:bg-yellow-300:focus { background-color: var(--yellow-300) !important; }
.focus\:bg-yellow-400:focus { background-color: var(--yellow-400) !important; }
.focus\:bg-yellow-500:focus { background-color: var(--yellow-500) !important; }
.focus\:bg-yellow-600:focus { background-color: var(--yellow-600) !important; }
.focus\:bg-yellow-700:focus { background-color: var(--yellow-700) !important; }
.focus\:bg-yellow-800:focus { background-color: var(--yellow-800) !important; }
.focus\:bg-yellow-900:focus { background-color: var(--yellow-900) !important; }
.focus\:bg-yellow-A100:focus { background-color: var(--yellow-100) !important; }
.focus\:bg-yellow-A200:focus { background-color: var(--yellow-200) !important; }
.focus\:bg-yellow-A400:focus { background-color: var(--yellow-400) !important; }
.focus\:bg-yellow-A700:focus { background-color: var(--yellow-700) !important; }

.focus\:bg-amber-050:focus { background-color: var(--amber-050) !important; }
.focus\:bg-amber-100:focus { background-color: var(--amber-100) !important; }
.focus\:bg-amber-200:focus { background-color: var(--amber-200) !important; }
.focus\:bg-amber-300:focus { background-color: var(--amber-300) !important; }
.focus\:bg-amber-400:focus { background-color: var(--amber-400) !important; }
.focus\:bg-amber-500:focus { background-color: var(--amber-500) !important; }
.focus\:bg-amber-600:focus { background-color: var(--amber-600) !important; }
.focus\:bg-amber-700:focus { background-color: var(--amber-700) !important; }
.focus\:bg-amber-800:focus { background-color: var(--amber-800) !important; }
.focus\:bg-amber-900:focus { background-color: var(--amber-900) !important; }
.focus\:bg-amber-A100:focus { background-color: var(--amber-100) !important; }
.focus\:bg-amber-A200:focus { background-color: var(--amber-200) !important; }
.focus\:bg-amber-A400:focus { background-color: var(--amber-400) !important; }
.focus\:bg-amber-A700:focus { background-color: var(--amber-700) !important; }

.focus\:bg-orange-050:focus { background-color: var(--orange-050) !important; }
.focus\:bg-orange-100:focus { background-color: var(--orange-100) !important; }
.focus\:bg-orange-200:focus { background-color: var(--orange-200) !important; }
.focus\:bg-orange-300:focus { background-color: var(--orange-300) !important; }
.focus\:bg-orange-400:focus { background-color: var(--orange-400) !important; }
.focus\:bg-orange-500:focus { background-color: var(--orange-500) !important; }
.focus\:bg-orange-600:focus { background-color: var(--orange-600) !important; }
.focus\:bg-orange-700:focus { background-color: var(--orange-700) !important; }
.focus\:bg-orange-800:focus { background-color: var(--orange-800) !important; }
.focus\:bg-orange-900:focus { background-color: var(--orange-900) !important; }
.focus\:bg-orange-A100:focus { background-color: var(--orange-100) !important; }
.focus\:bg-orange-A200:focus { background-color: var(--orange-200) !important; }
.focus\:bg-orange-A400:focus { background-color: var(--orange-400) !important; }
.focus\:bg-orange-A700:focus { background-color: var(--orange-700) !important; }

.focus\:bg-deep-orange-050:focus { background-color: var(--deep-orange-050) !important; }
.focus\:bg-deep-orange-100:focus { background-color: var(--deep-orange-100) !important; }
.focus\:bg-deep-orange-200:focus { background-color: var(--deep-orange-200) !important; }
.focus\:bg-deep-orange-300:focus { background-color: var(--deep-orange-300) !important; }
.focus\:bg-deep-orange-400:focus { background-color: var(--deep-orange-400) !important; }
.focus\:bg-deep-orange-500:focus { background-color: var(--deep-orange-500) !important; }
.focus\:bg-deep-orange-600:focus { background-color: var(--deep-orange-600) !important; }
.focus\:bg-deep-orange-700:focus { background-color: var(--deep-orange-700) !important; }
.focus\:bg-deep-orange-800:focus { background-color: var(--deep-orange-800) !important; }
.focus\:bg-deep-orange-900:focus { background-color: var(--deep-orange-900) !important; }
.focus\:bg-deep-orange-A100:focus { background-color: var(--deep-orange-100) !important; }
.focus\:bg-deep-orange-A200:focus { background-color: var(--deep-orange-200) !important; }
.focus\:bg-deep-orange-A400:focus { background-color: var(--deep-orange-400) !important; }
.focus\:bg-deep-orange-A700:focus { background-color: var(--deep-orange-700) !important; }

.focus\:bg-brown-050:focus { background-color: var(--brown-050) !important; }
.focus\:bg-brown-100:focus { background-color: var(--brown-100) !important; }
.focus\:bg-brown-200:focus { background-color: var(--brown-200) !important; }
.focus\:bg-brown-300:focus { background-color: var(--brown-300) !important; }
.focus\:bg-brown-400:focus { background-color: var(--brown-400) !important; }
.focus\:bg-brown-500:focus { background-color: var(--brown-500) !important; }
.focus\:bg-brown-600:focus { background-color: var(--brown-600) !important; }
.focus\:bg-brown-700:focus { background-color: var(--brown-700) !important; }
.focus\:bg-brown-800:focus { background-color: var(--brown-800) !important; }
.focus\:bg-brown-900:focus { background-color: var(--brown-900) !important; }

.focus\:bg-grey-050:focus { background-color: var(--grey-050) !important; }
.focus\:bg-grey-100:focus { background-color: var(--grey-100) !important; }
.focus\:bg-grey-200:focus { background-color: var(--grey-200) !important; }
.focus\:bg-grey-300:focus { background-color: var(--grey-300) !important; }
.focus\:bg-grey-400:focus { background-color: var(--grey-400) !important; }
.focus\:bg-grey-500:focus { background-color: var(--grey-500) !important; }
.focus\:bg-grey-600:focus { background-color: var(--grey-600) !important; }
.focus\:bg-grey-700:focus { background-color: var(--grey-700) !important; }
.focus\:bg-grey-800:focus { background-color: var(--grey-800) !important; }
.focus\:bg-grey-900:focus { background-color: var(--grey-900) !important; }

.focus\:bg-blue-grey-050:focus { background-color: var(--blue-grey-050) !important; }
.focus\:bg-blue-grey-100:focus { background-color: var(--blue-grey-100) !important; }
.focus\:bg-blue-grey-200:focus { background-color: var(--blue-grey-200) !important; }
.focus\:bg-blue-grey-300:focus { background-color: var(--blue-grey-300) !important; }
.focus\:bg-blue-grey-400:focus { background-color: var(--blue-grey-400) !important; }
.focus\:bg-blue-grey-500:focus { background-color: var(--blue-grey-500) !important; }
.focus\:bg-blue-grey-600:focus { background-color: var(--blue-grey-600) !important; }
.focus\:bg-blue-grey-700:focus { background-color: var(--blue-grey-700) !important; }
.focus\:bg-blue-grey-800:focus { background-color: var(--blue-grey-800) !important; }
.focus\:bg-blue-grey-900:focus { background-color: var(--blue-grey-900) !important; }

.focus\:bg-white-050:focus { background-color: var(--white-050) !important; }
.focus\:bg-white-100:focus { background-color: var(--white-100) !important; }
.focus\:bg-white-150:focus { background-color: var(--white-150) !important; }
.focus\:bg-white-200:focus { background-color: var(--white-200) !important; }
.focus\:bg-white-250:focus { background-color: var(--white-250) !important; }
.focus\:bg-white-300:focus { background-color: var(--white-300) !important; }
.focus\:bg-white-350:focus { background-color: var(--white-350) !important; }
.focus\:bg-white-400:focus { background-color: var(--white-400) !important; }
.focus\:bg-white-450:focus { background-color: var(--white-450) !important; }
.focus\:bg-white-500:focus { background-color: var(--white-500) !important; }
.focus\:bg-white-550:focus { background-color: var(--white-550) !important; }
.focus\:bg-white-600:focus { background-color: var(--white-600) !important; }
.focus\:bg-white-650:focus { background-color: var(--white-650) !important; }
.focus\:bg-white-700:focus { background-color: var(--white-700) !important; }
.focus\:bg-white-750:focus { background-color: var(--white-750) !important; }
.focus\:bg-white-800:focus { background-color: var(--white-800) !important; }
.focus\:bg-white-850:focus { background-color: var(--white-850) !important; }
.focus\:bg-white-900:focus { background-color: var(--white-900) !important; }
.focus\:bg-white-950:focus { background-color: var(--white-950) !important; }
.focus\:bg-white:focus     { background-color: var(--white) !important; }

.focus\:bg-black-050:focus { background-color: var(--black-050) !important; }
.focus\:bg-black-100:focus { background-color: var(--black-100) !important; }
.focus\:bg-black-150:focus { background-color: var(--black-150) !important; }
.focus\:bg-black-200:focus { background-color: var(--black-200) !important; }
.focus\:bg-black-250:focus { background-color: var(--black-250) !important; }
.focus\:bg-black-300:focus { background-color: var(--black-300) !important; }
.focus\:bg-black-350:focus { background-color: var(--black-350) !important; }
.focus\:bg-black-400:focus { background-color: var(--black-400) !important; }
.focus\:bg-black-450:focus { background-color: var(--black-450) !important; }
.focus\:bg-black-500:focus { background-color: var(--black-500) !important; }
.focus\:bg-black-550:focus { background-color: var(--black-550) !important; }
.focus\:bg-black-600:focus { background-color: var(--black-600) !important; }
.focus\:bg-black-650:focus { background-color: var(--black-650) !important; }
.focus\:bg-black-700:focus { background-color: var(--black-700) !important; }
.focus\:bg-black-750:focus { background-color: var(--black-750) !important; }
.focus\:bg-black-800:focus { background-color: var(--black-800) !important; }
.focus\:bg-black-850:focus { background-color: var(--black-850) !important; }
.focus\:bg-black-900:focus { background-color: var(--black-900) !important; }
.focus\:bg-black-950:focus { background-color: var(--black-950) !important; }
.focus\:bg-black:focus     { background-color: var(--black) !important; }

/* Text Color
   ========================================================================== */

.text-primary     { color: var(--primary-color) !important; }
.text-secondary   { color: var(--secondary-color) !important; }
.text-success     { color: var(--success-color) !important; }
.text-danger      { color: var(--danger-color) !important; }
.text-info        { color: var(--info-color) !important; }
.text-warning     { color: var(--warning-color) !important; }
.text-light       { color: var(--light-color) !important; }
.text-dark        { color: var(--dark-color) !important; }
.text-muted       { color: var(--muted-color) !important; }
.text-body        { color: var(--body-background-color) !important; }
.text-default     { color: var(--body-background-color) !important; }
.text-current     { color: currentColor !important; }
.text-reset       { color: inherit !important; }
.text-transparent { color: transparent !important; }

.text-primary-050 { color: var(--primary-color-050) !important; }
.text-primary-100 { color: var(--primary-color-100) !important; }
.text-primary-200 { color: var(--primary-color-200) !important; }
.text-primary-300 { color: var(--primary-color-300) !important; }
.text-primary-400 { color: var(--primary-color-400) !important; }
.text-primary-420 { color: var(--primary-color-420) !important; }
.text-primary-440 { color: var(--primary-color-440) !important; }
.text-primary-460 { color: var(--primary-color-460) !important; }
.text-primary-480 { color: var(--primary-color-480) !important; }
.text-primary-500 { color: var(--primary-color-500) !important; }
.text-primary-520 { color: var(--primary-color-520) !important; }
.text-primary-540 { color: var(--primary-color-540) !important; }
.text-primary-560 { color: var(--primary-color-560) !important; }
.text-primary-580 { color: var(--primary-color-580) !important; }
.text-primary-600 { color: var(--primary-color-600) !important; }
.text-primary-700 { color: var(--primary-color-700) !important; }
.text-primary-800 { color: var(--primary-color-800) !important; }
.text-primary-900 { color: var(--primary-color-900) !important; }

.text-secondary-050 { color: var(--secondary-color-050) !important; }
.text-secondary-100 { color: var(--secondary-color-100) !important; }
.text-secondary-200 { color: var(--secondary-color-200) !important; }
.text-secondary-300 { color: var(--secondary-color-300) !important; }
.text-secondary-400 { color: var(--secondary-color-400) !important; }
.text-secondary-420 { color: var(--secondary-color-420) !important; }
.text-secondary-440 { color: var(--secondary-color-440) !important; }
.text-secondary-460 { color: var(--secondary-color-460) !important; }
.text-secondary-480 { color: var(--secondary-color-480) !important; }
.text-secondary-500 { color: var(--secondary-color-500) !important; }
.text-secondary-520 { color: var(--secondary-color-520) !important; }
.text-secondary-540 { color: var(--secondary-color-540) !important; }
.text-secondary-560 { color: var(--secondary-color-560) !important; }
.text-secondary-580 { color: var(--secondary-color-580) !important; }
.text-secondary-600 { color: var(--secondary-color-600) !important; }
.text-secondary-700 { color: var(--secondary-color-700) !important; }
.text-secondary-800 { color: var(--secondary-color-800) !important; }
.text-secondary-900 { color: var(--secondary-color-900) !important; }

.text-red-050 { color: var(--red-050) !important; }
.text-red-100 { color: var(--red-100) !important; }
.text-red-200 { color: var(--red-200) !important; }
.text-red-300 { color: var(--red-300) !important; }
.text-red-400 { color: var(--red-400) !important; }
.text-red-500 { color: var(--red-500) !important; }
.text-red-600 { color: var(--red-600) !important; }
.text-red-700 { color: var(--red-700) !important; }
.text-red-800 { color: var(--red-800) !important; }
.text-red-900 { color: var(--red-900) !important; }
.text-red-A100 { color: var(--red-100) !important; }
.text-red-A200 { color: var(--red-200) !important; }
.text-red-A400 { color: var(--red-400) !important; }
.text-red-A700 { color: var(--red-700) !important; }

.text-pink-050 { color: var(--pink-050) !important; }
.text-pink-100 { color: var(--pink-100) !important; }
.text-pink-200 { color: var(--pink-200) !important; }
.text-pink-300 { color: var(--pink-300) !important; }
.text-pink-400 { color: var(--pink-400) !important; }
.text-pink-500 { color: var(--pink-500) !important; }
.text-pink-600 { color: var(--pink-600) !important; }
.text-pink-700 { color: var(--pink-700) !important; }
.text-pink-800 { color: var(--pink-800) !important; }
.text-pink-900 { color: var(--pink-900) !important; }
.text-pink-A100 { color: var(--pink-100) !important; }
.text-pink-A200 { color: var(--pink-200) !important; }
.text-pink-A400 { color: var(--pink-400) !important; }
.text-pink-A700 { color: var(--pink-700) !important; }

.text-purple-050 { color: var(--purple-050) !important; }
.text-purple-100 { color: var(--purple-100) !important; }
.text-purple-200 { color: var(--purple-200) !important; }
.text-purple-300 { color: var(--purple-300) !important; }
.text-purple-400 { color: var(--purple-400) !important; }
.text-purple-500 { color: var(--purple-500) !important; }
.text-purple-600 { color: var(--purple-600) !important; }
.text-purple-700 { color: var(--purple-700) !important; }
.text-purple-800 { color: var(--purple-800) !important; }
.text-purple-900 { color: var(--purple-900) !important; }
.text-purple-A100 { color: var(--purple-100) !important; }
.text-purple-A200 { color: var(--purple-200) !important; }
.text-purple-A400 { color: var(--purple-400) !important; }
.text-purple-A700 { color: var(--purple-700) !important; }

.text-deep-purple-050 { color: var(--deep-purple-050) !important; }
.text-deep-purple-100 { color: var(--deep-purple-100) !important; }
.text-deep-purple-200 { color: var(--deep-purple-200) !important; }
.text-deep-purple-300 { color: var(--deep-purple-300) !important; }
.text-deep-purple-400 { color: var(--deep-purple-400) !important; }
.text-deep-purple-500 { color: var(--deep-purple-500) !important; }
.text-deep-purple-600 { color: var(--deep-purple-600) !important; }
.text-deep-purple-700 { color: var(--deep-purple-700) !important; }
.text-deep-purple-800 { color: var(--deep-purple-800) !important; }
.text-deep-purple-900 { color: var(--deep-purple-900) !important; }
.text-deep-purple-A100 { color: var(--deep-purple-100) !important; }
.text-deep-purple-A200 { color: var(--deep-purple-200) !important; }
.text-deep-purple-A400 { color: var(--deep-purple-400) !important; }
.text-deep-purple-A700 { color: var(--deep-purple-700) !important; }

.text-indigo-050 { color: var(--indigo-050) !important; }
.text-indigo-100 { color: var(--indigo-100) !important; }
.text-indigo-200 { color: var(--indigo-200) !important; }
.text-indigo-300 { color: var(--indigo-300) !important; }
.text-indigo-400 { color: var(--indigo-400) !important; }
.text-indigo-500 { color: var(--indigo-500) !important; }
.text-indigo-600 { color: var(--indigo-600) !important; }
.text-indigo-700 { color: var(--indigo-700) !important; }
.text-indigo-800 { color: var(--indigo-800) !important; }
.text-indigo-900 { color: var(--indigo-900) !important; }
.text-indigo-A100 { color: var(--indigo-100) !important; }
.text-indigo-A200 { color: var(--indigo-200) !important; }
.text-indigo-A400 { color: var(--indigo-400) !important; }
.text-indigo-A700 { color: var(--indigo-700) !important; }

.text-blue-050 { color: var(--blue-050) !important; }
.text-blue-100 { color: var(--blue-100) !important; }
.text-blue-200 { color: var(--blue-200) !important; }
.text-blue-300 { color: var(--blue-300) !important; }
.text-blue-400 { color: var(--blue-400) !important; }
.text-blue-500 { color: var(--blue-500) !important; }
.text-blue-600 { color: var(--blue-600) !important; }
.text-blue-700 { color: var(--blue-700) !important; }
.text-blue-800 { color: var(--blue-800) !important; }
.text-blue-900 { color: var(--blue-900) !important; }
.text-blue-A100 { color: var(--blue-100) !important; }
.text-blue-A200 { color: var(--blue-200) !important; }
.text-blue-A400 { color: var(--blue-400) !important; }
.text-blue-A700 { color: var(--blue-700) !important; }

.text-light-blue-050 { color: var(--light-blue-050) !important; }
.text-light-blue-100 { color: var(--light-blue-100) !important; }
.text-light-blue-200 { color: var(--light-blue-200) !important; }
.text-light-blue-300 { color: var(--light-blue-300) !important; }
.text-light-blue-400 { color: var(--light-blue-400) !important; }
.text-light-blue-500 { color: var(--light-blue-500) !important; }
.text-light-blue-600 { color: var(--light-blue-600) !important; }
.text-light-blue-700 { color: var(--light-blue-700) !important; }
.text-light-blue-800 { color: var(--light-blue-800) !important; }
.text-light-blue-900 { color: var(--light-blue-900) !important; }
.text-light-blue-A100 { color: var(--light-blue-100) !important; }
.text-light-blue-A200 { color: var(--light-blue-200) !important; }
.text-light-blue-A400 { color: var(--light-blue-400) !important; }
.text-light-blue-A700 { color: var(--light-blue-700) !important; }

.text-cyan-050 { color: var(--cyan-050) !important; }
.text-cyan-100 { color: var(--cyan-100) !important; }
.text-cyan-200 { color: var(--cyan-200) !important; }
.text-cyan-300 { color: var(--cyan-300) !important; }
.text-cyan-400 { color: var(--cyan-400) !important; }
.text-cyan-500 { color: var(--cyan-500) !important; }
.text-cyan-600 { color: var(--cyan-600) !important; }
.text-cyan-700 { color: var(--cyan-700) !important; }
.text-cyan-800 { color: var(--cyan-800) !important; }
.text-cyan-900 { color: var(--cyan-900) !important; }
.text-cyan-A100 { color: var(--cyan-100) !important; }
.text-cyan-A200 { color: var(--cyan-200) !important; }
.text-cyan-A400 { color: var(--cyan-400) !important; }
.text-cyan-A700 { color: var(--cyan-700) !important; }

.text-teal-050 { color: var(--teal-050) !important; }
.text-teal-100 { color: var(--teal-100) !important; }
.text-teal-200 { color: var(--teal-200) !important; }
.text-teal-300 { color: var(--teal-300) !important; }
.text-teal-400 { color: var(--teal-400) !important; }
.text-teal-500 { color: var(--teal-500) !important; }
.text-teal-600 { color: var(--teal-600) !important; }
.text-teal-700 { color: var(--teal-700) !important; }
.text-teal-800 { color: var(--teal-800) !important; }
.text-teal-900 { color: var(--teal-900) !important; }
.text-teal-A100 { color: var(--teal-100) !important; }
.text-teal-A200 { color: var(--teal-200) !important; }
.text-teal-A400 { color: var(--teal-400) !important; }
.text-teal-A700 { color: var(--teal-700) !important; }

.text-green-050 { color: var(--green-050) !important; }
.text-green-100 { color: var(--green-100) !important; }
.text-green-200 { color: var(--green-200) !important; }
.text-green-300 { color: var(--green-300) !important; }
.text-green-400 { color: var(--green-400) !important; }
.text-green-500 { color: var(--green-500) !important; }
.text-green-600 { color: var(--green-600) !important; }
.text-green-700 { color: var(--green-700) !important; }
.text-green-800 { color: var(--green-800) !important; }
.text-green-900 { color: var(--green-900) !important; }
.text-green-A100 { color: var(--green-100) !important; }
.text-green-A200 { color: var(--green-200) !important; }
.text-green-A400 { color: var(--green-400) !important; }
.text-green-A700 { color: var(--green-700) !important; }

.text-light-green-050 { color: var(--light-green-050) !important; }
.text-light-green-100 { color: var(--light-green-100) !important; }
.text-light-green-200 { color: var(--light-green-200) !important; }
.text-light-green-300 { color: var(--light-green-300) !important; }
.text-light-green-400 { color: var(--light-green-400) !important; }
.text-light-green-500 { color: var(--light-green-500) !important; }
.text-light-green-600 { color: var(--light-green-600) !important; }
.text-light-green-700 { color: var(--light-green-700) !important; }
.text-light-green-800 { color: var(--light-green-800) !important; }
.text-light-green-900 { color: var(--light-green-900) !important; }
.text-light-green-A100 { color: var(--light-green-100) !important; }
.text-light-green-A200 { color: var(--light-green-200) !important; }
.text-light-green-A400 { color: var(--light-green-400) !important; }
.text-light-green-A700 { color: var(--light-green-700) !important; }

.text-lime-050 { color: var(--lime-050) !important; }
.text-lime-100 { color: var(--lime-100) !important; }
.text-lime-200 { color: var(--lime-200) !important; }
.text-lime-300 { color: var(--lime-300) !important; }
.text-lime-400 { color: var(--lime-400) !important; }
.text-lime-500 { color: var(--lime-500) !important; }
.text-lime-600 { color: var(--lime-600) !important; }
.text-lime-700 { color: var(--lime-700) !important; }
.text-lime-800 { color: var(--lime-800) !important; }
.text-lime-900 { color: var(--lime-900) !important; }
.text-lime-A100 { color: var(--lime-100) !important; }
.text-lime-A200 { color: var(--lime-200) !important; }
.text-lime-A400 { color: var(--lime-400) !important; }
.text-lime-A700 { color: var(--lime-700) !important; }

.text-yellow-050 { color: var(--yellow-050) !important; }
.text-yellow-100 { color: var(--yellow-100) !important; }
.text-yellow-200 { color: var(--yellow-200) !important; }
.text-yellow-300 { color: var(--yellow-300) !important; }
.text-yellow-400 { color: var(--yellow-400) !important; }
.text-yellow-500 { color: var(--yellow-500) !important; }
.text-yellow-600 { color: var(--yellow-600) !important; }
.text-yellow-700 { color: var(--yellow-700) !important; }
.text-yellow-800 { color: var(--yellow-800) !important; }
.text-yellow-900 { color: var(--yellow-900) !important; }
.text-yellow-A100 { color: var(--yellow-100) !important; }
.text-yellow-A200 { color: var(--yellow-200) !important; }
.text-yellow-A400 { color: var(--yellow-400) !important; }
.text-yellow-A700 { color: var(--yellow-700) !important; }

.text-amber-050 { color: var(--amber-050) !important; }
.text-amber-100 { color: var(--amber-100) !important; }
.text-amber-200 { color: var(--amber-200) !important; }
.text-amber-300 { color: var(--amber-300) !important; }
.text-amber-400 { color: var(--amber-400) !important; }
.text-amber-500 { color: var(--amber-500) !important; }
.text-amber-600 { color: var(--amber-600) !important; }
.text-amber-700 { color: var(--amber-700) !important; }
.text-amber-800 { color: var(--amber-800) !important; }
.text-amber-900 { color: var(--amber-900) !important; }
.text-amber-A100 { color: var(--amber-100) !important; }
.text-amber-A200 { color: var(--amber-200) !important; }
.text-amber-A400 { color: var(--amber-400) !important; }
.text-amber-A700 { color: var(--amber-700) !important; }

.text-orange-050 { color: var(--orange-050) !important; }
.text-orange-100 { color: var(--orange-100) !important; }
.text-orange-200 { color: var(--orange-200) !important; }
.text-orange-300 { color: var(--orange-300) !important; }
.text-orange-400 { color: var(--orange-400) !important; }
.text-orange-500 { color: var(--orange-500) !important; }
.text-orange-600 { color: var(--orange-600) !important; }
.text-orange-700 { color: var(--orange-700) !important; }
.text-orange-800 { color: var(--orange-800) !important; }
.text-orange-900 { color: var(--orange-900) !important; }
.text-orange-A100 { color: var(--orange-100) !important; }
.text-orange-A200 { color: var(--orange-200) !important; }
.text-orange-A400 { color: var(--orange-400) !important; }
.text-orange-A700 { color: var(--orange-700) !important; }

.text-deep-orange-050 { color: var(--deep-orange-050) !important; }
.text-deep-orange-100 { color: var(--deep-orange-100) !important; }
.text-deep-orange-200 { color: var(--deep-orange-200) !important; }
.text-deep-orange-300 { color: var(--deep-orange-300) !important; }
.text-deep-orange-400 { color: var(--deep-orange-400) !important; }
.text-deep-orange-500 { color: var(--deep-orange-500) !important; }
.text-deep-orange-600 { color: var(--deep-orange-600) !important; }
.text-deep-orange-700 { color: var(--deep-orange-700) !important; }
.text-deep-orange-800 { color: var(--deep-orange-800) !important; }
.text-deep-orange-900 { color: var(--deep-orange-900) !important; }
.text-deep-orange-A100 { color: var(--deep-orange-100) !important; }
.text-deep-orange-A200 { color: var(--deep-orange-200) !important; }
.text-deep-orange-A400 { color: var(--deep-orange-400) !important; }
.text-deep-orange-A700 { color: var(--deep-orange-700) !important; }

.text-brown-050 { color: var(--brown-050) !important; }
.text-brown-100 { color: var(--brown-100) !important; }
.text-brown-200 { color: var(--brown-200) !important; }
.text-brown-300 { color: var(--brown-300) !important; }
.text-brown-400 { color: var(--brown-400) !important; }
.text-brown-500 { color: var(--brown-500) !important; }
.text-brown-600 { color: var(--brown-600) !important; }
.text-brown-700 { color: var(--brown-700) !important; }
.text-brown-800 { color: var(--brown-800) !important; }
.text-brown-900 { color: var(--brown-900) !important; }

.text-grey-050 { color: var(--grey-050) !important; }
.text-grey-100 { color: var(--grey-100) !important; }
.text-grey-200 { color: var(--grey-200) !important; }
.text-grey-300 { color: var(--grey-300) !important; }
.text-grey-400 { color: var(--grey-400) !important; }
.text-grey-500 { color: var(--grey-500) !important; }
.text-grey-600 { color: var(--grey-600) !important; }
.text-grey-700 { color: var(--grey-700) !important; }
.text-grey-800 { color: var(--grey-800) !important; }
.text-grey-900 { color: var(--grey-900) !important; }

.text-blue-grey-050 { color: var(--blue-grey-050) !important; }
.text-blue-grey-100 { color: var(--blue-grey-100) !important; }
.text-blue-grey-200 { color: var(--blue-grey-200) !important; }
.text-blue-grey-300 { color: var(--blue-grey-300) !important; }
.text-blue-grey-400 { color: var(--blue-grey-400) !important; }
.text-blue-grey-500 { color: var(--blue-grey-500) !important; }
.text-blue-grey-600 { color: var(--blue-grey-600) !important; }
.text-blue-grey-700 { color: var(--blue-grey-700) !important; }
.text-blue-grey-800 { color: var(--blue-grey-800) !important; }
.text-blue-grey-900 { color: var(--blue-grey-900) !important; }

.text-white-050 { color: var(--white-050) !important; }
.text-white-100 { color: var(--white-100) !important; }
.text-white-150 { color: var(--white-150) !important; }
.text-white-200 { color: var(--white-200) !important; }
.text-white-250 { color: var(--white-250) !important; }
.text-white-300 { color: var(--white-300) !important; }
.text-white-350 { color: var(--white-350) !important; }
.text-white-400 { color: var(--white-400) !important; }
.text-white-450 { color: var(--white-450) !important; }
.text-white-500 { color: var(--white-500) !important; }
.text-white-550 { color: var(--white-550) !important; }
.text-white-600 { color: var(--white-600) !important; }
.text-white-650 { color: var(--white-650) !important; }
.text-white-700 { color: var(--white-700) !important; }
.text-white-750 { color: var(--white-750) !important; }
.text-white-800 { color: var(--white-800) !important; }
.text-white-850 { color: var(--white-850) !important; }
.text-white-900 { color: var(--white-900) !important; }
.text-white-950 { color: var(--white-950) !important; }
.text-white     { color: var(--white) !important; }

.text-black-050 { color: var(--black-050) !important; }
.text-black-100 { color: var(--black-100) !important; }
.text-black-150 { color: var(--black-150) !important; }
.text-black-200 { color: var(--black-200) !important; }
.text-black-250 { color: var(--black-250) !important; }
.text-black-300 { color: var(--black-300) !important; }
.text-black-350 { color: var(--black-350) !important; }
.text-black-400 { color: var(--black-400) !important; }
.text-black-450 { color: var(--black-450) !important; }
.text-black-500 { color: var(--black-500) !important; }
.text-black-550 { color: var(--black-550) !important; }
.text-black-600 { color: var(--black-600) !important; }
.text-black-650 { color: var(--black-650) !important; }
.text-black-700 { color: var(--black-700) !important; }
.text-black-750 { color: var(--black-750) !important; }
.text-black-800 { color: var(--black-800) !important; }
.text-black-850 { color: var(--black-850) !important; }
.text-black-900 { color: var(--black-900) !important; }
.text-black-950 { color: var(--black-950) !important; }
.text-black     { color: var(--black) !important; }

/* Text Color on mouse Hover (Credit tailwind css)
   ========================================================================== */

.hover\:text-primary:hover      { color: var(--primary-color) !important; }
.hover\:text-secondary:hover    { color: var(--secondary-color) !important; }
.hover\:text-success:hover      { color: var(--success-color) !important; }
.hover\:text-danger:hover       { color: var(--danger-color) !important; }
.hover\:text-info:hover         { color: var(--info-color) !important; }
.hover\:text-warning:hover      { color: var(--warning-color) !important; }
.hover\:text-light:hover        { color: var(--light-color) !important; }
.hover\:text-dark:hover         { color: var(--dark-color) !important; }
.hover\:text-muted:hover        { color: var(--muted-color) !important; }
.hover\:text-body:hover         { color: var(--body-background-color) !important; }
.hover\:text-default:hover      { color: var(--body-background-color) !important; }
.hover\:text-current:hover      { color: currentColor !important; }
.hover\:text-reset:hover        { color: inherit !important; }
.hover\:text-transparent:hover  { color: transparent !important; }

.hover\:text-primary-050:hover { color: var(--primary-color-050) !important; }
.hover\:text-primary-100:hover { color: var(--primary-color-100) !important; }
.hover\:text-primary-200:hover { color: var(--primary-color-200) !important; }
.hover\:text-primary-300:hover { color: var(--primary-color-300) !important; }
.hover\:text-primary-400:hover { color: var(--primary-color-400) !important; }
.hover\:text-primary-500:hover { color: var(--primary-color-500) !important; }
.hover\:text-primary-600:hover { color: var(--primary-color-600) !important; }
.hover\:text-primary-700:hover { color: var(--primary-color-700) !important; }
.hover\:text-primary-800:hover { color: var(--primary-color-800) !important; }
.hover\:text-primary-900:hover { color: var(--primary-color-900) !important; }

.hover\:text-secondary-050:hover { color: var(--secondary-color-050) !important; }
.hover\:text-secondary-100:hover { color: var(--secondary-color-100) !important; }
.hover\:text-secondary-200:hover { color: var(--secondary-color-200) !important; }
.hover\:text-secondary-300:hover { color: var(--secondary-color-300) !important; }
.hover\:text-secondary-400:hover { color: var(--secondary-color-400) !important; }
.hover\:text-secondary-500:hover { color: var(--secondary-color-500) !important; }
.hover\:text-secondary-600:hover { color: var(--secondary-color-600) !important; }
.hover\:text-secondary-700:hover { color: var(--secondary-color-700) !important; }
.hover\:text-secondary-800:hover { color: var(--secondary-color-800) !important; }
.hover\:text-secondary-900:hover { color: var(--secondary-color-900) !important; }

.hover\:text-red-050:hover { color: var(--red-050) !important; }
.hover\:text-red-100:hover { color: var(--red-100) !important; }
.hover\:text-red-200:hover { color: var(--red-200) !important; }
.hover\:text-red-300:hover { color: var(--red-300) !important; }
.hover\:text-red-400:hover { color: var(--red-400) !important; }
.hover\:text-red-500:hover { color: var(--red-500) !important; }
.hover\:text-red-600:hover { color: var(--red-600) !important; }
.hover\:text-red-700:hover { color: var(--red-700) !important; }
.hover\:text-red-800:hover { color: var(--red-800) !important; }
.hover\:text-red-900:hover { color: var(--red-900) !important; }
.hover\:text-red-A100:hover { color: var(--red-100) !important; }
.hover\:text-red-A200:hover { color: var(--red-200) !important; }
.hover\:text-red-A400:hover { color: var(--red-400) !important; }
.hover\:text-red-A700:hover { color: var(--red-700) !important; }

.hover\:text-pink-050:hover { color: var(--pink-050) !important; }
.hover\:text-pink-100:hover { color: var(--pink-100) !important; }
.hover\:text-pink-200:hover { color: var(--pink-200) !important; }
.hover\:text-pink-300:hover { color: var(--pink-300) !important; }
.hover\:text-pink-400:hover { color: var(--pink-400) !important; }
.hover\:text-pink-500:hover { color: var(--pink-500) !important; }
.hover\:text-pink-600:hover { color: var(--pink-600) !important; }
.hover\:text-pink-700:hover { color: var(--pink-700) !important; }
.hover\:text-pink-800:hover { color: var(--pink-800) !important; }
.hover\:text-pink-900:hover { color: var(--pink-900) !important; }
.hover\:text-pink-A100:hover { color: var(--pink-100) !important; }
.hover\:text-pink-A200:hover { color: var(--pink-200) !important; }
.hover\:text-pink-A400:hover { color: var(--pink-400) !important; }
.hover\:text-pink-A700:hover { color: var(--pink-700) !important; }

.hover\:text-purple-050:hover { color: var(--purple-050) !important; }
.hover\:text-purple-100:hover { color: var(--purple-100) !important; }
.hover\:text-purple-200:hover { color: var(--purple-200) !important; }
.hover\:text-purple-300:hover { color: var(--purple-300) !important; }
.hover\:text-purple-400:hover { color: var(--purple-400) !important; }
.hover\:text-purple-500:hover { color: var(--purple-500) !important; }
.hover\:text-purple-600:hover { color: var(--purple-600) !important; }
.hover\:text-purple-700:hover { color: var(--purple-700) !important; }
.hover\:text-purple-800:hover { color: var(--purple-800) !important; }
.hover\:text-purple-900:hover { color: var(--purple-900) !important; }
.hover\:text-purple-A100:hover { color: var(--purple-100) !important; }
.hover\:text-purple-A200:hover { color: var(--purple-200) !important; }
.hover\:text-purple-A400:hover { color: var(--purple-400) !important; }
.hover\:text-purple-A700:hover { color: var(--purple-700) !important; }

.hover\:text-deep-purple-050:hover { color: var(--deep-purple-050) !important; }
.hover\:text-deep-purple-100:hover { color: var(--deep-purple-100) !important; }
.hover\:text-deep-purple-200:hover { color: var(--deep-purple-200) !important; }
.hover\:text-deep-purple-300:hover { color: var(--deep-purple-300) !important; }
.hover\:text-deep-purple-400:hover { color: var(--deep-purple-400) !important; }
.hover\:text-deep-purple-500:hover { color: var(--deep-purple-500) !important; }
.hover\:text-deep-purple-600:hover { color: var(--deep-purple-600) !important; }
.hover\:text-deep-purple-700:hover { color: var(--deep-purple-700) !important; }
.hover\:text-deep-purple-800:hover { color: var(--deep-purple-800) !important; }
.hover\:text-deep-purple-900:hover { color: var(--deep-purple-900) !important; }
.hover\:text-deep-purple-A100:hover { color: var(--deep-purple-100) !important; }
.hover\:text-deep-purple-A200:hover { color: var(--deep-purple-200) !important; }
.hover\:text-deep-purple-A400:hover { color: var(--deep-purple-400) !important; }
.hover\:text-deep-purple-A700:hover { color: var(--deep-purple-700) !important; }

.hover\:text-indigo-050:hover { color: var(--indigo-050) !important; }
.hover\:text-indigo-100:hover { color: var(--indigo-100) !important; }
.hover\:text-indigo-200:hover { color: var(--indigo-200) !important; }
.hover\:text-indigo-300:hover { color: var(--indigo-300) !important; }
.hover\:text-indigo-400:hover { color: var(--indigo-400) !important; }
.hover\:text-indigo-500:hover { color: var(--indigo-500) !important; }
.hover\:text-indigo-600:hover { color: var(--indigo-600) !important; }
.hover\:text-indigo-700:hover { color: var(--indigo-700) !important; }
.hover\:text-indigo-800:hover { color: var(--indigo-800) !important; }
.hover\:text-indigo-900:hover { color: var(--indigo-900) !important; }
.hover\:text-indigo-A100:hover { color: var(--indigo-100) !important; }
.hover\:text-indigo-A200:hover { color: var(--indigo-200) !important; }
.hover\:text-indigo-A400:hover { color: var(--indigo-400) !important; }
.hover\:text-indigo-A700:hover { color: var(--indigo-700) !important; }

.hover\:text-blue-050:hover { color: var(--blue-050) !important; }
.hover\:text-blue-100:hover { color: var(--blue-100) !important; }
.hover\:text-blue-200:hover { color: var(--blue-200) !important; }
.hover\:text-blue-300:hover { color: var(--blue-300) !important; }
.hover\:text-blue-400:hover { color: var(--blue-400) !important; }
.hover\:text-blue-500:hover { color: var(--blue-500) !important; }
.hover\:text-blue-600:hover { color: var(--blue-600) !important; }
.hover\:text-blue-700:hover { color: var(--blue-700) !important; }
.hover\:text-blue-800:hover { color: var(--blue-800) !important; }
.hover\:text-blue-900:hover { color: var(--blue-900) !important; }
.hover\:text-blue-A100:hover { color: var(--blue-100) !important; }
.hover\:text-blue-A200:hover { color: var(--blue-200) !important; }
.hover\:text-blue-A400:hover { color: var(--blue-400) !important; }
.hover\:text-blue-A700:hover { color: var(--blue-700) !important; }

.hover\:text-light-blue-050:hover { color: var(--light-blue-050) !important; }
.hover\:text-light-blue-100:hover { color: var(--light-blue-100) !important; }
.hover\:text-light-blue-200:hover { color: var(--light-blue-200) !important; }
.hover\:text-light-blue-300:hover { color: var(--light-blue-300) !important; }
.hover\:text-light-blue-400:hover { color: var(--light-blue-400) !important; }
.hover\:text-light-blue-500:hover { color: var(--light-blue-500) !important; }
.hover\:text-light-blue-600:hover { color: var(--light-blue-600) !important; }
.hover\:text-light-blue-700:hover { color: var(--light-blue-700) !important; }
.hover\:text-light-blue-800:hover { color: var(--light-blue-800) !important; }
.hover\:text-light-blue-900:hover { color: var(--light-blue-900) !important; }
.hover\:text-light-blue-A100:hover { color: var(--light-blue-100) !important; }
.hover\:text-light-blue-A200:hover { color: var(--light-blue-200) !important; }
.hover\:text-light-blue-A400:hover { color: var(--light-blue-400) !important; }
.hover\:text-light-blue-A700:hover { color: var(--light-blue-700) !important; }

.hover\:text-cyan-050:hover { color: var(--cyan-050) !important; }
.hover\:text-cyan-100:hover { color: var(--cyan-100) !important; }
.hover\:text-cyan-200:hover { color: var(--cyan-200) !important; }
.hover\:text-cyan-300:hover { color: var(--cyan-300) !important; }
.hover\:text-cyan-400:hover { color: var(--cyan-400) !important; }
.hover\:text-cyan-500:hover { color: var(--cyan-500) !important; }
.hover\:text-cyan-600:hover { color: var(--cyan-600) !important; }
.hover\:text-cyan-700:hover { color: var(--cyan-700) !important; }
.hover\:text-cyan-800:hover { color: var(--cyan-800) !important; }
.hover\:text-cyan-900:hover { color: var(--cyan-900) !important; }
.hover\:text-cyan-A100:hover { color: var(--cyan-100) !important; }
.hover\:text-cyan-A200:hover { color: var(--cyan-200) !important; }
.hover\:text-cyan-A400:hover { color: var(--cyan-400) !important; }
.hover\:text-cyan-A700:hover { color: var(--cyan-700) !important; }

.hover\:text-teal-050:hover { color: var(--teal-050) !important; }
.hover\:text-teal-100:hover { color: var(--teal-100) !important; }
.hover\:text-teal-200:hover { color: var(--teal-200) !important; }
.hover\:text-teal-300:hover { color: var(--teal-300) !important; }
.hover\:text-teal-400:hover { color: var(--teal-400) !important; }
.hover\:text-teal-500:hover { color: var(--teal-500) !important; }
.hover\:text-teal-600:hover { color: var(--teal-600) !important; }
.hover\:text-teal-700:hover { color: var(--teal-700) !important; }
.hover\:text-teal-800:hover { color: var(--teal-800) !important; }
.hover\:text-teal-900:hover { color: var(--teal-900) !important; }
.hover\:text-teal-A100:hover { color: var(--teal-100) !important; }
.hover\:text-teal-A200:hover { color: var(--teal-200) !important; }
.hover\:text-teal-A400:hover { color: var(--teal-400) !important; }
.hover\:text-teal-A700:hover { color: var(--teal-700) !important; }

.hover\:text-green-050:hover { color: var(--green-050) !important; }
.hover\:text-green-100:hover { color: var(--green-100) !important; }
.hover\:text-green-200:hover { color: var(--green-200) !important; }
.hover\:text-green-300:hover { color: var(--green-300) !important; }
.hover\:text-green-400:hover { color: var(--green-400) !important; }
.hover\:text-green-500:hover { color: var(--green-500) !important; }
.hover\:text-green-600:hover { color: var(--green-600) !important; }
.hover\:text-green-700:hover { color: var(--green-700) !important; }
.hover\:text-green-800:hover { color: var(--green-800) !important; }
.hover\:text-green-900:hover { color: var(--green-900) !important; }
.hover\:text-green-A100:hover { color: var(--green-100) !important; }
.hover\:text-green-A200:hover { color: var(--green-200) !important; }
.hover\:text-green-A400:hover { color: var(--green-400) !important; }
.hover\:text-green-A700:hover { color: var(--green-700) !important; }

.hover\:text-light-green-050:hover { color: var(--light-green-050) !important; }
.hover\:text-light-green-100:hover { color: var(--light-green-100) !important; }
.hover\:text-light-green-200:hover { color: var(--light-green-200) !important; }
.hover\:text-light-green-300:hover { color: var(--light-green-300) !important; }
.hover\:text-light-green-400:hover { color: var(--light-green-400) !important; }
.hover\:text-light-green-500:hover { color: var(--light-green-500) !important; }
.hover\:text-light-green-600:hover { color: var(--light-green-600) !important; }
.hover\:text-light-green-700:hover { color: var(--light-green-700) !important; }
.hover\:text-light-green-800:hover { color: var(--light-green-800) !important; }
.hover\:text-light-green-900:hover { color: var(--light-green-900) !important; }
.hover\:text-light-green-A100:hover { color: var(--light-green-100) !important; }
.hover\:text-light-green-A200:hover { color: var(--light-green-200) !important; }
.hover\:text-light-green-A400:hover { color: var(--light-green-400) !important; }
.hover\:text-light-green-A700:hover { color: var(--light-green-700) !important; }

.hover\:text-lime-050:hover { color: var(--lime-050) !important; }
.hover\:text-lime-100:hover { color: var(--lime-100) !important; }
.hover\:text-lime-200:hover { color: var(--lime-200) !important; }
.hover\:text-lime-300:hover { color: var(--lime-300) !important; }
.hover\:text-lime-400:hover { color: var(--lime-400) !important; }
.hover\:text-lime-500:hover { color: var(--lime-500) !important; }
.hover\:text-lime-600:hover { color: var(--lime-600) !important; }
.hover\:text-lime-700:hover { color: var(--lime-700) !important; }
.hover\:text-lime-800:hover { color: var(--lime-800) !important; }
.hover\:text-lime-900:hover { color: var(--lime-900) !important; }
.hover\:text-lime-A100:hover { color: var(--lime-100) !important; }
.hover\:text-lime-A200:hover { color: var(--lime-200) !important; }
.hover\:text-lime-A400:hover { color: var(--lime-400) !important; }
.hover\:text-lime-A700:hover { color: var(--lime-700) !important; }

.hover\:text-yellow-050:hover { color: var(--yellow-050) !important; }
.hover\:text-yellow-100:hover { color: var(--yellow-100) !important; }
.hover\:text-yellow-200:hover { color: var(--yellow-200) !important; }
.hover\:text-yellow-300:hover { color: var(--yellow-300) !important; }
.hover\:text-yellow-400:hover { color: var(--yellow-400) !important; }
.hover\:text-yellow-500:hover { color: var(--yellow-500) !important; }
.hover\:text-yellow-600:hover { color: var(--yellow-600) !important; }
.hover\:text-yellow-700:hover { color: var(--yellow-700) !important; }
.hover\:text-yellow-800:hover { color: var(--yellow-800) !important; }
.hover\:text-yellow-900:hover { color: var(--yellow-900) !important; }
.hover\:text-yellow-A100:hover { color: var(--yellow-100) !important; }
.hover\:text-yellow-A200:hover { color: var(--yellow-200) !important; }
.hover\:text-yellow-A400:hover { color: var(--yellow-400) !important; }
.hover\:text-yellow-A700:hover { color: var(--yellow-700) !important; }

.hover\:text-amber-050:hover { color: var(--amber-050) !important; }
.hover\:text-amber-100:hover { color: var(--amber-100) !important; }
.hover\:text-amber-200:hover { color: var(--amber-200) !important; }
.hover\:text-amber-300:hover { color: var(--amber-300) !important; }
.hover\:text-amber-400:hover { color: var(--amber-400) !important; }
.hover\:text-amber-500:hover { color: var(--amber-500) !important; }
.hover\:text-amber-600:hover { color: var(--amber-600) !important; }
.hover\:text-amber-700:hover { color: var(--amber-700) !important; }
.hover\:text-amber-800:hover { color: var(--amber-800) !important; }
.hover\:text-amber-900:hover { color: var(--amber-900) !important; }
.hover\:text-amber-A100:hover { color: var(--amber-100) !important; }
.hover\:text-amber-A200:hover { color: var(--amber-200) !important; }
.hover\:text-amber-A400:hover { color: var(--amber-400) !important; }
.hover\:text-amber-A700:hover { color: var(--amber-700) !important; }

.hover\:text-orange-050:hover { color: var(--orange-050) !important; }
.hover\:text-orange-100:hover { color: var(--orange-100) !important; }
.hover\:text-orange-200:hover { color: var(--orange-200) !important; }
.hover\:text-orange-300:hover { color: var(--orange-300) !important; }
.hover\:text-orange-400:hover { color: var(--orange-400) !important; }
.hover\:text-orange-500:hover { color: var(--orange-500) !important; }
.hover\:text-orange-600:hover { color: var(--orange-600) !important; }
.hover\:text-orange-700:hover { color: var(--orange-700) !important; }
.hover\:text-orange-800:hover { color: var(--orange-800) !important; }
.hover\:text-orange-900:hover { color: var(--orange-900) !important; }
.hover\:text-orange-A100:hover { color: var(--orange-100) !important; }
.hover\:text-orange-A200:hover { color: var(--orange-200) !important; }
.hover\:text-orange-A400:hover { color: var(--orange-400) !important; }
.hover\:text-orange-A700:hover { color: var(--orange-700) !important; }

.hover\:text-deep-orange-050:hover { color: var(--deep-orange-050) !important; }
.hover\:text-deep-orange-100:hover { color: var(--deep-orange-100) !important; }
.hover\:text-deep-orange-200:hover { color: var(--deep-orange-200) !important; }
.hover\:text-deep-orange-300:hover { color: var(--deep-orange-300) !important; }
.hover\:text-deep-orange-400:hover { color: var(--deep-orange-400) !important; }
.hover\:text-deep-orange-500:hover { color: var(--deep-orange-500) !important; }
.hover\:text-deep-orange-600:hover { color: var(--deep-orange-600) !important; }
.hover\:text-deep-orange-700:hover { color: var(--deep-orange-700) !important; }
.hover\:text-deep-orange-800:hover { color: var(--deep-orange-800) !important; }
.hover\:text-deep-orange-900:hover { color: var(--deep-orange-900) !important; }
.hover\:text-deep-orange-A100:hover { color: var(--deep-orange-100) !important; }
.hover\:text-deep-orange-A200:hover { color: var(--deep-orange-200) !important; }
.hover\:text-deep-orange-A400:hover { color: var(--deep-orange-400) !important; }
.hover\:text-deep-orange-A700:hover { color: var(--deep-orange-700) !important; }

.hover\:text-brown-050:hover { color: var(--brown-050) !important; }
.hover\:text-brown-100:hover { color: var(--brown-100) !important; }
.hover\:text-brown-200:hover { color: var(--brown-200) !important; }
.hover\:text-brown-300:hover { color: var(--brown-300) !important; }
.hover\:text-brown-400:hover { color: var(--brown-400) !important; }
.hover\:text-brown-500:hover { color: var(--brown-500) !important; }
.hover\:text-brown-600:hover { color: var(--brown-600) !important; }
.hover\:text-brown-700:hover { color: var(--brown-700) !important; }
.hover\:text-brown-800:hover { color: var(--brown-800) !important; }
.hover\:text-brown-900:hover { color: var(--brown-900) !important; }

.hover\:text-grey-050:hover { color: var(--grey-050) !important; }
.hover\:text-grey-100:hover { color: var(--grey-100) !important; }
.hover\:text-grey-200:hover { color: var(--grey-200) !important; }
.hover\:text-grey-300:hover { color: var(--grey-300) !important; }
.hover\:text-grey-400:hover { color: var(--grey-400) !important; }
.hover\:text-grey-500:hover { color: var(--grey-500) !important; }
.hover\:text-grey-600:hover { color: var(--grey-600) !important; }
.hover\:text-grey-700:hover { color: var(--grey-700) !important; }
.hover\:text-grey-800:hover { color: var(--grey-800) !important; }
.hover\:text-grey-900:hover { color: var(--grey-900) !important; }

.hover\:text-blue-grey-050:hover { color: var(--blue-grey-050) !important; }
.hover\:text-blue-grey-100:hover { color: var(--blue-grey-100) !important; }
.hover\:text-blue-grey-200:hover { color: var(--blue-grey-200) !important; }
.hover\:text-blue-grey-300:hover { color: var(--blue-grey-300) !important; }
.hover\:text-blue-grey-400:hover { color: var(--blue-grey-400) !important; }
.hover\:text-blue-grey-500:hover { color: var(--blue-grey-500) !important; }
.hover\:text-blue-grey-600:hover { color: var(--blue-grey-600) !important; }
.hover\:text-blue-grey-700:hover { color: var(--blue-grey-700) !important; }
.hover\:text-blue-grey-800:hover { color: var(--blue-grey-800) !important; }
.hover\:text-blue-grey-900:hover { color: var(--blue-grey-900) !important; }

.hover\:text-white-050:hover { color: var(--white-050) !important; }
.hover\:text-white-100:hover { color: var(--white-100) !important; }
.hover\:text-white-150:hover { color: var(--white-150) !important; }
.hover\:text-white-200:hover { color: var(--white-200) !important; }
.hover\:text-white-250:hover { color: var(--white-250) !important; }
.hover\:text-white-300:hover { color: var(--white-300) !important; }
.hover\:text-white-350:hover { color: var(--white-350) !important; }
.hover\:text-white-400:hover { color: var(--white-400) !important; }
.hover\:text-white-450:hover { color: var(--white-450) !important; }
.hover\:text-white-500:hover { color: var(--white-500) !important; }
.hover\:text-white-550:hover { color: var(--white-550) !important; }
.hover\:text-white-600:hover { color: var(--white-600) !important; }
.hover\:text-white-650:hover { color: var(--white-650) !important; }
.hover\:text-white-700:hover { color: var(--white-700) !important; }
.hover\:text-white-750:hover { color: var(--white-750) !important; }
.hover\:text-white-800:hover { color: var(--white-800) !important; }
.hover\:text-white-850:hover { color: var(--white-850) !important; }
.hover\:text-white-900:hover { color: var(--white-900) !important; }
.hover\:text-white-950:hover { color: var(--white-950) !important; }
.hover\:text-white:hover     { color: var(--white) !important; }

.hover\:text-black-050:hover { color: var(--black-050) !important; }
.hover\:text-black-100:hover { color: var(--black-100) !important; }
.hover\:text-black-150:hover { color: var(--black-150) !important; }
.hover\:text-black-200:hover { color: var(--black-200) !important; }
.hover\:text-black-250:hover { color: var(--black-250) !important; }
.hover\:text-black-300:hover { color: var(--black-300) !important; }
.hover\:text-black-350:hover { color: var(--black-350) !important; }
.hover\:text-black-400:hover { color: var(--black-400) !important; }
.hover\:text-black-450:hover { color: var(--black-450) !important; }
.hover\:text-black-500:hover { color: var(--black-500) !important; }
.hover\:text-black-550:hover { color: var(--black-550) !important; }
.hover\:text-black-600:hover { color: var(--black-600) !important; }
.hover\:text-black-650:hover { color: var(--black-650) !important; }
.hover\:text-black-700:hover { color: var(--black-700) !important; }
.hover\:text-black-750:hover { color: var(--black-750) !important; }
.hover\:text-black-800:hover { color: var(--black-800) !important; }
.hover\:text-black-850:hover { color: var(--black-850) !important; }
.hover\:text-black-900:hover { color: var(--black-900) !important; }
.hover\:text-black-950:hover { color: var(--black-950) !important; }
.hover\:text-black:hover     { color: var(--black) !important; }

/* Text Color on Focus (Credit tailwind css)
   ========================================================================== */

.focus\:text-primary:hover      { color: var(--primary-color) !important; }
.focus\:text-secondary:hover    { color: var(--secondary-color) !important; }
.focus\:text-success:hover      { color: var(--success-color) !important; }
.focus\:text-danger:hover       { color: var(--danger-color) !important; }
.focus\:text-info:hover         { color: var(--info-color) !important; }
.focus\:text-warning:hover      { color: var(--warning-color) !important; }
.focus\:text-light:hover        { color: var(--light-color) !important; }
.focus\:text-dark:hover         { color: var(--dark-color) !important; }
.focus\:text-muted:hover        { color: var(--muted-color) !important; }
.focus\:text-body:hover         { color: var(--body-background-color) !important; }
.focus\:text-default:hover      { color: var(--body-background-color) !important; }
.focus\:text-current:hover      { color: currentColor !important; }
.focus\:text-reset:hover        { color: inherit !important; }
.focus\:text-transparent:hover  { color: transparent !important; }

.focus\:text-primary-050:hover { color: var(--primary-color-050) !important; }
.focus\:text-primary-100:hover { color: var(--primary-color-100) !important; }
.focus\:text-primary-200:hover { color: var(--primary-color-200) !important; }
.focus\:text-primary-300:hover { color: var(--primary-color-300) !important; }
.focus\:text-primary-400:hover { color: var(--primary-color-400) !important; }
.focus\:text-primary-500:hover { color: var(--primary-color-500) !important; }
.focus\:text-primary-600:hover { color: var(--primary-color-600) !important; }
.focus\:text-primary-700:hover { color: var(--primary-color-700) !important; }
.focus\:text-primary-800:hover { color: var(--primary-color-800) !important; }
.focus\:text-primary-900:hover { color: var(--primary-color-900) !important; }

.focus\:text-secondary-050:hover { color: var(--secondary-color-050) !important; }
.focus\:text-secondary-100:hover { color: var(--secondary-color-100) !important; }
.focus\:text-secondary-200:hover { color: var(--secondary-color-200) !important; }
.focus\:text-secondary-300:hover { color: var(--secondary-color-300) !important; }
.focus\:text-secondary-400:hover { color: var(--secondary-color-400) !important; }
.focus\:text-secondary-500:hover { color: var(--secondary-color-500) !important; }
.focus\:text-secondary-600:hover { color: var(--secondary-color-600) !important; }
.focus\:text-secondary-700:hover { color: var(--secondary-color-700) !important; }
.focus\:text-secondary-800:hover { color: var(--secondary-color-800) !important; }
.focus\:text-secondary-900:hover { color: var(--secondary-color-900) !important; }

.focus\:text-red-050:hover { color: var(--red-050) !important; }
.focus\:text-red-100:hover { color: var(--red-100) !important; }
.focus\:text-red-200:hover { color: var(--red-200) !important; }
.focus\:text-red-300:hover { color: var(--red-300) !important; }
.focus\:text-red-400:hover { color: var(--red-400) !important; }
.focus\:text-red-500:hover { color: var(--red-500) !important; }
.focus\:text-red-600:hover { color: var(--red-600) !important; }
.focus\:text-red-700:hover { color: var(--red-700) !important; }
.focus\:text-red-800:hover { color: var(--red-800) !important; }
.focus\:text-red-900:hover { color: var(--red-900) !important; }
.focus\:text-red-A100:hover { color: var(--red-100) !important; }
.focus\:text-red-A200:hover { color: var(--red-200) !important; }
.focus\:text-red-A400:hover { color: var(--red-400) !important; }
.focus\:text-red-A700:hover { color: var(--red-700) !important; }

.focus\:text-pink-050:hover { color: var(--pink-050) !important; }
.focus\:text-pink-100:hover { color: var(--pink-100) !important; }
.focus\:text-pink-200:hover { color: var(--pink-200) !important; }
.focus\:text-pink-300:hover { color: var(--pink-300) !important; }
.focus\:text-pink-400:hover { color: var(--pink-400) !important; }
.focus\:text-pink-500:hover { color: var(--pink-500) !important; }
.focus\:text-pink-600:hover { color: var(--pink-600) !important; }
.focus\:text-pink-700:hover { color: var(--pink-700) !important; }
.focus\:text-pink-800:hover { color: var(--pink-800) !important; }
.focus\:text-pink-900:hover { color: var(--pink-900) !important; }
.focus\:text-pink-A100:hover { color: var(--pink-100) !important; }
.focus\:text-pink-A200:hover { color: var(--pink-200) !important; }
.focus\:text-pink-A400:hover { color: var(--pink-400) !important; }
.focus\:text-pink-A700:hover { color: var(--pink-700) !important; }

.focus\:text-purple-050:hover { color: var(--purple-050) !important; }
.focus\:text-purple-100:hover { color: var(--purple-100) !important; }
.focus\:text-purple-200:hover { color: var(--purple-200) !important; }
.focus\:text-purple-300:hover { color: var(--purple-300) !important; }
.focus\:text-purple-400:hover { color: var(--purple-400) !important; }
.focus\:text-purple-500:hover { color: var(--purple-500) !important; }
.focus\:text-purple-600:hover { color: var(--purple-600) !important; }
.focus\:text-purple-700:hover { color: var(--purple-700) !important; }
.focus\:text-purple-800:hover { color: var(--purple-800) !important; }
.focus\:text-purple-900:hover { color: var(--purple-900) !important; }
.focus\:text-purple-A100:hover { color: var(--purple-100) !important; }
.focus\:text-purple-A200:hover { color: var(--purple-200) !important; }
.focus\:text-purple-A400:hover { color: var(--purple-400) !important; }
.focus\:text-purple-A700:hover { color: var(--purple-700) !important; }

.focus\:text-deep-purple-050:hover { color: var(--deep-purple-050) !important; }
.focus\:text-deep-purple-100:hover { color: var(--deep-purple-100) !important; }
.focus\:text-deep-purple-200:hover { color: var(--deep-purple-200) !important; }
.focus\:text-deep-purple-300:hover { color: var(--deep-purple-300) !important; }
.focus\:text-deep-purple-400:hover { color: var(--deep-purple-400) !important; }
.focus\:text-deep-purple-500:hover { color: var(--deep-purple-500) !important; }
.focus\:text-deep-purple-600:hover { color: var(--deep-purple-600) !important; }
.focus\:text-deep-purple-700:hover { color: var(--deep-purple-700) !important; }
.focus\:text-deep-purple-800:hover { color: var(--deep-purple-800) !important; }
.focus\:text-deep-purple-900:hover { color: var(--deep-purple-900) !important; }
.focus\:text-deep-purple-A100:hover { color: var(--deep-purple-100) !important; }
.focus\:text-deep-purple-A200:hover { color: var(--deep-purple-200) !important; }
.focus\:text-deep-purple-A400:hover { color: var(--deep-purple-400) !important; }
.focus\:text-deep-purple-A700:hover { color: var(--deep-purple-700) !important; }

.focus\:text-indigo-050:hover { color: var(--indigo-050) !important; }
.focus\:text-indigo-100:hover { color: var(--indigo-100) !important; }
.focus\:text-indigo-200:hover { color: var(--indigo-200) !important; }
.focus\:text-indigo-300:hover { color: var(--indigo-300) !important; }
.focus\:text-indigo-400:hover { color: var(--indigo-400) !important; }
.focus\:text-indigo-500:hover { color: var(--indigo-500) !important; }
.focus\:text-indigo-600:hover { color: var(--indigo-600) !important; }
.focus\:text-indigo-700:hover { color: var(--indigo-700) !important; }
.focus\:text-indigo-800:hover { color: var(--indigo-800) !important; }
.focus\:text-indigo-900:hover { color: var(--indigo-900) !important; }
.focus\:text-indigo-A100:hover { color: var(--indigo-100) !important; }
.focus\:text-indigo-A200:hover { color: var(--indigo-200) !important; }
.focus\:text-indigo-A400:hover { color: var(--indigo-400) !important; }
.focus\:text-indigo-A700:hover { color: var(--indigo-700) !important; }

.focus\:text-blue-050:hover { color: var(--blue-050) !important; }
.focus\:text-blue-100:hover { color: var(--blue-100) !important; }
.focus\:text-blue-200:hover { color: var(--blue-200) !important; }
.focus\:text-blue-300:hover { color: var(--blue-300) !important; }
.focus\:text-blue-400:hover { color: var(--blue-400) !important; }
.focus\:text-blue-500:hover { color: var(--blue-500) !important; }
.focus\:text-blue-600:hover { color: var(--blue-600) !important; }
.focus\:text-blue-700:hover { color: var(--blue-700) !important; }
.focus\:text-blue-800:hover { color: var(--blue-800) !important; }
.focus\:text-blue-900:hover { color: var(--blue-900) !important; }
.focus\:text-blue-A100:hover { color: var(--blue-100) !important; }
.focus\:text-blue-A200:hover { color: var(--blue-200) !important; }
.focus\:text-blue-A400:hover { color: var(--blue-400) !important; }
.focus\:text-blue-A700:hover { color: var(--blue-700) !important; }

.focus\:text-light-blue-050:hover { color: var(--light-blue-050) !important; }
.focus\:text-light-blue-100:hover { color: var(--light-blue-100) !important; }
.focus\:text-light-blue-200:hover { color: var(--light-blue-200) !important; }
.focus\:text-light-blue-300:hover { color: var(--light-blue-300) !important; }
.focus\:text-light-blue-400:hover { color: var(--light-blue-400) !important; }
.focus\:text-light-blue-500:hover { color: var(--light-blue-500) !important; }
.focus\:text-light-blue-600:hover { color: var(--light-blue-600) !important; }
.focus\:text-light-blue-700:hover { color: var(--light-blue-700) !important; }
.focus\:text-light-blue-800:hover { color: var(--light-blue-800) !important; }
.focus\:text-light-blue-900:hover { color: var(--light-blue-900) !important; }
.focus\:text-light-blue-A100:hover { color: var(--light-blue-100) !important; }
.focus\:text-light-blue-A200:hover { color: var(--light-blue-200) !important; }
.focus\:text-light-blue-A400:hover { color: var(--light-blue-400) !important; }
.focus\:text-light-blue-A700:hover { color: var(--light-blue-700) !important; }

.focus\:text-cyan-050:hover { color: var(--cyan-050) !important; }
.focus\:text-cyan-100:hover { color: var(--cyan-100) !important; }
.focus\:text-cyan-200:hover { color: var(--cyan-200) !important; }
.focus\:text-cyan-300:hover { color: var(--cyan-300) !important; }
.focus\:text-cyan-400:hover { color: var(--cyan-400) !important; }
.focus\:text-cyan-500:hover { color: var(--cyan-500) !important; }
.focus\:text-cyan-600:hover { color: var(--cyan-600) !important; }
.focus\:text-cyan-700:hover { color: var(--cyan-700) !important; }
.focus\:text-cyan-800:hover { color: var(--cyan-800) !important; }
.focus\:text-cyan-900:hover { color: var(--cyan-900) !important; }
.focus\:text-cyan-A100:hover { color: var(--cyan-100) !important; }
.focus\:text-cyan-A200:hover { color: var(--cyan-200) !important; }
.focus\:text-cyan-A400:hover { color: var(--cyan-400) !important; }
.focus\:text-cyan-A700:hover { color: var(--cyan-700) !important; }

.focus\:text-teal-050:hover { color: var(--teal-050) !important; }
.focus\:text-teal-100:hover { color: var(--teal-100) !important; }
.focus\:text-teal-200:hover { color: var(--teal-200) !important; }
.focus\:text-teal-300:hover { color: var(--teal-300) !important; }
.focus\:text-teal-400:hover { color: var(--teal-400) !important; }
.focus\:text-teal-500:hover { color: var(--teal-500) !important; }
.focus\:text-teal-600:hover { color: var(--teal-600) !important; }
.focus\:text-teal-700:hover { color: var(--teal-700) !important; }
.focus\:text-teal-800:hover { color: var(--teal-800) !important; }
.focus\:text-teal-900:hover { color: var(--teal-900) !important; }
.focus\:text-teal-A100:hover { color: var(--teal-100) !important; }
.focus\:text-teal-A200:hover { color: var(--teal-200) !important; }
.focus\:text-teal-A400:hover { color: var(--teal-400) !important; }
.focus\:text-teal-A700:hover { color: var(--teal-700) !important; }

.focus\:text-green-050:hover { color: var(--green-050) !important; }
.focus\:text-green-100:hover { color: var(--green-100) !important; }
.focus\:text-green-200:hover { color: var(--green-200) !important; }
.focus\:text-green-300:hover { color: var(--green-300) !important; }
.focus\:text-green-400:hover { color: var(--green-400) !important; }
.focus\:text-green-500:hover { color: var(--green-500) !important; }
.focus\:text-green-600:hover { color: var(--green-600) !important; }
.focus\:text-green-700:hover { color: var(--green-700) !important; }
.focus\:text-green-800:hover { color: var(--green-800) !important; }
.focus\:text-green-900:hover { color: var(--green-900) !important; }
.focus\:text-green-A100:hover { color: var(--green-100) !important; }
.focus\:text-green-A200:hover { color: var(--green-200) !important; }
.focus\:text-green-A400:hover { color: var(--green-400) !important; }
.focus\:text-green-A700:hover { color: var(--green-700) !important; }

.focus\:text-light-green-050:hover { color: var(--light-green-050) !important; }
.focus\:text-light-green-100:hover { color: var(--light-green-100) !important; }
.focus\:text-light-green-200:hover { color: var(--light-green-200) !important; }
.focus\:text-light-green-300:hover { color: var(--light-green-300) !important; }
.focus\:text-light-green-400:hover { color: var(--light-green-400) !important; }
.focus\:text-light-green-500:hover { color: var(--light-green-500) !important; }
.focus\:text-light-green-600:hover { color: var(--light-green-600) !important; }
.focus\:text-light-green-700:hover { color: var(--light-green-700) !important; }
.focus\:text-light-green-800:hover { color: var(--light-green-800) !important; }
.focus\:text-light-green-900:hover { color: var(--light-green-900) !important; }
.focus\:text-light-green-A100:hover { color: var(--light-green-100) !important; }
.focus\:text-light-green-A200:hover { color: var(--light-green-200) !important; }
.focus\:text-light-green-A400:hover { color: var(--light-green-400) !important; }
.focus\:text-light-green-A700:hover { color: var(--light-green-700) !important; }

.focus\:text-lime-050:hover { color: var(--lime-050) !important; }
.focus\:text-lime-100:hover { color: var(--lime-100) !important; }
.focus\:text-lime-200:hover { color: var(--lime-200) !important; }
.focus\:text-lime-300:hover { color: var(--lime-300) !important; }
.focus\:text-lime-400:hover { color: var(--lime-400) !important; }
.focus\:text-lime-500:hover { color: var(--lime-500) !important; }
.focus\:text-lime-600:hover { color: var(--lime-600) !important; }
.focus\:text-lime-700:hover { color: var(--lime-700) !important; }
.focus\:text-lime-800:hover { color: var(--lime-800) !important; }
.focus\:text-lime-900:hover { color: var(--lime-900) !important; }
.focus\:text-lime-A100:hover { color: var(--lime-100) !important; }
.focus\:text-lime-A200:hover { color: var(--lime-200) !important; }
.focus\:text-lime-A400:hover { color: var(--lime-400) !important; }
.focus\:text-lime-A700:hover { color: var(--lime-700) !important; }

.focus\:text-yellow-050:hover { color: var(--yellow-050) !important; }
.focus\:text-yellow-100:hover { color: var(--yellow-100) !important; }
.focus\:text-yellow-200:hover { color: var(--yellow-200) !important; }
.focus\:text-yellow-300:hover { color: var(--yellow-300) !important; }
.focus\:text-yellow-400:hover { color: var(--yellow-400) !important; }
.focus\:text-yellow-500:hover { color: var(--yellow-500) !important; }
.focus\:text-yellow-600:hover { color: var(--yellow-600) !important; }
.focus\:text-yellow-700:hover { color: var(--yellow-700) !important; }
.focus\:text-yellow-800:hover { color: var(--yellow-800) !important; }
.focus\:text-yellow-900:hover { color: var(--yellow-900) !important; }
.focus\:text-yellow-A100:hover { color: var(--yellow-100) !important; }
.focus\:text-yellow-A200:hover { color: var(--yellow-200) !important; }
.focus\:text-yellow-A400:hover { color: var(--yellow-400) !important; }
.focus\:text-yellow-A700:hover { color: var(--yellow-700) !important; }

.focus\:text-amber-050:hover { color: var(--amber-050) !important; }
.focus\:text-amber-100:hover { color: var(--amber-100) !important; }
.focus\:text-amber-200:hover { color: var(--amber-200) !important; }
.focus\:text-amber-300:hover { color: var(--amber-300) !important; }
.focus\:text-amber-400:hover { color: var(--amber-400) !important; }
.focus\:text-amber-500:hover { color: var(--amber-500) !important; }
.focus\:text-amber-600:hover { color: var(--amber-600) !important; }
.focus\:text-amber-700:hover { color: var(--amber-700) !important; }
.focus\:text-amber-800:hover { color: var(--amber-800) !important; }
.focus\:text-amber-900:hover { color: var(--amber-900) !important; }
.focus\:text-amber-A100:hover { color: var(--amber-100) !important; }
.focus\:text-amber-A200:hover { color: var(--amber-200) !important; }
.focus\:text-amber-A400:hover { color: var(--amber-400) !important; }
.focus\:text-amber-A700:hover { color: var(--amber-700) !important; }

.focus\:text-orange-050:hover { color: var(--orange-050) !important; }
.focus\:text-orange-100:hover { color: var(--orange-100) !important; }
.focus\:text-orange-200:hover { color: var(--orange-200) !important; }
.focus\:text-orange-300:hover { color: var(--orange-300) !important; }
.focus\:text-orange-400:hover { color: var(--orange-400) !important; }
.focus\:text-orange-500:hover { color: var(--orange-500) !important; }
.focus\:text-orange-600:hover { color: var(--orange-600) !important; }
.focus\:text-orange-700:hover { color: var(--orange-700) !important; }
.focus\:text-orange-800:hover { color: var(--orange-800) !important; }
.focus\:text-orange-900:hover { color: var(--orange-900) !important; }
.focus\:text-orange-A100:hover { color: var(--orange-100) !important; }
.focus\:text-orange-A200:hover { color: var(--orange-200) !important; }
.focus\:text-orange-A400:hover { color: var(--orange-400) !important; }
.focus\:text-orange-A700:hover { color: var(--orange-700) !important; }

.focus\:text-deep-orange-050:hover { color: var(--deep-orange-050) !important; }
.focus\:text-deep-orange-100:hover { color: var(--deep-orange-100) !important; }
.focus\:text-deep-orange-200:hover { color: var(--deep-orange-200) !important; }
.focus\:text-deep-orange-300:hover { color: var(--deep-orange-300) !important; }
.focus\:text-deep-orange-400:hover { color: var(--deep-orange-400) !important; }
.focus\:text-deep-orange-500:hover { color: var(--deep-orange-500) !important; }
.focus\:text-deep-orange-600:hover { color: var(--deep-orange-600) !important; }
.focus\:text-deep-orange-700:hover { color: var(--deep-orange-700) !important; }
.focus\:text-deep-orange-800:hover { color: var(--deep-orange-800) !important; }
.focus\:text-deep-orange-900:hover { color: var(--deep-orange-900) !important; }
.focus\:text-deep-orange-A100:hover { color: var(--deep-orange-100) !important; }
.focus\:text-deep-orange-A200:hover { color: var(--deep-orange-200) !important; }
.focus\:text-deep-orange-A400:hover { color: var(--deep-orange-400) !important; }
.focus\:text-deep-orange-A700:hover { color: var(--deep-orange-700) !important; }

.focus\:text-brown-050:hover { color: var(--brown-050) !important; }
.focus\:text-brown-100:hover { color: var(--brown-100) !important; }
.focus\:text-brown-200:hover { color: var(--brown-200) !important; }
.focus\:text-brown-300:hover { color: var(--brown-300) !important; }
.focus\:text-brown-400:hover { color: var(--brown-400) !important; }
.focus\:text-brown-500:hover { color: var(--brown-500) !important; }
.focus\:text-brown-600:hover { color: var(--brown-600) !important; }
.focus\:text-brown-700:hover { color: var(--brown-700) !important; }
.focus\:text-brown-800:hover { color: var(--brown-800) !important; }
.focus\:text-brown-900:hover { color: var(--brown-900) !important; }

.focus\:text-grey-050:hover { color: var(--grey-050) !important; }
.focus\:text-grey-100:hover { color: var(--grey-100) !important; }
.focus\:text-grey-200:hover { color: var(--grey-200) !important; }
.focus\:text-grey-300:hover { color: var(--grey-300) !important; }
.focus\:text-grey-400:hover { color: var(--grey-400) !important; }
.focus\:text-grey-500:hover { color: var(--grey-500) !important; }
.focus\:text-grey-600:hover { color: var(--grey-600) !important; }
.focus\:text-grey-700:hover { color: var(--grey-700) !important; }
.focus\:text-grey-800:hover { color: var(--grey-800) !important; }
.focus\:text-grey-900:hover { color: var(--grey-900) !important; }

.focus\:text-blue-grey-050:hover { color: var(--blue-grey-050) !important; }
.focus\:text-blue-grey-100:hover { color: var(--blue-grey-100) !important; }
.focus\:text-blue-grey-200:hover { color: var(--blue-grey-200) !important; }
.focus\:text-blue-grey-300:hover { color: var(--blue-grey-300) !important; }
.focus\:text-blue-grey-400:hover { color: var(--blue-grey-400) !important; }
.focus\:text-blue-grey-500:hover { color: var(--blue-grey-500) !important; }
.focus\:text-blue-grey-600:hover { color: var(--blue-grey-600) !important; }
.focus\:text-blue-grey-700:hover { color: var(--blue-grey-700) !important; }
.focus\:text-blue-grey-800:hover { color: var(--blue-grey-800) !important; }
.focus\:text-blue-grey-900:hover { color: var(--blue-grey-900) !important; }

.focus\:text-white-050:hover { color: var(--white-050) !important; }
.focus\:text-white-100:hover { color: var(--white-100) !important; }
.focus\:text-white-150:hover { color: var(--white-150) !important; }
.focus\:text-white-200:hover { color: var(--white-200) !important; }
.focus\:text-white-250:hover { color: var(--white-250) !important; }
.focus\:text-white-300:hover { color: var(--white-300) !important; }
.focus\:text-white-350:hover { color: var(--white-350) !important; }
.focus\:text-white-400:hover { color: var(--white-400) !important; }
.focus\:text-white-450:hover { color: var(--white-450) !important; }
.focus\:text-white-500:hover { color: var(--white-500) !important; }
.focus\:text-white-550:hover { color: var(--white-550) !important; }
.focus\:text-white-600:hover { color: var(--white-600) !important; }
.focus\:text-white-650:hover { color: var(--white-650) !important; }
.focus\:text-white-700:hover { color: var(--white-700) !important; }
.focus\:text-white-750:hover { color: var(--white-750) !important; }
.focus\:text-white-800:hover { color: var(--white-800) !important; }
.focus\:text-white-850:hover { color: var(--white-850) !important; }
.focus\:text-white-900:hover { color: var(--white-900) !important; }
.focus\:text-white-950:hover { color: var(--white-950) !important; }
.focus\:text-white:hover     { color: var(--white) !important; }

.focus\:text-black-050:hover { color: var(--black-050) !important; }
.focus\:text-black-100:hover { color: var(--black-100) !important; }
.focus\:text-black-150:hover { color: var(--black-150) !important; }
.focus\:text-black-200:hover { color: var(--black-200) !important; }
.focus\:text-black-250:hover { color: var(--black-250) !important; }
.focus\:text-black-300:hover { color: var(--black-300) !important; }
.focus\:text-black-350:hover { color: var(--black-350) !important; }
.focus\:text-black-400:hover { color: var(--black-400) !important; }
.focus\:text-black-450:hover { color: var(--black-450) !important; }
.focus\:text-black-500:hover { color: var(--black-500) !important; }
.focus\:text-black-550:hover { color: var(--black-550) !important; }
.focus\:text-black-600:hover { color: var(--black-600) !important; }
.focus\:text-black-650:hover { color: var(--black-650) !important; }
.focus\:text-black-700:hover { color: var(--black-700) !important; }
.focus\:text-black-750:hover { color: var(--black-750) !important; }
.focus\:text-black-800:hover { color: var(--black-800) !important; }
.focus\:text-black-850:hover { color: var(--black-850) !important; }
.focus\:text-black-900:hover { color: var(--black-900) !important; }
.focus\:text-black-950:hover { color: var(--black-950) !important; }
.focus\:text-black:hover     { color: var(--black) !important; }

/* Border Color (Top Bottom Left Right)
   ========================================================================== */

.border-primary     { border-color: var(--primary-color) !important; }
.border-secondary   { border-color: var(--secondary-color) !important; }
.border-success     { border-color: var(--success-color) !important; }
.border-danger      { border-color: var(--danger-color) !important; }
.border-info        { border-color: var(--info-color) !important; }
.border-warning     { border-color: var(--warning-color) !important; }
.border-light       { border-color: var(--light-color) !important; }
.border-dark        { border-color: var(--dark-color) !important; }
.border-muted       { border-color: var(--muted-color) !important; }
.border-body        { border-color: var(--body-background-color) !important; }
.border-default     { border-color: var(--body-background-color) !important; }
.border-current     { border-color: currentColor !important; }
.border-transparent { border-color: transparent !important; }

.border-primary-050 { border-color: var(--primary-color-050) !important; }
.border-primary-100 { border-color: var(--primary-color-100) !important; }
.border-primary-200 { border-color: var(--primary-color-200) !important; }
.border-primary-300 { border-color: var(--primary-color-300) !important; }
.border-primary-400 { border-color: var(--primary-color-400) !important; }
.border-primary-420 { border-color: var(--primary-color-420) !important; }
.border-primary-440 { border-color: var(--primary-color-440) !important; }
.border-primary-460 { border-color: var(--primary-color-460) !important; }
.border-primary-480 { border-color: var(--primary-color-480) !important; }
.border-primary-500 { border-color: var(--primary-color-500) !important; }
.border-primary-520 { border-color: var(--primary-color-520) !important; }
.border-primary-540 { border-color: var(--primary-color-540) !important; }
.border-primary-560 { border-color: var(--primary-color-560) !important; }
.border-primary-580 { border-color: var(--primary-color-580) !important; }
.border-primary-600 { border-color: var(--primary-color-600) !important; }
.border-primary-700 { border-color: var(--primary-color-700) !important; }
.border-primary-800 { border-color: var(--primary-color-800) !important; }
.border-primary-900 { border-color: var(--primary-color-900) !important; }

.border-secondary-050 { border-color: var(--secondary-color-050) !important; }
.border-secondary-100 { border-color: var(--secondary-color-100) !important; }
.border-secondary-200 { border-color: var(--secondary-color-200) !important; }
.border-secondary-300 { border-color: var(--secondary-color-300) !important; }
.border-secondary-400 { border-color: var(--secondary-color-400) !important; }
.border-secondary-420 { border-color: var(--secondary-color-420) !important; }
.border-secondary-440 { border-color: var(--secondary-color-440) !important; }
.border-secondary-460 { border-color: var(--secondary-color-460) !important; }
.border-secondary-480 { border-color: var(--secondary-color-480) !important; }
.border-secondary-500 { border-color: var(--secondary-color-500) !important; }
.border-secondary-520 { border-color: var(--secondary-color-520) !important; }
.border-secondary-540 { border-color: var(--secondary-color-540) !important; }
.border-secondary-560 { border-color: var(--secondary-color-560) !important; }
.border-secondary-580 { border-color: var(--secondary-color-580) !important; }
.border-secondary-600 { border-color: var(--secondary-color-600) !important; }
.border-secondary-700 { border-color: var(--secondary-color-700) !important; }
.border-secondary-800 { border-color: var(--secondary-color-800) !important; }
.border-secondary-900 { border-color: var(--secondary-color-900) !important; }

.border-red-050 { border-color: var(--red-050) !important; }
.border-red-100 { border-color: var(--red-100) !important; }
.border-red-200 { border-color: var(--red-200) !important; }
.border-red-300 { border-color: var(--red-300) !important; }
.border-red-400 { border-color: var(--red-400) !important; }
.border-red-500 { border-color: var(--red-500) !important; }
.border-red-600 { border-color: var(--red-600) !important; }
.border-red-700 { border-color: var(--red-700) !important; }
.border-red-800 { border-color: var(--red-800) !important; }
.border-red-900 { border-color: var(--red-900) !important; }
.border-red-A100 { border-color: var(--red-100) !important; }
.border-red-A200 { border-color: var(--red-200) !important; }
.border-red-A400 { border-color: var(--red-400) !important; }
.border-red-A700 { border-color: var(--red-700) !important; }

.border-pink-050 { border-color: var(--pink-050) !important; }
.border-pink-100 { border-color: var(--pink-100) !important; }
.border-pink-200 { border-color: var(--pink-200) !important; }
.border-pink-300 { border-color: var(--pink-300) !important; }
.border-pink-400 { border-color: var(--pink-400) !important; }
.border-pink-500 { border-color: var(--pink-500) !important; }
.border-pink-600 { border-color: var(--pink-600) !important; }
.border-pink-700 { border-color: var(--pink-700) !important; }
.border-pink-800 { border-color: var(--pink-800) !important; }
.border-pink-900 { border-color: var(--pink-900) !important; }
.border-pink-A100 { border-color: var(--pink-100) !important; }
.border-pink-A200 { border-color: var(--pink-200) !important; }
.border-pink-A400 { border-color: var(--pink-400) !important; }
.border-pink-A700 { border-color: var(--pink-700) !important; }

.border-purple-050 { border-color: var(--purple-050) !important; }
.border-purple-100 { border-color: var(--purple-100) !important; }
.border-purple-200 { border-color: var(--purple-200) !important; }
.border-purple-300 { border-color: var(--purple-300) !important; }
.border-purple-400 { border-color: var(--purple-400) !important; }
.border-purple-500 { border-color: var(--purple-500) !important; }
.border-purple-600 { border-color: var(--purple-600) !important; }
.border-purple-700 { border-color: var(--purple-700) !important; }
.border-purple-800 { border-color: var(--purple-800) !important; }
.border-purple-900 { border-color: var(--purple-900) !important; }
.border-purple-A100 { border-color: var(--purple-100) !important; }
.border-purple-A200 { border-color: var(--purple-200) !important; }
.border-purple-A400 { border-color: var(--purple-400) !important; }
.border-purple-A700 { border-color: var(--purple-700) !important; }

.border-deep-purple-050 { border-color: var(--deep-purple-050) !important; }
.border-deep-purple-100 { border-color: var(--deep-purple-100) !important; }
.border-deep-purple-200 { border-color: var(--deep-purple-200) !important; }
.border-deep-purple-300 { border-color: var(--deep-purple-300) !important; }
.border-deep-purple-400 { border-color: var(--deep-purple-400) !important; }
.border-deep-purple-500 { border-color: var(--deep-purple-500) !important; }
.border-deep-purple-600 { border-color: var(--deep-purple-600) !important; }
.border-deep-purple-700 { border-color: var(--deep-purple-700) !important; }
.border-deep-purple-800 { border-color: var(--deep-purple-800) !important; }
.border-deep-purple-900 { border-color: var(--deep-purple-900) !important; }
.border-deep-purple-A100 { border-color: var(--deep-purple-100) !important; }
.border-deep-purple-A200 { border-color: var(--deep-purple-200) !important; }
.border-deep-purple-A400 { border-color: var(--deep-purple-400) !important; }
.border-deep-purple-A700 { border-color: var(--deep-purple-700) !important; }

.border-indigo-050 { border-color: var(--indigo-050) !important; }
.border-indigo-100 { border-color: var(--indigo-100) !important; }
.border-indigo-200 { border-color: var(--indigo-200) !important; }
.border-indigo-300 { border-color: var(--indigo-300) !important; }
.border-indigo-400 { border-color: var(--indigo-400) !important; }
.border-indigo-500 { border-color: var(--indigo-500) !important; }
.border-indigo-600 { border-color: var(--indigo-600) !important; }
.border-indigo-700 { border-color: var(--indigo-700) !important; }
.border-indigo-800 { border-color: var(--indigo-800) !important; }
.border-indigo-900 { border-color: var(--indigo-900) !important; }
.border-indigo-A100 { border-color: var(--indigo-100) !important; }
.border-indigo-A200 { border-color: var(--indigo-200) !important; }
.border-indigo-A400 { border-color: var(--indigo-400) !important; }
.border-indigo-A700 { border-color: var(--indigo-700) !important; }

.border-blue-050 { border-color: var(--blue-050) !important; }
.border-blue-100 { border-color: var(--blue-100) !important; }
.border-blue-200 { border-color: var(--blue-200) !important; }
.border-blue-300 { border-color: var(--blue-300) !important; }
.border-blue-400 { border-color: var(--blue-400) !important; }
.border-blue-500 { border-color: var(--blue-500) !important; }
.border-blue-600 { border-color: var(--blue-600) !important; }
.border-blue-700 { border-color: var(--blue-700) !important; }
.border-blue-800 { border-color: var(--blue-800) !important; }
.border-blue-900 { border-color: var(--blue-900) !important; }
.border-blue-A100 { border-color: var(--blue-100) !important; }
.border-blue-A200 { border-color: var(--blue-200) !important; }
.border-blue-A400 { border-color: var(--blue-400) !important; }
.border-blue-A700 { border-color: var(--blue-700) !important; }

.border-light-blue-050 { border-color: var(--light-blue-050) !important; }
.border-light-blue-100 { border-color: var(--light-blue-100) !important; }
.border-light-blue-200 { border-color: var(--light-blue-200) !important; }
.border-light-blue-300 { border-color: var(--light-blue-300) !important; }
.border-light-blue-400 { border-color: var(--light-blue-400) !important; }
.border-light-blue-500 { border-color: var(--light-blue-500) !important; }
.border-light-blue-600 { border-color: var(--light-blue-600) !important; }
.border-light-blue-700 { border-color: var(--light-blue-700) !important; }
.border-light-blue-800 { border-color: var(--light-blue-800) !important; }
.border-light-blue-900 { border-color: var(--light-blue-900) !important; }
.border-light-blue-A100 { border-color: var(--light-blue-100) !important; }
.border-light-blue-A200 { border-color: var(--light-blue-200) !important; }
.border-light-blue-A400 { border-color: var(--light-blue-400) !important; }
.border-light-blue-A700 { border-color: var(--light-blue-700) !important; }

.border-cyan-050 { border-color: var(--cyan-050) !important; }
.border-cyan-100 { border-color: var(--cyan-100) !important; }
.border-cyan-200 { border-color: var(--cyan-200) !important; }
.border-cyan-300 { border-color: var(--cyan-300) !important; }
.border-cyan-400 { border-color: var(--cyan-400) !important; }
.border-cyan-500 { border-color: var(--cyan-500) !important; }
.border-cyan-600 { border-color: var(--cyan-600) !important; }
.border-cyan-700 { border-color: var(--cyan-700) !important; }
.border-cyan-800 { border-color: var(--cyan-800) !important; }
.border-cyan-900 { border-color: var(--cyan-900) !important; }
.border-cyan-A100 { border-color: var(--cyan-100) !important; }
.border-cyan-A200 { border-color: var(--cyan-200) !important; }
.border-cyan-A400 { border-color: var(--cyan-400) !important; }
.border-cyan-A700 { border-color: var(--cyan-700) !important; }

.border-teal-050 { border-color: var(--teal-050) !important; }
.border-teal-100 { border-color: var(--teal-100) !important; }
.border-teal-200 { border-color: var(--teal-200) !important; }
.border-teal-300 { border-color: var(--teal-300) !important; }
.border-teal-400 { border-color: var(--teal-400) !important; }
.border-teal-500 { border-color: var(--teal-500) !important; }
.border-teal-600 { border-color: var(--teal-600) !important; }
.border-teal-700 { border-color: var(--teal-700) !important; }
.border-teal-800 { border-color: var(--teal-800) !important; }
.border-teal-900 { border-color: var(--teal-900) !important; }
.border-teal-A100 { border-color: var(--teal-100) !important; }
.border-teal-A200 { border-color: var(--teal-200) !important; }
.border-teal-A400 { border-color: var(--teal-400) !important; }
.border-teal-A700 { border-color: var(--teal-700) !important; }

.border-green-050 { border-color: var(--green-050) !important; }
.border-green-100 { border-color: var(--green-100) !important; }
.border-green-200 { border-color: var(--green-200) !important; }
.border-green-300 { border-color: var(--green-300) !important; }
.border-green-400 { border-color: var(--green-400) !important; }
.border-green-500 { border-color: var(--green-500) !important; }
.border-green-600 { border-color: var(--green-600) !important; }
.border-green-700 { border-color: var(--green-700) !important; }
.border-green-800 { border-color: var(--green-800) !important; }
.border-green-900 { border-color: var(--green-900) !important; }
.border-green-A100 { border-color: var(--green-100) !important; }
.border-green-A200 { border-color: var(--green-200) !important; }
.border-green-A400 { border-color: var(--green-400) !important; }
.border-green-A700 { border-color: var(--green-700) !important; }

.border-light-green-050 { border-color: var(--light-green-050) !important; }
.border-light-green-100 { border-color: var(--light-green-100) !important; }
.border-light-green-200 { border-color: var(--light-green-200) !important; }
.border-light-green-300 { border-color: var(--light-green-300) !important; }
.border-light-green-400 { border-color: var(--light-green-400) !important; }
.border-light-green-500 { border-color: var(--light-green-500) !important; }
.border-light-green-600 { border-color: var(--light-green-600) !important; }
.border-light-green-700 { border-color: var(--light-green-700) !important; }
.border-light-green-800 { border-color: var(--light-green-800) !important; }
.border-light-green-900 { border-color: var(--light-green-900) !important; }
.border-light-green-A100 { border-color: var(--light-green-100) !important; }
.border-light-green-A200 { border-color: var(--light-green-200) !important; }
.border-light-green-A400 { border-color: var(--light-green-400) !important; }
.border-light-green-A700 { border-color: var(--light-green-700) !important; }

.border-lime-050 { border-color: var(--lime-050) !important; }
.border-lime-100 { border-color: var(--lime-100) !important; }
.border-lime-200 { border-color: var(--lime-200) !important; }
.border-lime-300 { border-color: var(--lime-300) !important; }
.border-lime-400 { border-color: var(--lime-400) !important; }
.border-lime-500 { border-color: var(--lime-500) !important; }
.border-lime-600 { border-color: var(--lime-600) !important; }
.border-lime-700 { border-color: var(--lime-700) !important; }
.border-lime-800 { border-color: var(--lime-800) !important; }
.border-lime-900 { border-color: var(--lime-900) !important; }
.border-lime-A100 { border-color: var(--lime-100) !important; }
.border-lime-A200 { border-color: var(--lime-200) !important; }
.border-lime-A400 { border-color: var(--lime-400) !important; }
.border-lime-A700 { border-color: var(--lime-700) !important; }

.border-yellow-050 { border-color: var(--yellow-050) !important; }
.border-yellow-100 { border-color: var(--yellow-100) !important; }
.border-yellow-200 { border-color: var(--yellow-200) !important; }
.border-yellow-300 { border-color: var(--yellow-300) !important; }
.border-yellow-400 { border-color: var(--yellow-400) !important; }
.border-yellow-500 { border-color: var(--yellow-500) !important; }
.border-yellow-600 { border-color: var(--yellow-600) !important; }
.border-yellow-700 { border-color: var(--yellow-700) !important; }
.border-yellow-800 { border-color: var(--yellow-800) !important; }
.border-yellow-900 { border-color: var(--yellow-900) !important; }
.border-yellow-A100 { border-color: var(--yellow-100) !important; }
.border-yellow-A200 { border-color: var(--yellow-200) !important; }
.border-yellow-A400 { border-color: var(--yellow-400) !important; }
.border-yellow-A700 { border-color: var(--yellow-700) !important; }

.border-amber-050 { border-color: var(--amber-050) !important; }
.border-amber-100 { border-color: var(--amber-100) !important; }
.border-amber-200 { border-color: var(--amber-200) !important; }
.border-amber-300 { border-color: var(--amber-300) !important; }
.border-amber-400 { border-color: var(--amber-400) !important; }
.border-amber-500 { border-color: var(--amber-500) !important; }
.border-amber-600 { border-color: var(--amber-600) !important; }
.border-amber-700 { border-color: var(--amber-700) !important; }
.border-amber-800 { border-color: var(--amber-800) !important; }
.border-amber-900 { border-color: var(--amber-900) !important; }
.border-amber-A100 { border-color: var(--amber-100) !important; }
.border-amber-A200 { border-color: var(--amber-200) !important; }
.border-amber-A400 { border-color: var(--amber-400) !important; }
.border-amber-A700 { border-color: var(--amber-700) !important; }

.border-orange-050 { border-color: var(--orange-050) !important; }
.border-orange-100 { border-color: var(--orange-100) !important; }
.border-orange-200 { border-color: var(--orange-200) !important; }
.border-orange-300 { border-color: var(--orange-300) !important; }
.border-orange-400 { border-color: var(--orange-400) !important; }
.border-orange-500 { border-color: var(--orange-500) !important; }
.border-orange-600 { border-color: var(--orange-600) !important; }
.border-orange-700 { border-color: var(--orange-700) !important; }
.border-orange-800 { border-color: var(--orange-800) !important; }
.border-orange-900 { border-color: var(--orange-900) !important; }
.border-orange-A100 { border-color: var(--orange-100) !important; }
.border-orange-A200 { border-color: var(--orange-200) !important; }
.border-orange-A400 { border-color: var(--orange-400) !important; }
.border-orange-A700 { border-color: var(--orange-700) !important; }

.border-deep-orange-050 { border-color: var(--deep-orange-050) !important; }
.border-deep-orange-100 { border-color: var(--deep-orange-100) !important; }
.border-deep-orange-200 { border-color: var(--deep-orange-200) !important; }
.border-deep-orange-300 { border-color: var(--deep-orange-300) !important; }
.border-deep-orange-400 { border-color: var(--deep-orange-400) !important; }
.border-deep-orange-500 { border-color: var(--deep-orange-500) !important; }
.border-deep-orange-600 { border-color: var(--deep-orange-600) !important; }
.border-deep-orange-700 { border-color: var(--deep-orange-700) !important; }
.border-deep-orange-800 { border-color: var(--deep-orange-800) !important; }
.border-deep-orange-900 { border-color: var(--deep-orange-900) !important; }
.border-deep-orange-A100 { border-color: var(--deep-orange-100) !important; }
.border-deep-orange-A200 { border-color: var(--deep-orange-200) !important; }
.border-deep-orange-A400 { border-color: var(--deep-orange-400) !important; }
.border-deep-orange-A700 { border-color: var(--deep-orange-700) !important; }

.border-brown-050 { border-color: var(--brown-050) !important; }
.border-brown-100 { border-color: var(--brown-100) !important; }
.border-brown-200 { border-color: var(--brown-200) !important; }
.border-brown-300 { border-color: var(--brown-300) !important; }
.border-brown-400 { border-color: var(--brown-400) !important; }
.border-brown-500 { border-color: var(--brown-500) !important; }
.border-brown-600 { border-color: var(--brown-600) !important; }
.border-brown-700 { border-color: var(--brown-700) !important; }
.border-brown-800 { border-color: var(--brown-800) !important; }
.border-brown-900 { border-color: var(--brown-900) !important; }

.border-grey-050 { border-color: var(--grey-050) !important; }
.border-grey-100 { border-color: var(--grey-100) !important; }
.border-grey-200 { border-color: var(--grey-200) !important; }
.border-grey-300 { border-color: var(--grey-300) !important; }
.border-grey-400 { border-color: var(--grey-400) !important; }
.border-grey-500 { border-color: var(--grey-500) !important; }
.border-grey-600 { border-color: var(--grey-600) !important; }
.border-grey-700 { border-color: var(--grey-700) !important; }
.border-grey-800 { border-color: var(--grey-800) !important; }
.border-grey-900 { border-color: var(--grey-900) !important; }

.border-blue-grey-050 { border-color: var(--blue-grey-050) !important; }
.border-blue-grey-100 { border-color: var(--blue-grey-100) !important; }
.border-blue-grey-200 { border-color: var(--blue-grey-200) !important; }
.border-blue-grey-300 { border-color: var(--blue-grey-300) !important; }
.border-blue-grey-400 { border-color: var(--blue-grey-400) !important; }
.border-blue-grey-500 { border-color: var(--blue-grey-500) !important; }
.border-blue-grey-600 { border-color: var(--blue-grey-600) !important; }
.border-blue-grey-700 { border-color: var(--blue-grey-700) !important; }
.border-blue-grey-800 { border-color: var(--blue-grey-800) !important; }
.border-blue-grey-900 { border-color: var(--blue-grey-900) !important; }

.border-white-050 { border-color: var(--white-050) !important; }
.border-white-100 { border-color: var(--white-100) !important; }
.border-white-150 { border-color: var(--white-150) !important; }
.border-white-200 { border-color: var(--white-200) !important; }
.border-white-250 { border-color: var(--white-250) !important; }
.border-white-300 { border-color: var(--white-300) !important; }
.border-white-350 { border-color: var(--white-350) !important; }
.border-white-400 { border-color: var(--white-400) !important; }
.border-white-450 { border-color: var(--white-450) !important; }
.border-white-500 { border-color: var(--white-500) !important; }
.border-white-550 { border-color: var(--white-550) !important; }
.border-white-600 { border-color: var(--white-600) !important; }
.border-white-650 { border-color: var(--white-650) !important; }
.border-white-700 { border-color: var(--white-700) !important; }
.border-white-750 { border-color: var(--white-750) !important; }
.border-white-800 { border-color: var(--white-800) !important; }
.border-white-850 { border-color: var(--white-850) !important; }
.border-white-900 { border-color: var(--white-900) !important; }
.border-white-950 { border-color: var(--white-950) !important; }
.border-white     { border-color: var(--white) !important; }

.border-black-050 { border-color: var(--black-050) !important; }
.border-black-100 { border-color: var(--black-100) !important; }
.border-black-150 { border-color: var(--black-150) !important; }
.border-black-200 { border-color: var(--black-200) !important; }
.border-black-250 { border-color: var(--black-250) !important; }
.border-black-300 { border-color: var(--black-300) !important; }
.border-black-350 { border-color: var(--black-350) !important; }
.border-black-400 { border-color: var(--black-400) !important; }
.border-black-450 { border-color: var(--black-450) !important; }
.border-black-500 { border-color: var(--black-500) !important; }
.border-black-550 { border-color: var(--black-550) !important; }
.border-black-600 { border-color: var(--black-600) !important; }
.border-black-650 { border-color: var(--black-650) !important; }
.border-black-700 { border-color: var(--black-700) !important; }
.border-black-750 { border-color: var(--black-750) !important; }
.border-black-800 { border-color: var(--black-800) !important; }
.border-black-850 { border-color: var(--black-850) !important; }
.border-black-900 { border-color: var(--black-900) !important; }
.border-black-950 { border-color: var(--black-950) !important; }
.border-black     { border-color: var(--black) !important; }

/* Border Top Color
   ========================================================================== */

.border-top-primary     { border-top-color: var(--primary-color) !important; }
.border-top-secondary   { border-top-color: var(--secondary-color) !important; }
.border-top-success     { border-top-color: var(--success-color) !important; }
.border-top-danger      { border-top-color: var(--danger-color) !important; }
.border-top-info        { border-top-color: var(--info-color) !important; }
.border-top-warning     { border-top-color: var(--warning-color) !important; }
.border-top-light       { border-top-color: var(--light-color) !important; }
.border-top-dark        { border-top-color: var(--dark-color) !important; }
.border-top-muted       { border-top-color: var(--muted-color) !important; }
.border-top-body        { border-top-color: var(--body-background-color) !important; }
.border-top-default     { border-top-color: var(--body-background-color) !important; }
.border-top-current     { border-top-color: currentColor !important; }
.border-top-transparent { border-top-color: transparent !important; }

.border-top-primary-050 { border-top-color: var(--primary-color-050) !important; }
.border-top-primary-100 { border-top-color: var(--primary-color-100) !important; }
.border-top-primary-200 { border-top-color: var(--primary-color-200) !important; }
.border-top-primary-300 { border-top-color: var(--primary-color-300) !important; }
.border-top-primary-400 { border-top-color: var(--primary-color-400) !important; }
.border-top-primary-420 { border-top-color: var(--primary-color-420) !important; }
.border-top-primary-440 { border-top-color: var(--primary-color-440) !important; }
.border-top-primary-460 { border-top-color: var(--primary-color-460) !important; }
.border-top-primary-480 { border-top-color: var(--primary-color-480) !important; }
.border-top-primary-500 { border-top-color: var(--primary-color-500) !important; }
.border-top-primary-520 { border-top-color: var(--primary-color-520) !important; }
.border-top-primary-540 { border-top-color: var(--primary-color-540) !important; }
.border-top-primary-560 { border-top-color: var(--primary-color-560) !important; }
.border-top-primary-580 { border-top-color: var(--primary-color-580) !important; }
.border-top-primary-600 { border-top-color: var(--primary-color-600) !important; }
.border-top-primary-700 { border-top-color: var(--primary-color-700) !important; }
.border-top-primary-800 { border-top-color: var(--primary-color-800) !important; }
.border-top-primary-900 { border-top-color: var(--primary-color-900) !important; }

.border-top-secondary-050 { border-top-color: var(--secondary-color-050) !important; }
.border-top-secondary-100 { border-top-color: var(--secondary-color-100) !important; }
.border-top-secondary-200 { border-top-color: var(--secondary-color-200) !important; }
.border-top-secondary-300 { border-top-color: var(--secondary-color-300) !important; }
.border-top-secondary-400 { border-top-color: var(--secondary-color-400) !important; }
.border-top-secondary-420 { border-top-color: var(--secondary-color-420) !important; }
.border-top-secondary-440 { border-top-color: var(--secondary-color-440) !important; }
.border-top-secondary-460 { border-top-color: var(--secondary-color-460) !important; }
.border-top-secondary-480 { border-top-color: var(--secondary-color-480) !important; }
.border-top-secondary-500 { border-top-color: var(--secondary-color-500) !important; }
.border-top-secondary-520 { border-top-color: var(--secondary-color-520) !important; }
.border-top-secondary-540 { border-top-color: var(--secondary-color-540) !important; }
.border-top-secondary-560 { border-top-color: var(--secondary-color-560) !important; }
.border-top-secondary-580 { border-top-color: var(--secondary-color-580) !important; }
.border-top-secondary-600 { border-top-color: var(--secondary-color-600) !important; }
.border-top-secondary-700 { border-top-color: var(--secondary-color-700) !important; }
.border-top-secondary-800 { border-top-color: var(--secondary-color-800) !important; }
.border-top-secondary-900 { border-top-color: var(--secondary-color-900) !important; }

.border-top-red-050 { border-top-color: var(--red-050) !important; }
.border-top-red-100 { border-top-color: var(--red-100) !important; }
.border-top-red-200 { border-top-color: var(--red-200) !important; }
.border-top-red-300 { border-top-color: var(--red-300) !important; }
.border-top-red-400 { border-top-color: var(--red-400) !important; }
.border-top-red-500 { border-top-color: var(--red-500) !important; }
.border-top-red-600 { border-top-color: var(--red-600) !important; }
.border-top-red-700 { border-top-color: var(--red-700) !important; }
.border-top-red-800 { border-top-color: var(--red-800) !important; }
.border-top-red-900 { border-top-color: var(--red-900) !important; }
.border-top-red-A100 { border-top-color: var(--red-100) !important; }
.border-top-red-A200 { border-top-color: var(--red-200) !important; }
.border-top-red-A400 { border-top-color: var(--red-400) !important; }
.border-top-red-A700 { border-top-color: var(--red-700) !important; }

.border-top-pink-050 { border-top-color: var(--pink-050) !important; }
.border-top-pink-100 { border-top-color: var(--pink-100) !important; }
.border-top-pink-200 { border-top-color: var(--pink-200) !important; }
.border-top-pink-300 { border-top-color: var(--pink-300) !important; }
.border-top-pink-400 { border-top-color: var(--pink-400) !important; }
.border-top-pink-500 { border-top-color: var(--pink-500) !important; }
.border-top-pink-600 { border-top-color: var(--pink-600) !important; }
.border-top-pink-700 { border-top-color: var(--pink-700) !important; }
.border-top-pink-800 { border-top-color: var(--pink-800) !important; }
.border-top-pink-900 { border-top-color: var(--pink-900) !important; }
.border-top-pink-A100 { border-top-color: var(--pink-100) !important; }
.border-top-pink-A200 { border-top-color: var(--pink-200) !important; }
.border-top-pink-A400 { border-top-color: var(--pink-400) !important; }
.border-top-pink-A700 { border-top-color: var(--pink-700) !important; }

.border-top-purple-050 { border-top-color: var(--purple-050) !important; }
.border-top-purple-100 { border-top-color: var(--purple-100) !important; }
.border-top-purple-200 { border-top-color: var(--purple-200) !important; }
.border-top-purple-300 { border-top-color: var(--purple-300) !important; }
.border-top-purple-400 { border-top-color: var(--purple-400) !important; }
.border-top-purple-500 { border-top-color: var(--purple-500) !important; }
.border-top-purple-600 { border-top-color: var(--purple-600) !important; }
.border-top-purple-700 { border-top-color: var(--purple-700) !important; }
.border-top-purple-800 { border-top-color: var(--purple-800) !important; }
.border-top-purple-900 { border-top-color: var(--purple-900) !important; }
.border-top-purple-A100 { border-top-color: var(--purple-100) !important; }
.border-top-purple-A200 { border-top-color: var(--purple-200) !important; }
.border-top-purple-A400 { border-top-color: var(--purple-400) !important; }
.border-top-purple-A700 { border-top-color: var(--purple-700) !important; }

.border-top-deep-purple-050 { border-top-color: var(--deep-purple-050) !important; }
.border-top-deep-purple-100 { border-top-color: var(--deep-purple-100) !important; }
.border-top-deep-purple-200 { border-top-color: var(--deep-purple-200) !important; }
.border-top-deep-purple-300 { border-top-color: var(--deep-purple-300) !important; }
.border-top-deep-purple-400 { border-top-color: var(--deep-purple-400) !important; }
.border-top-deep-purple-500 { border-top-color: var(--deep-purple-500) !important; }
.border-top-deep-purple-600 { border-top-color: var(--deep-purple-600) !important; }
.border-top-deep-purple-700 { border-top-color: var(--deep-purple-700) !important; }
.border-top-deep-purple-800 { border-top-color: var(--deep-purple-800) !important; }
.border-top-deep-purple-900 { border-top-color: var(--deep-purple-900) !important; }
.border-top-deep-purple-A100 { border-top-color: var(--deep-purple-100) !important; }
.border-top-deep-purple-A200 { border-top-color: var(--deep-purple-200) !important; }
.border-top-deep-purple-A400 { border-top-color: var(--deep-purple-400) !important; }
.border-top-deep-purple-A700 { border-top-color: var(--deep-purple-700) !important; }

.border-top-indigo-050 { border-top-color: var(--indigo-050) !important; }
.border-top-indigo-100 { border-top-color: var(--indigo-100) !important; }
.border-top-indigo-200 { border-top-color: var(--indigo-200) !important; }
.border-top-indigo-300 { border-top-color: var(--indigo-300) !important; }
.border-top-indigo-400 { border-top-color: var(--indigo-400) !important; }
.border-top-indigo-500 { border-top-color: var(--indigo-500) !important; }
.border-top-indigo-600 { border-top-color: var(--indigo-600) !important; }
.border-top-indigo-700 { border-top-color: var(--indigo-700) !important; }
.border-top-indigo-800 { border-top-color: var(--indigo-800) !important; }
.border-top-indigo-900 { border-top-color: var(--indigo-900) !important; }
.border-top-indigo-A100 { border-top-color: var(--indigo-100) !important; }
.border-top-indigo-A200 { border-top-color: var(--indigo-200) !important; }
.border-top-indigo-A400 { border-top-color: var(--indigo-400) !important; }
.border-top-indigo-A700 { border-top-color: var(--indigo-700) !important; }

.border-top-blue-050 { border-top-color: var(--blue-050) !important; }
.border-top-blue-100 { border-top-color: var(--blue-100) !important; }
.border-top-blue-200 { border-top-color: var(--blue-200) !important; }
.border-top-blue-300 { border-top-color: var(--blue-300) !important; }
.border-top-blue-400 { border-top-color: var(--blue-400) !important; }
.border-top-blue-500 { border-top-color: var(--blue-500) !important; }
.border-top-blue-600 { border-top-color: var(--blue-600) !important; }
.border-top-blue-700 { border-top-color: var(--blue-700) !important; }
.border-top-blue-800 { border-top-color: var(--blue-800) !important; }
.border-top-blue-900 { border-top-color: var(--blue-900) !important; }
.border-top-blue-A100 { border-top-color: var(--blue-100) !important; }
.border-top-blue-A200 { border-top-color: var(--blue-200) !important; }
.border-top-blue-A400 { border-top-color: var(--blue-400) !important; }
.border-top-blue-A700 { border-top-color: var(--blue-700) !important; }

.border-top-light-blue-050 { border-top-color: var(--light-blue-050) !important; }
.border-top-light-blue-100 { border-top-color: var(--light-blue-100) !important; }
.border-top-light-blue-200 { border-top-color: var(--light-blue-200) !important; }
.border-top-light-blue-300 { border-top-color: var(--light-blue-300) !important; }
.border-top-light-blue-400 { border-top-color: var(--light-blue-400) !important; }
.border-top-light-blue-500 { border-top-color: var(--light-blue-500) !important; }
.border-top-light-blue-600 { border-top-color: var(--light-blue-600) !important; }
.border-top-light-blue-700 { border-top-color: var(--light-blue-700) !important; }
.border-top-light-blue-800 { border-top-color: var(--light-blue-800) !important; }
.border-top-light-blue-900 { border-top-color: var(--light-blue-900) !important; }
.border-top-light-blue-A100 { border-top-color: var(--light-blue-100) !important; }
.border-top-light-blue-A200 { border-top-color: var(--light-blue-200) !important; }
.border-top-light-blue-A400 { border-top-color: var(--light-blue-400) !important; }
.border-top-light-blue-A700 { border-top-color: var(--light-blue-700) !important; }

.border-top-cyan-050 { border-top-color: var(--cyan-050) !important; }
.border-top-cyan-100 { border-top-color: var(--cyan-100) !important; }
.border-top-cyan-200 { border-top-color: var(--cyan-200) !important; }
.border-top-cyan-300 { border-top-color: var(--cyan-300) !important; }
.border-top-cyan-400 { border-top-color: var(--cyan-400) !important; }
.border-top-cyan-500 { border-top-color: var(--cyan-500) !important; }
.border-top-cyan-600 { border-top-color: var(--cyan-600) !important; }
.border-top-cyan-700 { border-top-color: var(--cyan-700) !important; }
.border-top-cyan-800 { border-top-color: var(--cyan-800) !important; }
.border-top-cyan-900 { border-top-color: var(--cyan-900) !important; }
.border-top-cyan-A100 { border-top-color: var(--cyan-100) !important; }
.border-top-cyan-A200 { border-top-color: var(--cyan-200) !important; }
.border-top-cyan-A400 { border-top-color: var(--cyan-400) !important; }
.border-top-cyan-A700 { border-top-color: var(--cyan-700) !important; }

.border-top-teal-050 { border-top-color: var(--teal-050) !important; }
.border-top-teal-100 { border-top-color: var(--teal-100) !important; }
.border-top-teal-200 { border-top-color: var(--teal-200) !important; }
.border-top-teal-300 { border-top-color: var(--teal-300) !important; }
.border-top-teal-400 { border-top-color: var(--teal-400) !important; }
.border-top-teal-500 { border-top-color: var(--teal-500) !important; }
.border-top-teal-600 { border-top-color: var(--teal-600) !important; }
.border-top-teal-700 { border-top-color: var(--teal-700) !important; }
.border-top-teal-800 { border-top-color: var(--teal-800) !important; }
.border-top-teal-900 { border-top-color: var(--teal-900) !important; }
.border-top-teal-A100 { border-top-color: var(--teal-100) !important; }
.border-top-teal-A200 { border-top-color: var(--teal-200) !important; }
.border-top-teal-A400 { border-top-color: var(--teal-400) !important; }
.border-top-teal-A700 { border-top-color: var(--teal-700) !important; }

.border-top-green-050 { border-top-color: var(--green-050) !important; }
.border-top-green-100 { border-top-color: var(--green-100) !important; }
.border-top-green-200 { border-top-color: var(--green-200) !important; }
.border-top-green-300 { border-top-color: var(--green-300) !important; }
.border-top-green-400 { border-top-color: var(--green-400) !important; }
.border-top-green-500 { border-top-color: var(--green-500) !important; }
.border-top-green-600 { border-top-color: var(--green-600) !important; }
.border-top-green-700 { border-top-color: var(--green-700) !important; }
.border-top-green-800 { border-top-color: var(--green-800) !important; }
.border-top-green-900 { border-top-color: var(--green-900) !important; }
.border-top-green-A100 { border-top-color: var(--green-100) !important; }
.border-top-green-A200 { border-top-color: var(--green-200) !important; }
.border-top-green-A400 { border-top-color: var(--green-400) !important; }
.border-top-green-A700 { border-top-color: var(--green-700) !important; }

.border-top-light-green-050 { border-top-color: var(--light-green-050) !important; }
.border-top-light-green-100 { border-top-color: var(--light-green-100) !important; }
.border-top-light-green-200 { border-top-color: var(--light-green-200) !important; }
.border-top-light-green-300 { border-top-color: var(--light-green-300) !important; }
.border-top-light-green-400 { border-top-color: var(--light-green-400) !important; }
.border-top-light-green-500 { border-top-color: var(--light-green-500) !important; }
.border-top-light-green-600 { border-top-color: var(--light-green-600) !important; }
.border-top-light-green-700 { border-top-color: var(--light-green-700) !important; }
.border-top-light-green-800 { border-top-color: var(--light-green-800) !important; }
.border-top-light-green-900 { border-top-color: var(--light-green-900) !important; }
.border-top-light-green-A100 { border-top-color: var(--light-green-100) !important; }
.border-top-light-green-A200 { border-top-color: var(--light-green-200) !important; }
.border-top-light-green-A400 { border-top-color: var(--light-green-400) !important; }
.border-top-light-green-A700 { border-top-color: var(--light-green-700) !important; }

.border-top-lime-050 { border-top-color: var(--lime-050) !important; }
.border-top-lime-100 { border-top-color: var(--lime-100) !important; }
.border-top-lime-200 { border-top-color: var(--lime-200) !important; }
.border-top-lime-300 { border-top-color: var(--lime-300) !important; }
.border-top-lime-400 { border-top-color: var(--lime-400) !important; }
.border-top-lime-500 { border-top-color: var(--lime-500) !important; }
.border-top-lime-600 { border-top-color: var(--lime-600) !important; }
.border-top-lime-700 { border-top-color: var(--lime-700) !important; }
.border-top-lime-800 { border-top-color: var(--lime-800) !important; }
.border-top-lime-900 { border-top-color: var(--lime-900) !important; }
.border-top-lime-A100 { border-top-color: var(--lime-100) !important; }
.border-top-lime-A200 { border-top-color: var(--lime-200) !important; }
.border-top-lime-A400 { border-top-color: var(--lime-400) !important; }
.border-top-lime-A700 { border-top-color: var(--lime-700) !important; }

.border-top-yellow-050 { border-top-color: var(--yellow-050) !important; }
.border-top-yellow-100 { border-top-color: var(--yellow-100) !important; }
.border-top-yellow-200 { border-top-color: var(--yellow-200) !important; }
.border-top-yellow-300 { border-top-color: var(--yellow-300) !important; }
.border-top-yellow-400 { border-top-color: var(--yellow-400) !important; }
.border-top-yellow-500 { border-top-color: var(--yellow-500) !important; }
.border-top-yellow-600 { border-top-color: var(--yellow-600) !important; }
.border-top-yellow-700 { border-top-color: var(--yellow-700) !important; }
.border-top-yellow-800 { border-top-color: var(--yellow-800) !important; }
.border-top-yellow-900 { border-top-color: var(--yellow-900) !important; }
.border-top-yellow-A100 { border-top-color: var(--yellow-100) !important; }
.border-top-yellow-A200 { border-top-color: var(--yellow-200) !important; }
.border-top-yellow-A400 { border-top-color: var(--yellow-400) !important; }
.border-top-yellow-A700 { border-top-color: var(--yellow-700) !important; }

.border-top-amber-050 { border-top-color: var(--amber-050) !important; }
.border-top-amber-100 { border-top-color: var(--amber-100) !important; }
.border-top-amber-200 { border-top-color: var(--amber-200) !important; }
.border-top-amber-300 { border-top-color: var(--amber-300) !important; }
.border-top-amber-400 { border-top-color: var(--amber-400) !important; }
.border-top-amber-500 { border-top-color: var(--amber-500) !important; }
.border-top-amber-600 { border-top-color: var(--amber-600) !important; }
.border-top-amber-700 { border-top-color: var(--amber-700) !important; }
.border-top-amber-800 { border-top-color: var(--amber-800) !important; }
.border-top-amber-900 { border-top-color: var(--amber-900) !important; }
.border-top-amber-A100 { border-top-color: var(--amber-100) !important; }
.border-top-amber-A200 { border-top-color: var(--amber-200) !important; }
.border-top-amber-A400 { border-top-color: var(--amber-400) !important; }
.border-top-amber-A700 { border-top-color: var(--amber-700) !important; }

.border-top-orange-050 { border-top-color: var(--orange-050) !important; }
.border-top-orange-100 { border-top-color: var(--orange-100) !important; }
.border-top-orange-200 { border-top-color: var(--orange-200) !important; }
.border-top-orange-300 { border-top-color: var(--orange-300) !important; }
.border-top-orange-400 { border-top-color: var(--orange-400) !important; }
.border-top-orange-500 { border-top-color: var(--orange-500) !important; }
.border-top-orange-600 { border-top-color: var(--orange-600) !important; }
.border-top-orange-700 { border-top-color: var(--orange-700) !important; }
.border-top-orange-800 { border-top-color: var(--orange-800) !important; }
.border-top-orange-900 { border-top-color: var(--orange-900) !important; }
.border-top-orange-A100 { border-top-color: var(--orange-100) !important; }
.border-top-orange-A200 { border-top-color: var(--orange-200) !important; }
.border-top-orange-A400 { border-top-color: var(--orange-400) !important; }
.border-top-orange-A700 { border-top-color: var(--orange-700) !important; }

.border-top-deep-orange-050 { border-top-color: var(--deep-orange-050) !important; }
.border-top-deep-orange-100 { border-top-color: var(--deep-orange-100) !important; }
.border-top-deep-orange-200 { border-top-color: var(--deep-orange-200) !important; }
.border-top-deep-orange-300 { border-top-color: var(--deep-orange-300) !important; }
.border-top-deep-orange-400 { border-top-color: var(--deep-orange-400) !important; }
.border-top-deep-orange-500 { border-top-color: var(--deep-orange-500) !important; }
.border-top-deep-orange-600 { border-top-color: var(--deep-orange-600) !important; }
.border-top-deep-orange-700 { border-top-color: var(--deep-orange-700) !important; }
.border-top-deep-orange-800 { border-top-color: var(--deep-orange-800) !important; }
.border-top-deep-orange-900 { border-top-color: var(--deep-orange-900) !important; }
.border-top-deep-orange-A100 { border-top-color: var(--deep-orange-100) !important; }
.border-top-deep-orange-A200 { border-top-color: var(--deep-orange-200) !important; }
.border-top-deep-orange-A400 { border-top-color: var(--deep-orange-400) !important; }
.border-top-deep-orange-A700 { border-top-color: var(--deep-orange-700) !important; }

.border-top-brown-050 { border-top-color: var(--brown-050) !important; }
.border-top-brown-100 { border-top-color: var(--brown-100) !important; }
.border-top-brown-200 { border-top-color: var(--brown-200) !important; }
.border-top-brown-300 { border-top-color: var(--brown-300) !important; }
.border-top-brown-400 { border-top-color: var(--brown-400) !important; }
.border-top-brown-500 { border-top-color: var(--brown-500) !important; }
.border-top-brown-600 { border-top-color: var(--brown-600) !important; }
.border-top-brown-700 { border-top-color: var(--brown-700) !important; }
.border-top-brown-800 { border-top-color: var(--brown-800) !important; }
.border-top-brown-900 { border-top-color: var(--brown-900) !important; }

.border-top-grey-050 { border-top-color: var(--grey-050) !important; }
.border-top-grey-100 { border-top-color: var(--grey-100) !important; }
.border-top-grey-200 { border-top-color: var(--grey-200) !important; }
.border-top-grey-300 { border-top-color: var(--grey-300) !important; }
.border-top-grey-400 { border-top-color: var(--grey-400) !important; }
.border-top-grey-500 { border-top-color: var(--grey-500) !important; }
.border-top-grey-600 { border-top-color: var(--grey-600) !important; }
.border-top-grey-700 { border-top-color: var(--grey-700) !important; }
.border-top-grey-800 { border-top-color: var(--grey-800) !important; }
.border-top-grey-900 { border-top-color: var(--grey-900) !important; }

.border-top-blue-grey-050 { border-top-color: var(--blue-grey-050) !important; }
.border-top-blue-grey-100 { border-top-color: var(--blue-grey-100) !important; }
.border-top-blue-grey-200 { border-top-color: var(--blue-grey-200) !important; }
.border-top-blue-grey-300 { border-top-color: var(--blue-grey-300) !important; }
.border-top-blue-grey-400 { border-top-color: var(--blue-grey-400) !important; }
.border-top-blue-grey-500 { border-top-color: var(--blue-grey-500) !important; }
.border-top-blue-grey-600 { border-top-color: var(--blue-grey-600) !important; }
.border-top-blue-grey-700 { border-top-color: var(--blue-grey-700) !important; }
.border-top-blue-grey-800 { border-top-color: var(--blue-grey-800) !important; }
.border-top-blue-grey-900 { border-top-color: var(--blue-grey-900) !important; }

.border-top-white-050 { border-top-color: var(--white-050) !important; }
.border-top-white-100 { border-top-color: var(--white-100) !important; }
.border-top-white-150 { border-top-color: var(--white-150) !important; }
.border-top-white-200 { border-top-color: var(--white-200) !important; }
.border-top-white-250 { border-top-color: var(--white-250) !important; }
.border-top-white-300 { border-top-color: var(--white-300) !important; }
.border-top-white-350 { border-top-color: var(--white-350) !important; }
.border-top-white-400 { border-top-color: var(--white-400) !important; }
.border-top-white-450 { border-top-color: var(--white-450) !important; }
.border-top-white-500 { border-top-color: var(--white-500) !important; }
.border-top-white-550 { border-top-color: var(--white-550) !important; }
.border-top-white-600 { border-top-color: var(--white-600) !important; }
.border-top-white-650 { border-top-color: var(--white-650) !important; }
.border-top-white-700 { border-top-color: var(--white-700) !important; }
.border-top-white-750 { border-top-color: var(--white-750) !important; }
.border-top-white-800 { border-top-color: var(--white-800) !important; }
.border-top-white-850 { border-top-color: var(--white-850) !important; }
.border-top-white-900 { border-top-color: var(--white-900) !important; }
.border-top-white-950 { border-top-color: var(--white-950) !important; }
.border-top-white     { border-top-color: var(--white) !important; }

.border-top-black-050 { border-top-color: var(--black-050) !important; }
.border-top-black-100 { border-top-color: var(--black-100) !important; }
.border-top-black-150 { border-top-color: var(--black-150) !important; }
.border-top-black-200 { border-top-color: var(--black-200) !important; }
.border-top-black-250 { border-top-color: var(--black-250) !important; }
.border-top-black-300 { border-top-color: var(--black-300) !important; }
.border-top-black-350 { border-top-color: var(--black-350) !important; }
.border-top-black-400 { border-top-color: var(--black-400) !important; }
.border-top-black-450 { border-top-color: var(--black-450) !important; }
.border-top-black-500 { border-top-color: var(--black-500) !important; }
.border-top-black-550 { border-top-color: var(--black-550) !important; }
.border-top-black-600 { border-top-color: var(--black-600) !important; }
.border-top-black-650 { border-top-color: var(--black-650) !important; }
.border-top-black-700 { border-top-color: var(--black-700) !important; }
.border-top-black-750 { border-top-color: var(--black-750) !important; }
.border-top-black-800 { border-top-color: var(--black-800) !important; }
.border-top-black-850 { border-top-color: var(--black-850) !important; }
.border-top-black-900 { border-top-color: var(--black-900) !important; }
.border-top-black-950 { border-top-color: var(--black-950) !important; }
.border-top-black     { border-top-color: var(--black) !important; }

/* Border Bottom Color
   ========================================================================== */

.border-bottom-primary     { border-bottom-color: var(--primary-color) !important; }
.border-bottom-secondary   { border-bottom-color: var(--secondary-color) !important; }
.border-bottom-success     { border-bottom-color: var(--success-color) !important; }
.border-bottom-danger      { border-bottom-color: var(--danger-color) !important; }
.border-bottom-info        { border-bottom-color: var(--info-color) !important; }
.border-bottom-warning     { border-bottom-color: var(--warning-color) !important; }
.border-bottom-light       { border-bottom-color: var(--light-color) !important; }
.border-bottom-dark        { border-bottom-color: var(--dark-color) !important; }
.border-bottom-muted       { border-bottom-color: var(--muted-color) !important; }
.border-bottom-body        { border-bottom-color: var(--body-background-color) !important; }
.border-bottom-default     { border-bottom-color: var(--body-background-color) !important; }
.border-bottom-current     { border-bottom-color: currentColor !important; }
.border-bottom-transparent { border-bottom-color: transparent !important; }

.border-bottom-primary-050 { border-bottom-color: var(--primary-color-050) !important; }
.border-bottom-primary-100 { border-bottom-color: var(--primary-color-100) !important; }
.border-bottom-primary-200 { border-bottom-color: var(--primary-color-200) !important; }
.border-bottom-primary-300 { border-bottom-color: var(--primary-color-300) !important; }
.border-bottom-primary-400 { border-bottom-color: var(--primary-color-400) !important; }
.border-bottom-primary-420 { border-bottom-color: var(--primary-color-420) !important; }
.border-bottom-primary-440 { border-bottom-color: var(--primary-color-440) !important; }
.border-bottom-primary-460 { border-bottom-color: var(--primary-color-460) !important; }
.border-bottom-primary-480 { border-bottom-color: var(--primary-color-480) !important; }
.border-bottom-primary-500 { border-bottom-color: var(--primary-color-500) !important; }
.border-bottom-primary-520 { border-bottom-color: var(--primary-color-520) !important; }
.border-bottom-primary-540 { border-bottom-color: var(--primary-color-540) !important; }
.border-bottom-primary-560 { border-bottom-color: var(--primary-color-560) !important; }
.border-bottom-primary-580 { border-bottom-color: var(--primary-color-580) !important; }
.border-bottom-primary-600 { border-bottom-color: var(--primary-color-600) !important; }
.border-bottom-primary-700 { border-bottom-color: var(--primary-color-700) !important; }
.border-bottom-primary-800 { border-bottom-color: var(--primary-color-800) !important; }
.border-bottom-primary-900 { border-bottom-color: var(--primary-color-900) !important; }

.border-bottom-secondary-050 { border-bottom-color: var(--secondary-color-050) !important; }
.border-bottom-secondary-100 { border-bottom-color: var(--secondary-color-100) !important; }
.border-bottom-secondary-200 { border-bottom-color: var(--secondary-color-200) !important; }
.border-bottom-secondary-300 { border-bottom-color: var(--secondary-color-300) !important; }
.border-bottom-secondary-400 { border-bottom-color: var(--secondary-color-400) !important; }
.border-bottom-secondary-420 { border-bottom-color: var(--secondary-color-420) !important; }
.border-bottom-secondary-440 { border-bottom-color: var(--secondary-color-440) !important; }
.border-bottom-secondary-460 { border-bottom-color: var(--secondary-color-460) !important; }
.border-bottom-secondary-480 { border-bottom-color: var(--secondary-color-480) !important; }
.border-bottom-secondary-500 { border-bottom-color: var(--secondary-color-500) !important; }
.border-bottom-secondary-520 { border-bottom-color: var(--secondary-color-520) !important; }
.border-bottom-secondary-540 { border-bottom-color: var(--secondary-color-540) !important; }
.border-bottom-secondary-560 { border-bottom-color: var(--secondary-color-560) !important; }
.border-bottom-secondary-580 { border-bottom-color: var(--secondary-color-580) !important; }
.border-bottom-secondary-600 { border-bottom-color: var(--secondary-color-600) !important; }
.border-bottom-secondary-700 { border-bottom-color: var(--secondary-color-700) !important; }
.border-bottom-secondary-800 { border-bottom-color: var(--secondary-color-800) !important; }
.border-bottom-secondary-900 { border-bottom-color: var(--secondary-color-900) !important; }

.border-bottom-red-050 { border-bottom-color: var(--red-050) !important; }
.border-bottom-red-100 { border-bottom-color: var(--red-100) !important; }
.border-bottom-red-200 { border-bottom-color: var(--red-200) !important; }
.border-bottom-red-300 { border-bottom-color: var(--red-300) !important; }
.border-bottom-red-400 { border-bottom-color: var(--red-400) !important; }
.border-bottom-red-500 { border-bottom-color: var(--red-500) !important; }
.border-bottom-red-600 { border-bottom-color: var(--red-600) !important; }
.border-bottom-red-700 { border-bottom-color: var(--red-700) !important; }
.border-bottom-red-800 { border-bottom-color: var(--red-800) !important; }
.border-bottom-red-900 { border-bottom-color: var(--red-900) !important; }
.border-bottom-red-A100 { border-bottom-color: var(--red-100) !important; }
.border-bottom-red-A200 { border-bottom-color: var(--red-200) !important; }
.border-bottom-red-A400 { border-bottom-color: var(--red-400) !important; }
.border-bottom-red-A700 { border-bottom-color: var(--red-700) !important; }

.border-bottom-pink-050 { border-bottom-color: var(--pink-050) !important; }
.border-bottom-pink-100 { border-bottom-color: var(--pink-100) !important; }
.border-bottom-pink-200 { border-bottom-color: var(--pink-200) !important; }
.border-bottom-pink-300 { border-bottom-color: var(--pink-300) !important; }
.border-bottom-pink-400 { border-bottom-color: var(--pink-400) !important; }
.border-bottom-pink-500 { border-bottom-color: var(--pink-500) !important; }
.border-bottom-pink-600 { border-bottom-color: var(--pink-600) !important; }
.border-bottom-pink-700 { border-bottom-color: var(--pink-700) !important; }
.border-bottom-pink-800 { border-bottom-color: var(--pink-800) !important; }
.border-bottom-pink-900 { border-bottom-color: var(--pink-900) !important; }
.border-bottom-pink-A100 { border-bottom-color: var(--pink-100) !important; }
.border-bottom-pink-A200 { border-bottom-color: var(--pink-200) !important; }
.border-bottom-pink-A400 { border-bottom-color: var(--pink-400) !important; }
.border-bottom-pink-A700 { border-bottom-color: var(--pink-700) !important; }

.border-bottom-purple-050 { border-bottom-color: var(--purple-050) !important; }
.border-bottom-purple-100 { border-bottom-color: var(--purple-100) !important; }
.border-bottom-purple-200 { border-bottom-color: var(--purple-200) !important; }
.border-bottom-purple-300 { border-bottom-color: var(--purple-300) !important; }
.border-bottom-purple-400 { border-bottom-color: var(--purple-400) !important; }
.border-bottom-purple-500 { border-bottom-color: var(--purple-500) !important; }
.border-bottom-purple-600 { border-bottom-color: var(--purple-600) !important; }
.border-bottom-purple-700 { border-bottom-color: var(--purple-700) !important; }
.border-bottom-purple-800 { border-bottom-color: var(--purple-800) !important; }
.border-bottom-purple-900 { border-bottom-color: var(--purple-900) !important; }
.border-bottom-purple-A100 { border-bottom-color: var(--purple-100) !important; }
.border-bottom-purple-A200 { border-bottom-color: var(--purple-200) !important; }
.border-bottom-purple-A400 { border-bottom-color: var(--purple-400) !important; }
.border-bottom-purple-A700 { border-bottom-color: var(--purple-700) !important; }

.border-bottom-deep-purple-050 { border-bottom-color: var(--deep-purple-050) !important; }
.border-bottom-deep-purple-100 { border-bottom-color: var(--deep-purple-100) !important; }
.border-bottom-deep-purple-200 { border-bottom-color: var(--deep-purple-200) !important; }
.border-bottom-deep-purple-300 { border-bottom-color: var(--deep-purple-300) !important; }
.border-bottom-deep-purple-400 { border-bottom-color: var(--deep-purple-400) !important; }
.border-bottom-deep-purple-500 { border-bottom-color: var(--deep-purple-500) !important; }
.border-bottom-deep-purple-600 { border-bottom-color: var(--deep-purple-600) !important; }
.border-bottom-deep-purple-700 { border-bottom-color: var(--deep-purple-700) !important; }
.border-bottom-deep-purple-800 { border-bottom-color: var(--deep-purple-800) !important; }
.border-bottom-deep-purple-900 { border-bottom-color: var(--deep-purple-900) !important; }
.border-bottom-deep-purple-A100 { border-bottom-color: var(--deep-purple-100) !important; }
.border-bottom-deep-purple-A200 { border-bottom-color: var(--deep-purple-200) !important; }
.border-bottom-deep-purple-A400 { border-bottom-color: var(--deep-purple-400) !important; }
.border-bottom-deep-purple-A700 { border-bottom-color: var(--deep-purple-700) !important; }

.border-bottom-indigo-050 { border-bottom-color: var(--indigo-050) !important; }
.border-bottom-indigo-100 { border-bottom-color: var(--indigo-100) !important; }
.border-bottom-indigo-200 { border-bottom-color: var(--indigo-200) !important; }
.border-bottom-indigo-300 { border-bottom-color: var(--indigo-300) !important; }
.border-bottom-indigo-400 { border-bottom-color: var(--indigo-400) !important; }
.border-bottom-indigo-500 { border-bottom-color: var(--indigo-500) !important; }
.border-bottom-indigo-600 { border-bottom-color: var(--indigo-600) !important; }
.border-bottom-indigo-700 { border-bottom-color: var(--indigo-700) !important; }
.border-bottom-indigo-800 { border-bottom-color: var(--indigo-800) !important; }
.border-bottom-indigo-900 { border-bottom-color: var(--indigo-900) !important; }
.border-bottom-indigo-A100 { border-bottom-color: var(--indigo-100) !important; }
.border-bottom-indigo-A200 { border-bottom-color: var(--indigo-200) !important; }
.border-bottom-indigo-A400 { border-bottom-color: var(--indigo-400) !important; }
.border-bottom-indigo-A700 { border-bottom-color: var(--indigo-700) !important; }

.border-bottom-blue-050 { border-bottom-color: var(--blue-050) !important; }
.border-bottom-blue-100 { border-bottom-color: var(--blue-100) !important; }
.border-bottom-blue-200 { border-bottom-color: var(--blue-200) !important; }
.border-bottom-blue-300 { border-bottom-color: var(--blue-300) !important; }
.border-bottom-blue-400 { border-bottom-color: var(--blue-400) !important; }
.border-bottom-blue-500 { border-bottom-color: var(--blue-500) !important; }
.border-bottom-blue-600 { border-bottom-color: var(--blue-600) !important; }
.border-bottom-blue-700 { border-bottom-color: var(--blue-700) !important; }
.border-bottom-blue-800 { border-bottom-color: var(--blue-800) !important; }
.border-bottom-blue-900 { border-bottom-color: var(--blue-900) !important; }
.border-bottom-blue-A100 { border-bottom-color: var(--blue-100) !important; }
.border-bottom-blue-A200 { border-bottom-color: var(--blue-200) !important; }
.border-bottom-blue-A400 { border-bottom-color: var(--blue-400) !important; }
.border-bottom-blue-A700 { border-bottom-color: var(--blue-700) !important; }

.border-bottom-light-blue-050 { border-bottom-color: var(--light-blue-050) !important; }
.border-bottom-light-blue-100 { border-bottom-color: var(--light-blue-100) !important; }
.border-bottom-light-blue-200 { border-bottom-color: var(--light-blue-200) !important; }
.border-bottom-light-blue-300 { border-bottom-color: var(--light-blue-300) !important; }
.border-bottom-light-blue-400 { border-bottom-color: var(--light-blue-400) !important; }
.border-bottom-light-blue-500 { border-bottom-color: var(--light-blue-500) !important; }
.border-bottom-light-blue-600 { border-bottom-color: var(--light-blue-600) !important; }
.border-bottom-light-blue-700 { border-bottom-color: var(--light-blue-700) !important; }
.border-bottom-light-blue-800 { border-bottom-color: var(--light-blue-800) !important; }
.border-bottom-light-blue-900 { border-bottom-color: var(--light-blue-900) !important; }
.border-bottom-light-blue-A100 { border-bottom-color: var(--light-blue-100) !important; }
.border-bottom-light-blue-A200 { border-bottom-color: var(--light-blue-200) !important; }
.border-bottom-light-blue-A400 { border-bottom-color: var(--light-blue-400) !important; }
.border-bottom-light-blue-A700 { border-bottom-color: var(--light-blue-700) !important; }

.border-bottom-cyan-050 { border-bottom-color: var(--cyan-050) !important; }
.border-bottom-cyan-100 { border-bottom-color: var(--cyan-100) !important; }
.border-bottom-cyan-200 { border-bottom-color: var(--cyan-200) !important; }
.border-bottom-cyan-300 { border-bottom-color: var(--cyan-300) !important; }
.border-bottom-cyan-400 { border-bottom-color: var(--cyan-400) !important; }
.border-bottom-cyan-500 { border-bottom-color: var(--cyan-500) !important; }
.border-bottom-cyan-600 { border-bottom-color: var(--cyan-600) !important; }
.border-bottom-cyan-700 { border-bottom-color: var(--cyan-700) !important; }
.border-bottom-cyan-800 { border-bottom-color: var(--cyan-800) !important; }
.border-bottom-cyan-900 { border-bottom-color: var(--cyan-900) !important; }
.border-bottom-cyan-A100 { border-bottom-color: var(--cyan-100) !important; }
.border-bottom-cyan-A200 { border-bottom-color: var(--cyan-200) !important; }
.border-bottom-cyan-A400 { border-bottom-color: var(--cyan-400) !important; }
.border-bottom-cyan-A700 { border-bottom-color: var(--cyan-700) !important; }

.border-bottom-teal-050 { border-bottom-color: var(--teal-050) !important; }
.border-bottom-teal-100 { border-bottom-color: var(--teal-100) !important; }
.border-bottom-teal-200 { border-bottom-color: var(--teal-200) !important; }
.border-bottom-teal-300 { border-bottom-color: var(--teal-300) !important; }
.border-bottom-teal-400 { border-bottom-color: var(--teal-400) !important; }
.border-bottom-teal-500 { border-bottom-color: var(--teal-500) !important; }
.border-bottom-teal-600 { border-bottom-color: var(--teal-600) !important; }
.border-bottom-teal-700 { border-bottom-color: var(--teal-700) !important; }
.border-bottom-teal-800 { border-bottom-color: var(--teal-800) !important; }
.border-bottom-teal-900 { border-bottom-color: var(--teal-900) !important; }
.border-bottom-teal-A100 { border-bottom-color: var(--teal-100) !important; }
.border-bottom-teal-A200 { border-bottom-color: var(--teal-200) !important; }
.border-bottom-teal-A400 { border-bottom-color: var(--teal-400) !important; }
.border-bottom-teal-A700 { border-bottom-color: var(--teal-700) !important; }

.border-bottom-green-050 { border-bottom-color: var(--green-050) !important; }
.border-bottom-green-100 { border-bottom-color: var(--green-100) !important; }
.border-bottom-green-200 { border-bottom-color: var(--green-200) !important; }
.border-bottom-green-300 { border-bottom-color: var(--green-300) !important; }
.border-bottom-green-400 { border-bottom-color: var(--green-400) !important; }
.border-bottom-green-500 { border-bottom-color: var(--green-500) !important; }
.border-bottom-green-600 { border-bottom-color: var(--green-600) !important; }
.border-bottom-green-700 { border-bottom-color: var(--green-700) !important; }
.border-bottom-green-800 { border-bottom-color: var(--green-800) !important; }
.border-bottom-green-900 { border-bottom-color: var(--green-900) !important; }
.border-bottom-green-A100 { border-bottom-color: var(--green-100) !important; }
.border-bottom-green-A200 { border-bottom-color: var(--green-200) !important; }
.border-bottom-green-A400 { border-bottom-color: var(--green-400) !important; }
.border-bottom-green-A700 { border-bottom-color: var(--green-700) !important; }

.border-bottom-light-green-050 { border-bottom-color: var(--light-green-050) !important; }
.border-bottom-light-green-100 { border-bottom-color: var(--light-green-100) !important; }
.border-bottom-light-green-200 { border-bottom-color: var(--light-green-200) !important; }
.border-bottom-light-green-300 { border-bottom-color: var(--light-green-300) !important; }
.border-bottom-light-green-400 { border-bottom-color: var(--light-green-400) !important; }
.border-bottom-light-green-500 { border-bottom-color: var(--light-green-500) !important; }
.border-bottom-light-green-600 { border-bottom-color: var(--light-green-600) !important; }
.border-bottom-light-green-700 { border-bottom-color: var(--light-green-700) !important; }
.border-bottom-light-green-800 { border-bottom-color: var(--light-green-800) !important; }
.border-bottom-light-green-900 { border-bottom-color: var(--light-green-900) !important; }
.border-bottom-light-green-A100 { border-bottom-color: var(--light-green-100) !important; }
.border-bottom-light-green-A200 { border-bottom-color: var(--light-green-200) !important; }
.border-bottom-light-green-A400 { border-bottom-color: var(--light-green-400) !important; }
.border-bottom-light-green-A700 { border-bottom-color: var(--light-green-700) !important; }

.border-bottom-lime-050 { border-bottom-color: var(--lime-050) !important; }
.border-bottom-lime-100 { border-bottom-color: var(--lime-100) !important; }
.border-bottom-lime-200 { border-bottom-color: var(--lime-200) !important; }
.border-bottom-lime-300 { border-bottom-color: var(--lime-300) !important; }
.border-bottom-lime-400 { border-bottom-color: var(--lime-400) !important; }
.border-bottom-lime-500 { border-bottom-color: var(--lime-500) !important; }
.border-bottom-lime-600 { border-bottom-color: var(--lime-600) !important; }
.border-bottom-lime-700 { border-bottom-color: var(--lime-700) !important; }
.border-bottom-lime-800 { border-bottom-color: var(--lime-800) !important; }
.border-bottom-lime-900 { border-bottom-color: var(--lime-900) !important; }
.border-bottom-lime-A100 { border-bottom-color: var(--lime-100) !important; }
.border-bottom-lime-A200 { border-bottom-color: var(--lime-200) !important; }
.border-bottom-lime-A400 { border-bottom-color: var(--lime-400) !important; }
.border-bottom-lime-A700 { border-bottom-color: var(--lime-700) !important; }

.border-bottom-yellow-050 { border-bottom-color: var(--yellow-050) !important; }
.border-bottom-yellow-100 { border-bottom-color: var(--yellow-100) !important; }
.border-bottom-yellow-200 { border-bottom-color: var(--yellow-200) !important; }
.border-bottom-yellow-300 { border-bottom-color: var(--yellow-300) !important; }
.border-bottom-yellow-400 { border-bottom-color: var(--yellow-400) !important; }
.border-bottom-yellow-500 { border-bottom-color: var(--yellow-500) !important; }
.border-bottom-yellow-600 { border-bottom-color: var(--yellow-600) !important; }
.border-bottom-yellow-700 { border-bottom-color: var(--yellow-700) !important; }
.border-bottom-yellow-800 { border-bottom-color: var(--yellow-800) !important; }
.border-bottom-yellow-900 { border-bottom-color: var(--yellow-900) !important; }
.border-bottom-yellow-A100 { border-bottom-color: var(--yellow-100) !important; }
.border-bottom-yellow-A200 { border-bottom-color: var(--yellow-200) !important; }
.border-bottom-yellow-A400 { border-bottom-color: var(--yellow-400) !important; }
.border-bottom-yellow-A700 { border-bottom-color: var(--yellow-700) !important; }

.border-bottom-amber-050 { border-bottom-color: var(--amber-050) !important; }
.border-bottom-amber-100 { border-bottom-color: var(--amber-100) !important; }
.border-bottom-amber-200 { border-bottom-color: var(--amber-200) !important; }
.border-bottom-amber-300 { border-bottom-color: var(--amber-300) !important; }
.border-bottom-amber-400 { border-bottom-color: var(--amber-400) !important; }
.border-bottom-amber-500 { border-bottom-color: var(--amber-500) !important; }
.border-bottom-amber-600 { border-bottom-color: var(--amber-600) !important; }
.border-bottom-amber-700 { border-bottom-color: var(--amber-700) !important; }
.border-bottom-amber-800 { border-bottom-color: var(--amber-800) !important; }
.border-bottom-amber-900 { border-bottom-color: var(--amber-900) !important; }
.border-bottom-amber-A100 { border-bottom-color: var(--amber-100) !important; }
.border-bottom-amber-A200 { border-bottom-color: var(--amber-200) !important; }
.border-bottom-amber-A400 { border-bottom-color: var(--amber-400) !important; }
.border-bottom-amber-A700 { border-bottom-color: var(--amber-700) !important; }

.border-bottom-orange-050 { border-bottom-color: var(--orange-050) !important; }
.border-bottom-orange-100 { border-bottom-color: var(--orange-100) !important; }
.border-bottom-orange-200 { border-bottom-color: var(--orange-200) !important; }
.border-bottom-orange-300 { border-bottom-color: var(--orange-300) !important; }
.border-bottom-orange-400 { border-bottom-color: var(--orange-400) !important; }
.border-bottom-orange-500 { border-bottom-color: var(--orange-500) !important; }
.border-bottom-orange-600 { border-bottom-color: var(--orange-600) !important; }
.border-bottom-orange-700 { border-bottom-color: var(--orange-700) !important; }
.border-bottom-orange-800 { border-bottom-color: var(--orange-800) !important; }
.border-bottom-orange-900 { border-bottom-color: var(--orange-900) !important; }
.border-bottom-orange-A100 { border-bottom-color: var(--orange-100) !important; }
.border-bottom-orange-A200 { border-bottom-color: var(--orange-200) !important; }
.border-bottom-orange-A400 { border-bottom-color: var(--orange-400) !important; }
.border-bottom-orange-A700 { border-bottom-color: var(--orange-700) !important; }

.border-bottom-deep-orange-050 { border-bottom-color: var(--deep-orange-050) !important; }
.border-bottom-deep-orange-100 { border-bottom-color: var(--deep-orange-100) !important; }
.border-bottom-deep-orange-200 { border-bottom-color: var(--deep-orange-200) !important; }
.border-bottom-deep-orange-300 { border-bottom-color: var(--deep-orange-300) !important; }
.border-bottom-deep-orange-400 { border-bottom-color: var(--deep-orange-400) !important; }
.border-bottom-deep-orange-500 { border-bottom-color: var(--deep-orange-500) !important; }
.border-bottom-deep-orange-600 { border-bottom-color: var(--deep-orange-600) !important; }
.border-bottom-deep-orange-700 { border-bottom-color: var(--deep-orange-700) !important; }
.border-bottom-deep-orange-800 { border-bottom-color: var(--deep-orange-800) !important; }
.border-bottom-deep-orange-900 { border-bottom-color: var(--deep-orange-900) !important; }
.border-bottom-deep-orange-A100 { border-bottom-color: var(--deep-orange-100) !important; }
.border-bottom-deep-orange-A200 { border-bottom-color: var(--deep-orange-200) !important; }
.border-bottom-deep-orange-A400 { border-bottom-color: var(--deep-orange-400) !important; }
.border-bottom-deep-orange-A700 { border-bottom-color: var(--deep-orange-700) !important; }

.border-bottom-brown-050 { border-bottom-color: var(--brown-050) !important; }
.border-bottom-brown-100 { border-bottom-color: var(--brown-100) !important; }
.border-bottom-brown-200 { border-bottom-color: var(--brown-200) !important; }
.border-bottom-brown-300 { border-bottom-color: var(--brown-300) !important; }
.border-bottom-brown-400 { border-bottom-color: var(--brown-400) !important; }
.border-bottom-brown-500 { border-bottom-color: var(--brown-500) !important; }
.border-bottom-brown-600 { border-bottom-color: var(--brown-600) !important; }
.border-bottom-brown-700 { border-bottom-color: var(--brown-700) !important; }
.border-bottom-brown-800 { border-bottom-color: var(--brown-800) !important; }
.border-bottom-brown-900 { border-bottom-color: var(--brown-900) !important; }

.border-bottom-grey-050 { border-bottom-color: var(--grey-050) !important; }
.border-bottom-grey-100 { border-bottom-color: var(--grey-100) !important; }
.border-bottom-grey-200 { border-bottom-color: var(--grey-200) !important; }
.border-bottom-grey-300 { border-bottom-color: var(--grey-300) !important; }
.border-bottom-grey-400 { border-bottom-color: var(--grey-400) !important; }
.border-bottom-grey-500 { border-bottom-color: var(--grey-500) !important; }
.border-bottom-grey-600 { border-bottom-color: var(--grey-600) !important; }
.border-bottom-grey-700 { border-bottom-color: var(--grey-700) !important; }
.border-bottom-grey-800 { border-bottom-color: var(--grey-800) !important; }
.border-bottom-grey-900 { border-bottom-color: var(--grey-900) !important; }

.border-bottom-blue-grey-050 { border-bottom-color: var(--blue-grey-050) !important; }
.border-bottom-blue-grey-100 { border-bottom-color: var(--blue-grey-100) !important; }
.border-bottom-blue-grey-200 { border-bottom-color: var(--blue-grey-200) !important; }
.border-bottom-blue-grey-300 { border-bottom-color: var(--blue-grey-300) !important; }
.border-bottom-blue-grey-400 { border-bottom-color: var(--blue-grey-400) !important; }
.border-bottom-blue-grey-500 { border-bottom-color: var(--blue-grey-500) !important; }
.border-bottom-blue-grey-600 { border-bottom-color: var(--blue-grey-600) !important; }
.border-bottom-blue-grey-700 { border-bottom-color: var(--blue-grey-700) !important; }
.border-bottom-blue-grey-800 { border-bottom-color: var(--blue-grey-800) !important; }
.border-bottom-blue-grey-900 { border-bottom-color: var(--blue-grey-900) !important; }

.border-bottom-white-050 { border-bottom-color: var(--white-050) !important; }
.border-bottom-white-100 { border-bottom-color: var(--white-100) !important; }
.border-bottom-white-150 { border-bottom-color: var(--white-150) !important; }
.border-bottom-white-200 { border-bottom-color: var(--white-200) !important; }
.border-bottom-white-250 { border-bottom-color: var(--white-250) !important; }
.border-bottom-white-300 { border-bottom-color: var(--white-300) !important; }
.border-bottom-white-350 { border-bottom-color: var(--white-350) !important; }
.border-bottom-white-400 { border-bottom-color: var(--white-400) !important; }
.border-bottom-white-450 { border-bottom-color: var(--white-450) !important; }
.border-bottom-white-500 { border-bottom-color: var(--white-500) !important; }
.border-bottom-white-550 { border-bottom-color: var(--white-550) !important; }
.border-bottom-white-600 { border-bottom-color: var(--white-600) !important; }
.border-bottom-white-650 { border-bottom-color: var(--white-650) !important; }
.border-bottom-white-700 { border-bottom-color: var(--white-700) !important; }
.border-bottom-white-750 { border-bottom-color: var(--white-750) !important; }
.border-bottom-white-800 { border-bottom-color: var(--white-800) !important; }
.border-bottom-white-850 { border-bottom-color: var(--white-850) !important; }
.border-bottom-white-900 { border-bottom-color: var(--white-900) !important; }
.border-bottom-white-950 { border-bottom-color: var(--white-950) !important; }
.border-bottom-white     { border-bottom-color: var(--white) !important; }

.border-bottom-black-050 { border-bottom-color: var(--black-050) !important; }
.border-bottom-black-100 { border-bottom-color: var(--black-100) !important; }
.border-bottom-black-150 { border-bottom-color: var(--black-150) !important; }
.border-bottom-black-200 { border-bottom-color: var(--black-200) !important; }
.border-bottom-black-250 { border-bottom-color: var(--black-250) !important; }
.border-bottom-black-300 { border-bottom-color: var(--black-300) !important; }
.border-bottom-black-350 { border-bottom-color: var(--black-350) !important; }
.border-bottom-black-400 { border-bottom-color: var(--black-400) !important; }
.border-bottom-black-450 { border-bottom-color: var(--black-450) !important; }
.border-bottom-black-500 { border-bottom-color: var(--black-500) !important; }
.border-bottom-black-550 { border-bottom-color: var(--black-550) !important; }
.border-bottom-black-600 { border-bottom-color: var(--black-600) !important; }
.border-bottom-black-650 { border-bottom-color: var(--black-650) !important; }
.border-bottom-black-700 { border-bottom-color: var(--black-700) !important; }
.border-bottom-black-750 { border-bottom-color: var(--black-750) !important; }
.border-bottom-black-800 { border-bottom-color: var(--black-800) !important; }
.border-bottom-black-850 { border-bottom-color: var(--black-850) !important; }
.border-bottom-black-900 { border-bottom-color: var(--black-900) !important; }
.border-bottom-black-950 { border-bottom-color: var(--black-950) !important; }
.border-bottom-black     { border-bottom-color: var(--black) !important; }

/* Border Left Color
   ========================================================================== */

.border-left-primary     { border-left-color: var(--primary-color) !important; }
.border-left-secondary   { border-left-color: var(--secondary-color) !important; }
.border-left-success     { border-left-color: var(--success-color) !important; }
.border-left-danger      { border-left-color: var(--danger-color) !important; }
.border-left-info        { border-left-color: var(--info-color) !important; }
.border-left-warning     { border-left-color: var(--warning-color) !important; }
.border-left-light       { border-left-color: var(--light-color) !important; }
.border-left-dark        { border-left-color: var(--dark-color) !important; }
.border-left-muted       { border-left-color: var(--muted-color) !important; }
.border-left-body        { border-left-color: var(--body-background-color) !important; }
.border-left-default     { border-left-color: var(--body-background-color) !important; }
.border-left-current     { border-left-color: currentColor !important; }
.border-left-transparent { border-left-color: transparent !important; }

.border-left-primary-050 { border-left-color: var(--primary-color-050) !important; }
.border-left-primary-100 { border-left-color: var(--primary-color-100) !important; }
.border-left-primary-200 { border-left-color: var(--primary-color-200) !important; }
.border-left-primary-300 { border-left-color: var(--primary-color-300) !important; }
.border-left-primary-400 { border-left-color: var(--primary-color-400) !important; }
.border-left-primary-420 { border-left-color: var(--primary-color-420) !important; }
.border-left-primary-440 { border-left-color: var(--primary-color-440) !important; }
.border-left-primary-460 { border-left-color: var(--primary-color-460) !important; }
.border-left-primary-480 { border-left-color: var(--primary-color-480) !important; }
.border-left-primary-500 { border-left-color: var(--primary-color-500) !important; }
.border-left-primary-520 { border-left-color: var(--primary-color-520) !important; }
.border-left-primary-540 { border-left-color: var(--primary-color-540) !important; }
.border-left-primary-560 { border-left-color: var(--primary-color-560) !important; }
.border-left-primary-580 { border-left-color: var(--primary-color-580) !important; }
.border-left-primary-600 { border-left-color: var(--primary-color-600) !important; }
.border-left-primary-700 { border-left-color: var(--primary-color-700) !important; }
.border-left-primary-800 { border-left-color: var(--primary-color-800) !important; }
.border-left-primary-900 { border-left-color: var(--primary-color-900) !important; }

.border-left-secondary-050 { border-left-color: var(--secondary-color-050) !important; }
.border-left-secondary-100 { border-left-color: var(--secondary-color-100) !important; }
.border-left-secondary-200 { border-left-color: var(--secondary-color-200) !important; }
.border-left-secondary-300 { border-left-color: var(--secondary-color-300) !important; }
.border-left-secondary-400 { border-left-color: var(--secondary-color-400) !important; }
.border-left-secondary-420 { border-left-color: var(--secondary-color-420) !important; }
.border-left-secondary-440 { border-left-color: var(--secondary-color-440) !important; }
.border-left-secondary-460 { border-left-color: var(--secondary-color-460) !important; }
.border-left-secondary-480 { border-left-color: var(--secondary-color-480) !important; }
.border-left-secondary-500 { border-left-color: var(--secondary-color-500) !important; }
.border-left-secondary-520 { border-left-color: var(--secondary-color-520) !important; }
.border-left-secondary-540 { border-left-color: var(--secondary-color-540) !important; }
.border-left-secondary-560 { border-left-color: var(--secondary-color-560) !important; }
.border-left-secondary-580 { border-left-color: var(--secondary-color-580) !important; }
.border-left-secondary-600 { border-left-color: var(--secondary-color-600) !important; }
.border-left-secondary-700 { border-left-color: var(--secondary-color-700) !important; }
.border-left-secondary-800 { border-left-color: var(--secondary-color-800) !important; }
.border-left-secondary-900 { border-left-color: var(--secondary-color-900) !important; }

.border-left-red-050 { border-left-color: var(--red-050) !important; }
.border-left-red-100 { border-left-color: var(--red-100) !important; }
.border-left-red-200 { border-left-color: var(--red-200) !important; }
.border-left-red-300 { border-left-color: var(--red-300) !important; }
.border-left-red-400 { border-left-color: var(--red-400) !important; }
.border-left-red-500 { border-left-color: var(--red-500) !important; }
.border-left-red-600 { border-left-color: var(--red-600) !important; }
.border-left-red-700 { border-left-color: var(--red-700) !important; }
.border-left-red-800 { border-left-color: var(--red-800) !important; }
.border-left-red-900 { border-left-color: var(--red-900) !important; }
.border-left-red-A100 { border-left-color: var(--red-100) !important; }
.border-left-red-A200 { border-left-color: var(--red-200) !important; }
.border-left-red-A400 { border-left-color: var(--red-400) !important; }
.border-left-red-A700 { border-left-color: var(--red-700) !important; }

.border-left-pink-050 { border-left-color: var(--pink-050) !important; }
.border-left-pink-100 { border-left-color: var(--pink-100) !important; }
.border-left-pink-200 { border-left-color: var(--pink-200) !important; }
.border-left-pink-300 { border-left-color: var(--pink-300) !important; }
.border-left-pink-400 { border-left-color: var(--pink-400) !important; }
.border-left-pink-500 { border-left-color: var(--pink-500) !important; }
.border-left-pink-600 { border-left-color: var(--pink-600) !important; }
.border-left-pink-700 { border-left-color: var(--pink-700) !important; }
.border-left-pink-800 { border-left-color: var(--pink-800) !important; }
.border-left-pink-900 { border-left-color: var(--pink-900) !important; }
.border-left-pink-A100 { border-left-color: var(--pink-100) !important; }
.border-left-pink-A200 { border-left-color: var(--pink-200) !important; }
.border-left-pink-A400 { border-left-color: var(--pink-400) !important; }
.border-left-pink-A700 { border-left-color: var(--pink-700) !important; }

.border-left-purple-050 { border-left-color: var(--purple-050) !important; }
.border-left-purple-100 { border-left-color: var(--purple-100) !important; }
.border-left-purple-200 { border-left-color: var(--purple-200) !important; }
.border-left-purple-300 { border-left-color: var(--purple-300) !important; }
.border-left-purple-400 { border-left-color: var(--purple-400) !important; }
.border-left-purple-500 { border-left-color: var(--purple-500) !important; }
.border-left-purple-600 { border-left-color: var(--purple-600) !important; }
.border-left-purple-700 { border-left-color: var(--purple-700) !important; }
.border-left-purple-800 { border-left-color: var(--purple-800) !important; }
.border-left-purple-900 { border-left-color: var(--purple-900) !important; }
.border-left-purple-A100 { border-left-color: var(--purple-100) !important; }
.border-left-purple-A200 { border-left-color: var(--purple-200) !important; }
.border-left-purple-A400 { border-left-color: var(--purple-400) !important; }
.border-left-purple-A700 { border-left-color: var(--purple-700) !important; }

.border-left-deep-purple-050 { border-left-color: var(--deep-purple-050) !important; }
.border-left-deep-purple-100 { border-left-color: var(--deep-purple-100) !important; }
.border-left-deep-purple-200 { border-left-color: var(--deep-purple-200) !important; }
.border-left-deep-purple-300 { border-left-color: var(--deep-purple-300) !important; }
.border-left-deep-purple-400 { border-left-color: var(--deep-purple-400) !important; }
.border-left-deep-purple-500 { border-left-color: var(--deep-purple-500) !important; }
.border-left-deep-purple-600 { border-left-color: var(--deep-purple-600) !important; }
.border-left-deep-purple-700 { border-left-color: var(--deep-purple-700) !important; }
.border-left-deep-purple-800 { border-left-color: var(--deep-purple-800) !important; }
.border-left-deep-purple-900 { border-left-color: var(--deep-purple-900) !important; }
.border-left-deep-purple-A100 { border-left-color: var(--deep-purple-100) !important; }
.border-left-deep-purple-A200 { border-left-color: var(--deep-purple-200) !important; }
.border-left-deep-purple-A400 { border-left-color: var(--deep-purple-400) !important; }
.border-left-deep-purple-A700 { border-left-color: var(--deep-purple-700) !important; }

.border-left-indigo-050 { border-left-color: var(--indigo-050) !important; }
.border-left-indigo-100 { border-left-color: var(--indigo-100) !important; }
.border-left-indigo-200 { border-left-color: var(--indigo-200) !important; }
.border-left-indigo-300 { border-left-color: var(--indigo-300) !important; }
.border-left-indigo-400 { border-left-color: var(--indigo-400) !important; }
.border-left-indigo-500 { border-left-color: var(--indigo-500) !important; }
.border-left-indigo-600 { border-left-color: var(--indigo-600) !important; }
.border-left-indigo-700 { border-left-color: var(--indigo-700) !important; }
.border-left-indigo-800 { border-left-color: var(--indigo-800) !important; }
.border-left-indigo-900 { border-left-color: var(--indigo-900) !important; }
.border-left-indigo-A100 { border-left-color: var(--indigo-100) !important; }
.border-left-indigo-A200 { border-left-color: var(--indigo-200) !important; }
.border-left-indigo-A400 { border-left-color: var(--indigo-400) !important; }
.border-left-indigo-A700 { border-left-color: var(--indigo-700) !important; }

.border-left-blue-050 { border-left-color: var(--blue-050) !important; }
.border-left-blue-100 { border-left-color: var(--blue-100) !important; }
.border-left-blue-200 { border-left-color: var(--blue-200) !important; }
.border-left-blue-300 { border-left-color: var(--blue-300) !important; }
.border-left-blue-400 { border-left-color: var(--blue-400) !important; }
.border-left-blue-500 { border-left-color: var(--blue-500) !important; }
.border-left-blue-600 { border-left-color: var(--blue-600) !important; }
.border-left-blue-700 { border-left-color: var(--blue-700) !important; }
.border-left-blue-800 { border-left-color: var(--blue-800) !important; }
.border-left-blue-900 { border-left-color: var(--blue-900) !important; }
.border-left-blue-A100 { border-left-color: var(--blue-100) !important; }
.border-left-blue-A200 { border-left-color: var(--blue-200) !important; }
.border-left-blue-A400 { border-left-color: var(--blue-400) !important; }
.border-left-blue-A700 { border-left-color: var(--blue-700) !important; }

.border-left-light-blue-050 { border-left-color: var(--light-blue-050) !important; }
.border-left-light-blue-100 { border-left-color: var(--light-blue-100) !important; }
.border-left-light-blue-200 { border-left-color: var(--light-blue-200) !important; }
.border-left-light-blue-300 { border-left-color: var(--light-blue-300) !important; }
.border-left-light-blue-400 { border-left-color: var(--light-blue-400) !important; }
.border-left-light-blue-500 { border-left-color: var(--light-blue-500) !important; }
.border-left-light-blue-600 { border-left-color: var(--light-blue-600) !important; }
.border-left-light-blue-700 { border-left-color: var(--light-blue-700) !important; }
.border-left-light-blue-800 { border-left-color: var(--light-blue-800) !important; }
.border-left-light-blue-900 { border-left-color: var(--light-blue-900) !important; }
.border-left-light-blue-A100 { border-left-color: var(--light-blue-100) !important; }
.border-left-light-blue-A200 { border-left-color: var(--light-blue-200) !important; }
.border-left-light-blue-A400 { border-left-color: var(--light-blue-400) !important; }
.border-left-light-blue-A700 { border-left-color: var(--light-blue-700) !important; }

.border-left-cyan-050 { border-left-color: var(--cyan-050) !important; }
.border-left-cyan-100 { border-left-color: var(--cyan-100) !important; }
.border-left-cyan-200 { border-left-color: var(--cyan-200) !important; }
.border-left-cyan-300 { border-left-color: var(--cyan-300) !important; }
.border-left-cyan-400 { border-left-color: var(--cyan-400) !important; }
.border-left-cyan-500 { border-left-color: var(--cyan-500) !important; }
.border-left-cyan-600 { border-left-color: var(--cyan-600) !important; }
.border-left-cyan-700 { border-left-color: var(--cyan-700) !important; }
.border-left-cyan-800 { border-left-color: var(--cyan-800) !important; }
.border-left-cyan-900 { border-left-color: var(--cyan-900) !important; }
.border-left-cyan-A100 { border-left-color: var(--cyan-100) !important; }
.border-left-cyan-A200 { border-left-color: var(--cyan-200) !important; }
.border-left-cyan-A400 { border-left-color: var(--cyan-400) !important; }
.border-left-cyan-A700 { border-left-color: var(--cyan-700) !important; }

.border-left-teal-050 { border-left-color: var(--teal-050) !important; }
.border-left-teal-100 { border-left-color: var(--teal-100) !important; }
.border-left-teal-200 { border-left-color: var(--teal-200) !important; }
.border-left-teal-300 { border-left-color: var(--teal-300) !important; }
.border-left-teal-400 { border-left-color: var(--teal-400) !important; }
.border-left-teal-500 { border-left-color: var(--teal-500) !important; }
.border-left-teal-600 { border-left-color: var(--teal-600) !important; }
.border-left-teal-700 { border-left-color: var(--teal-700) !important; }
.border-left-teal-800 { border-left-color: var(--teal-800) !important; }
.border-left-teal-900 { border-left-color: var(--teal-900) !important; }
.border-left-teal-A100 { border-left-color: var(--teal-100) !important; }
.border-left-teal-A200 { border-left-color: var(--teal-200) !important; }
.border-left-teal-A400 { border-left-color: var(--teal-400) !important; }
.border-left-teal-A700 { border-left-color: var(--teal-700) !important; }

.border-left-green-050 { border-left-color: var(--green-050) !important; }
.border-left-green-100 { border-left-color: var(--green-100) !important; }
.border-left-green-200 { border-left-color: var(--green-200) !important; }
.border-left-green-300 { border-left-color: var(--green-300) !important; }
.border-left-green-400 { border-left-color: var(--green-400) !important; }
.border-left-green-500 { border-left-color: var(--green-500) !important; }
.border-left-green-600 { border-left-color: var(--green-600) !important; }
.border-left-green-700 { border-left-color: var(--green-700) !important; }
.border-left-green-800 { border-left-color: var(--green-800) !important; }
.border-left-green-900 { border-left-color: var(--green-900) !important; }
.border-left-green-A100 { border-left-color: var(--green-100) !important; }
.border-left-green-A200 { border-left-color: var(--green-200) !important; }
.border-left-green-A400 { border-left-color: var(--green-400) !important; }
.border-left-green-A700 { border-left-color: var(--green-700) !important; }

.border-left-light-green-050 { border-left-color: var(--light-green-050) !important; }
.border-left-light-green-100 { border-left-color: var(--light-green-100) !important; }
.border-left-light-green-200 { border-left-color: var(--light-green-200) !important; }
.border-left-light-green-300 { border-left-color: var(--light-green-300) !important; }
.border-left-light-green-400 { border-left-color: var(--light-green-400) !important; }
.border-left-light-green-500 { border-left-color: var(--light-green-500) !important; }
.border-left-light-green-600 { border-left-color: var(--light-green-600) !important; }
.border-left-light-green-700 { border-left-color: var(--light-green-700) !important; }
.border-left-light-green-800 { border-left-color: var(--light-green-800) !important; }
.border-left-light-green-900 { border-left-color: var(--light-green-900) !important; }
.border-left-light-green-A100 { border-left-color: var(--light-green-100) !important; }
.border-left-light-green-A200 { border-left-color: var(--light-green-200) !important; }
.border-left-light-green-A400 { border-left-color: var(--light-green-400) !important; }
.border-left-light-green-A700 { border-left-color: var(--light-green-700) !important; }

.border-left-lime-050 { border-left-color: var(--lime-050) !important; }
.border-left-lime-100 { border-left-color: var(--lime-100) !important; }
.border-left-lime-200 { border-left-color: var(--lime-200) !important; }
.border-left-lime-300 { border-left-color: var(--lime-300) !important; }
.border-left-lime-400 { border-left-color: var(--lime-400) !important; }
.border-left-lime-500 { border-left-color: var(--lime-500) !important; }
.border-left-lime-600 { border-left-color: var(--lime-600) !important; }
.border-left-lime-700 { border-left-color: var(--lime-700) !important; }
.border-left-lime-800 { border-left-color: var(--lime-800) !important; }
.border-left-lime-900 { border-left-color: var(--lime-900) !important; }
.border-left-lime-A100 { border-left-color: var(--lime-100) !important; }
.border-left-lime-A200 { border-left-color: var(--lime-200) !important; }
.border-left-lime-A400 { border-left-color: var(--lime-400) !important; }
.border-left-lime-A700 { border-left-color: var(--lime-700) !important; }

.border-left-yellow-050 { border-left-color: var(--yellow-050) !important; }
.border-left-yellow-100 { border-left-color: var(--yellow-100) !important; }
.border-left-yellow-200 { border-left-color: var(--yellow-200) !important; }
.border-left-yellow-300 { border-left-color: var(--yellow-300) !important; }
.border-left-yellow-400 { border-left-color: var(--yellow-400) !important; }
.border-left-yellow-500 { border-left-color: var(--yellow-500) !important; }
.border-left-yellow-600 { border-left-color: var(--yellow-600) !important; }
.border-left-yellow-700 { border-left-color: var(--yellow-700) !important; }
.border-left-yellow-800 { border-left-color: var(--yellow-800) !important; }
.border-left-yellow-900 { border-left-color: var(--yellow-900) !important; }
.border-left-yellow-A100 { border-left-color: var(--yellow-100) !important; }
.border-left-yellow-A200 { border-left-color: var(--yellow-200) !important; }
.border-left-yellow-A400 { border-left-color: var(--yellow-400) !important; }
.border-left-yellow-A700 { border-left-color: var(--yellow-700) !important; }

.border-left-amber-050 { border-left-color: var(--amber-050) !important; }
.border-left-amber-100 { border-left-color: var(--amber-100) !important; }
.border-left-amber-200 { border-left-color: var(--amber-200) !important; }
.border-left-amber-300 { border-left-color: var(--amber-300) !important; }
.border-left-amber-400 { border-left-color: var(--amber-400) !important; }
.border-left-amber-500 { border-left-color: var(--amber-500) !important; }
.border-left-amber-600 { border-left-color: var(--amber-600) !important; }
.border-left-amber-700 { border-left-color: var(--amber-700) !important; }
.border-left-amber-800 { border-left-color: var(--amber-800) !important; }
.border-left-amber-900 { border-left-color: var(--amber-900) !important; }
.border-left-amber-A100 { border-left-color: var(--amber-100) !important; }
.border-left-amber-A200 { border-left-color: var(--amber-200) !important; }
.border-left-amber-A400 { border-left-color: var(--amber-400) !important; }
.border-left-amber-A700 { border-left-color: var(--amber-700) !important; }

.border-left-orange-050 { border-left-color: var(--orange-050) !important; }
.border-left-orange-100 { border-left-color: var(--orange-100) !important; }
.border-left-orange-200 { border-left-color: var(--orange-200) !important; }
.border-left-orange-300 { border-left-color: var(--orange-300) !important; }
.border-left-orange-400 { border-left-color: var(--orange-400) !important; }
.border-left-orange-500 { border-left-color: var(--orange-500) !important; }
.border-left-orange-600 { border-left-color: var(--orange-600) !important; }
.border-left-orange-700 { border-left-color: var(--orange-700) !important; }
.border-left-orange-800 { border-left-color: var(--orange-800) !important; }
.border-left-orange-900 { border-left-color: var(--orange-900) !important; }
.border-left-orange-A100 { border-left-color: var(--orange-100) !important; }
.border-left-orange-A200 { border-left-color: var(--orange-200) !important; }
.border-left-orange-A400 { border-left-color: var(--orange-400) !important; }
.border-left-orange-A700 { border-left-color: var(--orange-700) !important; }

.border-left-deep-orange-050 { border-left-color: var(--deep-orange-050) !important; }
.border-left-deep-orange-100 { border-left-color: var(--deep-orange-100) !important; }
.border-left-deep-orange-200 { border-left-color: var(--deep-orange-200) !important; }
.border-left-deep-orange-300 { border-left-color: var(--deep-orange-300) !important; }
.border-left-deep-orange-400 { border-left-color: var(--deep-orange-400) !important; }
.border-left-deep-orange-500 { border-left-color: var(--deep-orange-500) !important; }
.border-left-deep-orange-600 { border-left-color: var(--deep-orange-600) !important; }
.border-left-deep-orange-700 { border-left-color: var(--deep-orange-700) !important; }
.border-left-deep-orange-800 { border-left-color: var(--deep-orange-800) !important; }
.border-left-deep-orange-900 { border-left-color: var(--deep-orange-900) !important; }
.border-left-deep-orange-A100 { border-left-color: var(--deep-orange-100) !important; }
.border-left-deep-orange-A200 { border-left-color: var(--deep-orange-200) !important; }
.border-left-deep-orange-A400 { border-left-color: var(--deep-orange-400) !important; }
.border-left-deep-orange-A700 { border-left-color: var(--deep-orange-700) !important; }

.border-left-brown-050 { border-left-color: var(--brown-050) !important; }
.border-left-brown-100 { border-left-color: var(--brown-100) !important; }
.border-left-brown-200 { border-left-color: var(--brown-200) !important; }
.border-left-brown-300 { border-left-color: var(--brown-300) !important; }
.border-left-brown-400 { border-left-color: var(--brown-400) !important; }
.border-left-brown-500 { border-left-color: var(--brown-500) !important; }
.border-left-brown-600 { border-left-color: var(--brown-600) !important; }
.border-left-brown-700 { border-left-color: var(--brown-700) !important; }
.border-left-brown-800 { border-left-color: var(--brown-800) !important; }
.border-left-brown-900 { border-left-color: var(--brown-900) !important; }

.border-left-grey-050 { border-left-color: var(--grey-050) !important; }
.border-left-grey-100 { border-left-color: var(--grey-100) !important; }
.border-left-grey-200 { border-left-color: var(--grey-200) !important; }
.border-left-grey-300 { border-left-color: var(--grey-300) !important; }
.border-left-grey-400 { border-left-color: var(--grey-400) !important; }
.border-left-grey-500 { border-left-color: var(--grey-500) !important; }
.border-left-grey-600 { border-left-color: var(--grey-600) !important; }
.border-left-grey-700 { border-left-color: var(--grey-700) !important; }
.border-left-grey-800 { border-left-color: var(--grey-800) !important; }
.border-left-grey-900 { border-left-color: var(--grey-900) !important; }

.border-left-blue-grey-050 { border-left-color: var(--blue-grey-050) !important; }
.border-left-blue-grey-100 { border-left-color: var(--blue-grey-100) !important; }
.border-left-blue-grey-200 { border-left-color: var(--blue-grey-200) !important; }
.border-left-blue-grey-300 { border-left-color: var(--blue-grey-300) !important; }
.border-left-blue-grey-400 { border-left-color: var(--blue-grey-400) !important; }
.border-left-blue-grey-500 { border-left-color: var(--blue-grey-500) !important; }
.border-left-blue-grey-600 { border-left-color: var(--blue-grey-600) !important; }
.border-left-blue-grey-700 { border-left-color: var(--blue-grey-700) !important; }
.border-left-blue-grey-800 { border-left-color: var(--blue-grey-800) !important; }
.border-left-blue-grey-900 { border-left-color: var(--blue-grey-900) !important; }

.border-left-white-050 { border-left-color: var(--white-050) !important; }
.border-left-white-100 { border-left-color: var(--white-100) !important; }
.border-left-white-150 { border-left-color: var(--white-150) !important; }
.border-left-white-200 { border-left-color: var(--white-200) !important; }
.border-left-white-250 { border-left-color: var(--white-250) !important; }
.border-left-white-300 { border-left-color: var(--white-300) !important; }
.border-left-white-350 { border-left-color: var(--white-350) !important; }
.border-left-white-400 { border-left-color: var(--white-400) !important; }
.border-left-white-450 { border-left-color: var(--white-450) !important; }
.border-left-white-500 { border-left-color: var(--white-500) !important; }
.border-left-white-550 { border-left-color: var(--white-550) !important; }
.border-left-white-600 { border-left-color: var(--white-600) !important; }
.border-left-white-650 { border-left-color: var(--white-650) !important; }
.border-left-white-700 { border-left-color: var(--white-700) !important; }
.border-left-white-750 { border-left-color: var(--white-750) !important; }
.border-left-white-800 { border-left-color: var(--white-800) !important; }
.border-left-white-850 { border-left-color: var(--white-850) !important; }
.border-left-white-900 { border-left-color: var(--white-900) !important; }
.border-left-white-950 { border-left-color: var(--white-950) !important; }
.border-left-white     { border-left-color: var(--white) !important; }

.border-left-black-050 { border-left-color: var(--black-050) !important; }
.border-left-black-100 { border-left-color: var(--black-100) !important; }
.border-left-black-150 { border-left-color: var(--black-150) !important; }
.border-left-black-200 { border-left-color: var(--black-200) !important; }
.border-left-black-250 { border-left-color: var(--black-250) !important; }
.border-left-black-300 { border-left-color: var(--black-300) !important; }
.border-left-black-350 { border-left-color: var(--black-350) !important; }
.border-left-black-400 { border-left-color: var(--black-400) !important; }
.border-left-black-450 { border-left-color: var(--black-450) !important; }
.border-left-black-500 { border-left-color: var(--black-500) !important; }
.border-left-black-550 { border-left-color: var(--black-550) !important; }
.border-left-black-600 { border-left-color: var(--black-600) !important; }
.border-left-black-650 { border-left-color: var(--black-650) !important; }
.border-left-black-700 { border-left-color: var(--black-700) !important; }
.border-left-black-750 { border-left-color: var(--black-750) !important; }
.border-left-black-800 { border-left-color: var(--black-800) !important; }
.border-left-black-850 { border-left-color: var(--black-850) !important; }
.border-left-black-900 { border-left-color: var(--black-900) !important; }
.border-left-black-950 { border-left-color: var(--black-950) !important; }
.border-left-black     { border-left-color: var(--black) !important; }

/* Border Right Color
   ========================================================================== */

.border-right-primary     { border-right-color: var(--primary-color) !important; }
.border-right-secondary   { border-right-color: var(--secondary-color) !important; }
.border-right-success     { border-right-color: var(--success-color) !important; }
.border-right-danger      { border-right-color: var(--danger-color) !important; }
.border-right-info        { border-right-color: var(--info-color) !important; }
.border-right-warning     { border-right-color: var(--warning-color) !important; }
.border-right-light       { border-right-color: var(--light-color) !important; }
.border-right-dark        { border-right-color: var(--dark-color) !important; }
.border-right-muted       { border-right-color: var(--muted-color) !important; }
.border-right-body        { border-right-color: var(--body-background-color) !important; }
.border-right-default     { border-right-color: var(--body-background-color) !important; }
.border-right-current     { border-right-color: currentColor !important; }
.border-right-transparent { border-right-color: transparent !important; }

.border-right-primary-050 { border-right-color: var(--primary-color-050) !important; }
.border-right-primary-100 { border-right-color: var(--primary-color-100) !important; }
.border-right-primary-200 { border-right-color: var(--primary-color-200) !important; }
.border-right-primary-300 { border-right-color: var(--primary-color-300) !important; }
.border-right-primary-400 { border-right-color: var(--primary-color-400) !important; }
.border-right-primary-420 { border-right-color: var(--primary-color-420) !important; }
.border-right-primary-440 { border-right-color: var(--primary-color-440) !important; }
.border-right-primary-460 { border-right-color: var(--primary-color-460) !important; }
.border-right-primary-480 { border-right-color: var(--primary-color-480) !important; }
.border-right-primary-500 { border-right-color: var(--primary-color-500) !important; }
.border-right-primary-520 { border-right-color: var(--primary-color-520) !important; }
.border-right-primary-540 { border-right-color: var(--primary-color-540) !important; }
.border-right-primary-560 { border-right-color: var(--primary-color-560) !important; }
.border-right-primary-580 { border-right-color: var(--primary-color-580) !important; }
.border-right-primary-600 { border-right-color: var(--primary-color-600) !important; }
.border-right-primary-700 { border-right-color: var(--primary-color-700) !important; }
.border-right-primary-800 { border-right-color: var(--primary-color-800) !important; }
.border-right-primary-900 { border-right-color: var(--primary-color-900) !important; }

.border-right-secondary-050 { border-right-color: var(--secondary-color-050) !important; }
.border-right-secondary-100 { border-right-color: var(--secondary-color-100) !important; }
.border-right-secondary-200 { border-right-color: var(--secondary-color-200) !important; }
.border-right-secondary-300 { border-right-color: var(--secondary-color-300) !important; }
.border-right-secondary-400 { border-right-color: var(--secondary-color-400) !important; }
.border-right-secondary-420 { border-right-color: var(--secondary-color-420) !important; }
.border-right-secondary-440 { border-right-color: var(--secondary-color-440) !important; }
.border-right-secondary-460 { border-right-color: var(--secondary-color-460) !important; }
.border-right-secondary-480 { border-right-color: var(--secondary-color-480) !important; }
.border-right-secondary-500 { border-right-color: var(--secondary-color-500) !important; }
.border-right-secondary-520 { border-right-color: var(--secondary-color-520) !important; }
.border-right-secondary-540 { border-right-color: var(--secondary-color-540) !important; }
.border-right-secondary-560 { border-right-color: var(--secondary-color-560) !important; }
.border-right-secondary-580 { border-right-color: var(--secondary-color-580) !important; }
.border-right-secondary-600 { border-right-color: var(--secondary-color-600) !important; }
.border-right-secondary-700 { border-right-color: var(--secondary-color-700) !important; }
.border-right-secondary-800 { border-right-color: var(--secondary-color-800) !important; }
.border-right-secondary-900 { border-right-color: var(--secondary-color-900) !important; }

.border-right-red-050 { border-right-color: var(--red-050) !important; }
.border-right-red-100 { border-right-color: var(--red-100) !important; }
.border-right-red-200 { border-right-color: var(--red-200) !important; }
.border-right-red-300 { border-right-color: var(--red-300) !important; }
.border-right-red-400 { border-right-color: var(--red-400) !important; }
.border-right-red-500 { border-right-color: var(--red-500) !important; }
.border-right-red-600 { border-right-color: var(--red-600) !important; }
.border-right-red-700 { border-right-color: var(--red-700) !important; }
.border-right-red-800 { border-right-color: var(--red-800) !important; }
.border-right-red-900 { border-right-color: var(--red-900) !important; }
.border-right-red-A100 { border-right-color: var(--red-100) !important; }
.border-right-red-A200 { border-right-color: var(--red-200) !important; }
.border-right-red-A400 { border-right-color: var(--red-400) !important; }
.border-right-red-A700 { border-right-color: var(--red-700) !important; }

.border-right-pink-050 { border-right-color: var(--pink-050) !important; }
.border-right-pink-100 { border-right-color: var(--pink-100) !important; }
.border-right-pink-200 { border-right-color: var(--pink-200) !important; }
.border-right-pink-300 { border-right-color: var(--pink-300) !important; }
.border-right-pink-400 { border-right-color: var(--pink-400) !important; }
.border-right-pink-500 { border-right-color: var(--pink-500) !important; }
.border-right-pink-600 { border-right-color: var(--pink-600) !important; }
.border-right-pink-700 { border-right-color: var(--pink-700) !important; }
.border-right-pink-800 { border-right-color: var(--pink-800) !important; }
.border-right-pink-900 { border-right-color: var(--pink-900) !important; }
.border-right-pink-A100 { border-right-color: var(--pink-100) !important; }
.border-right-pink-A200 { border-right-color: var(--pink-200) !important; }
.border-right-pink-A400 { border-right-color: var(--pink-400) !important; }
.border-right-pink-A700 { border-right-color: var(--pink-700) !important; }

.border-right-purple-050 { border-right-color: var(--purple-050) !important; }
.border-right-purple-100 { border-right-color: var(--purple-100) !important; }
.border-right-purple-200 { border-right-color: var(--purple-200) !important; }
.border-right-purple-300 { border-right-color: var(--purple-300) !important; }
.border-right-purple-400 { border-right-color: var(--purple-400) !important; }
.border-right-purple-500 { border-right-color: var(--purple-500) !important; }
.border-right-purple-600 { border-right-color: var(--purple-600) !important; }
.border-right-purple-700 { border-right-color: var(--purple-700) !important; }
.border-right-purple-800 { border-right-color: var(--purple-800) !important; }
.border-right-purple-900 { border-right-color: var(--purple-900) !important; }
.border-right-purple-A100 { border-right-color: var(--purple-100) !important; }
.border-right-purple-A200 { border-right-color: var(--purple-200) !important; }
.border-right-purple-A400 { border-right-color: var(--purple-400) !important; }
.border-right-purple-A700 { border-right-color: var(--purple-700) !important; }

.border-right-deep-purple-050 { border-right-color: var(--deep-purple-050) !important; }
.border-right-deep-purple-100 { border-right-color: var(--deep-purple-100) !important; }
.border-right-deep-purple-200 { border-right-color: var(--deep-purple-200) !important; }
.border-right-deep-purple-300 { border-right-color: var(--deep-purple-300) !important; }
.border-right-deep-purple-400 { border-right-color: var(--deep-purple-400) !important; }
.border-right-deep-purple-500 { border-right-color: var(--deep-purple-500) !important; }
.border-right-deep-purple-600 { border-right-color: var(--deep-purple-600) !important; }
.border-right-deep-purple-700 { border-right-color: var(--deep-purple-700) !important; }
.border-right-deep-purple-800 { border-right-color: var(--deep-purple-800) !important; }
.border-right-deep-purple-900 { border-right-color: var(--deep-purple-900) !important; }
.border-right-deep-purple-A100 { border-right-color: var(--deep-purple-100) !important; }
.border-right-deep-purple-A200 { border-right-color: var(--deep-purple-200) !important; }
.border-right-deep-purple-A400 { border-right-color: var(--deep-purple-400) !important; }
.border-right-deep-purple-A700 { border-right-color: var(--deep-purple-700) !important; }

.border-right-indigo-050 { border-right-color: var(--indigo-050) !important; }
.border-right-indigo-100 { border-right-color: var(--indigo-100) !important; }
.border-right-indigo-200 { border-right-color: var(--indigo-200) !important; }
.border-right-indigo-300 { border-right-color: var(--indigo-300) !important; }
.border-right-indigo-400 { border-right-color: var(--indigo-400) !important; }
.border-right-indigo-500 { border-right-color: var(--indigo-500) !important; }
.border-right-indigo-600 { border-right-color: var(--indigo-600) !important; }
.border-right-indigo-700 { border-right-color: var(--indigo-700) !important; }
.border-right-indigo-800 { border-right-color: var(--indigo-800) !important; }
.border-right-indigo-900 { border-right-color: var(--indigo-900) !important; }
.border-right-indigo-A100 { border-right-color: var(--indigo-100) !important; }
.border-right-indigo-A200 { border-right-color: var(--indigo-200) !important; }
.border-right-indigo-A400 { border-right-color: var(--indigo-400) !important; }
.border-right-indigo-A700 { border-right-color: var(--indigo-700) !important; }

.border-right-blue-050 { border-right-color: var(--blue-050) !important; }
.border-right-blue-100 { border-right-color: var(--blue-100) !important; }
.border-right-blue-200 { border-right-color: var(--blue-200) !important; }
.border-right-blue-300 { border-right-color: var(--blue-300) !important; }
.border-right-blue-400 { border-right-color: var(--blue-400) !important; }
.border-right-blue-500 { border-right-color: var(--blue-500) !important; }
.border-right-blue-600 { border-right-color: var(--blue-600) !important; }
.border-right-blue-700 { border-right-color: var(--blue-700) !important; }
.border-right-blue-800 { border-right-color: var(--blue-800) !important; }
.border-right-blue-900 { border-right-color: var(--blue-900) !important; }
.border-right-blue-A100 { border-right-color: var(--blue-100) !important; }
.border-right-blue-A200 { border-right-color: var(--blue-200) !important; }
.border-right-blue-A400 { border-right-color: var(--blue-400) !important; }
.border-right-blue-A700 { border-right-color: var(--blue-700) !important; }

.border-right-light-blue-050 { border-right-color: var(--light-blue-050) !important; }
.border-right-light-blue-100 { border-right-color: var(--light-blue-100) !important; }
.border-right-light-blue-200 { border-right-color: var(--light-blue-200) !important; }
.border-right-light-blue-300 { border-right-color: var(--light-blue-300) !important; }
.border-right-light-blue-400 { border-right-color: var(--light-blue-400) !important; }
.border-right-light-blue-500 { border-right-color: var(--light-blue-500) !important; }
.border-right-light-blue-600 { border-right-color: var(--light-blue-600) !important; }
.border-right-light-blue-700 { border-right-color: var(--light-blue-700) !important; }
.border-right-light-blue-800 { border-right-color: var(--light-blue-800) !important; }
.border-right-light-blue-900 { border-right-color: var(--light-blue-900) !important; }
.border-right-light-blue-A100 { border-right-color: var(--light-blue-100) !important; }
.border-right-light-blue-A200 { border-right-color: var(--light-blue-200) !important; }
.border-right-light-blue-A400 { border-right-color: var(--light-blue-400) !important; }
.border-right-light-blue-A700 { border-right-color: var(--light-blue-700) !important; }

.border-right-cyan-050 { border-right-color: var(--cyan-050) !important; }
.border-right-cyan-100 { border-right-color: var(--cyan-100) !important; }
.border-right-cyan-200 { border-right-color: var(--cyan-200) !important; }
.border-right-cyan-300 { border-right-color: var(--cyan-300) !important; }
.border-right-cyan-400 { border-right-color: var(--cyan-400) !important; }
.border-right-cyan-500 { border-right-color: var(--cyan-500) !important; }
.border-right-cyan-600 { border-right-color: var(--cyan-600) !important; }
.border-right-cyan-700 { border-right-color: var(--cyan-700) !important; }
.border-right-cyan-800 { border-right-color: var(--cyan-800) !important; }
.border-right-cyan-900 { border-right-color: var(--cyan-900) !important; }
.border-right-cyan-A100 { border-right-color: var(--cyan-100) !important; }
.border-right-cyan-A200 { border-right-color: var(--cyan-200) !important; }
.border-right-cyan-A400 { border-right-color: var(--cyan-400) !important; }
.border-right-cyan-A700 { border-right-color: var(--cyan-700) !important; }

.border-right-teal-050 { border-right-color: var(--teal-050) !important; }
.border-right-teal-100 { border-right-color: var(--teal-100) !important; }
.border-right-teal-200 { border-right-color: var(--teal-200) !important; }
.border-right-teal-300 { border-right-color: var(--teal-300) !important; }
.border-right-teal-400 { border-right-color: var(--teal-400) !important; }
.border-right-teal-500 { border-right-color: var(--teal-500) !important; }
.border-right-teal-600 { border-right-color: var(--teal-600) !important; }
.border-right-teal-700 { border-right-color: var(--teal-700) !important; }
.border-right-teal-800 { border-right-color: var(--teal-800) !important; }
.border-right-teal-900 { border-right-color: var(--teal-900) !important; }
.border-right-teal-A100 { border-right-color: var(--teal-100) !important; }
.border-right-teal-A200 { border-right-color: var(--teal-200) !important; }
.border-right-teal-A400 { border-right-color: var(--teal-400) !important; }
.border-right-teal-A700 { border-right-color: var(--teal-700) !important; }

.border-right-green-050 { border-right-color: var(--green-050) !important; }
.border-right-green-100 { border-right-color: var(--green-100) !important; }
.border-right-green-200 { border-right-color: var(--green-200) !important; }
.border-right-green-300 { border-right-color: var(--green-300) !important; }
.border-right-green-400 { border-right-color: var(--green-400) !important; }
.border-right-green-500 { border-right-color: var(--green-500) !important; }
.border-right-green-600 { border-right-color: var(--green-600) !important; }
.border-right-green-700 { border-right-color: var(--green-700) !important; }
.border-right-green-800 { border-right-color: var(--green-800) !important; }
.border-right-green-900 { border-right-color: var(--green-900) !important; }
.border-right-green-A100 { border-right-color: var(--green-100) !important; }
.border-right-green-A200 { border-right-color: var(--green-200) !important; }
.border-right-green-A400 { border-right-color: var(--green-400) !important; }
.border-right-green-A700 { border-right-color: var(--green-700) !important; }

.border-right-light-green-050 { border-right-color: var(--light-green-050) !important; }
.border-right-light-green-100 { border-right-color: var(--light-green-100) !important; }
.border-right-light-green-200 { border-right-color: var(--light-green-200) !important; }
.border-right-light-green-300 { border-right-color: var(--light-green-300) !important; }
.border-right-light-green-400 { border-right-color: var(--light-green-400) !important; }
.border-right-light-green-500 { border-right-color: var(--light-green-500) !important; }
.border-right-light-green-600 { border-right-color: var(--light-green-600) !important; }
.border-right-light-green-700 { border-right-color: var(--light-green-700) !important; }
.border-right-light-green-800 { border-right-color: var(--light-green-800) !important; }
.border-right-light-green-900 { border-right-color: var(--light-green-900) !important; }
.border-right-light-green-A100 { border-right-color: var(--light-green-100) !important; }
.border-right-light-green-A200 { border-right-color: var(--light-green-200) !important; }
.border-right-light-green-A400 { border-right-color: var(--light-green-400) !important; }
.border-right-light-green-A700 { border-right-color: var(--light-green-700) !important; }

.border-right-lime-050 { border-right-color: var(--lime-050) !important; }
.border-right-lime-100 { border-right-color: var(--lime-100) !important; }
.border-right-lime-200 { border-right-color: var(--lime-200) !important; }
.border-right-lime-300 { border-right-color: var(--lime-300) !important; }
.border-right-lime-400 { border-right-color: var(--lime-400) !important; }
.border-right-lime-500 { border-right-color: var(--lime-500) !important; }
.border-right-lime-600 { border-right-color: var(--lime-600) !important; }
.border-right-lime-700 { border-right-color: var(--lime-700) !important; }
.border-right-lime-800 { border-right-color: var(--lime-800) !important; }
.border-right-lime-900 { border-right-color: var(--lime-900) !important; }
.border-right-lime-A100 { border-right-color: var(--lime-100) !important; }
.border-right-lime-A200 { border-right-color: var(--lime-200) !important; }
.border-right-lime-A400 { border-right-color: var(--lime-400) !important; }
.border-right-lime-A700 { border-right-color: var(--lime-700) !important; }

.border-right-yellow-050 { border-right-color: var(--yellow-050) !important; }
.border-right-yellow-100 { border-right-color: var(--yellow-100) !important; }
.border-right-yellow-200 { border-right-color: var(--yellow-200) !important; }
.border-right-yellow-300 { border-right-color: var(--yellow-300) !important; }
.border-right-yellow-400 { border-right-color: var(--yellow-400) !important; }
.border-right-yellow-500 { border-right-color: var(--yellow-500) !important; }
.border-right-yellow-600 { border-right-color: var(--yellow-600) !important; }
.border-right-yellow-700 { border-right-color: var(--yellow-700) !important; }
.border-right-yellow-800 { border-right-color: var(--yellow-800) !important; }
.border-right-yellow-900 { border-right-color: var(--yellow-900) !important; }
.border-right-yellow-A100 { border-right-color: var(--yellow-100) !important; }
.border-right-yellow-A200 { border-right-color: var(--yellow-200) !important; }
.border-right-yellow-A400 { border-right-color: var(--yellow-400) !important; }
.border-right-yellow-A700 { border-right-color: var(--yellow-700) !important; }

.border-right-amber-050 { border-right-color: var(--amber-050) !important; }
.border-right-amber-100 { border-right-color: var(--amber-100) !important; }
.border-right-amber-200 { border-right-color: var(--amber-200) !important; }
.border-right-amber-300 { border-right-color: var(--amber-300) !important; }
.border-right-amber-400 { border-right-color: var(--amber-400) !important; }
.border-right-amber-500 { border-right-color: var(--amber-500) !important; }
.border-right-amber-600 { border-right-color: var(--amber-600) !important; }
.border-right-amber-700 { border-right-color: var(--amber-700) !important; }
.border-right-amber-800 { border-right-color: var(--amber-800) !important; }
.border-right-amber-900 { border-right-color: var(--amber-900) !important; }
.border-right-amber-A100 { border-right-color: var(--amber-100) !important; }
.border-right-amber-A200 { border-right-color: var(--amber-200) !important; }
.border-right-amber-A400 { border-right-color: var(--amber-400) !important; }
.border-right-amber-A700 { border-right-color: var(--amber-700) !important; }

.border-right-orange-050 { border-right-color: var(--orange-050) !important; }
.border-right-orange-100 { border-right-color: var(--orange-100) !important; }
.border-right-orange-200 { border-right-color: var(--orange-200) !important; }
.border-right-orange-300 { border-right-color: var(--orange-300) !important; }
.border-right-orange-400 { border-right-color: var(--orange-400) !important; }
.border-right-orange-500 { border-right-color: var(--orange-500) !important; }
.border-right-orange-600 { border-right-color: var(--orange-600) !important; }
.border-right-orange-700 { border-right-color: var(--orange-700) !important; }
.border-right-orange-800 { border-right-color: var(--orange-800) !important; }
.border-right-orange-900 { border-right-color: var(--orange-900) !important; }
.border-right-orange-A100 { border-right-color: var(--orange-100) !important; }
.border-right-orange-A200 { border-right-color: var(--orange-200) !important; }
.border-right-orange-A400 { border-right-color: var(--orange-400) !important; }
.border-right-orange-A700 { border-right-color: var(--orange-700) !important; }

.border-right-deep-orange-050 { border-right-color: var(--deep-orange-050) !important; }
.border-right-deep-orange-100 { border-right-color: var(--deep-orange-100) !important; }
.border-right-deep-orange-200 { border-right-color: var(--deep-orange-200) !important; }
.border-right-deep-orange-300 { border-right-color: var(--deep-orange-300) !important; }
.border-right-deep-orange-400 { border-right-color: var(--deep-orange-400) !important; }
.border-right-deep-orange-500 { border-right-color: var(--deep-orange-500) !important; }
.border-right-deep-orange-600 { border-right-color: var(--deep-orange-600) !important; }
.border-right-deep-orange-700 { border-right-color: var(--deep-orange-700) !important; }
.border-right-deep-orange-800 { border-right-color: var(--deep-orange-800) !important; }
.border-right-deep-orange-900 { border-right-color: var(--deep-orange-900) !important; }
.border-right-deep-orange-A100 { border-right-color: var(--deep-orange-100) !important; }
.border-right-deep-orange-A200 { border-right-color: var(--deep-orange-200) !important; }
.border-right-deep-orange-A400 { border-right-color: var(--deep-orange-400) !important; }
.border-right-deep-orange-A700 { border-right-color: var(--deep-orange-700) !important; }

.border-right-brown-050 { border-right-color: var(--brown-050) !important; }
.border-right-brown-100 { border-right-color: var(--brown-100) !important; }
.border-right-brown-200 { border-right-color: var(--brown-200) !important; }
.border-right-brown-300 { border-right-color: var(--brown-300) !important; }
.border-right-brown-400 { border-right-color: var(--brown-400) !important; }
.border-right-brown-500 { border-right-color: var(--brown-500) !important; }
.border-right-brown-600 { border-right-color: var(--brown-600) !important; }
.border-right-brown-700 { border-right-color: var(--brown-700) !important; }
.border-right-brown-800 { border-right-color: var(--brown-800) !important; }
.border-right-brown-900 { border-right-color: var(--brown-900) !important; }

.border-right-grey-050 { border-right-color: var(--grey-050) !important; }
.border-right-grey-100 { border-right-color: var(--grey-100) !important; }
.border-right-grey-200 { border-right-color: var(--grey-200) !important; }
.border-right-grey-300 { border-right-color: var(--grey-300) !important; }
.border-right-grey-400 { border-right-color: var(--grey-400) !important; }
.border-right-grey-500 { border-right-color: var(--grey-500) !important; }
.border-right-grey-600 { border-right-color: var(--grey-600) !important; }
.border-right-grey-700 { border-right-color: var(--grey-700) !important; }
.border-right-grey-800 { border-right-color: var(--grey-800) !important; }
.border-right-grey-900 { border-right-color: var(--grey-900) !important; }

.border-right-blue-grey-050 { border-right-color: var(--blue-grey-050) !important; }
.border-right-blue-grey-100 { border-right-color: var(--blue-grey-100) !important; }
.border-right-blue-grey-200 { border-right-color: var(--blue-grey-200) !important; }
.border-right-blue-grey-300 { border-right-color: var(--blue-grey-300) !important; }
.border-right-blue-grey-400 { border-right-color: var(--blue-grey-400) !important; }
.border-right-blue-grey-500 { border-right-color: var(--blue-grey-500) !important; }
.border-right-blue-grey-600 { border-right-color: var(--blue-grey-600) !important; }
.border-right-blue-grey-700 { border-right-color: var(--blue-grey-700) !important; }
.border-right-blue-grey-800 { border-right-color: var(--blue-grey-800) !important; }
.border-right-blue-grey-900 { border-right-color: var(--blue-grey-900) !important; }

.border-right-white-050 { border-right-color: var(--white-050) !important; }
.border-right-white-100 { border-right-color: var(--white-100) !important; }
.border-right-white-150 { border-right-color: var(--white-150) !important; }
.border-right-white-200 { border-right-color: var(--white-200) !important; }
.border-right-white-250 { border-right-color: var(--white-250) !important; }
.border-right-white-300 { border-right-color: var(--white-300) !important; }
.border-right-white-350 { border-right-color: var(--white-350) !important; }
.border-right-white-400 { border-right-color: var(--white-400) !important; }
.border-right-white-450 { border-right-color: var(--white-450) !important; }
.border-right-white-500 { border-right-color: var(--white-500) !important; }
.border-right-white-550 { border-right-color: var(--white-550) !important; }
.border-right-white-600 { border-right-color: var(--white-600) !important; }
.border-right-white-650 { border-right-color: var(--white-650) !important; }
.border-right-white-700 { border-right-color: var(--white-700) !important; }
.border-right-white-750 { border-right-color: var(--white-750) !important; }
.border-right-white-800 { border-right-color: var(--white-800) !important; }
.border-right-white-850 { border-right-color: var(--white-850) !important; }
.border-right-white-900 { border-right-color: var(--white-900) !important; }
.border-right-white-950 { border-right-color: var(--white-950) !important; }
.border-right-white     { border-right-color: var(--white) !important; }

.border-right-black-050 { border-right-color: var(--black-050) !important; }
.border-right-black-100 { border-right-color: var(--black-100) !important; }
.border-right-black-150 { border-right-color: var(--black-150) !important; }
.border-right-black-200 { border-right-color: var(--black-200) !important; }
.border-right-black-250 { border-right-color: var(--black-250) !important; }
.border-right-black-300 { border-right-color: var(--black-300) !important; }
.border-right-black-350 { border-right-color: var(--black-350) !important; }
.border-right-black-400 { border-right-color: var(--black-400) !important; }
.border-right-black-450 { border-right-color: var(--black-450) !important; }
.border-right-black-500 { border-right-color: var(--black-500) !important; }
.border-right-black-550 { border-right-color: var(--black-550) !important; }
.border-right-black-600 { border-right-color: var(--black-600) !important; }
.border-right-black-650 { border-right-color: var(--black-650) !important; }
.border-right-black-700 { border-right-color: var(--black-700) !important; }
.border-right-black-750 { border-right-color: var(--black-750) !important; }
.border-right-black-800 { border-right-color: var(--black-800) !important; }
.border-right-black-850 { border-right-color: var(--black-850) !important; }
.border-right-black-900 { border-right-color: var(--black-900) !important; }
.border-right-black-950 { border-right-color: var(--black-950) !important; }
.border-right-black     { border-right-color: var(--black) !important; }

/* Border Color (Top Bottom Left Right) on mouse Hover (Credit tailwind css)
   ========================================================================== */

.hover\:border-primary:hover     { border-color: var(--primary-color) !important; }
.hover\:border-secondary:hover   { border-color: var(--secondary-color) !important; }
.hover\:border-success:hover     { border-color: var(--success-color) !important; }
.hover\:border-danger:hover      { border-color: var(--danger-color) !important; }
.hover\:border-info:hover        { border-color: var(--info-color) !important; }
.hover\:border-warning:hover     { border-color: var(--warning-color) !important; }
.hover\:border-light:hover       { border-color: var(--light-color) !important; }
.hover\:border-dark:hover        { border-color: var(--dark-color) !important; }
.hover\:border-muted:hover       { border-color: var(--muted-color) !important; }
.hover\:border-body:hover        { border-color: var(--body-background-color) !important; }
.hover\:border-default:hover     { border-color: var(--body-background-color) !important; }
.hover\:border-current:hover     { border-color: currentColor !important; }
.hover\:border-transparent:hover { border-color: transparent !important; }

.hover\:border-primary-050:hover { border-color: var(--primary-color-050) !important; }
.hover\:border-primary-100:hover { border-color: var(--primary-color-100) !important; }
.hover\:border-primary-200:hover { border-color: var(--primary-color-200) !important; }
.hover\:border-primary-300:hover { border-color: var(--primary-color-300) !important; }
.hover\:border-primary-400:hover { border-color: var(--primary-color-400) !important; }
.hover\:border-primary-420:hover { border-color: var(--primary-color-420) !important; }
.hover\:border-primary-440:hover { border-color: var(--primary-color-440) !important; }
.hover\:border-primary-460:hover { border-color: var(--primary-color-460) !important; }
.hover\:border-primary-480:hover { border-color: var(--primary-color-480) !important; }
.hover\:border-primary-500:hover { border-color: var(--primary-color-500) !important; }
.hover\:border-primary-520:hover { border-color: var(--primary-color-520) !important; }
.hover\:border-primary-540:hover { border-color: var(--primary-color-540) !important; }
.hover\:border-primary-560:hover { border-color: var(--primary-color-560) !important; }
.hover\:border-primary-580:hover { border-color: var(--primary-color-580) !important; }
.hover\:border-primary-600:hover { border-color: var(--primary-color-600) !important; }
.hover\:border-primary-700:hover { border-color: var(--primary-color-700) !important; }
.hover\:border-primary-800:hover { border-color: var(--primary-color-800) !important; }
.hover\:border-primary-900:hover { border-color: var(--primary-color-900) !important; }

.hover\:border-secondary-050:hover { border-color: var(--secondary-color-050) !important; }
.hover\:border-secondary-100:hover { border-color: var(--secondary-color-100) !important; }
.hover\:border-secondary-200:hover { border-color: var(--secondary-color-200) !important; }
.hover\:border-secondary-300:hover { border-color: var(--secondary-color-300) !important; }
.hover\:border-secondary-400:hover { border-color: var(--secondary-color-400) !important; }
.hover\:border-secondary-420:hover { border-color: var(--secondary-color-420) !important; }
.hover\:border-secondary-440:hover { border-color: var(--secondary-color-440) !important; }
.hover\:border-secondary-460:hover { border-color: var(--secondary-color-460) !important; }
.hover\:border-secondary-480:hover { border-color: var(--secondary-color-480) !important; }
.hover\:border-secondary-500:hover { border-color: var(--secondary-color-500) !important; }
.hover\:border-secondary-520:hover { border-color: var(--secondary-color-520) !important; }
.hover\:border-secondary-540:hover { border-color: var(--secondary-color-540) !important; }
.hover\:border-secondary-560:hover { border-color: var(--secondary-color-560) !important; }
.hover\:border-secondary-580:hover { border-color: var(--secondary-color-580) !important; }
.hover\:border-secondary-600:hover { border-color: var(--secondary-color-600) !important; }
.hover\:border-secondary-700:hover { border-color: var(--secondary-color-700) !important; }
.hover\:border-secondary-800:hover { border-color: var(--secondary-color-800) !important; }
.hover\:border-secondary-900:hover { border-color: var(--secondary-color-900) !important; }

.hover\:border-red-050:hover { border-color: var(--red-050) !important; }
.hover\:border-red-100:hover { border-color: var(--red-100) !important; }
.hover\:border-red-200:hover { border-color: var(--red-200) !important; }
.hover\:border-red-300:hover { border-color: var(--red-300) !important; }
.hover\:border-red-400:hover { border-color: var(--red-400) !important; }
.hover\:border-red-500:hover { border-color: var(--red-500) !important; }
.hover\:border-red-600:hover { border-color: var(--red-600) !important; }
.hover\:border-red-700:hover { border-color: var(--red-700) !important; }
.hover\:border-red-800:hover { border-color: var(--red-800) !important; }
.hover\:border-red-900:hover { border-color: var(--red-900) !important; }
.hover\:border-red-A100:hover { border-color: var(--red-100) !important; }
.hover\:border-red-A200:hover { border-color: var(--red-200) !important; }
.hover\:border-red-A400:hover { border-color: var(--red-400) !important; }
.hover\:border-red-A700:hover { border-color: var(--red-700) !important; }

.hover\:border-pink-050:hover { border-color: var(--pink-050) !important; }
.hover\:border-pink-100:hover { border-color: var(--pink-100) !important; }
.hover\:border-pink-200:hover { border-color: var(--pink-200) !important; }
.hover\:border-pink-300:hover { border-color: var(--pink-300) !important; }
.hover\:border-pink-400:hover { border-color: var(--pink-400) !important; }
.hover\:border-pink-500:hover { border-color: var(--pink-500) !important; }
.hover\:border-pink-600:hover { border-color: var(--pink-600) !important; }
.hover\:border-pink-700:hover { border-color: var(--pink-700) !important; }
.hover\:border-pink-800:hover { border-color: var(--pink-800) !important; }
.hover\:border-pink-900:hover { border-color: var(--pink-900) !important; }
.hover\:border-pink-A100:hover { border-color: var(--pink-100) !important; }
.hover\:border-pink-A200:hover { border-color: var(--pink-200) !important; }
.hover\:border-pink-A400:hover { border-color: var(--pink-400) !important; }
.hover\:border-pink-A700:hover { border-color: var(--pink-700) !important; }

.hover\:border-purple-050:hover { border-color: var(--purple-050) !important; }
.hover\:border-purple-100:hover { border-color: var(--purple-100) !important; }
.hover\:border-purple-200:hover { border-color: var(--purple-200) !important; }
.hover\:border-purple-300:hover { border-color: var(--purple-300) !important; }
.hover\:border-purple-400:hover { border-color: var(--purple-400) !important; }
.hover\:border-purple-500:hover { border-color: var(--purple-500) !important; }
.hover\:border-purple-600:hover { border-color: var(--purple-600) !important; }
.hover\:border-purple-700:hover { border-color: var(--purple-700) !important; }
.hover\:border-purple-800:hover { border-color: var(--purple-800) !important; }
.hover\:border-purple-900:hover { border-color: var(--purple-900) !important; }
.hover\:border-purple-A100:hover { border-color: var(--purple-100) !important; }
.hover\:border-purple-A200:hover { border-color: var(--purple-200) !important; }
.hover\:border-purple-A400:hover { border-color: var(--purple-400) !important; }
.hover\:border-purple-A700:hover { border-color: var(--purple-700) !important; }

.hover\:border-deep-purple-050:hover { border-color: var(--deep-purple-050) !important; }
.hover\:border-deep-purple-100:hover { border-color: var(--deep-purple-100) !important; }
.hover\:border-deep-purple-200:hover { border-color: var(--deep-purple-200) !important; }
.hover\:border-deep-purple-300:hover { border-color: var(--deep-purple-300) !important; }
.hover\:border-deep-purple-400:hover { border-color: var(--deep-purple-400) !important; }
.hover\:border-deep-purple-500:hover { border-color: var(--deep-purple-500) !important; }
.hover\:border-deep-purple-600:hover { border-color: var(--deep-purple-600) !important; }
.hover\:border-deep-purple-700:hover { border-color: var(--deep-purple-700) !important; }
.hover\:border-deep-purple-800:hover { border-color: var(--deep-purple-800) !important; }
.hover\:border-deep-purple-900:hover { border-color: var(--deep-purple-900) !important; }
.hover\:border-deep-purple-A100:hover { border-color: var(--deep-purple-100) !important; }
.hover\:border-deep-purple-A200:hover { border-color: var(--deep-purple-200) !important; }
.hover\:border-deep-purple-A400:hover { border-color: var(--deep-purple-400) !important; }
.hover\:border-deep-purple-A700:hover { border-color: var(--deep-purple-700) !important; }

.hover\:border-indigo-050:hover { border-color: var(--indigo-050) !important; }
.hover\:border-indigo-100:hover { border-color: var(--indigo-100) !important; }
.hover\:border-indigo-200:hover { border-color: var(--indigo-200) !important; }
.hover\:border-indigo-300:hover { border-color: var(--indigo-300) !important; }
.hover\:border-indigo-400:hover { border-color: var(--indigo-400) !important; }
.hover\:border-indigo-500:hover { border-color: var(--indigo-500) !important; }
.hover\:border-indigo-600:hover { border-color: var(--indigo-600) !important; }
.hover\:border-indigo-700:hover { border-color: var(--indigo-700) !important; }
.hover\:border-indigo-800:hover { border-color: var(--indigo-800) !important; }
.hover\:border-indigo-900:hover { border-color: var(--indigo-900) !important; }
.hover\:border-indigo-A100:hover { border-color: var(--indigo-100) !important; }
.hover\:border-indigo-A200:hover { border-color: var(--indigo-200) !important; }
.hover\:border-indigo-A400:hover { border-color: var(--indigo-400) !important; }
.hover\:border-indigo-A700:hover { border-color: var(--indigo-700) !important; }

.hover\:border-blue-050:hover { border-color: var(--blue-050) !important; }
.hover\:border-blue-100:hover { border-color: var(--blue-100) !important; }
.hover\:border-blue-200:hover { border-color: var(--blue-200) !important; }
.hover\:border-blue-300:hover { border-color: var(--blue-300) !important; }
.hover\:border-blue-400:hover { border-color: var(--blue-400) !important; }
.hover\:border-blue-500:hover { border-color: var(--blue-500) !important; }
.hover\:border-blue-600:hover { border-color: var(--blue-600) !important; }
.hover\:border-blue-700:hover { border-color: var(--blue-700) !important; }
.hover\:border-blue-800:hover { border-color: var(--blue-800) !important; }
.hover\:border-blue-900:hover { border-color: var(--blue-900) !important; }
.hover\:border-blue-A100:hover { border-color: var(--blue-100) !important; }
.hover\:border-blue-A200:hover { border-color: var(--blue-200) !important; }
.hover\:border-blue-A400:hover { border-color: var(--blue-400) !important; }
.hover\:border-blue-A700:hover { border-color: var(--blue-700) !important; }

.hover\:border-light-blue-050:hover { border-color: var(--light-blue-050) !important; }
.hover\:border-light-blue-100:hover { border-color: var(--light-blue-100) !important; }
.hover\:border-light-blue-200:hover { border-color: var(--light-blue-200) !important; }
.hover\:border-light-blue-300:hover { border-color: var(--light-blue-300) !important; }
.hover\:border-light-blue-400:hover { border-color: var(--light-blue-400) !important; }
.hover\:border-light-blue-500:hover { border-color: var(--light-blue-500) !important; }
.hover\:border-light-blue-600:hover { border-color: var(--light-blue-600) !important; }
.hover\:border-light-blue-700:hover { border-color: var(--light-blue-700) !important; }
.hover\:border-light-blue-800:hover { border-color: var(--light-blue-800) !important; }
.hover\:border-light-blue-900:hover { border-color: var(--light-blue-900) !important; }
.hover\:border-light-blue-A100:hover { border-color: var(--light-blue-100) !important; }
.hover\:border-light-blue-A200:hover { border-color: var(--light-blue-200) !important; }
.hover\:border-light-blue-A400:hover { border-color: var(--light-blue-400) !important; }
.hover\:border-light-blue-A700:hover { border-color: var(--light-blue-700) !important; }

.hover\:border-cyan-050:hover { border-color: var(--cyan-050) !important; }
.hover\:border-cyan-100:hover { border-color: var(--cyan-100) !important; }
.hover\:border-cyan-200:hover { border-color: var(--cyan-200) !important; }
.hover\:border-cyan-300:hover { border-color: var(--cyan-300) !important; }
.hover\:border-cyan-400:hover { border-color: var(--cyan-400) !important; }
.hover\:border-cyan-500:hover { border-color: var(--cyan-500) !important; }
.hover\:border-cyan-600:hover { border-color: var(--cyan-600) !important; }
.hover\:border-cyan-700:hover { border-color: var(--cyan-700) !important; }
.hover\:border-cyan-800:hover { border-color: var(--cyan-800) !important; }
.hover\:border-cyan-900:hover { border-color: var(--cyan-900) !important; }
.hover\:border-cyan-A100:hover { border-color: var(--cyan-100) !important; }
.hover\:border-cyan-A200:hover { border-color: var(--cyan-200) !important; }
.hover\:border-cyan-A400:hover { border-color: var(--cyan-400) !important; }
.hover\:border-cyan-A700:hover { border-color: var(--cyan-700) !important; }

.hover\:border-teal-050:hover { border-color: var(--teal-050) !important; }
.hover\:border-teal-100:hover { border-color: var(--teal-100) !important; }
.hover\:border-teal-200:hover { border-color: var(--teal-200) !important; }
.hover\:border-teal-300:hover { border-color: var(--teal-300) !important; }
.hover\:border-teal-400:hover { border-color: var(--teal-400) !important; }
.hover\:border-teal-500:hover { border-color: var(--teal-500) !important; }
.hover\:border-teal-600:hover { border-color: var(--teal-600) !important; }
.hover\:border-teal-700:hover { border-color: var(--teal-700) !important; }
.hover\:border-teal-800:hover { border-color: var(--teal-800) !important; }
.hover\:border-teal-900:hover { border-color: var(--teal-900) !important; }
.hover\:border-teal-A100:hover { border-color: var(--teal-100) !important; }
.hover\:border-teal-A200:hover { border-color: var(--teal-200) !important; }
.hover\:border-teal-A400:hover { border-color: var(--teal-400) !important; }
.hover\:border-teal-A700:hover { border-color: var(--teal-700) !important; }

.hover\:border-green-050:hover { border-color: var(--green-050) !important; }
.hover\:border-green-100:hover { border-color: var(--green-100) !important; }
.hover\:border-green-200:hover { border-color: var(--green-200) !important; }
.hover\:border-green-300:hover { border-color: var(--green-300) !important; }
.hover\:border-green-400:hover { border-color: var(--green-400) !important; }
.hover\:border-green-500:hover { border-color: var(--green-500) !important; }
.hover\:border-green-600:hover { border-color: var(--green-600) !important; }
.hover\:border-green-700:hover { border-color: var(--green-700) !important; }
.hover\:border-green-800:hover { border-color: var(--green-800) !important; }
.hover\:border-green-900:hover { border-color: var(--green-900) !important; }
.hover\:border-green-A100:hover { border-color: var(--green-100) !important; }
.hover\:border-green-A200:hover { border-color: var(--green-200) !important; }
.hover\:border-green-A400:hover { border-color: var(--green-400) !important; }
.hover\:border-green-A700:hover { border-color: var(--green-700) !important; }

.hover\:border-light-green-050:hover { border-color: var(--light-green-050) !important; }
.hover\:border-light-green-100:hover { border-color: var(--light-green-100) !important; }
.hover\:border-light-green-200:hover { border-color: var(--light-green-200) !important; }
.hover\:border-light-green-300:hover { border-color: var(--light-green-300) !important; }
.hover\:border-light-green-400:hover { border-color: var(--light-green-400) !important; }
.hover\:border-light-green-500:hover { border-color: var(--light-green-500) !important; }
.hover\:border-light-green-600:hover { border-color: var(--light-green-600) !important; }
.hover\:border-light-green-700:hover { border-color: var(--light-green-700) !important; }
.hover\:border-light-green-800:hover { border-color: var(--light-green-800) !important; }
.hover\:border-light-green-900:hover { border-color: var(--light-green-900) !important; }
.hover\:border-light-green-A100:hover { border-color: var(--light-green-100) !important; }
.hover\:border-light-green-A200:hover { border-color: var(--light-green-200) !important; }
.hover\:border-light-green-A400:hover { border-color: var(--light-green-400) !important; }
.hover\:border-light-green-A700:hover { border-color: var(--light-green-700) !important; }

.hover\:border-lime-050:hover { border-color: var(--lime-050) !important; }
.hover\:border-lime-100:hover { border-color: var(--lime-100) !important; }
.hover\:border-lime-200:hover { border-color: var(--lime-200) !important; }
.hover\:border-lime-300:hover { border-color: var(--lime-300) !important; }
.hover\:border-lime-400:hover { border-color: var(--lime-400) !important; }
.hover\:border-lime-500:hover { border-color: var(--lime-500) !important; }
.hover\:border-lime-600:hover { border-color: var(--lime-600) !important; }
.hover\:border-lime-700:hover { border-color: var(--lime-700) !important; }
.hover\:border-lime-800:hover { border-color: var(--lime-800) !important; }
.hover\:border-lime-900:hover { border-color: var(--lime-900) !important; }
.hover\:border-lime-A100:hover { border-color: var(--lime-100) !important; }
.hover\:border-lime-A200:hover { border-color: var(--lime-200) !important; }
.hover\:border-lime-A400:hover { border-color: var(--lime-400) !important; }
.hover\:border-lime-A700:hover { border-color: var(--lime-700) !important; }

.hover\:border-yellow-050:hover { border-color: var(--yellow-050) !important; }
.hover\:border-yellow-100:hover { border-color: var(--yellow-100) !important; }
.hover\:border-yellow-200:hover { border-color: var(--yellow-200) !important; }
.hover\:border-yellow-300:hover { border-color: var(--yellow-300) !important; }
.hover\:border-yellow-400:hover { border-color: var(--yellow-400) !important; }
.hover\:border-yellow-500:hover { border-color: var(--yellow-500) !important; }
.hover\:border-yellow-600:hover { border-color: var(--yellow-600) !important; }
.hover\:border-yellow-700:hover { border-color: var(--yellow-700) !important; }
.hover\:border-yellow-800:hover { border-color: var(--yellow-800) !important; }
.hover\:border-yellow-900:hover { border-color: var(--yellow-900) !important; }
.hover\:border-yellow-A100:hover { border-color: var(--yellow-100) !important; }
.hover\:border-yellow-A200:hover { border-color: var(--yellow-200) !important; }
.hover\:border-yellow-A400:hover { border-color: var(--yellow-400) !important; }
.hover\:border-yellow-A700:hover { border-color: var(--yellow-700) !important; }

.hover\:border-amber-050:hover { border-color: var(--amber-050) !important; }
.hover\:border-amber-100:hover { border-color: var(--amber-100) !important; }
.hover\:border-amber-200:hover { border-color: var(--amber-200) !important; }
.hover\:border-amber-300:hover { border-color: var(--amber-300) !important; }
.hover\:border-amber-400:hover { border-color: var(--amber-400) !important; }
.hover\:border-amber-500:hover { border-color: var(--amber-500) !important; }
.hover\:border-amber-600:hover { border-color: var(--amber-600) !important; }
.hover\:border-amber-700:hover { border-color: var(--amber-700) !important; }
.hover\:border-amber-800:hover { border-color: var(--amber-800) !important; }
.hover\:border-amber-900:hover { border-color: var(--amber-900) !important; }
.hover\:border-amber-A100:hover { border-color: var(--amber-100) !important; }
.hover\:border-amber-A200:hover { border-color: var(--amber-200) !important; }
.hover\:border-amber-A400:hover { border-color: var(--amber-400) !important; }
.hover\:border-amber-A700:hover { border-color: var(--amber-700) !important; }

.hover\:border-orange-050:hover { border-color: var(--orange-050) !important; }
.hover\:border-orange-100:hover { border-color: var(--orange-100) !important; }
.hover\:border-orange-200:hover { border-color: var(--orange-200) !important; }
.hover\:border-orange-300:hover { border-color: var(--orange-300) !important; }
.hover\:border-orange-400:hover { border-color: var(--orange-400) !important; }
.hover\:border-orange-500:hover { border-color: var(--orange-500) !important; }
.hover\:border-orange-600:hover { border-color: var(--orange-600) !important; }
.hover\:border-orange-700:hover { border-color: var(--orange-700) !important; }
.hover\:border-orange-800:hover { border-color: var(--orange-800) !important; }
.hover\:border-orange-900:hover { border-color: var(--orange-900) !important; }
.hover\:border-orange-A100:hover { border-color: var(--orange-100) !important; }
.hover\:border-orange-A200:hover { border-color: var(--orange-200) !important; }
.hover\:border-orange-A400:hover { border-color: var(--orange-400) !important; }
.hover\:border-orange-A700:hover { border-color: var(--orange-700) !important; }

.hover\:border-deep-orange-050:hover { border-color: var(--deep-orange-050) !important; }
.hover\:border-deep-orange-100:hover { border-color: var(--deep-orange-100) !important; }
.hover\:border-deep-orange-200:hover { border-color: var(--deep-orange-200) !important; }
.hover\:border-deep-orange-300:hover { border-color: var(--deep-orange-300) !important; }
.hover\:border-deep-orange-400:hover { border-color: var(--deep-orange-400) !important; }
.hover\:border-deep-orange-500:hover { border-color: var(--deep-orange-500) !important; }
.hover\:border-deep-orange-600:hover { border-color: var(--deep-orange-600) !important; }
.hover\:border-deep-orange-700:hover { border-color: var(--deep-orange-700) !important; }
.hover\:border-deep-orange-800:hover { border-color: var(--deep-orange-800) !important; }
.hover\:border-deep-orange-900:hover { border-color: var(--deep-orange-900) !important; }
.hover\:border-deep-orange-A100:hover { border-color: var(--deep-orange-100) !important; }
.hover\:border-deep-orange-A200:hover { border-color: var(--deep-orange-200) !important; }
.hover\:border-deep-orange-A400:hover { border-color: var(--deep-orange-400) !important; }
.hover\:border-deep-orange-A700:hover { border-color: var(--deep-orange-700) !important; }

.hover\:border-brown-050:hover { border-color: var(--brown-050) !important; }
.hover\:border-brown-100:hover { border-color: var(--brown-100) !important; }
.hover\:border-brown-200:hover { border-color: var(--brown-200) !important; }
.hover\:border-brown-300:hover { border-color: var(--brown-300) !important; }
.hover\:border-brown-400:hover { border-color: var(--brown-400) !important; }
.hover\:border-brown-500:hover { border-color: var(--brown-500) !important; }
.hover\:border-brown-600:hover { border-color: var(--brown-600) !important; }
.hover\:border-brown-700:hover { border-color: var(--brown-700) !important; }
.hover\:border-brown-800:hover { border-color: var(--brown-800) !important; }
.hover\:border-brown-900:hover { border-color: var(--brown-900) !important; }

.hover\:border-grey-050:hover { border-color: var(--grey-050) !important; }
.hover\:border-grey-100:hover { border-color: var(--grey-100) !important; }
.hover\:border-grey-200:hover { border-color: var(--grey-200) !important; }
.hover\:border-grey-300:hover { border-color: var(--grey-300) !important; }
.hover\:border-grey-400:hover { border-color: var(--grey-400) !important; }
.hover\:border-grey-500:hover { border-color: var(--grey-500) !important; }
.hover\:border-grey-600:hover { border-color: var(--grey-600) !important; }
.hover\:border-grey-700:hover { border-color: var(--grey-700) !important; }
.hover\:border-grey-800:hover { border-color: var(--grey-800) !important; }
.hover\:border-grey-900:hover { border-color: var(--grey-900) !important; }

.hover\:border-blue-grey-050:hover { border-color: var(--blue-grey-050) !important; }
.hover\:border-blue-grey-100:hover { border-color: var(--blue-grey-100) !important; }
.hover\:border-blue-grey-200:hover { border-color: var(--blue-grey-200) !important; }
.hover\:border-blue-grey-300:hover { border-color: var(--blue-grey-300) !important; }
.hover\:border-blue-grey-400:hover { border-color: var(--blue-grey-400) !important; }
.hover\:border-blue-grey-500:hover { border-color: var(--blue-grey-500) !important; }
.hover\:border-blue-grey-600:hover { border-color: var(--blue-grey-600) !important; }
.hover\:border-blue-grey-700:hover { border-color: var(--blue-grey-700) !important; }
.hover\:border-blue-grey-800:hover { border-color: var(--blue-grey-800) !important; }
.hover\:border-blue-grey-900:hover { border-color: var(--blue-grey-900) !important; }

.hover\:border-white-050:hover { border-color: var(--white-050) !important; }
.hover\:border-white-100:hover { border-color: var(--white-100) !important; }
.hover\:border-white-150:hover { border-color: var(--white-150) !important; }
.hover\:border-white-200:hover { border-color: var(--white-200) !important; }
.hover\:border-white-250:hover { border-color: var(--white-250) !important; }
.hover\:border-white-300:hover { border-color: var(--white-300) !important; }
.hover\:border-white-350:hover { border-color: var(--white-350) !important; }
.hover\:border-white-400:hover { border-color: var(--white-400) !important; }
.hover\:border-white-450:hover { border-color: var(--white-450) !important; }
.hover\:border-white-500:hover { border-color: var(--white-500) !important; }
.hover\:border-white-550:hover { border-color: var(--white-550) !important; }
.hover\:border-white-600:hover { border-color: var(--white-600) !important; }
.hover\:border-white-650:hover { border-color: var(--white-650) !important; }
.hover\:border-white-700:hover { border-color: var(--white-700) !important; }
.hover\:border-white-750:hover { border-color: var(--white-750) !important; }
.hover\:border-white-800:hover { border-color: var(--white-800) !important; }
.hover\:border-white-850:hover { border-color: var(--white-850) !important; }
.hover\:border-white-900:hover { border-color: var(--white-900) !important; }
.hover\:border-white-950:hover { border-color: var(--white-950) !important; }
.hover\:border-white:hover     { border-color: var(--white) !important; }

.hover\:border-black-050:hover { border-color: var(--black-050) !important; }
.hover\:border-black-100:hover { border-color: var(--black-100) !important; }
.hover\:border-black-150:hover { border-color: var(--black-150) !important; }
.hover\:border-black-200:hover { border-color: var(--black-200) !important; }
.hover\:border-black-250:hover { border-color: var(--black-250) !important; }
.hover\:border-black-300:hover { border-color: var(--black-300) !important; }
.hover\:border-black-350:hover { border-color: var(--black-350) !important; }
.hover\:border-black-400:hover { border-color: var(--black-400) !important; }
.hover\:border-black-450:hover { border-color: var(--black-450) !important; }
.hover\:border-black-500:hover { border-color: var(--black-500) !important; }
.hover\:border-black-550:hover { border-color: var(--black-550) !important; }
.hover\:border-black-600:hover { border-color: var(--black-600) !important; }
.hover\:border-black-650:hover { border-color: var(--black-650) !important; }
.hover\:border-black-700:hover { border-color: var(--black-700) !important; }
.hover\:border-black-750:hover { border-color: var(--black-750) !important; }
.hover\:border-black-800:hover { border-color: var(--black-800) !important; }
.hover\:border-black-850:hover { border-color: var(--black-850) !important; }
.hover\:border-black-900:hover { border-color: var(--black-900) !important; }
.hover\:border-black-950:hover { border-color: var(--black-950) !important; }
.hover\:border-black:hover     { border-color: var(--black) !important; }

/* Border Top Color on mouse Hover (Credit tailwind css)
   ========================================================================== */

.hover\:border-top-primary:hover     { border-top-color: var(--primary-color) !important; }
.hover\:border-top-secondary:hover   { border-top-color: var(--secondary-color) !important; }
.hover\:border-top-success:hover     { border-top-color: var(--success-color) !important; }
.hover\:border-top-danger:hover      { border-top-color: var(--danger-color) !important; }
.hover\:border-top-info:hover        { border-top-color: var(--info-color) !important; }
.hover\:border-top-warning:hover     { border-top-color: var(--warning-color) !important; }
.hover\:border-top-light:hover       { border-top-color: var(--light-color) !important; }
.hover\:border-top-dark:hover        { border-top-color: var(--dark-color) !important; }
.hover\:border-top-muted:hover       { border-top-color: var(--muted-color) !important; }
.hover\:border-top-body:hover        { border-top-color: var(--body-background-color) !important; }
.hover\:border-top-default:hover     { border-top-color: var(--body-background-color) !important; }
.hover\:border-top-current:hover     { border-top-color: currentColor !important; }
.hover\:border-top-transparent:hover { border-top-color: transparent !important; }

.hover\:border-top-primary-050:hover { border-top-color: var(--primary-color-050) !important; }
.hover\:border-top-primary-100:hover { border-top-color: var(--primary-color-100) !important; }
.hover\:border-top-primary-200:hover { border-top-color: var(--primary-color-200) !important; }
.hover\:border-top-primary-300:hover { border-top-color: var(--primary-color-300) !important; }
.hover\:border-top-primary-400:hover { border-top-color: var(--primary-color-400) !important; }
.hover\:border-top-primary-420:hover { border-top-color: var(--primary-color-420) !important; }
.hover\:border-top-primary-440:hover { border-top-color: var(--primary-color-440) !important; }
.hover\:border-top-primary-460:hover { border-top-color: var(--primary-color-460) !important; }
.hover\:border-top-primary-480:hover { border-top-color: var(--primary-color-480) !important; }
.hover\:border-top-primary-500:hover { border-top-color: var(--primary-color-500) !important; }
.hover\:border-top-primary-520:hover { border-top-color: var(--primary-color-520) !important; }
.hover\:border-top-primary-540:hover { border-top-color: var(--primary-color-540) !important; }
.hover\:border-top-primary-560:hover { border-top-color: var(--primary-color-560) !important; }
.hover\:border-top-primary-580:hover { border-top-color: var(--primary-color-580) !important; }
.hover\:border-top-primary-600:hover { border-top-color: var(--primary-color-600) !important; }
.hover\:border-top-primary-700:hover { border-top-color: var(--primary-color-700) !important; }
.hover\:border-top-primary-800:hover { border-top-color: var(--primary-color-800) !important; }
.hover\:border-top-primary-900:hover { border-top-color: var(--primary-color-900) !important; }

.hover\:border-top-secondary-050:hover { border-top-color: var(--secondary-color-050) !important; }
.hover\:border-top-secondary-100:hover { border-top-color: var(--secondary-color-100) !important; }
.hover\:border-top-secondary-200:hover { border-top-color: var(--secondary-color-200) !important; }
.hover\:border-top-secondary-300:hover { border-top-color: var(--secondary-color-300) !important; }
.hover\:border-top-secondary-400:hover { border-top-color: var(--secondary-color-400) !important; }
.hover\:border-top-secondary-420:hover { border-top-color: var(--secondary-color-420) !important; }
.hover\:border-top-secondary-440:hover { border-top-color: var(--secondary-color-440) !important; }
.hover\:border-top-secondary-460:hover { border-top-color: var(--secondary-color-460) !important; }
.hover\:border-top-secondary-480:hover { border-top-color: var(--secondary-color-480) !important; }
.hover\:border-top-secondary-500:hover { border-top-color: var(--secondary-color-500) !important; }
.hover\:border-top-secondary-520:hover { border-top-color: var(--secondary-color-520) !important; }
.hover\:border-top-secondary-540:hover { border-top-color: var(--secondary-color-540) !important; }
.hover\:border-top-secondary-560:hover { border-top-color: var(--secondary-color-560) !important; }
.hover\:border-top-secondary-580:hover { border-top-color: var(--secondary-color-580) !important; }
.hover\:border-top-secondary-600:hover { border-top-color: var(--secondary-color-600) !important; }
.hover\:border-top-secondary-700:hover { border-top-color: var(--secondary-color-700) !important; }
.hover\:border-top-secondary-800:hover { border-top-color: var(--secondary-color-800) !important; }
.hover\:border-top-secondary-900:hover { border-top-color: var(--secondary-color-900) !important; }

.hover\:border-top-red-050:hover { border-top-color: var(--red-050) !important; }
.hover\:border-top-red-100:hover { border-top-color: var(--red-100) !important; }
.hover\:border-top-red-200:hover { border-top-color: var(--red-200) !important; }
.hover\:border-top-red-300:hover { border-top-color: var(--red-300) !important; }
.hover\:border-top-red-400:hover { border-top-color: var(--red-400) !important; }
.hover\:border-top-red-500:hover { border-top-color: var(--red-500) !important; }
.hover\:border-top-red-600:hover { border-top-color: var(--red-600) !important; }
.hover\:border-top-red-700:hover { border-top-color: var(--red-700) !important; }
.hover\:border-top-red-800:hover { border-top-color: var(--red-800) !important; }
.hover\:border-top-red-900:hover { border-top-color: var(--red-900) !important; }
.hover\:border-top-red-A100:hover { border-top-color: var(--red-100) !important; }
.hover\:border-top-red-A200:hover { border-top-color: var(--red-200) !important; }
.hover\:border-top-red-A400:hover { border-top-color: var(--red-400) !important; }
.hover\:border-top-red-A700:hover { border-top-color: var(--red-700) !important; }

.hover\:border-top-pink-050:hover { border-top-color: var(--pink-050) !important; }
.hover\:border-top-pink-100:hover { border-top-color: var(--pink-100) !important; }
.hover\:border-top-pink-200:hover { border-top-color: var(--pink-200) !important; }
.hover\:border-top-pink-300:hover { border-top-color: var(--pink-300) !important; }
.hover\:border-top-pink-400:hover { border-top-color: var(--pink-400) !important; }
.hover\:border-top-pink-500:hover { border-top-color: var(--pink-500) !important; }
.hover\:border-top-pink-600:hover { border-top-color: var(--pink-600) !important; }
.hover\:border-top-pink-700:hover { border-top-color: var(--pink-700) !important; }
.hover\:border-top-pink-800:hover { border-top-color: var(--pink-800) !important; }
.hover\:border-top-pink-900:hover { border-top-color: var(--pink-900) !important; }
.hover\:border-top-pink-A100:hover { border-top-color: var(--pink-100) !important; }
.hover\:border-top-pink-A200:hover { border-top-color: var(--pink-200) !important; }
.hover\:border-top-pink-A400:hover { border-top-color: var(--pink-400) !important; }
.hover\:border-top-pink-A700:hover { border-top-color: var(--pink-700) !important; }

.hover\:border-top-purple-050:hover { border-top-color: var(--purple-050) !important; }
.hover\:border-top-purple-100:hover { border-top-color: var(--purple-100) !important; }
.hover\:border-top-purple-200:hover { border-top-color: var(--purple-200) !important; }
.hover\:border-top-purple-300:hover { border-top-color: var(--purple-300) !important; }
.hover\:border-top-purple-400:hover { border-top-color: var(--purple-400) !important; }
.hover\:border-top-purple-500:hover { border-top-color: var(--purple-500) !important; }
.hover\:border-top-purple-600:hover { border-top-color: var(--purple-600) !important; }
.hover\:border-top-purple-700:hover { border-top-color: var(--purple-700) !important; }
.hover\:border-top-purple-800:hover { border-top-color: var(--purple-800) !important; }
.hover\:border-top-purple-900:hover { border-top-color: var(--purple-900) !important; }
.hover\:border-top-purple-A100:hover { border-top-color: var(--purple-100) !important; }
.hover\:border-top-purple-A200:hover { border-top-color: var(--purple-200) !important; }
.hover\:border-top-purple-A400:hover { border-top-color: var(--purple-400) !important; }
.hover\:border-top-purple-A700:hover { border-top-color: var(--purple-700) !important; }

.hover\:border-top-deep-purple-050:hover { border-top-color: var(--deep-purple-050) !important; }
.hover\:border-top-deep-purple-100:hover { border-top-color: var(--deep-purple-100) !important; }
.hover\:border-top-deep-purple-200:hover { border-top-color: var(--deep-purple-200) !important; }
.hover\:border-top-deep-purple-300:hover { border-top-color: var(--deep-purple-300) !important; }
.hover\:border-top-deep-purple-400:hover { border-top-color: var(--deep-purple-400) !important; }
.hover\:border-top-deep-purple-500:hover { border-top-color: var(--deep-purple-500) !important; }
.hover\:border-top-deep-purple-600:hover { border-top-color: var(--deep-purple-600) !important; }
.hover\:border-top-deep-purple-700:hover { border-top-color: var(--deep-purple-700) !important; }
.hover\:border-top-deep-purple-800:hover { border-top-color: var(--deep-purple-800) !important; }
.hover\:border-top-deep-purple-900:hover { border-top-color: var(--deep-purple-900) !important; }
.hover\:border-top-deep-purple-A100:hover { border-top-color: var(--deep-purple-100) !important; }
.hover\:border-top-deep-purple-A200:hover { border-top-color: var(--deep-purple-200) !important; }
.hover\:border-top-deep-purple-A400:hover { border-top-color: var(--deep-purple-400) !important; }
.hover\:border-top-deep-purple-A700:hover { border-top-color: var(--deep-purple-700) !important; }

.hover\:border-top-indigo-050:hover { border-top-color: var(--indigo-050) !important; }
.hover\:border-top-indigo-100:hover { border-top-color: var(--indigo-100) !important; }
.hover\:border-top-indigo-200:hover { border-top-color: var(--indigo-200) !important; }
.hover\:border-top-indigo-300:hover { border-top-color: var(--indigo-300) !important; }
.hover\:border-top-indigo-400:hover { border-top-color: var(--indigo-400) !important; }
.hover\:border-top-indigo-500:hover { border-top-color: var(--indigo-500) !important; }
.hover\:border-top-indigo-600:hover { border-top-color: var(--indigo-600) !important; }
.hover\:border-top-indigo-700:hover { border-top-color: var(--indigo-700) !important; }
.hover\:border-top-indigo-800:hover { border-top-color: var(--indigo-800) !important; }
.hover\:border-top-indigo-900:hover { border-top-color: var(--indigo-900) !important; }
.hover\:border-top-indigo-A100:hover { border-top-color: var(--indigo-100) !important; }
.hover\:border-top-indigo-A200:hover { border-top-color: var(--indigo-200) !important; }
.hover\:border-top-indigo-A400:hover { border-top-color: var(--indigo-400) !important; }
.hover\:border-top-indigo-A700:hover { border-top-color: var(--indigo-700) !important; }

.hover\:border-top-blue-050:hover { border-top-color: var(--blue-050) !important; }
.hover\:border-top-blue-100:hover { border-top-color: var(--blue-100) !important; }
.hover\:border-top-blue-200:hover { border-top-color: var(--blue-200) !important; }
.hover\:border-top-blue-300:hover { border-top-color: var(--blue-300) !important; }
.hover\:border-top-blue-400:hover { border-top-color: var(--blue-400) !important; }
.hover\:border-top-blue-500:hover { border-top-color: var(--blue-500) !important; }
.hover\:border-top-blue-600:hover { border-top-color: var(--blue-600) !important; }
.hover\:border-top-blue-700:hover { border-top-color: var(--blue-700) !important; }
.hover\:border-top-blue-800:hover { border-top-color: var(--blue-800) !important; }
.hover\:border-top-blue-900:hover { border-top-color: var(--blue-900) !important; }
.hover\:border-top-blue-A100:hover { border-top-color: var(--blue-100) !important; }
.hover\:border-top-blue-A200:hover { border-top-color: var(--blue-200) !important; }
.hover\:border-top-blue-A400:hover { border-top-color: var(--blue-400) !important; }
.hover\:border-top-blue-A700:hover { border-top-color: var(--blue-700) !important; }

.hover\:border-top-light-blue-050:hover { border-top-color: var(--light-blue-050) !important; }
.hover\:border-top-light-blue-100:hover { border-top-color: var(--light-blue-100) !important; }
.hover\:border-top-light-blue-200:hover { border-top-color: var(--light-blue-200) !important; }
.hover\:border-top-light-blue-300:hover { border-top-color: var(--light-blue-300) !important; }
.hover\:border-top-light-blue-400:hover { border-top-color: var(--light-blue-400) !important; }
.hover\:border-top-light-blue-500:hover { border-top-color: var(--light-blue-500) !important; }
.hover\:border-top-light-blue-600:hover { border-top-color: var(--light-blue-600) !important; }
.hover\:border-top-light-blue-700:hover { border-top-color: var(--light-blue-700) !important; }
.hover\:border-top-light-blue-800:hover { border-top-color: var(--light-blue-800) !important; }
.hover\:border-top-light-blue-900:hover { border-top-color: var(--light-blue-900) !important; }
.hover\:border-top-light-blue-A100:hover { border-top-color: var(--light-blue-100) !important; }
.hover\:border-top-light-blue-A200:hover { border-top-color: var(--light-blue-200) !important; }
.hover\:border-top-light-blue-A400:hover { border-top-color: var(--light-blue-400) !important; }
.hover\:border-top-light-blue-A700:hover { border-top-color: var(--light-blue-700) !important; }

.hover\:border-top-cyan-050:hover { border-top-color: var(--cyan-050) !important; }
.hover\:border-top-cyan-100:hover { border-top-color: var(--cyan-100) !important; }
.hover\:border-top-cyan-200:hover { border-top-color: var(--cyan-200) !important; }
.hover\:border-top-cyan-300:hover { border-top-color: var(--cyan-300) !important; }
.hover\:border-top-cyan-400:hover { border-top-color: var(--cyan-400) !important; }
.hover\:border-top-cyan-500:hover { border-top-color: var(--cyan-500) !important; }
.hover\:border-top-cyan-600:hover { border-top-color: var(--cyan-600) !important; }
.hover\:border-top-cyan-700:hover { border-top-color: var(--cyan-700) !important; }
.hover\:border-top-cyan-800:hover { border-top-color: var(--cyan-800) !important; }
.hover\:border-top-cyan-900:hover { border-top-color: var(--cyan-900) !important; }
.hover\:border-top-cyan-A100:hover { border-top-color: var(--cyan-100) !important; }
.hover\:border-top-cyan-A200:hover { border-top-color: var(--cyan-200) !important; }
.hover\:border-top-cyan-A400:hover { border-top-color: var(--cyan-400) !important; }
.hover\:border-top-cyan-A700:hover { border-top-color: var(--cyan-700) !important; }

.hover\:border-top-teal-050:hover { border-top-color: var(--teal-050) !important; }
.hover\:border-top-teal-100:hover { border-top-color: var(--teal-100) !important; }
.hover\:border-top-teal-200:hover { border-top-color: var(--teal-200) !important; }
.hover\:border-top-teal-300:hover { border-top-color: var(--teal-300) !important; }
.hover\:border-top-teal-400:hover { border-top-color: var(--teal-400) !important; }
.hover\:border-top-teal-500:hover { border-top-color: var(--teal-500) !important; }
.hover\:border-top-teal-600:hover { border-top-color: var(--teal-600) !important; }
.hover\:border-top-teal-700:hover { border-top-color: var(--teal-700) !important; }
.hover\:border-top-teal-800:hover { border-top-color: var(--teal-800) !important; }
.hover\:border-top-teal-900:hover { border-top-color: var(--teal-900) !important; }
.hover\:border-top-teal-A100:hover { border-top-color: var(--teal-100) !important; }
.hover\:border-top-teal-A200:hover { border-top-color: var(--teal-200) !important; }
.hover\:border-top-teal-A400:hover { border-top-color: var(--teal-400) !important; }
.hover\:border-top-teal-A700:hover { border-top-color: var(--teal-700) !important; }

.hover\:border-top-green-050:hover { border-top-color: var(--green-050) !important; }
.hover\:border-top-green-100:hover { border-top-color: var(--green-100) !important; }
.hover\:border-top-green-200:hover { border-top-color: var(--green-200) !important; }
.hover\:border-top-green-300:hover { border-top-color: var(--green-300) !important; }
.hover\:border-top-green-400:hover { border-top-color: var(--green-400) !important; }
.hover\:border-top-green-500:hover { border-top-color: var(--green-500) !important; }
.hover\:border-top-green-600:hover { border-top-color: var(--green-600) !important; }
.hover\:border-top-green-700:hover { border-top-color: var(--green-700) !important; }
.hover\:border-top-green-800:hover { border-top-color: var(--green-800) !important; }
.hover\:border-top-green-900:hover { border-top-color: var(--green-900) !important; }
.hover\:border-top-green-A100:hover { border-top-color: var(--green-100) !important; }
.hover\:border-top-green-A200:hover { border-top-color: var(--green-200) !important; }
.hover\:border-top-green-A400:hover { border-top-color: var(--green-400) !important; }
.hover\:border-top-green-A700:hover { border-top-color: var(--green-700) !important; }

.hover\:border-top-light-green-050:hover { border-top-color: var(--light-green-050) !important; }
.hover\:border-top-light-green-100:hover { border-top-color: var(--light-green-100) !important; }
.hover\:border-top-light-green-200:hover { border-top-color: var(--light-green-200) !important; }
.hover\:border-top-light-green-300:hover { border-top-color: var(--light-green-300) !important; }
.hover\:border-top-light-green-400:hover { border-top-color: var(--light-green-400) !important; }
.hover\:border-top-light-green-500:hover { border-top-color: var(--light-green-500) !important; }
.hover\:border-top-light-green-600:hover { border-top-color: var(--light-green-600) !important; }
.hover\:border-top-light-green-700:hover { border-top-color: var(--light-green-700) !important; }
.hover\:border-top-light-green-800:hover { border-top-color: var(--light-green-800) !important; }
.hover\:border-top-light-green-900:hover { border-top-color: var(--light-green-900) !important; }
.hover\:border-top-light-green-A100:hover { border-top-color: var(--light-green-100) !important; }
.hover\:border-top-light-green-A200:hover { border-top-color: var(--light-green-200) !important; }
.hover\:border-top-light-green-A400:hover { border-top-color: var(--light-green-400) !important; }
.hover\:border-top-light-green-A700:hover { border-top-color: var(--light-green-700) !important; }

.hover\:border-top-lime-050:hover { border-top-color: var(--lime-050) !important; }
.hover\:border-top-lime-100:hover { border-top-color: var(--lime-100) !important; }
.hover\:border-top-lime-200:hover { border-top-color: var(--lime-200) !important; }
.hover\:border-top-lime-300:hover { border-top-color: var(--lime-300) !important; }
.hover\:border-top-lime-400:hover { border-top-color: var(--lime-400) !important; }
.hover\:border-top-lime-500:hover { border-top-color: var(--lime-500) !important; }
.hover\:border-top-lime-600:hover { border-top-color: var(--lime-600) !important; }
.hover\:border-top-lime-700:hover { border-top-color: var(--lime-700) !important; }
.hover\:border-top-lime-800:hover { border-top-color: var(--lime-800) !important; }
.hover\:border-top-lime-900:hover { border-top-color: var(--lime-900) !important; }
.hover\:border-top-lime-A100:hover { border-top-color: var(--lime-100) !important; }
.hover\:border-top-lime-A200:hover { border-top-color: var(--lime-200) !important; }
.hover\:border-top-lime-A400:hover { border-top-color: var(--lime-400) !important; }
.hover\:border-top-lime-A700:hover { border-top-color: var(--lime-700) !important; }

.hover\:border-top-yellow-050:hover { border-top-color: var(--yellow-050) !important; }
.hover\:border-top-yellow-100:hover { border-top-color: var(--yellow-100) !important; }
.hover\:border-top-yellow-200:hover { border-top-color: var(--yellow-200) !important; }
.hover\:border-top-yellow-300:hover { border-top-color: var(--yellow-300) !important; }
.hover\:border-top-yellow-400:hover { border-top-color: var(--yellow-400) !important; }
.hover\:border-top-yellow-500:hover { border-top-color: var(--yellow-500) !important; }
.hover\:border-top-yellow-600:hover { border-top-color: var(--yellow-600) !important; }
.hover\:border-top-yellow-700:hover { border-top-color: var(--yellow-700) !important; }
.hover\:border-top-yellow-800:hover { border-top-color: var(--yellow-800) !important; }
.hover\:border-top-yellow-900:hover { border-top-color: var(--yellow-900) !important; }
.hover\:border-top-yellow-A100:hover { border-top-color: var(--yellow-100) !important; }
.hover\:border-top-yellow-A200:hover { border-top-color: var(--yellow-200) !important; }
.hover\:border-top-yellow-A400:hover { border-top-color: var(--yellow-400) !important; }
.hover\:border-top-yellow-A700:hover { border-top-color: var(--yellow-700) !important; }

.hover\:border-top-amber-050:hover { border-top-color: var(--amber-050) !important; }
.hover\:border-top-amber-100:hover { border-top-color: var(--amber-100) !important; }
.hover\:border-top-amber-200:hover { border-top-color: var(--amber-200) !important; }
.hover\:border-top-amber-300:hover { border-top-color: var(--amber-300) !important; }
.hover\:border-top-amber-400:hover { border-top-color: var(--amber-400) !important; }
.hover\:border-top-amber-500:hover { border-top-color: var(--amber-500) !important; }
.hover\:border-top-amber-600:hover { border-top-color: var(--amber-600) !important; }
.hover\:border-top-amber-700:hover { border-top-color: var(--amber-700) !important; }
.hover\:border-top-amber-800:hover { border-top-color: var(--amber-800) !important; }
.hover\:border-top-amber-900:hover { border-top-color: var(--amber-900) !important; }
.hover\:border-top-amber-A100:hover { border-top-color: var(--amber-100) !important; }
.hover\:border-top-amber-A200:hover { border-top-color: var(--amber-200) !important; }
.hover\:border-top-amber-A400:hover { border-top-color: var(--amber-400) !important; }
.hover\:border-top-amber-A700:hover { border-top-color: var(--amber-700) !important; }

.hover\:border-top-orange-050:hover { border-top-color: var(--orange-050) !important; }
.hover\:border-top-orange-100:hover { border-top-color: var(--orange-100) !important; }
.hover\:border-top-orange-200:hover { border-top-color: var(--orange-200) !important; }
.hover\:border-top-orange-300:hover { border-top-color: var(--orange-300) !important; }
.hover\:border-top-orange-400:hover { border-top-color: var(--orange-400) !important; }
.hover\:border-top-orange-500:hover { border-top-color: var(--orange-500) !important; }
.hover\:border-top-orange-600:hover { border-top-color: var(--orange-600) !important; }
.hover\:border-top-orange-700:hover { border-top-color: var(--orange-700) !important; }
.hover\:border-top-orange-800:hover { border-top-color: var(--orange-800) !important; }
.hover\:border-top-orange-900:hover { border-top-color: var(--orange-900) !important; }
.hover\:border-top-orange-A100:hover { border-top-color: var(--orange-100) !important; }
.hover\:border-top-orange-A200:hover { border-top-color: var(--orange-200) !important; }
.hover\:border-top-orange-A400:hover { border-top-color: var(--orange-400) !important; }
.hover\:border-top-orange-A700:hover { border-top-color: var(--orange-700) !important; }

.hover\:border-top-deep-orange-050:hover { border-top-color: var(--deep-orange-050) !important; }
.hover\:border-top-deep-orange-100:hover { border-top-color: var(--deep-orange-100) !important; }
.hover\:border-top-deep-orange-200:hover { border-top-color: var(--deep-orange-200) !important; }
.hover\:border-top-deep-orange-300:hover { border-top-color: var(--deep-orange-300) !important; }
.hover\:border-top-deep-orange-400:hover { border-top-color: var(--deep-orange-400) !important; }
.hover\:border-top-deep-orange-500:hover { border-top-color: var(--deep-orange-500) !important; }
.hover\:border-top-deep-orange-600:hover { border-top-color: var(--deep-orange-600) !important; }
.hover\:border-top-deep-orange-700:hover { border-top-color: var(--deep-orange-700) !important; }
.hover\:border-top-deep-orange-800:hover { border-top-color: var(--deep-orange-800) !important; }
.hover\:border-top-deep-orange-900:hover { border-top-color: var(--deep-orange-900) !important; }
.hover\:border-top-deep-orange-A100:hover { border-top-color: var(--deep-orange-100) !important; }
.hover\:border-top-deep-orange-A200:hover { border-top-color: var(--deep-orange-200) !important; }
.hover\:border-top-deep-orange-A400:hover { border-top-color: var(--deep-orange-400) !important; }
.hover\:border-top-deep-orange-A700:hover { border-top-color: var(--deep-orange-700) !important; }

.hover\:border-top-brown-050:hover { border-top-color: var(--brown-050) !important; }
.hover\:border-top-brown-100:hover { border-top-color: var(--brown-100) !important; }
.hover\:border-top-brown-200:hover { border-top-color: var(--brown-200) !important; }
.hover\:border-top-brown-300:hover { border-top-color: var(--brown-300) !important; }
.hover\:border-top-brown-400:hover { border-top-color: var(--brown-400) !important; }
.hover\:border-top-brown-500:hover { border-top-color: var(--brown-500) !important; }
.hover\:border-top-brown-600:hover { border-top-color: var(--brown-600) !important; }
.hover\:border-top-brown-700:hover { border-top-color: var(--brown-700) !important; }
.hover\:border-top-brown-800:hover { border-top-color: var(--brown-800) !important; }
.hover\:border-top-brown-900:hover { border-top-color: var(--brown-900) !important; }

.hover\:border-top-grey-050:hover { border-top-color: var(--grey-050) !important; }
.hover\:border-top-grey-100:hover { border-top-color: var(--grey-100) !important; }
.hover\:border-top-grey-200:hover { border-top-color: var(--grey-200) !important; }
.hover\:border-top-grey-300:hover { border-top-color: var(--grey-300) !important; }
.hover\:border-top-grey-400:hover { border-top-color: var(--grey-400) !important; }
.hover\:border-top-grey-500:hover { border-top-color: var(--grey-500) !important; }
.hover\:border-top-grey-600:hover { border-top-color: var(--grey-600) !important; }
.hover\:border-top-grey-700:hover { border-top-color: var(--grey-700) !important; }
.hover\:border-top-grey-800:hover { border-top-color: var(--grey-800) !important; }
.hover\:border-top-grey-900:hover { border-top-color: var(--grey-900) !important; }

.hover\:border-top-blue-grey-050:hover { border-top-color: var(--blue-grey-050) !important; }
.hover\:border-top-blue-grey-100:hover { border-top-color: var(--blue-grey-100) !important; }
.hover\:border-top-blue-grey-200:hover { border-top-color: var(--blue-grey-200) !important; }
.hover\:border-top-blue-grey-300:hover { border-top-color: var(--blue-grey-300) !important; }
.hover\:border-top-blue-grey-400:hover { border-top-color: var(--blue-grey-400) !important; }
.hover\:border-top-blue-grey-500:hover { border-top-color: var(--blue-grey-500) !important; }
.hover\:border-top-blue-grey-600:hover { border-top-color: var(--blue-grey-600) !important; }
.hover\:border-top-blue-grey-700:hover { border-top-color: var(--blue-grey-700) !important; }
.hover\:border-top-blue-grey-800:hover { border-top-color: var(--blue-grey-800) !important; }
.hover\:border-top-blue-grey-900:hover { border-top-color: var(--blue-grey-900) !important; }

.hover\:border-top-white-050:hover { border-top-color: var(--white-050) !important; }
.hover\:border-top-white-100:hover { border-top-color: var(--white-100) !important; }
.hover\:border-top-white-150:hover { border-top-color: var(--white-150) !important; }
.hover\:border-top-white-200:hover { border-top-color: var(--white-200) !important; }
.hover\:border-top-white-250:hover { border-top-color: var(--white-250) !important; }
.hover\:border-top-white-300:hover { border-top-color: var(--white-300) !important; }
.hover\:border-top-white-350:hover { border-top-color: var(--white-350) !important; }
.hover\:border-top-white-400:hover { border-top-color: var(--white-400) !important; }
.hover\:border-top-white-450:hover { border-top-color: var(--white-450) !important; }
.hover\:border-top-white-500:hover { border-top-color: var(--white-500) !important; }
.hover\:border-top-white-550:hover { border-top-color: var(--white-550) !important; }
.hover\:border-top-white-600:hover { border-top-color: var(--white-600) !important; }
.hover\:border-top-white-650:hover { border-top-color: var(--white-650) !important; }
.hover\:border-top-white-700:hover { border-top-color: var(--white-700) !important; }
.hover\:border-top-white-750:hover { border-top-color: var(--white-750) !important; }
.hover\:border-top-white-800:hover { border-top-color: var(--white-800) !important; }
.hover\:border-top-white-850:hover { border-top-color: var(--white-850) !important; }
.hover\:border-top-white-900:hover { border-top-color: var(--white-900) !important; }
.hover\:border-top-white-950:hover { border-top-color: var(--white-950) !important; }
.hover\:border-top-white:hover     { border-top-color: var(--white) !important; }

.hover\:border-top-black-050:hover { border-top-color: var(--black-050) !important; }
.hover\:border-top-black-100:hover { border-top-color: var(--black-100) !important; }
.hover\:border-top-black-150:hover { border-top-color: var(--black-150) !important; }
.hover\:border-top-black-200:hover { border-top-color: var(--black-200) !important; }
.hover\:border-top-black-250:hover { border-top-color: var(--black-250) !important; }
.hover\:border-top-black-300:hover { border-top-color: var(--black-300) !important; }
.hover\:border-top-black-350:hover { border-top-color: var(--black-350) !important; }
.hover\:border-top-black-400:hover { border-top-color: var(--black-400) !important; }
.hover\:border-top-black-450:hover { border-top-color: var(--black-450) !important; }
.hover\:border-top-black-500:hover { border-top-color: var(--black-500) !important; }
.hover\:border-top-black-550:hover { border-top-color: var(--black-550) !important; }
.hover\:border-top-black-600:hover { border-top-color: var(--black-600) !important; }
.hover\:border-top-black-650:hover { border-top-color: var(--black-650) !important; }
.hover\:border-top-black-700:hover { border-top-color: var(--black-700) !important; }
.hover\:border-top-black-750:hover { border-top-color: var(--black-750) !important; }
.hover\:border-top-black-800:hover { border-top-color: var(--black-800) !important; }
.hover\:border-top-black-850:hover { border-top-color: var(--black-850) !important; }
.hover\:border-top-black-900:hover { border-top-color: var(--black-900) !important; }
.hover\:border-top-black-950:hover { border-top-color: var(--black-950) !important; }
.hover\:border-top-black:hover     { border-top-color: var(--black) !important; }

/* Border Bottom Color on mouse Hover (Credit tailwind css)
   ========================================================================== */

.hover\:border-bottom-primary:hover     { border-bottom-color: var(--primary-color) !important; }
.hover\:border-bottom-secondary:hover   { border-bottom-color: var(--secondary-color) !important; }
.hover\:border-bottom-success:hover     { border-bottom-color: var(--success-color) !important; }
.hover\:border-bottom-danger:hover      { border-bottom-color: var(--danger-color) !important; }
.hover\:border-bottom-info:hover        { border-bottom-color: var(--info-color) !important; }
.hover\:border-bottom-warning:hover     { border-bottom-color: var(--warning-color) !important; }
.hover\:border-bottom-light:hover       { border-bottom-color: var(--light-color) !important; }
.hover\:border-bottom-dark:hover        { border-bottom-color: var(--dark-color) !important; }
.hover\:border-bottom-muted:hover       { border-bottom-color: var(--muted-color) !important; }
.hover\:border-bottom-body:hover        { border-bottom-color: var(--body-background-color) !important; }
.hover\:border-bottom-default:hover     { border-bottom-color: var(--body-background-color) !important; }
.hover\:border-bottom-current:hover     { border-bottom-color: currentColor !important; }
.hover\:border-bottom-transparent:hover { border-bottom-color: transparent !important; }

.hover\:border-bottom-primary-050:hover { border-bottom-color: var(--primary-color-050) !important; }
.hover\:border-bottom-primary-100:hover { border-bottom-color: var(--primary-color-100) !important; }
.hover\:border-bottom-primary-200:hover { border-bottom-color: var(--primary-color-200) !important; }
.hover\:border-bottom-primary-300:hover { border-bottom-color: var(--primary-color-300) !important; }
.hover\:border-bottom-primary-400:hover { border-bottom-color: var(--primary-color-400) !important; }
.hover\:border-bottom-primary-420:hover { border-bottom-color: var(--primary-color-420) !important; }
.hover\:border-bottom-primary-440:hover { border-bottom-color: var(--primary-color-440) !important; }
.hover\:border-bottom-primary-460:hover { border-bottom-color: var(--primary-color-460) !important; }
.hover\:border-bottom-primary-480:hover { border-bottom-color: var(--primary-color-480) !important; }
.hover\:border-bottom-primary-500:hover { border-bottom-color: var(--primary-color-500) !important; }
.hover\:border-bottom-primary-520:hover { border-bottom-color: var(--primary-color-520) !important; }
.hover\:border-bottom-primary-540:hover { border-bottom-color: var(--primary-color-540) !important; }
.hover\:border-bottom-primary-560:hover { border-bottom-color: var(--primary-color-560) !important; }
.hover\:border-bottom-primary-580:hover { border-bottom-color: var(--primary-color-580) !important; }
.hover\:border-bottom-primary-600:hover { border-bottom-color: var(--primary-color-600) !important; }
.hover\:border-bottom-primary-700:hover { border-bottom-color: var(--primary-color-700) !important; }
.hover\:border-bottom-primary-800:hover { border-bottom-color: var(--primary-color-800) !important; }
.hover\:border-bottom-primary-900:hover { border-bottom-color: var(--primary-color-900) !important; }

.hover\:border-bottom-secondary-050:hover { border-bottom-color: var(--secondary-color-050) !important; }
.hover\:border-bottom-secondary-100:hover { border-bottom-color: var(--secondary-color-100) !important; }
.hover\:border-bottom-secondary-200:hover { border-bottom-color: var(--secondary-color-200) !important; }
.hover\:border-bottom-secondary-300:hover { border-bottom-color: var(--secondary-color-300) !important; }
.hover\:border-bottom-secondary-400:hover { border-bottom-color: var(--secondary-color-400) !important; }
.hover\:border-bottom-secondary-420:hover { border-bottom-color: var(--secondary-color-420) !important; }
.hover\:border-bottom-secondary-440:hover { border-bottom-color: var(--secondary-color-440) !important; }
.hover\:border-bottom-secondary-460:hover { border-bottom-color: var(--secondary-color-460) !important; }
.hover\:border-bottom-secondary-480:hover { border-bottom-color: var(--secondary-color-480) !important; }
.hover\:border-bottom-secondary-500:hover { border-bottom-color: var(--secondary-color-500) !important; }
.hover\:border-bottom-secondary-520:hover { border-bottom-color: var(--secondary-color-520) !important; }
.hover\:border-bottom-secondary-540:hover { border-bottom-color: var(--secondary-color-540) !important; }
.hover\:border-bottom-secondary-560:hover { border-bottom-color: var(--secondary-color-560) !important; }
.hover\:border-bottom-secondary-580:hover { border-bottom-color: var(--secondary-color-580) !important; }
.hover\:border-bottom-secondary-600:hover { border-bottom-color: var(--secondary-color-600) !important; }
.hover\:border-bottom-secondary-700:hover { border-bottom-color: var(--secondary-color-700) !important; }
.hover\:border-bottom-secondary-800:hover { border-bottom-color: var(--secondary-color-800) !important; }
.hover\:border-bottom-secondary-900:hover { border-bottom-color: var(--secondary-color-900) !important; }

.hover\:border-bottom-red-050:hover { border-bottom-color: var(--red-050) !important; }
.hover\:border-bottom-red-100:hover { border-bottom-color: var(--red-100) !important; }
.hover\:border-bottom-red-200:hover { border-bottom-color: var(--red-200) !important; }
.hover\:border-bottom-red-300:hover { border-bottom-color: var(--red-300) !important; }
.hover\:border-bottom-red-400:hover { border-bottom-color: var(--red-400) !important; }
.hover\:border-bottom-red-500:hover { border-bottom-color: var(--red-500) !important; }
.hover\:border-bottom-red-600:hover { border-bottom-color: var(--red-600) !important; }
.hover\:border-bottom-red-700:hover { border-bottom-color: var(--red-700) !important; }
.hover\:border-bottom-red-800:hover { border-bottom-color: var(--red-800) !important; }
.hover\:border-bottom-red-900:hover { border-bottom-color: var(--red-900) !important; }
.hover\:border-bottom-red-A100:hover { border-bottom-color: var(--red-100) !important; }
.hover\:border-bottom-red-A200:hover { border-bottom-color: var(--red-200) !important; }
.hover\:border-bottom-red-A400:hover { border-bottom-color: var(--red-400) !important; }
.hover\:border-bottom-red-A700:hover { border-bottom-color: var(--red-700) !important; }

.hover\:border-bottom-pink-050:hover { border-bottom-color: var(--pink-050) !important; }
.hover\:border-bottom-pink-100:hover { border-bottom-color: var(--pink-100) !important; }
.hover\:border-bottom-pink-200:hover { border-bottom-color: var(--pink-200) !important; }
.hover\:border-bottom-pink-300:hover { border-bottom-color: var(--pink-300) !important; }
.hover\:border-bottom-pink-400:hover { border-bottom-color: var(--pink-400) !important; }
.hover\:border-bottom-pink-500:hover { border-bottom-color: var(--pink-500) !important; }
.hover\:border-bottom-pink-600:hover { border-bottom-color: var(--pink-600) !important; }
.hover\:border-bottom-pink-700:hover { border-bottom-color: var(--pink-700) !important; }
.hover\:border-bottom-pink-800:hover { border-bottom-color: var(--pink-800) !important; }
.hover\:border-bottom-pink-900:hover { border-bottom-color: var(--pink-900) !important; }
.hover\:border-bottom-pink-A100:hover { border-bottom-color: var(--pink-100) !important; }
.hover\:border-bottom-pink-A200:hover { border-bottom-color: var(--pink-200) !important; }
.hover\:border-bottom-pink-A400:hover { border-bottom-color: var(--pink-400) !important; }
.hover\:border-bottom-pink-A700:hover { border-bottom-color: var(--pink-700) !important; }

.hover\:border-bottom-purple-050:hover { border-bottom-color: var(--purple-050) !important; }
.hover\:border-bottom-purple-100:hover { border-bottom-color: var(--purple-100) !important; }
.hover\:border-bottom-purple-200:hover { border-bottom-color: var(--purple-200) !important; }
.hover\:border-bottom-purple-300:hover { border-bottom-color: var(--purple-300) !important; }
.hover\:border-bottom-purple-400:hover { border-bottom-color: var(--purple-400) !important; }
.hover\:border-bottom-purple-500:hover { border-bottom-color: var(--purple-500) !important; }
.hover\:border-bottom-purple-600:hover { border-bottom-color: var(--purple-600) !important; }
.hover\:border-bottom-purple-700:hover { border-bottom-color: var(--purple-700) !important; }
.hover\:border-bottom-purple-800:hover { border-bottom-color: var(--purple-800) !important; }
.hover\:border-bottom-purple-900:hover { border-bottom-color: var(--purple-900) !important; }
.hover\:border-bottom-purple-A100:hover { border-bottom-color: var(--purple-100) !important; }
.hover\:border-bottom-purple-A200:hover { border-bottom-color: var(--purple-200) !important; }
.hover\:border-bottom-purple-A400:hover { border-bottom-color: var(--purple-400) !important; }
.hover\:border-bottom-purple-A700:hover { border-bottom-color: var(--purple-700) !important; }

.hover\:border-bottom-deep-purple-050:hover { border-bottom-color: var(--deep-purple-050) !important; }
.hover\:border-bottom-deep-purple-100:hover { border-bottom-color: var(--deep-purple-100) !important; }
.hover\:border-bottom-deep-purple-200:hover { border-bottom-color: var(--deep-purple-200) !important; }
.hover\:border-bottom-deep-purple-300:hover { border-bottom-color: var(--deep-purple-300) !important; }
.hover\:border-bottom-deep-purple-400:hover { border-bottom-color: var(--deep-purple-400) !important; }
.hover\:border-bottom-deep-purple-500:hover { border-bottom-color: var(--deep-purple-500) !important; }
.hover\:border-bottom-deep-purple-600:hover { border-bottom-color: var(--deep-purple-600) !important; }
.hover\:border-bottom-deep-purple-700:hover { border-bottom-color: var(--deep-purple-700) !important; }
.hover\:border-bottom-deep-purple-800:hover { border-bottom-color: var(--deep-purple-800) !important; }
.hover\:border-bottom-deep-purple-900:hover { border-bottom-color: var(--deep-purple-900) !important; }
.hover\:border-bottom-deep-purple-A100:hover { border-bottom-color: var(--deep-purple-100) !important; }
.hover\:border-bottom-deep-purple-A200:hover { border-bottom-color: var(--deep-purple-200) !important; }
.hover\:border-bottom-deep-purple-A400:hover { border-bottom-color: var(--deep-purple-400) !important; }
.hover\:border-bottom-deep-purple-A700:hover { border-bottom-color: var(--deep-purple-700) !important; }

.hover\:border-bottom-indigo-050:hover { border-bottom-color: var(--indigo-050) !important; }
.hover\:border-bottom-indigo-100:hover { border-bottom-color: var(--indigo-100) !important; }
.hover\:border-bottom-indigo-200:hover { border-bottom-color: var(--indigo-200) !important; }
.hover\:border-bottom-indigo-300:hover { border-bottom-color: var(--indigo-300) !important; }
.hover\:border-bottom-indigo-400:hover { border-bottom-color: var(--indigo-400) !important; }
.hover\:border-bottom-indigo-500:hover { border-bottom-color: var(--indigo-500) !important; }
.hover\:border-bottom-indigo-600:hover { border-bottom-color: var(--indigo-600) !important; }
.hover\:border-bottom-indigo-700:hover { border-bottom-color: var(--indigo-700) !important; }
.hover\:border-bottom-indigo-800:hover { border-bottom-color: var(--indigo-800) !important; }
.hover\:border-bottom-indigo-900:hover { border-bottom-color: var(--indigo-900) !important; }
.hover\:border-bottom-indigo-A100:hover { border-bottom-color: var(--indigo-100) !important; }
.hover\:border-bottom-indigo-A200:hover { border-bottom-color: var(--indigo-200) !important; }
.hover\:border-bottom-indigo-A400:hover { border-bottom-color: var(--indigo-400) !important; }
.hover\:border-bottom-indigo-A700:hover { border-bottom-color: var(--indigo-700) !important; }

.hover\:border-bottom-blue-050:hover { border-bottom-color: var(--blue-050) !important; }
.hover\:border-bottom-blue-100:hover { border-bottom-color: var(--blue-100) !important; }
.hover\:border-bottom-blue-200:hover { border-bottom-color: var(--blue-200) !important; }
.hover\:border-bottom-blue-300:hover { border-bottom-color: var(--blue-300) !important; }
.hover\:border-bottom-blue-400:hover { border-bottom-color: var(--blue-400) !important; }
.hover\:border-bottom-blue-500:hover { border-bottom-color: var(--blue-500) !important; }
.hover\:border-bottom-blue-600:hover { border-bottom-color: var(--blue-600) !important; }
.hover\:border-bottom-blue-700:hover { border-bottom-color: var(--blue-700) !important; }
.hover\:border-bottom-blue-800:hover { border-bottom-color: var(--blue-800) !important; }
.hover\:border-bottom-blue-900:hover { border-bottom-color: var(--blue-900) !important; }
.hover\:border-bottom-blue-A100:hover { border-bottom-color: var(--blue-100) !important; }
.hover\:border-bottom-blue-A200:hover { border-bottom-color: var(--blue-200) !important; }
.hover\:border-bottom-blue-A400:hover { border-bottom-color: var(--blue-400) !important; }
.hover\:border-bottom-blue-A700:hover { border-bottom-color: var(--blue-700) !important; }

.hover\:border-bottom-light-blue-050:hover { border-bottom-color: var(--light-blue-050) !important; }
.hover\:border-bottom-light-blue-100:hover { border-bottom-color: var(--light-blue-100) !important; }
.hover\:border-bottom-light-blue-200:hover { border-bottom-color: var(--light-blue-200) !important; }
.hover\:border-bottom-light-blue-300:hover { border-bottom-color: var(--light-blue-300) !important; }
.hover\:border-bottom-light-blue-400:hover { border-bottom-color: var(--light-blue-400) !important; }
.hover\:border-bottom-light-blue-500:hover { border-bottom-color: var(--light-blue-500) !important; }
.hover\:border-bottom-light-blue-600:hover { border-bottom-color: var(--light-blue-600) !important; }
.hover\:border-bottom-light-blue-700:hover { border-bottom-color: var(--light-blue-700) !important; }
.hover\:border-bottom-light-blue-800:hover { border-bottom-color: var(--light-blue-800) !important; }
.hover\:border-bottom-light-blue-900:hover { border-bottom-color: var(--light-blue-900) !important; }
.hover\:border-bottom-light-blue-A100:hover { border-bottom-color: var(--light-blue-100) !important; }
.hover\:border-bottom-light-blue-A200:hover { border-bottom-color: var(--light-blue-200) !important; }
.hover\:border-bottom-light-blue-A400:hover { border-bottom-color: var(--light-blue-400) !important; }
.hover\:border-bottom-light-blue-A700:hover { border-bottom-color: var(--light-blue-700) !important; }

.hover\:border-bottom-cyan-050:hover { border-bottom-color: var(--cyan-050) !important; }
.hover\:border-bottom-cyan-100:hover { border-bottom-color: var(--cyan-100) !important; }
.hover\:border-bottom-cyan-200:hover { border-bottom-color: var(--cyan-200) !important; }
.hover\:border-bottom-cyan-300:hover { border-bottom-color: var(--cyan-300) !important; }
.hover\:border-bottom-cyan-400:hover { border-bottom-color: var(--cyan-400) !important; }
.hover\:border-bottom-cyan-500:hover { border-bottom-color: var(--cyan-500) !important; }
.hover\:border-bottom-cyan-600:hover { border-bottom-color: var(--cyan-600) !important; }
.hover\:border-bottom-cyan-700:hover { border-bottom-color: var(--cyan-700) !important; }
.hover\:border-bottom-cyan-800:hover { border-bottom-color: var(--cyan-800) !important; }
.hover\:border-bottom-cyan-900:hover { border-bottom-color: var(--cyan-900) !important; }
.hover\:border-bottom-cyan-A100:hover { border-bottom-color: var(--cyan-100) !important; }
.hover\:border-bottom-cyan-A200:hover { border-bottom-color: var(--cyan-200) !important; }
.hover\:border-bottom-cyan-A400:hover { border-bottom-color: var(--cyan-400) !important; }
.hover\:border-bottom-cyan-A700:hover { border-bottom-color: var(--cyan-700) !important; }

.hover\:border-bottom-teal-050:hover { border-bottom-color: var(--teal-050) !important; }
.hover\:border-bottom-teal-100:hover { border-bottom-color: var(--teal-100) !important; }
.hover\:border-bottom-teal-200:hover { border-bottom-color: var(--teal-200) !important; }
.hover\:border-bottom-teal-300:hover { border-bottom-color: var(--teal-300) !important; }
.hover\:border-bottom-teal-400:hover { border-bottom-color: var(--teal-400) !important; }
.hover\:border-bottom-teal-500:hover { border-bottom-color: var(--teal-500) !important; }
.hover\:border-bottom-teal-600:hover { border-bottom-color: var(--teal-600) !important; }
.hover\:border-bottom-teal-700:hover { border-bottom-color: var(--teal-700) !important; }
.hover\:border-bottom-teal-800:hover { border-bottom-color: var(--teal-800) !important; }
.hover\:border-bottom-teal-900:hover { border-bottom-color: var(--teal-900) !important; }
.hover\:border-bottom-teal-A100:hover { border-bottom-color: var(--teal-100) !important; }
.hover\:border-bottom-teal-A200:hover { border-bottom-color: var(--teal-200) !important; }
.hover\:border-bottom-teal-A400:hover { border-bottom-color: var(--teal-400) !important; }
.hover\:border-bottom-teal-A700:hover { border-bottom-color: var(--teal-700) !important; }

.hover\:border-bottom-green-050:hover { border-bottom-color: var(--green-050) !important; }
.hover\:border-bottom-green-100:hover { border-bottom-color: var(--green-100) !important; }
.hover\:border-bottom-green-200:hover { border-bottom-color: var(--green-200) !important; }
.hover\:border-bottom-green-300:hover { border-bottom-color: var(--green-300) !important; }
.hover\:border-bottom-green-400:hover { border-bottom-color: var(--green-400) !important; }
.hover\:border-bottom-green-500:hover { border-bottom-color: var(--green-500) !important; }
.hover\:border-bottom-green-600:hover { border-bottom-color: var(--green-600) !important; }
.hover\:border-bottom-green-700:hover { border-bottom-color: var(--green-700) !important; }
.hover\:border-bottom-green-800:hover { border-bottom-color: var(--green-800) !important; }
.hover\:border-bottom-green-900:hover { border-bottom-color: var(--green-900) !important; }
.hover\:border-bottom-green-A100:hover { border-bottom-color: var(--green-100) !important; }
.hover\:border-bottom-green-A200:hover { border-bottom-color: var(--green-200) !important; }
.hover\:border-bottom-green-A400:hover { border-bottom-color: var(--green-400) !important; }
.hover\:border-bottom-green-A700:hover { border-bottom-color: var(--green-700) !important; }

.hover\:border-bottom-light-green-050:hover { border-bottom-color: var(--light-green-050) !important; }
.hover\:border-bottom-light-green-100:hover { border-bottom-color: var(--light-green-100) !important; }
.hover\:border-bottom-light-green-200:hover { border-bottom-color: var(--light-green-200) !important; }
.hover\:border-bottom-light-green-300:hover { border-bottom-color: var(--light-green-300) !important; }
.hover\:border-bottom-light-green-400:hover { border-bottom-color: var(--light-green-400) !important; }
.hover\:border-bottom-light-green-500:hover { border-bottom-color: var(--light-green-500) !important; }
.hover\:border-bottom-light-green-600:hover { border-bottom-color: var(--light-green-600) !important; }
.hover\:border-bottom-light-green-700:hover { border-bottom-color: var(--light-green-700) !important; }
.hover\:border-bottom-light-green-800:hover { border-bottom-color: var(--light-green-800) !important; }
.hover\:border-bottom-light-green-900:hover { border-bottom-color: var(--light-green-900) !important; }
.hover\:border-bottom-light-green-A100:hover { border-bottom-color: var(--light-green-100) !important; }
.hover\:border-bottom-light-green-A200:hover { border-bottom-color: var(--light-green-200) !important; }
.hover\:border-bottom-light-green-A400:hover { border-bottom-color: var(--light-green-400) !important; }
.hover\:border-bottom-light-green-A700:hover { border-bottom-color: var(--light-green-700) !important; }

.hover\:border-bottom-lime-050:hover { border-bottom-color: var(--lime-050) !important; }
.hover\:border-bottom-lime-100:hover { border-bottom-color: var(--lime-100) !important; }
.hover\:border-bottom-lime-200:hover { border-bottom-color: var(--lime-200) !important; }
.hover\:border-bottom-lime-300:hover { border-bottom-color: var(--lime-300) !important; }
.hover\:border-bottom-lime-400:hover { border-bottom-color: var(--lime-400) !important; }
.hover\:border-bottom-lime-500:hover { border-bottom-color: var(--lime-500) !important; }
.hover\:border-bottom-lime-600:hover { border-bottom-color: var(--lime-600) !important; }
.hover\:border-bottom-lime-700:hover { border-bottom-color: var(--lime-700) !important; }
.hover\:border-bottom-lime-800:hover { border-bottom-color: var(--lime-800) !important; }
.hover\:border-bottom-lime-900:hover { border-bottom-color: var(--lime-900) !important; }
.hover\:border-bottom-lime-A100:hover { border-bottom-color: var(--lime-100) !important; }
.hover\:border-bottom-lime-A200:hover { border-bottom-color: var(--lime-200) !important; }
.hover\:border-bottom-lime-A400:hover { border-bottom-color: var(--lime-400) !important; }
.hover\:border-bottom-lime-A700:hover { border-bottom-color: var(--lime-700) !important; }

.hover\:border-bottom-yellow-050:hover { border-bottom-color: var(--yellow-050) !important; }
.hover\:border-bottom-yellow-100:hover { border-bottom-color: var(--yellow-100) !important; }
.hover\:border-bottom-yellow-200:hover { border-bottom-color: var(--yellow-200) !important; }
.hover\:border-bottom-yellow-300:hover { border-bottom-color: var(--yellow-300) !important; }
.hover\:border-bottom-yellow-400:hover { border-bottom-color: var(--yellow-400) !important; }
.hover\:border-bottom-yellow-500:hover { border-bottom-color: var(--yellow-500) !important; }
.hover\:border-bottom-yellow-600:hover { border-bottom-color: var(--yellow-600) !important; }
.hover\:border-bottom-yellow-700:hover { border-bottom-color: var(--yellow-700) !important; }
.hover\:border-bottom-yellow-800:hover { border-bottom-color: var(--yellow-800) !important; }
.hover\:border-bottom-yellow-900:hover { border-bottom-color: var(--yellow-900) !important; }
.hover\:border-bottom-yellow-A100:hover { border-bottom-color: var(--yellow-100) !important; }
.hover\:border-bottom-yellow-A200:hover { border-bottom-color: var(--yellow-200) !important; }
.hover\:border-bottom-yellow-A400:hover { border-bottom-color: var(--yellow-400) !important; }
.hover\:border-bottom-yellow-A700:hover { border-bottom-color: var(--yellow-700) !important; }

.hover\:border-bottom-amber-050:hover { border-bottom-color: var(--amber-050) !important; }
.hover\:border-bottom-amber-100:hover { border-bottom-color: var(--amber-100) !important; }
.hover\:border-bottom-amber-200:hover { border-bottom-color: var(--amber-200) !important; }
.hover\:border-bottom-amber-300:hover { border-bottom-color: var(--amber-300) !important; }
.hover\:border-bottom-amber-400:hover { border-bottom-color: var(--amber-400) !important; }
.hover\:border-bottom-amber-500:hover { border-bottom-color: var(--amber-500) !important; }
.hover\:border-bottom-amber-600:hover { border-bottom-color: var(--amber-600) !important; }
.hover\:border-bottom-amber-700:hover { border-bottom-color: var(--amber-700) !important; }
.hover\:border-bottom-amber-800:hover { border-bottom-color: var(--amber-800) !important; }
.hover\:border-bottom-amber-900:hover { border-bottom-color: var(--amber-900) !important; }
.hover\:border-bottom-amber-A100:hover { border-bottom-color: var(--amber-100) !important; }
.hover\:border-bottom-amber-A200:hover { border-bottom-color: var(--amber-200) !important; }
.hover\:border-bottom-amber-A400:hover { border-bottom-color: var(--amber-400) !important; }
.hover\:border-bottom-amber-A700:hover { border-bottom-color: var(--amber-700) !important; }

.hover\:border-bottom-orange-050:hover { border-bottom-color: var(--orange-050) !important; }
.hover\:border-bottom-orange-100:hover { border-bottom-color: var(--orange-100) !important; }
.hover\:border-bottom-orange-200:hover { border-bottom-color: var(--orange-200) !important; }
.hover\:border-bottom-orange-300:hover { border-bottom-color: var(--orange-300) !important; }
.hover\:border-bottom-orange-400:hover { border-bottom-color: var(--orange-400) !important; }
.hover\:border-bottom-orange-500:hover { border-bottom-color: var(--orange-500) !important; }
.hover\:border-bottom-orange-600:hover { border-bottom-color: var(--orange-600) !important; }
.hover\:border-bottom-orange-700:hover { border-bottom-color: var(--orange-700) !important; }
.hover\:border-bottom-orange-800:hover { border-bottom-color: var(--orange-800) !important; }
.hover\:border-bottom-orange-900:hover { border-bottom-color: var(--orange-900) !important; }
.hover\:border-bottom-orange-A100:hover { border-bottom-color: var(--orange-100) !important; }
.hover\:border-bottom-orange-A200:hover { border-bottom-color: var(--orange-200) !important; }
.hover\:border-bottom-orange-A400:hover { border-bottom-color: var(--orange-400) !important; }
.hover\:border-bottom-orange-A700:hover { border-bottom-color: var(--orange-700) !important; }

.hover\:border-bottom-deep-orange-050:hover { border-bottom-color: var(--deep-orange-050) !important; }
.hover\:border-bottom-deep-orange-100:hover { border-bottom-color: var(--deep-orange-100) !important; }
.hover\:border-bottom-deep-orange-200:hover { border-bottom-color: var(--deep-orange-200) !important; }
.hover\:border-bottom-deep-orange-300:hover { border-bottom-color: var(--deep-orange-300) !important; }
.hover\:border-bottom-deep-orange-400:hover { border-bottom-color: var(--deep-orange-400) !important; }
.hover\:border-bottom-deep-orange-500:hover { border-bottom-color: var(--deep-orange-500) !important; }
.hover\:border-bottom-deep-orange-600:hover { border-bottom-color: var(--deep-orange-600) !important; }
.hover\:border-bottom-deep-orange-700:hover { border-bottom-color: var(--deep-orange-700) !important; }
.hover\:border-bottom-deep-orange-800:hover { border-bottom-color: var(--deep-orange-800) !important; }
.hover\:border-bottom-deep-orange-900:hover { border-bottom-color: var(--deep-orange-900) !important; }
.hover\:border-bottom-deep-orange-A100:hover { border-bottom-color: var(--deep-orange-100) !important; }
.hover\:border-bottom-deep-orange-A200:hover { border-bottom-color: var(--deep-orange-200) !important; }
.hover\:border-bottom-deep-orange-A400:hover { border-bottom-color: var(--deep-orange-400) !important; }
.hover\:border-bottom-deep-orange-A700:hover { border-bottom-color: var(--deep-orange-700) !important; }

.hover\:border-bottom-brown-050:hover { border-bottom-color: var(--brown-050) !important; }
.hover\:border-bottom-brown-100:hover { border-bottom-color: var(--brown-100) !important; }
.hover\:border-bottom-brown-200:hover { border-bottom-color: var(--brown-200) !important; }
.hover\:border-bottom-brown-300:hover { border-bottom-color: var(--brown-300) !important; }
.hover\:border-bottom-brown-400:hover { border-bottom-color: var(--brown-400) !important; }
.hover\:border-bottom-brown-500:hover { border-bottom-color: var(--brown-500) !important; }
.hover\:border-bottom-brown-600:hover { border-bottom-color: var(--brown-600) !important; }
.hover\:border-bottom-brown-700:hover { border-bottom-color: var(--brown-700) !important; }
.hover\:border-bottom-brown-800:hover { border-bottom-color: var(--brown-800) !important; }
.hover\:border-bottom-brown-900:hover { border-bottom-color: var(--brown-900) !important; }

.hover\:border-bottom-grey-050:hover { border-bottom-color: var(--grey-050) !important; }
.hover\:border-bottom-grey-100:hover { border-bottom-color: var(--grey-100) !important; }
.hover\:border-bottom-grey-200:hover { border-bottom-color: var(--grey-200) !important; }
.hover\:border-bottom-grey-300:hover { border-bottom-color: var(--grey-300) !important; }
.hover\:border-bottom-grey-400:hover { border-bottom-color: var(--grey-400) !important; }
.hover\:border-bottom-grey-500:hover { border-bottom-color: var(--grey-500) !important; }
.hover\:border-bottom-grey-600:hover { border-bottom-color: var(--grey-600) !important; }
.hover\:border-bottom-grey-700:hover { border-bottom-color: var(--grey-700) !important; }
.hover\:border-bottom-grey-800:hover { border-bottom-color: var(--grey-800) !important; }
.hover\:border-bottom-grey-900:hover { border-bottom-color: var(--grey-900) !important; }

.hover\:border-bottom-blue-grey-050:hover { border-bottom-color: var(--blue-grey-050) !important; }
.hover\:border-bottom-blue-grey-100:hover { border-bottom-color: var(--blue-grey-100) !important; }
.hover\:border-bottom-blue-grey-200:hover { border-bottom-color: var(--blue-grey-200) !important; }
.hover\:border-bottom-blue-grey-300:hover { border-bottom-color: var(--blue-grey-300) !important; }
.hover\:border-bottom-blue-grey-400:hover { border-bottom-color: var(--blue-grey-400) !important; }
.hover\:border-bottom-blue-grey-500:hover { border-bottom-color: var(--blue-grey-500) !important; }
.hover\:border-bottom-blue-grey-600:hover { border-bottom-color: var(--blue-grey-600) !important; }
.hover\:border-bottom-blue-grey-700:hover { border-bottom-color: var(--blue-grey-700) !important; }
.hover\:border-bottom-blue-grey-800:hover { border-bottom-color: var(--blue-grey-800) !important; }
.hover\:border-bottom-blue-grey-900:hover { border-bottom-color: var(--blue-grey-900) !important; }

.hover\:border-bottom-white-050:hover { border-bottom-color: var(--white-050) !important; }
.hover\:border-bottom-white-100:hover { border-bottom-color: var(--white-100) !important; }
.hover\:border-bottom-white-150:hover { border-bottom-color: var(--white-150) !important; }
.hover\:border-bottom-white-200:hover { border-bottom-color: var(--white-200) !important; }
.hover\:border-bottom-white-250:hover { border-bottom-color: var(--white-250) !important; }
.hover\:border-bottom-white-300:hover { border-bottom-color: var(--white-300) !important; }
.hover\:border-bottom-white-350:hover { border-bottom-color: var(--white-350) !important; }
.hover\:border-bottom-white-400:hover { border-bottom-color: var(--white-400) !important; }
.hover\:border-bottom-white-450:hover { border-bottom-color: var(--white-450) !important; }
.hover\:border-bottom-white-500:hover { border-bottom-color: var(--white-500) !important; }
.hover\:border-bottom-white-550:hover { border-bottom-color: var(--white-550) !important; }
.hover\:border-bottom-white-600:hover { border-bottom-color: var(--white-600) !important; }
.hover\:border-bottom-white-650:hover { border-bottom-color: var(--white-650) !important; }
.hover\:border-bottom-white-700:hover { border-bottom-color: var(--white-700) !important; }
.hover\:border-bottom-white-750:hover { border-bottom-color: var(--white-750) !important; }
.hover\:border-bottom-white-800:hover { border-bottom-color: var(--white-800) !important; }
.hover\:border-bottom-white-850:hover { border-bottom-color: var(--white-850) !important; }
.hover\:border-bottom-white-900:hover { border-bottom-color: var(--white-900) !important; }
.hover\:border-bottom-white-950:hover { border-bottom-color: var(--white-950) !important; }
.hover\:border-bottom-white:hover     { border-bottom-color: var(--white) !important; }

.hover\:border-bottom-black-050:hover { border-bottom-color: var(--black-050) !important; }
.hover\:border-bottom-black-100:hover { border-bottom-color: var(--black-100) !important; }
.hover\:border-bottom-black-150:hover { border-bottom-color: var(--black-150) !important; }
.hover\:border-bottom-black-200:hover { border-bottom-color: var(--black-200) !important; }
.hover\:border-bottom-black-250:hover { border-bottom-color: var(--black-250) !important; }
.hover\:border-bottom-black-300:hover { border-bottom-color: var(--black-300) !important; }
.hover\:border-bottom-black-350:hover { border-bottom-color: var(--black-350) !important; }
.hover\:border-bottom-black-400:hover { border-bottom-color: var(--black-400) !important; }
.hover\:border-bottom-black-450:hover { border-bottom-color: var(--black-450) !important; }
.hover\:border-bottom-black-500:hover { border-bottom-color: var(--black-500) !important; }
.hover\:border-bottom-black-550:hover { border-bottom-color: var(--black-550) !important; }
.hover\:border-bottom-black-600:hover { border-bottom-color: var(--black-600) !important; }
.hover\:border-bottom-black-650:hover { border-bottom-color: var(--black-650) !important; }
.hover\:border-bottom-black-700:hover { border-bottom-color: var(--black-700) !important; }
.hover\:border-bottom-black-750:hover { border-bottom-color: var(--black-750) !important; }
.hover\:border-bottom-black-800:hover { border-bottom-color: var(--black-800) !important; }
.hover\:border-bottom-black-850:hover { border-bottom-color: var(--black-850) !important; }
.hover\:border-bottom-black-900:hover { border-bottom-color: var(--black-900) !important; }
.hover\:border-bottom-black-950:hover { border-bottom-color: var(--black-950) !important; }
.hover\:border-bottom-black:hover     { border-bottom-color: var(--black) !important; }

/* Border Left Color on mouse Hover (Credit tailwind css)
   ========================================================================== */

.hover\:border-left-primary:hover     { border-left-color: var(--primary-color) !important; }
.hover\:border-left-secondary:hover   { border-left-color: var(--secondary-color) !important; }
.hover\:border-left-success:hover     { border-left-color: var(--success-color) !important; }
.hover\:border-left-danger:hover      { border-left-color: var(--danger-color) !important; }
.hover\:border-left-info:hover        { border-left-color: var(--info-color) !important; }
.hover\:border-left-warning:hover     { border-left-color: var(--warning-color) !important; }
.hover\:border-left-light:hover       { border-left-color: var(--light-color) !important; }
.hover\:border-left-dark:hover        { border-left-color: var(--dark-color) !important; }
.hover\:border-left-muted:hover       { border-left-color: var(--muted-color) !important; }
.hover\:border-left-body:hover        { border-left-color: var(--body-background-color) !important; }
.hover\:border-left-default:hover     { border-left-color: var(--body-background-color) !important; }
.hover\:border-left-current:hover     { border-left-color: currentColor !important; }
.hover\:border-left-transparent:hover { border-left-color: transparent !important; }

.hover\:border-left-primary-050:hover { border-left-color: var(--primary-color-050) !important; }
.hover\:border-left-primary-100:hover { border-left-color: var(--primary-color-100) !important; }
.hover\:border-left-primary-200:hover { border-left-color: var(--primary-color-200) !important; }
.hover\:border-left-primary-300:hover { border-left-color: var(--primary-color-300) !important; }
.hover\:border-left-primary-400:hover { border-left-color: var(--primary-color-400) !important; }
.hover\:border-left-primary-420:hover { border-left-color: var(--primary-color-420) !important; }
.hover\:border-left-primary-440:hover { border-left-color: var(--primary-color-440) !important; }
.hover\:border-left-primary-460:hover { border-left-color: var(--primary-color-460) !important; }
.hover\:border-left-primary-480:hover { border-left-color: var(--primary-color-480) !important; }
.hover\:border-left-primary-500:hover { border-left-color: var(--primary-color-500) !important; }
.hover\:border-left-primary-520:hover { border-left-color: var(--primary-color-520) !important; }
.hover\:border-left-primary-540:hover { border-left-color: var(--primary-color-540) !important; }
.hover\:border-left-primary-560:hover { border-left-color: var(--primary-color-560) !important; }
.hover\:border-left-primary-580:hover { border-left-color: var(--primary-color-580) !important; }
.hover\:border-left-primary-600:hover { border-left-color: var(--primary-color-600) !important; }
.hover\:border-left-primary-700:hover { border-left-color: var(--primary-color-700) !important; }
.hover\:border-left-primary-800:hover { border-left-color: var(--primary-color-800) !important; }
.hover\:border-left-primary-900:hover { border-left-color: var(--primary-color-900) !important; }

.hover\:border-left-secondary-050:hover { border-left-color: var(--secondary-color-050) !important; }
.hover\:border-left-secondary-100:hover { border-left-color: var(--secondary-color-100) !important; }
.hover\:border-left-secondary-200:hover { border-left-color: var(--secondary-color-200) !important; }
.hover\:border-left-secondary-300:hover { border-left-color: var(--secondary-color-300) !important; }
.hover\:border-left-secondary-400:hover { border-left-color: var(--secondary-color-400) !important; }
.hover\:border-left-secondary-420:hover { border-left-color: var(--secondary-color-420) !important; }
.hover\:border-left-secondary-440:hover { border-left-color: var(--secondary-color-440) !important; }
.hover\:border-left-secondary-460:hover { border-left-color: var(--secondary-color-460) !important; }
.hover\:border-left-secondary-480:hover { border-left-color: var(--secondary-color-480) !important; }
.hover\:border-left-secondary-500:hover { border-left-color: var(--secondary-color-500) !important; }
.hover\:border-left-secondary-520:hover { border-left-color: var(--secondary-color-520) !important; }
.hover\:border-left-secondary-540:hover { border-left-color: var(--secondary-color-540) !important; }
.hover\:border-left-secondary-560:hover { border-left-color: var(--secondary-color-560) !important; }
.hover\:border-left-secondary-580:hover { border-left-color: var(--secondary-color-580) !important; }
.hover\:border-left-secondary-600:hover { border-left-color: var(--secondary-color-600) !important; }
.hover\:border-left-secondary-700:hover { border-left-color: var(--secondary-color-700) !important; }
.hover\:border-left-secondary-800:hover { border-left-color: var(--secondary-color-800) !important; }
.hover\:border-left-secondary-900:hover { border-left-color: var(--secondary-color-900) !important; }

.hover\:border-left-red-050:hover { border-left-color: var(--red-050) !important; }
.hover\:border-left-red-100:hover { border-left-color: var(--red-100) !important; }
.hover\:border-left-red-200:hover { border-left-color: var(--red-200) !important; }
.hover\:border-left-red-300:hover { border-left-color: var(--red-300) !important; }
.hover\:border-left-red-400:hover { border-left-color: var(--red-400) !important; }
.hover\:border-left-red-500:hover { border-left-color: var(--red-500) !important; }
.hover\:border-left-red-600:hover { border-left-color: var(--red-600) !important; }
.hover\:border-left-red-700:hover { border-left-color: var(--red-700) !important; }
.hover\:border-left-red-800:hover { border-left-color: var(--red-800) !important; }
.hover\:border-left-red-900:hover { border-left-color: var(--red-900) !important; }
.hover\:border-left-red-A100:hover { border-left-color: var(--red-100) !important; }
.hover\:border-left-red-A200:hover { border-left-color: var(--red-200) !important; }
.hover\:border-left-red-A400:hover { border-left-color: var(--red-400) !important; }
.hover\:border-left-red-A700:hover { border-left-color: var(--red-700) !important; }

.hover\:border-left-pink-050:hover { border-left-color: var(--pink-050) !important; }
.hover\:border-left-pink-100:hover { border-left-color: var(--pink-100) !important; }
.hover\:border-left-pink-200:hover { border-left-color: var(--pink-200) !important; }
.hover\:border-left-pink-300:hover { border-left-color: var(--pink-300) !important; }
.hover\:border-left-pink-400:hover { border-left-color: var(--pink-400) !important; }
.hover\:border-left-pink-500:hover { border-left-color: var(--pink-500) !important; }
.hover\:border-left-pink-600:hover { border-left-color: var(--pink-600) !important; }
.hover\:border-left-pink-700:hover { border-left-color: var(--pink-700) !important; }
.hover\:border-left-pink-800:hover { border-left-color: var(--pink-800) !important; }
.hover\:border-left-pink-900:hover { border-left-color: var(--pink-900) !important; }
.hover\:border-left-pink-A100:hover { border-left-color: var(--pink-100) !important; }
.hover\:border-left-pink-A200:hover { border-left-color: var(--pink-200) !important; }
.hover\:border-left-pink-A400:hover { border-left-color: var(--pink-400) !important; }
.hover\:border-left-pink-A700:hover { border-left-color: var(--pink-700) !important; }

.hover\:border-left-purple-050:hover { border-left-color: var(--purple-050) !important; }
.hover\:border-left-purple-100:hover { border-left-color: var(--purple-100) !important; }
.hover\:border-left-purple-200:hover { border-left-color: var(--purple-200) !important; }
.hover\:border-left-purple-300:hover { border-left-color: var(--purple-300) !important; }
.hover\:border-left-purple-400:hover { border-left-color: var(--purple-400) !important; }
.hover\:border-left-purple-500:hover { border-left-color: var(--purple-500) !important; }
.hover\:border-left-purple-600:hover { border-left-color: var(--purple-600) !important; }
.hover\:border-left-purple-700:hover { border-left-color: var(--purple-700) !important; }
.hover\:border-left-purple-800:hover { border-left-color: var(--purple-800) !important; }
.hover\:border-left-purple-900:hover { border-left-color: var(--purple-900) !important; }
.hover\:border-left-purple-A100:hover { border-left-color: var(--purple-100) !important; }
.hover\:border-left-purple-A200:hover { border-left-color: var(--purple-200) !important; }
.hover\:border-left-purple-A400:hover { border-left-color: var(--purple-400) !important; }
.hover\:border-left-purple-A700:hover { border-left-color: var(--purple-700) !important; }

.hover\:border-left-deep-purple-050:hover { border-left-color: var(--deep-purple-050) !important; }
.hover\:border-left-deep-purple-100:hover { border-left-color: var(--deep-purple-100) !important; }
.hover\:border-left-deep-purple-200:hover { border-left-color: var(--deep-purple-200) !important; }
.hover\:border-left-deep-purple-300:hover { border-left-color: var(--deep-purple-300) !important; }
.hover\:border-left-deep-purple-400:hover { border-left-color: var(--deep-purple-400) !important; }
.hover\:border-left-deep-purple-500:hover { border-left-color: var(--deep-purple-500) !important; }
.hover\:border-left-deep-purple-600:hover { border-left-color: var(--deep-purple-600) !important; }
.hover\:border-left-deep-purple-700:hover { border-left-color: var(--deep-purple-700) !important; }
.hover\:border-left-deep-purple-800:hover { border-left-color: var(--deep-purple-800) !important; }
.hover\:border-left-deep-purple-900:hover { border-left-color: var(--deep-purple-900) !important; }
.hover\:border-left-deep-purple-A100:hover { border-left-color: var(--deep-purple-100) !important; }
.hover\:border-left-deep-purple-A200:hover { border-left-color: var(--deep-purple-200) !important; }
.hover\:border-left-deep-purple-A400:hover { border-left-color: var(--deep-purple-400) !important; }
.hover\:border-left-deep-purple-A700:hover { border-left-color: var(--deep-purple-700) !important; }

.hover\:border-left-indigo-050:hover { border-left-color: var(--indigo-050) !important; }
.hover\:border-left-indigo-100:hover { border-left-color: var(--indigo-100) !important; }
.hover\:border-left-indigo-200:hover { border-left-color: var(--indigo-200) !important; }
.hover\:border-left-indigo-300:hover { border-left-color: var(--indigo-300) !important; }
.hover\:border-left-indigo-400:hover { border-left-color: var(--indigo-400) !important; }
.hover\:border-left-indigo-500:hover { border-left-color: var(--indigo-500) !important; }
.hover\:border-left-indigo-600:hover { border-left-color: var(--indigo-600) !important; }
.hover\:border-left-indigo-700:hover { border-left-color: var(--indigo-700) !important; }
.hover\:border-left-indigo-800:hover { border-left-color: var(--indigo-800) !important; }
.hover\:border-left-indigo-900:hover { border-left-color: var(--indigo-900) !important; }
.hover\:border-left-indigo-A100:hover { border-left-color: var(--indigo-100) !important; }
.hover\:border-left-indigo-A200:hover { border-left-color: var(--indigo-200) !important; }
.hover\:border-left-indigo-A400:hover { border-left-color: var(--indigo-400) !important; }
.hover\:border-left-indigo-A700:hover { border-left-color: var(--indigo-700) !important; }

.hover\:border-left-blue-050:hover { border-left-color: var(--blue-050) !important; }
.hover\:border-left-blue-100:hover { border-left-color: var(--blue-100) !important; }
.hover\:border-left-blue-200:hover { border-left-color: var(--blue-200) !important; }
.hover\:border-left-blue-300:hover { border-left-color: var(--blue-300) !important; }
.hover\:border-left-blue-400:hover { border-left-color: var(--blue-400) !important; }
.hover\:border-left-blue-500:hover { border-left-color: var(--blue-500) !important; }
.hover\:border-left-blue-600:hover { border-left-color: var(--blue-600) !important; }
.hover\:border-left-blue-700:hover { border-left-color: var(--blue-700) !important; }
.hover\:border-left-blue-800:hover { border-left-color: var(--blue-800) !important; }
.hover\:border-left-blue-900:hover { border-left-color: var(--blue-900) !important; }
.hover\:border-left-blue-A100:hover { border-left-color: var(--blue-100) !important; }
.hover\:border-left-blue-A200:hover { border-left-color: var(--blue-200) !important; }
.hover\:border-left-blue-A400:hover { border-left-color: var(--blue-400) !important; }
.hover\:border-left-blue-A700:hover { border-left-color: var(--blue-700) !important; }

.hover\:border-left-light-blue-050:hover { border-left-color: var(--light-blue-050) !important; }
.hover\:border-left-light-blue-100:hover { border-left-color: var(--light-blue-100) !important; }
.hover\:border-left-light-blue-200:hover { border-left-color: var(--light-blue-200) !important; }
.hover\:border-left-light-blue-300:hover { border-left-color: var(--light-blue-300) !important; }
.hover\:border-left-light-blue-400:hover { border-left-color: var(--light-blue-400) !important; }
.hover\:border-left-light-blue-500:hover { border-left-color: var(--light-blue-500) !important; }
.hover\:border-left-light-blue-600:hover { border-left-color: var(--light-blue-600) !important; }
.hover\:border-left-light-blue-700:hover { border-left-color: var(--light-blue-700) !important; }
.hover\:border-left-light-blue-800:hover { border-left-color: var(--light-blue-800) !important; }
.hover\:border-left-light-blue-900:hover { border-left-color: var(--light-blue-900) !important; }
.hover\:border-left-light-blue-A100:hover { border-left-color: var(--light-blue-100) !important; }
.hover\:border-left-light-blue-A200:hover { border-left-color: var(--light-blue-200) !important; }
.hover\:border-left-light-blue-A400:hover { border-left-color: var(--light-blue-400) !important; }
.hover\:border-left-light-blue-A700:hover { border-left-color: var(--light-blue-700) !important; }

.hover\:border-left-cyan-050:hover { border-left-color: var(--cyan-050) !important; }
.hover\:border-left-cyan-100:hover { border-left-color: var(--cyan-100) !important; }
.hover\:border-left-cyan-200:hover { border-left-color: var(--cyan-200) !important; }
.hover\:border-left-cyan-300:hover { border-left-color: var(--cyan-300) !important; }
.hover\:border-left-cyan-400:hover { border-left-color: var(--cyan-400) !important; }
.hover\:border-left-cyan-500:hover { border-left-color: var(--cyan-500) !important; }
.hover\:border-left-cyan-600:hover { border-left-color: var(--cyan-600) !important; }
.hover\:border-left-cyan-700:hover { border-left-color: var(--cyan-700) !important; }
.hover\:border-left-cyan-800:hover { border-left-color: var(--cyan-800) !important; }
.hover\:border-left-cyan-900:hover { border-left-color: var(--cyan-900) !important; }
.hover\:border-left-cyan-A100:hover { border-left-color: var(--cyan-100) !important; }
.hover\:border-left-cyan-A200:hover { border-left-color: var(--cyan-200) !important; }
.hover\:border-left-cyan-A400:hover { border-left-color: var(--cyan-400) !important; }
.hover\:border-left-cyan-A700:hover { border-left-color: var(--cyan-700) !important; }

.hover\:border-left-teal-050:hover { border-left-color: var(--teal-050) !important; }
.hover\:border-left-teal-100:hover { border-left-color: var(--teal-100) !important; }
.hover\:border-left-teal-200:hover { border-left-color: var(--teal-200) !important; }
.hover\:border-left-teal-300:hover { border-left-color: var(--teal-300) !important; }
.hover\:border-left-teal-400:hover { border-left-color: var(--teal-400) !important; }
.hover\:border-left-teal-500:hover { border-left-color: var(--teal-500) !important; }
.hover\:border-left-teal-600:hover { border-left-color: var(--teal-600) !important; }
.hover\:border-left-teal-700:hover { border-left-color: var(--teal-700) !important; }
.hover\:border-left-teal-800:hover { border-left-color: var(--teal-800) !important; }
.hover\:border-left-teal-900:hover { border-left-color: var(--teal-900) !important; }
.hover\:border-left-teal-A100:hover { border-left-color: var(--teal-100) !important; }
.hover\:border-left-teal-A200:hover { border-left-color: var(--teal-200) !important; }
.hover\:border-left-teal-A400:hover { border-left-color: var(--teal-400) !important; }
.hover\:border-left-teal-A700:hover { border-left-color: var(--teal-700) !important; }

.hover\:border-left-green-050:hover { border-left-color: var(--green-050) !important; }
.hover\:border-left-green-100:hover { border-left-color: var(--green-100) !important; }
.hover\:border-left-green-200:hover { border-left-color: var(--green-200) !important; }
.hover\:border-left-green-300:hover { border-left-color: var(--green-300) !important; }
.hover\:border-left-green-400:hover { border-left-color: var(--green-400) !important; }
.hover\:border-left-green-500:hover { border-left-color: var(--green-500) !important; }
.hover\:border-left-green-600:hover { border-left-color: var(--green-600) !important; }
.hover\:border-left-green-700:hover { border-left-color: var(--green-700) !important; }
.hover\:border-left-green-800:hover { border-left-color: var(--green-800) !important; }
.hover\:border-left-green-900:hover { border-left-color: var(--green-900) !important; }
.hover\:border-left-green-A100:hover { border-left-color: var(--green-100) !important; }
.hover\:border-left-green-A200:hover { border-left-color: var(--green-200) !important; }
.hover\:border-left-green-A400:hover { border-left-color: var(--green-400) !important; }
.hover\:border-left-green-A700:hover { border-left-color: var(--green-700) !important; }

.hover\:border-left-light-green-050:hover { border-left-color: var(--light-green-050) !important; }
.hover\:border-left-light-green-100:hover { border-left-color: var(--light-green-100) !important; }
.hover\:border-left-light-green-200:hover { border-left-color: var(--light-green-200) !important; }
.hover\:border-left-light-green-300:hover { border-left-color: var(--light-green-300) !important; }
.hover\:border-left-light-green-400:hover { border-left-color: var(--light-green-400) !important; }
.hover\:border-left-light-green-500:hover { border-left-color: var(--light-green-500) !important; }
.hover\:border-left-light-green-600:hover { border-left-color: var(--light-green-600) !important; }
.hover\:border-left-light-green-700:hover { border-left-color: var(--light-green-700) !important; }
.hover\:border-left-light-green-800:hover { border-left-color: var(--light-green-800) !important; }
.hover\:border-left-light-green-900:hover { border-left-color: var(--light-green-900) !important; }
.hover\:border-left-light-green-A100:hover { border-left-color: var(--light-green-100) !important; }
.hover\:border-left-light-green-A200:hover { border-left-color: var(--light-green-200) !important; }
.hover\:border-left-light-green-A400:hover { border-left-color: var(--light-green-400) !important; }
.hover\:border-left-light-green-A700:hover { border-left-color: var(--light-green-700) !important; }

.hover\:border-left-lime-050:hover { border-left-color: var(--lime-050) !important; }
.hover\:border-left-lime-100:hover { border-left-color: var(--lime-100) !important; }
.hover\:border-left-lime-200:hover { border-left-color: var(--lime-200) !important; }
.hover\:border-left-lime-300:hover { border-left-color: var(--lime-300) !important; }
.hover\:border-left-lime-400:hover { border-left-color: var(--lime-400) !important; }
.hover\:border-left-lime-500:hover { border-left-color: var(--lime-500) !important; }
.hover\:border-left-lime-600:hover { border-left-color: var(--lime-600) !important; }
.hover\:border-left-lime-700:hover { border-left-color: var(--lime-700) !important; }
.hover\:border-left-lime-800:hover { border-left-color: var(--lime-800) !important; }
.hover\:border-left-lime-900:hover { border-left-color: var(--lime-900) !important; }
.hover\:border-left-lime-A100:hover { border-left-color: var(--lime-100) !important; }
.hover\:border-left-lime-A200:hover { border-left-color: var(--lime-200) !important; }
.hover\:border-left-lime-A400:hover { border-left-color: var(--lime-400) !important; }
.hover\:border-left-lime-A700:hover { border-left-color: var(--lime-700) !important; }

.hover\:border-left-yellow-050:hover { border-left-color: var(--yellow-050) !important; }
.hover\:border-left-yellow-100:hover { border-left-color: var(--yellow-100) !important; }
.hover\:border-left-yellow-200:hover { border-left-color: var(--yellow-200) !important; }
.hover\:border-left-yellow-300:hover { border-left-color: var(--yellow-300) !important; }
.hover\:border-left-yellow-400:hover { border-left-color: var(--yellow-400) !important; }
.hover\:border-left-yellow-500:hover { border-left-color: var(--yellow-500) !important; }
.hover\:border-left-yellow-600:hover { border-left-color: var(--yellow-600) !important; }
.hover\:border-left-yellow-700:hover { border-left-color: var(--yellow-700) !important; }
.hover\:border-left-yellow-800:hover { border-left-color: var(--yellow-800) !important; }
.hover\:border-left-yellow-900:hover { border-left-color: var(--yellow-900) !important; }
.hover\:border-left-yellow-A100:hover { border-left-color: var(--yellow-100) !important; }
.hover\:border-left-yellow-A200:hover { border-left-color: var(--yellow-200) !important; }
.hover\:border-left-yellow-A400:hover { border-left-color: var(--yellow-400) !important; }
.hover\:border-left-yellow-A700:hover { border-left-color: var(--yellow-700) !important; }

.hover\:border-left-amber-050:hover { border-left-color: var(--amber-050) !important; }
.hover\:border-left-amber-100:hover { border-left-color: var(--amber-100) !important; }
.hover\:border-left-amber-200:hover { border-left-color: var(--amber-200) !important; }
.hover\:border-left-amber-300:hover { border-left-color: var(--amber-300) !important; }
.hover\:border-left-amber-400:hover { border-left-color: var(--amber-400) !important; }
.hover\:border-left-amber-500:hover { border-left-color: var(--amber-500) !important; }
.hover\:border-left-amber-600:hover { border-left-color: var(--amber-600) !important; }
.hover\:border-left-amber-700:hover { border-left-color: var(--amber-700) !important; }
.hover\:border-left-amber-800:hover { border-left-color: var(--amber-800) !important; }
.hover\:border-left-amber-900:hover { border-left-color: var(--amber-900) !important; }
.hover\:border-left-amber-A100:hover { border-left-color: var(--amber-100) !important; }
.hover\:border-left-amber-A200:hover { border-left-color: var(--amber-200) !important; }
.hover\:border-left-amber-A400:hover { border-left-color: var(--amber-400) !important; }
.hover\:border-left-amber-A700:hover { border-left-color: var(--amber-700) !important; }

.hover\:border-left-orange-050:hover { border-left-color: var(--orange-050) !important; }
.hover\:border-left-orange-100:hover { border-left-color: var(--orange-100) !important; }
.hover\:border-left-orange-200:hover { border-left-color: var(--orange-200) !important; }
.hover\:border-left-orange-300:hover { border-left-color: var(--orange-300) !important; }
.hover\:border-left-orange-400:hover { border-left-color: var(--orange-400) !important; }
.hover\:border-left-orange-500:hover { border-left-color: var(--orange-500) !important; }
.hover\:border-left-orange-600:hover { border-left-color: var(--orange-600) !important; }
.hover\:border-left-orange-700:hover { border-left-color: var(--orange-700) !important; }
.hover\:border-left-orange-800:hover { border-left-color: var(--orange-800) !important; }
.hover\:border-left-orange-900:hover { border-left-color: var(--orange-900) !important; }
.hover\:border-left-orange-A100:hover { border-left-color: var(--orange-100) !important; }
.hover\:border-left-orange-A200:hover { border-left-color: var(--orange-200) !important; }
.hover\:border-left-orange-A400:hover { border-left-color: var(--orange-400) !important; }
.hover\:border-left-orange-A700:hover { border-left-color: var(--orange-700) !important; }

.hover\:border-left-deep-orange-050:hover { border-left-color: var(--deep-orange-050) !important; }
.hover\:border-left-deep-orange-100:hover { border-left-color: var(--deep-orange-100) !important; }
.hover\:border-left-deep-orange-200:hover { border-left-color: var(--deep-orange-200) !important; }
.hover\:border-left-deep-orange-300:hover { border-left-color: var(--deep-orange-300) !important; }
.hover\:border-left-deep-orange-400:hover { border-left-color: var(--deep-orange-400) !important; }
.hover\:border-left-deep-orange-500:hover { border-left-color: var(--deep-orange-500) !important; }
.hover\:border-left-deep-orange-600:hover { border-left-color: var(--deep-orange-600) !important; }
.hover\:border-left-deep-orange-700:hover { border-left-color: var(--deep-orange-700) !important; }
.hover\:border-left-deep-orange-800:hover { border-left-color: var(--deep-orange-800) !important; }
.hover\:border-left-deep-orange-900:hover { border-left-color: var(--deep-orange-900) !important; }
.hover\:border-left-deep-orange-A100:hover { border-left-color: var(--deep-orange-100) !important; }
.hover\:border-left-deep-orange-A200:hover { border-left-color: var(--deep-orange-200) !important; }
.hover\:border-left-deep-orange-A400:hover { border-left-color: var(--deep-orange-400) !important; }
.hover\:border-left-deep-orange-A700:hover { border-left-color: var(--deep-orange-700) !important; }

.hover\:border-left-brown-050:hover { border-left-color: var(--brown-050) !important; }
.hover\:border-left-brown-100:hover { border-left-color: var(--brown-100) !important; }
.hover\:border-left-brown-200:hover { border-left-color: var(--brown-200) !important; }
.hover\:border-left-brown-300:hover { border-left-color: var(--brown-300) !important; }
.hover\:border-left-brown-400:hover { border-left-color: var(--brown-400) !important; }
.hover\:border-left-brown-500:hover { border-left-color: var(--brown-500) !important; }
.hover\:border-left-brown-600:hover { border-left-color: var(--brown-600) !important; }
.hover\:border-left-brown-700:hover { border-left-color: var(--brown-700) !important; }
.hover\:border-left-brown-800:hover { border-left-color: var(--brown-800) !important; }
.hover\:border-left-brown-900:hover { border-left-color: var(--brown-900) !important; }

.hover\:border-left-grey-050:hover { border-left-color: var(--grey-050) !important; }
.hover\:border-left-grey-100:hover { border-left-color: var(--grey-100) !important; }
.hover\:border-left-grey-200:hover { border-left-color: var(--grey-200) !important; }
.hover\:border-left-grey-300:hover { border-left-color: var(--grey-300) !important; }
.hover\:border-left-grey-400:hover { border-left-color: var(--grey-400) !important; }
.hover\:border-left-grey-500:hover { border-left-color: var(--grey-500) !important; }
.hover\:border-left-grey-600:hover { border-left-color: var(--grey-600) !important; }
.hover\:border-left-grey-700:hover { border-left-color: var(--grey-700) !important; }
.hover\:border-left-grey-800:hover { border-left-color: var(--grey-800) !important; }
.hover\:border-left-grey-900:hover { border-left-color: var(--grey-900) !important; }

.hover\:border-left-blue-grey-050:hover { border-left-color: var(--blue-grey-050) !important; }
.hover\:border-left-blue-grey-100:hover { border-left-color: var(--blue-grey-100) !important; }
.hover\:border-left-blue-grey-200:hover { border-left-color: var(--blue-grey-200) !important; }
.hover\:border-left-blue-grey-300:hover { border-left-color: var(--blue-grey-300) !important; }
.hover\:border-left-blue-grey-400:hover { border-left-color: var(--blue-grey-400) !important; }
.hover\:border-left-blue-grey-500:hover { border-left-color: var(--blue-grey-500) !important; }
.hover\:border-left-blue-grey-600:hover { border-left-color: var(--blue-grey-600) !important; }
.hover\:border-left-blue-grey-700:hover { border-left-color: var(--blue-grey-700) !important; }
.hover\:border-left-blue-grey-800:hover { border-left-color: var(--blue-grey-800) !important; }
.hover\:border-left-blue-grey-900:hover { border-left-color: var(--blue-grey-900) !important; }

.hover\:border-left-white-050:hover { border-left-color: var(--white-050) !important; }
.hover\:border-left-white-100:hover { border-left-color: var(--white-100) !important; }
.hover\:border-left-white-150:hover { border-left-color: var(--white-150) !important; }
.hover\:border-left-white-200:hover { border-left-color: var(--white-200) !important; }
.hover\:border-left-white-250:hover { border-left-color: var(--white-250) !important; }
.hover\:border-left-white-300:hover { border-left-color: var(--white-300) !important; }
.hover\:border-left-white-350:hover { border-left-color: var(--white-350) !important; }
.hover\:border-left-white-400:hover { border-left-color: var(--white-400) !important; }
.hover\:border-left-white-450:hover { border-left-color: var(--white-450) !important; }
.hover\:border-left-white-500:hover { border-left-color: var(--white-500) !important; }
.hover\:border-left-white-550:hover { border-left-color: var(--white-550) !important; }
.hover\:border-left-white-600:hover { border-left-color: var(--white-600) !important; }
.hover\:border-left-white-650:hover { border-left-color: var(--white-650) !important; }
.hover\:border-left-white-700:hover { border-left-color: var(--white-700) !important; }
.hover\:border-left-white-750:hover { border-left-color: var(--white-750) !important; }
.hover\:border-left-white-800:hover { border-left-color: var(--white-800) !important; }
.hover\:border-left-white-850:hover { border-left-color: var(--white-850) !important; }
.hover\:border-left-white-900:hover { border-left-color: var(--white-900) !important; }
.hover\:border-left-white-950:hover { border-left-color: var(--white-950) !important; }
.hover\:border-left-white:hover     { border-left-color: var(--white) !important; }

.hover\:border-left-black-050:hover { border-left-color: var(--black-050) !important; }
.hover\:border-left-black-100:hover { border-left-color: var(--black-100) !important; }
.hover\:border-left-black-150:hover { border-left-color: var(--black-150) !important; }
.hover\:border-left-black-200:hover { border-left-color: var(--black-200) !important; }
.hover\:border-left-black-250:hover { border-left-color: var(--black-250) !important; }
.hover\:border-left-black-300:hover { border-left-color: var(--black-300) !important; }
.hover\:border-left-black-350:hover { border-left-color: var(--black-350) !important; }
.hover\:border-left-black-400:hover { border-left-color: var(--black-400) !important; }
.hover\:border-left-black-450:hover { border-left-color: var(--black-450) !important; }
.hover\:border-left-black-500:hover { border-left-color: var(--black-500) !important; }
.hover\:border-left-black-550:hover { border-left-color: var(--black-550) !important; }
.hover\:border-left-black-600:hover { border-left-color: var(--black-600) !important; }
.hover\:border-left-black-650:hover { border-left-color: var(--black-650) !important; }
.hover\:border-left-black-700:hover { border-left-color: var(--black-700) !important; }
.hover\:border-left-black-750:hover { border-left-color: var(--black-750) !important; }
.hover\:border-left-black-800:hover { border-left-color: var(--black-800) !important; }
.hover\:border-left-black-850:hover { border-left-color: var(--black-850) !important; }
.hover\:border-left-black-900:hover { border-left-color: var(--black-900) !important; }
.hover\:border-left-black-950:hover { border-left-color: var(--black-950) !important; }
.hover\:border-left-black:hover     { border-left-color: var(--black) !important; }

/* Border Right Color on mouse Hover (Credit tailwind css)
   ========================================================================== */

.hover\:border-right-primary:hover     { border-right-color: var(--primary-color) !important; }
.hover\:border-right-secondary:hover   { border-right-color: var(--secondary-color) !important; }
.hover\:border-right-success:hover     { border-right-color: var(--success-color) !important; }
.hover\:border-right-danger:hover      { border-right-color: var(--danger-color) !important; }
.hover\:border-right-info:hover        { border-right-color: var(--info-color) !important; }
.hover\:border-right-warning:hover     { border-right-color: var(--warning-color) !important; }
.hover\:border-right-light:hover       { border-right-color: var(--light-color) !important; }
.hover\:border-right-dark:hover        { border-right-color: var(--dark-color) !important; }
.hover\:border-right-muted:hover       { border-right-color: var(--muted-color) !important; }
.hover\:border-right-body:hover        { border-right-color: var(--body-background-color) !important; }
.hover\:border-right-default:hover     { border-right-color: var(--body-background-color) !important; }
.hover\:border-right-current:hover     { border-right-color: currentColor !important; }
.hover\:border-right-transparent:hover { border-right-color: transparent !important; }

.hover\:border-right-primary-050:hover { border-right-color: var(--primary-color-050) !important; }
.hover\:border-right-primary-100:hover { border-right-color: var(--primary-color-100) !important; }
.hover\:border-right-primary-200:hover { border-right-color: var(--primary-color-200) !important; }
.hover\:border-right-primary-300:hover { border-right-color: var(--primary-color-300) !important; }
.hover\:border-right-primary-400:hover { border-right-color: var(--primary-color-400) !important; }
.hover\:border-right-primary-420:hover { border-right-color: var(--primary-color-420) !important; }
.hover\:border-right-primary-440:hover { border-right-color: var(--primary-color-440) !important; }
.hover\:border-right-primary-460:hover { border-right-color: var(--primary-color-460) !important; }
.hover\:border-right-primary-480:hover { border-right-color: var(--primary-color-480) !important; }
.hover\:border-right-primary-500:hover { border-right-color: var(--primary-color-500) !important; }
.hover\:border-right-primary-520:hover { border-right-color: var(--primary-color-520) !important; }
.hover\:border-right-primary-540:hover { border-right-color: var(--primary-color-540) !important; }
.hover\:border-right-primary-560:hover { border-right-color: var(--primary-color-560) !important; }
.hover\:border-right-primary-580:hover { border-right-color: var(--primary-color-580) !important; }
.hover\:border-right-primary-600:hover { border-right-color: var(--primary-color-600) !important; }
.hover\:border-right-primary-700:hover { border-right-color: var(--primary-color-700) !important; }
.hover\:border-right-primary-800:hover { border-right-color: var(--primary-color-800) !important; }
.hover\:border-right-primary-900:hover { border-right-color: var(--primary-color-900) !important; }

.hover\:border-right-secondary-050:hover { border-right-color: var(--secondary-color-050) !important; }
.hover\:border-right-secondary-100:hover { border-right-color: var(--secondary-color-100) !important; }
.hover\:border-right-secondary-200:hover { border-right-color: var(--secondary-color-200) !important; }
.hover\:border-right-secondary-300:hover { border-right-color: var(--secondary-color-300) !important; }
.hover\:border-right-secondary-400:hover { border-right-color: var(--secondary-color-400) !important; }
.hover\:border-right-secondary-420:hover { border-right-color: var(--secondary-color-420) !important; }
.hover\:border-right-secondary-440:hover { border-right-color: var(--secondary-color-440) !important; }
.hover\:border-right-secondary-460:hover { border-right-color: var(--secondary-color-460) !important; }
.hover\:border-right-secondary-480:hover { border-right-color: var(--secondary-color-480) !important; }
.hover\:border-right-secondary-500:hover { border-right-color: var(--secondary-color-500) !important; }
.hover\:border-right-secondary-520:hover { border-right-color: var(--secondary-color-520) !important; }
.hover\:border-right-secondary-540:hover { border-right-color: var(--secondary-color-540) !important; }
.hover\:border-right-secondary-560:hover { border-right-color: var(--secondary-color-560) !important; }
.hover\:border-right-secondary-580:hover { border-right-color: var(--secondary-color-580) !important; }
.hover\:border-right-secondary-600:hover { border-right-color: var(--secondary-color-600) !important; }
.hover\:border-right-secondary-700:hover { border-right-color: var(--secondary-color-700) !important; }
.hover\:border-right-secondary-800:hover { border-right-color: var(--secondary-color-800) !important; }
.hover\:border-right-secondary-900:hover { border-right-color: var(--secondary-color-900) !important; }

.hover\:border-right-red-050:hover { border-right-color: var(--red-050) !important; }
.hover\:border-right-red-100:hover { border-right-color: var(--red-100) !important; }
.hover\:border-right-red-200:hover { border-right-color: var(--red-200) !important; }
.hover\:border-right-red-300:hover { border-right-color: var(--red-300) !important; }
.hover\:border-right-red-400:hover { border-right-color: var(--red-400) !important; }
.hover\:border-right-red-500:hover { border-right-color: var(--red-500) !important; }
.hover\:border-right-red-600:hover { border-right-color: var(--red-600) !important; }
.hover\:border-right-red-700:hover { border-right-color: var(--red-700) !important; }
.hover\:border-right-red-800:hover { border-right-color: var(--red-800) !important; }
.hover\:border-right-red-900:hover { border-right-color: var(--red-900) !important; }
.hover\:border-right-red-A100:hover { border-right-color: var(--red-100) !important; }
.hover\:border-right-red-A200:hover { border-right-color: var(--red-200) !important; }
.hover\:border-right-red-A400:hover { border-right-color: var(--red-400) !important; }
.hover\:border-right-red-A700:hover { border-right-color: var(--red-700) !important; }

.hover\:border-right-pink-050:hover { border-right-color: var(--pink-050) !important; }
.hover\:border-right-pink-100:hover { border-right-color: var(--pink-100) !important; }
.hover\:border-right-pink-200:hover { border-right-color: var(--pink-200) !important; }
.hover\:border-right-pink-300:hover { border-right-color: var(--pink-300) !important; }
.hover\:border-right-pink-400:hover { border-right-color: var(--pink-400) !important; }
.hover\:border-right-pink-500:hover { border-right-color: var(--pink-500) !important; }
.hover\:border-right-pink-600:hover { border-right-color: var(--pink-600) !important; }
.hover\:border-right-pink-700:hover { border-right-color: var(--pink-700) !important; }
.hover\:border-right-pink-800:hover { border-right-color: var(--pink-800) !important; }
.hover\:border-right-pink-900:hover { border-right-color: var(--pink-900) !important; }
.hover\:border-right-pink-A100:hover { border-right-color: var(--pink-100) !important; }
.hover\:border-right-pink-A200:hover { border-right-color: var(--pink-200) !important; }
.hover\:border-right-pink-A400:hover { border-right-color: var(--pink-400) !important; }
.hover\:border-right-pink-A700:hover { border-right-color: var(--pink-700) !important; }

.hover\:border-right-purple-050:hover { border-right-color: var(--purple-050) !important; }
.hover\:border-right-purple-100:hover { border-right-color: var(--purple-100) !important; }
.hover\:border-right-purple-200:hover { border-right-color: var(--purple-200) !important; }
.hover\:border-right-purple-300:hover { border-right-color: var(--purple-300) !important; }
.hover\:border-right-purple-400:hover { border-right-color: var(--purple-400) !important; }
.hover\:border-right-purple-500:hover { border-right-color: var(--purple-500) !important; }
.hover\:border-right-purple-600:hover { border-right-color: var(--purple-600) !important; }
.hover\:border-right-purple-700:hover { border-right-color: var(--purple-700) !important; }
.hover\:border-right-purple-800:hover { border-right-color: var(--purple-800) !important; }
.hover\:border-right-purple-900:hover { border-right-color: var(--purple-900) !important; }
.hover\:border-right-purple-A100:hover { border-right-color: var(--purple-100) !important; }
.hover\:border-right-purple-A200:hover { border-right-color: var(--purple-200) !important; }
.hover\:border-right-purple-A400:hover { border-right-color: var(--purple-400) !important; }
.hover\:border-right-purple-A700:hover { border-right-color: var(--purple-700) !important; }

.hover\:border-right-deep-purple-050:hover { border-right-color: var(--deep-purple-050) !important; }
.hover\:border-right-deep-purple-100:hover { border-right-color: var(--deep-purple-100) !important; }
.hover\:border-right-deep-purple-200:hover { border-right-color: var(--deep-purple-200) !important; }
.hover\:border-right-deep-purple-300:hover { border-right-color: var(--deep-purple-300) !important; }
.hover\:border-right-deep-purple-400:hover { border-right-color: var(--deep-purple-400) !important; }
.hover\:border-right-deep-purple-500:hover { border-right-color: var(--deep-purple-500) !important; }
.hover\:border-right-deep-purple-600:hover { border-right-color: var(--deep-purple-600) !important; }
.hover\:border-right-deep-purple-700:hover { border-right-color: var(--deep-purple-700) !important; }
.hover\:border-right-deep-purple-800:hover { border-right-color: var(--deep-purple-800) !important; }
.hover\:border-right-deep-purple-900:hover { border-right-color: var(--deep-purple-900) !important; }
.hover\:border-right-deep-purple-A100:hover { border-right-color: var(--deep-purple-100) !important; }
.hover\:border-right-deep-purple-A200:hover { border-right-color: var(--deep-purple-200) !important; }
.hover\:border-right-deep-purple-A400:hover { border-right-color: var(--deep-purple-400) !important; }
.hover\:border-right-deep-purple-A700:hover { border-right-color: var(--deep-purple-700) !important; }

.hover\:border-right-indigo-050:hover { border-right-color: var(--indigo-050) !important; }
.hover\:border-right-indigo-100:hover { border-right-color: var(--indigo-100) !important; }
.hover\:border-right-indigo-200:hover { border-right-color: var(--indigo-200) !important; }
.hover\:border-right-indigo-300:hover { border-right-color: var(--indigo-300) !important; }
.hover\:border-right-indigo-400:hover { border-right-color: var(--indigo-400) !important; }
.hover\:border-right-indigo-500:hover { border-right-color: var(--indigo-500) !important; }
.hover\:border-right-indigo-600:hover { border-right-color: var(--indigo-600) !important; }
.hover\:border-right-indigo-700:hover { border-right-color: var(--indigo-700) !important; }
.hover\:border-right-indigo-800:hover { border-right-color: var(--indigo-800) !important; }
.hover\:border-right-indigo-900:hover { border-right-color: var(--indigo-900) !important; }
.hover\:border-right-indigo-A100:hover { border-right-color: var(--indigo-100) !important; }
.hover\:border-right-indigo-A200:hover { border-right-color: var(--indigo-200) !important; }
.hover\:border-right-indigo-A400:hover { border-right-color: var(--indigo-400) !important; }
.hover\:border-right-indigo-A700:hover { border-right-color: var(--indigo-700) !important; }

.hover\:border-right-blue-050:hover { border-right-color: var(--blue-050) !important; }
.hover\:border-right-blue-100:hover { border-right-color: var(--blue-100) !important; }
.hover\:border-right-blue-200:hover { border-right-color: var(--blue-200) !important; }
.hover\:border-right-blue-300:hover { border-right-color: var(--blue-300) !important; }
.hover\:border-right-blue-400:hover { border-right-color: var(--blue-400) !important; }
.hover\:border-right-blue-500:hover { border-right-color: var(--blue-500) !important; }
.hover\:border-right-blue-600:hover { border-right-color: var(--blue-600) !important; }
.hover\:border-right-blue-700:hover { border-right-color: var(--blue-700) !important; }
.hover\:border-right-blue-800:hover { border-right-color: var(--blue-800) !important; }
.hover\:border-right-blue-900:hover { border-right-color: var(--blue-900) !important; }
.hover\:border-right-blue-A100:hover { border-right-color: var(--blue-100) !important; }
.hover\:border-right-blue-A200:hover { border-right-color: var(--blue-200) !important; }
.hover\:border-right-blue-A400:hover { border-right-color: var(--blue-400) !important; }
.hover\:border-right-blue-A700:hover { border-right-color: var(--blue-700) !important; }

.hover\:border-right-light-blue-050:hover { border-right-color: var(--light-blue-050) !important; }
.hover\:border-right-light-blue-100:hover { border-right-color: var(--light-blue-100) !important; }
.hover\:border-right-light-blue-200:hover { border-right-color: var(--light-blue-200) !important; }
.hover\:border-right-light-blue-300:hover { border-right-color: var(--light-blue-300) !important; }
.hover\:border-right-light-blue-400:hover { border-right-color: var(--light-blue-400) !important; }
.hover\:border-right-light-blue-500:hover { border-right-color: var(--light-blue-500) !important; }
.hover\:border-right-light-blue-600:hover { border-right-color: var(--light-blue-600) !important; }
.hover\:border-right-light-blue-700:hover { border-right-color: var(--light-blue-700) !important; }
.hover\:border-right-light-blue-800:hover { border-right-color: var(--light-blue-800) !important; }
.hover\:border-right-light-blue-900:hover { border-right-color: var(--light-blue-900) !important; }
.hover\:border-right-light-blue-A100:hover { border-right-color: var(--light-blue-100) !important; }
.hover\:border-right-light-blue-A200:hover { border-right-color: var(--light-blue-200) !important; }
.hover\:border-right-light-blue-A400:hover { border-right-color: var(--light-blue-400) !important; }
.hover\:border-right-light-blue-A700:hover { border-right-color: var(--light-blue-700) !important; }

.hover\:border-right-cyan-050:hover { border-right-color: var(--cyan-050) !important; }
.hover\:border-right-cyan-100:hover { border-right-color: var(--cyan-100) !important; }
.hover\:border-right-cyan-200:hover { border-right-color: var(--cyan-200) !important; }
.hover\:border-right-cyan-300:hover { border-right-color: var(--cyan-300) !important; }
.hover\:border-right-cyan-400:hover { border-right-color: var(--cyan-400) !important; }
.hover\:border-right-cyan-500:hover { border-right-color: var(--cyan-500) !important; }
.hover\:border-right-cyan-600:hover { border-right-color: var(--cyan-600) !important; }
.hover\:border-right-cyan-700:hover { border-right-color: var(--cyan-700) !important; }
.hover\:border-right-cyan-800:hover { border-right-color: var(--cyan-800) !important; }
.hover\:border-right-cyan-900:hover { border-right-color: var(--cyan-900) !important; }
.hover\:border-right-cyan-A100:hover { border-right-color: var(--cyan-100) !important; }
.hover\:border-right-cyan-A200:hover { border-right-color: var(--cyan-200) !important; }
.hover\:border-right-cyan-A400:hover { border-right-color: var(--cyan-400) !important; }
.hover\:border-right-cyan-A700:hover { border-right-color: var(--cyan-700) !important; }

.hover\:border-right-teal-050:hover { border-right-color: var(--teal-050) !important; }
.hover\:border-right-teal-100:hover { border-right-color: var(--teal-100) !important; }
.hover\:border-right-teal-200:hover { border-right-color: var(--teal-200) !important; }
.hover\:border-right-teal-300:hover { border-right-color: var(--teal-300) !important; }
.hover\:border-right-teal-400:hover { border-right-color: var(--teal-400) !important; }
.hover\:border-right-teal-500:hover { border-right-color: var(--teal-500) !important; }
.hover\:border-right-teal-600:hover { border-right-color: var(--teal-600) !important; }
.hover\:border-right-teal-700:hover { border-right-color: var(--teal-700) !important; }
.hover\:border-right-teal-800:hover { border-right-color: var(--teal-800) !important; }
.hover\:border-right-teal-900:hover { border-right-color: var(--teal-900) !important; }
.hover\:border-right-teal-A100:hover { border-right-color: var(--teal-100) !important; }
.hover\:border-right-teal-A200:hover { border-right-color: var(--teal-200) !important; }
.hover\:border-right-teal-A400:hover { border-right-color: var(--teal-400) !important; }
.hover\:border-right-teal-A700:hover { border-right-color: var(--teal-700) !important; }

.hover\:border-right-green-050:hover { border-right-color: var(--green-050) !important; }
.hover\:border-right-green-100:hover { border-right-color: var(--green-100) !important; }
.hover\:border-right-green-200:hover { border-right-color: var(--green-200) !important; }
.hover\:border-right-green-300:hover { border-right-color: var(--green-300) !important; }
.hover\:border-right-green-400:hover { border-right-color: var(--green-400) !important; }
.hover\:border-right-green-500:hover { border-right-color: var(--green-500) !important; }
.hover\:border-right-green-600:hover { border-right-color: var(--green-600) !important; }
.hover\:border-right-green-700:hover { border-right-color: var(--green-700) !important; }
.hover\:border-right-green-800:hover { border-right-color: var(--green-800) !important; }
.hover\:border-right-green-900:hover { border-right-color: var(--green-900) !important; }
.hover\:border-right-green-A100:hover { border-right-color: var(--green-100) !important; }
.hover\:border-right-green-A200:hover { border-right-color: var(--green-200) !important; }
.hover\:border-right-green-A400:hover { border-right-color: var(--green-400) !important; }
.hover\:border-right-green-A700:hover { border-right-color: var(--green-700) !important; }

.hover\:border-right-light-green-050:hover { border-right-color: var(--light-green-050) !important; }
.hover\:border-right-light-green-100:hover { border-right-color: var(--light-green-100) !important; }
.hover\:border-right-light-green-200:hover { border-right-color: var(--light-green-200) !important; }
.hover\:border-right-light-green-300:hover { border-right-color: var(--light-green-300) !important; }
.hover\:border-right-light-green-400:hover { border-right-color: var(--light-green-400) !important; }
.hover\:border-right-light-green-500:hover { border-right-color: var(--light-green-500) !important; }
.hover\:border-right-light-green-600:hover { border-right-color: var(--light-green-600) !important; }
.hover\:border-right-light-green-700:hover { border-right-color: var(--light-green-700) !important; }
.hover\:border-right-light-green-800:hover { border-right-color: var(--light-green-800) !important; }
.hover\:border-right-light-green-900:hover { border-right-color: var(--light-green-900) !important; }
.hover\:border-right-light-green-A100:hover { border-right-color: var(--light-green-100) !important; }
.hover\:border-right-light-green-A200:hover { border-right-color: var(--light-green-200) !important; }
.hover\:border-right-light-green-A400:hover { border-right-color: var(--light-green-400) !important; }
.hover\:border-right-light-green-A700:hover { border-right-color: var(--light-green-700) !important; }

.hover\:border-right-lime-050:hover { border-right-color: var(--lime-050) !important; }
.hover\:border-right-lime-100:hover { border-right-color: var(--lime-100) !important; }
.hover\:border-right-lime-200:hover { border-right-color: var(--lime-200) !important; }
.hover\:border-right-lime-300:hover { border-right-color: var(--lime-300) !important; }
.hover\:border-right-lime-400:hover { border-right-color: var(--lime-400) !important; }
.hover\:border-right-lime-500:hover { border-right-color: var(--lime-500) !important; }
.hover\:border-right-lime-600:hover { border-right-color: var(--lime-600) !important; }
.hover\:border-right-lime-700:hover { border-right-color: var(--lime-700) !important; }
.hover\:border-right-lime-800:hover { border-right-color: var(--lime-800) !important; }
.hover\:border-right-lime-900:hover { border-right-color: var(--lime-900) !important; }
.hover\:border-right-lime-A100:hover { border-right-color: var(--lime-100) !important; }
.hover\:border-right-lime-A200:hover { border-right-color: var(--lime-200) !important; }
.hover\:border-right-lime-A400:hover { border-right-color: var(--lime-400) !important; }
.hover\:border-right-lime-A700:hover { border-right-color: var(--lime-700) !important; }

.hover\:border-right-yellow-050:hover { border-right-color: var(--yellow-050) !important; }
.hover\:border-right-yellow-100:hover { border-right-color: var(--yellow-100) !important; }
.hover\:border-right-yellow-200:hover { border-right-color: var(--yellow-200) !important; }
.hover\:border-right-yellow-300:hover { border-right-color: var(--yellow-300) !important; }
.hover\:border-right-yellow-400:hover { border-right-color: var(--yellow-400) !important; }
.hover\:border-right-yellow-500:hover { border-right-color: var(--yellow-500) !important; }
.hover\:border-right-yellow-600:hover { border-right-color: var(--yellow-600) !important; }
.hover\:border-right-yellow-700:hover { border-right-color: var(--yellow-700) !important; }
.hover\:border-right-yellow-800:hover { border-right-color: var(--yellow-800) !important; }
.hover\:border-right-yellow-900:hover { border-right-color: var(--yellow-900) !important; }
.hover\:border-right-yellow-A100:hover { border-right-color: var(--yellow-100) !important; }
.hover\:border-right-yellow-A200:hover { border-right-color: var(--yellow-200) !important; }
.hover\:border-right-yellow-A400:hover { border-right-color: var(--yellow-400) !important; }
.hover\:border-right-yellow-A700:hover { border-right-color: var(--yellow-700) !important; }

.hover\:border-right-amber-050:hover { border-right-color: var(--amber-050) !important; }
.hover\:border-right-amber-100:hover { border-right-color: var(--amber-100) !important; }
.hover\:border-right-amber-200:hover { border-right-color: var(--amber-200) !important; }
.hover\:border-right-amber-300:hover { border-right-color: var(--amber-300) !important; }
.hover\:border-right-amber-400:hover { border-right-color: var(--amber-400) !important; }
.hover\:border-right-amber-500:hover { border-right-color: var(--amber-500) !important; }
.hover\:border-right-amber-600:hover { border-right-color: var(--amber-600) !important; }
.hover\:border-right-amber-700:hover { border-right-color: var(--amber-700) !important; }
.hover\:border-right-amber-800:hover { border-right-color: var(--amber-800) !important; }
.hover\:border-right-amber-900:hover { border-right-color: var(--amber-900) !important; }
.hover\:border-right-amber-A100:hover { border-right-color: var(--amber-100) !important; }
.hover\:border-right-amber-A200:hover { border-right-color: var(--amber-200) !important; }
.hover\:border-right-amber-A400:hover { border-right-color: var(--amber-400) !important; }
.hover\:border-right-amber-A700:hover { border-right-color: var(--amber-700) !important; }

.hover\:border-right-orange-050:hover { border-right-color: var(--orange-050) !important; }
.hover\:border-right-orange-100:hover { border-right-color: var(--orange-100) !important; }
.hover\:border-right-orange-200:hover { border-right-color: var(--orange-200) !important; }
.hover\:border-right-orange-300:hover { border-right-color: var(--orange-300) !important; }
.hover\:border-right-orange-400:hover { border-right-color: var(--orange-400) !important; }
.hover\:border-right-orange-500:hover { border-right-color: var(--orange-500) !important; }
.hover\:border-right-orange-600:hover { border-right-color: var(--orange-600) !important; }
.hover\:border-right-orange-700:hover { border-right-color: var(--orange-700) !important; }
.hover\:border-right-orange-800:hover { border-right-color: var(--orange-800) !important; }
.hover\:border-right-orange-900:hover { border-right-color: var(--orange-900) !important; }
.hover\:border-right-orange-A100:hover { border-right-color: var(--orange-100) !important; }
.hover\:border-right-orange-A200:hover { border-right-color: var(--orange-200) !important; }
.hover\:border-right-orange-A400:hover { border-right-color: var(--orange-400) !important; }
.hover\:border-right-orange-A700:hover { border-right-color: var(--orange-700) !important; }

.hover\:border-right-deep-orange-050:hover { border-right-color: var(--deep-orange-050) !important; }
.hover\:border-right-deep-orange-100:hover { border-right-color: var(--deep-orange-100) !important; }
.hover\:border-right-deep-orange-200:hover { border-right-color: var(--deep-orange-200) !important; }
.hover\:border-right-deep-orange-300:hover { border-right-color: var(--deep-orange-300) !important; }
.hover\:border-right-deep-orange-400:hover { border-right-color: var(--deep-orange-400) !important; }
.hover\:border-right-deep-orange-500:hover { border-right-color: var(--deep-orange-500) !important; }
.hover\:border-right-deep-orange-600:hover { border-right-color: var(--deep-orange-600) !important; }
.hover\:border-right-deep-orange-700:hover { border-right-color: var(--deep-orange-700) !important; }
.hover\:border-right-deep-orange-800:hover { border-right-color: var(--deep-orange-800) !important; }
.hover\:border-right-deep-orange-900:hover { border-right-color: var(--deep-orange-900) !important; }
.hover\:border-right-deep-orange-A100:hover { border-right-color: var(--deep-orange-100) !important; }
.hover\:border-right-deep-orange-A200:hover { border-right-color: var(--deep-orange-200) !important; }
.hover\:border-right-deep-orange-A400:hover { border-right-color: var(--deep-orange-400) !important; }
.hover\:border-right-deep-orange-A700:hover { border-right-color: var(--deep-orange-700) !important; }

.hover\:border-right-brown-050:hover { border-right-color: var(--brown-050) !important; }
.hover\:border-right-brown-100:hover { border-right-color: var(--brown-100) !important; }
.hover\:border-right-brown-200:hover { border-right-color: var(--brown-200) !important; }
.hover\:border-right-brown-300:hover { border-right-color: var(--brown-300) !important; }
.hover\:border-right-brown-400:hover { border-right-color: var(--brown-400) !important; }
.hover\:border-right-brown-500:hover { border-right-color: var(--brown-500) !important; }
.hover\:border-right-brown-600:hover { border-right-color: var(--brown-600) !important; }
.hover\:border-right-brown-700:hover { border-right-color: var(--brown-700) !important; }
.hover\:border-right-brown-800:hover { border-right-color: var(--brown-800) !important; }
.hover\:border-right-brown-900:hover { border-right-color: var(--brown-900) !important; }

.hover\:border-right-grey-050:hover { border-right-color: var(--grey-050) !important; }
.hover\:border-right-grey-100:hover { border-right-color: var(--grey-100) !important; }
.hover\:border-right-grey-200:hover { border-right-color: var(--grey-200) !important; }
.hover\:border-right-grey-300:hover { border-right-color: var(--grey-300) !important; }
.hover\:border-right-grey-400:hover { border-right-color: var(--grey-400) !important; }
.hover\:border-right-grey-500:hover { border-right-color: var(--grey-500) !important; }
.hover\:border-right-grey-600:hover { border-right-color: var(--grey-600) !important; }
.hover\:border-right-grey-700:hover { border-right-color: var(--grey-700) !important; }
.hover\:border-right-grey-800:hover { border-right-color: var(--grey-800) !important; }
.hover\:border-right-grey-900:hover { border-right-color: var(--grey-900) !important; }

.hover\:border-right-blue-grey-050:hover { border-right-color: var(--blue-grey-050) !important; }
.hover\:border-right-blue-grey-100:hover { border-right-color: var(--blue-grey-100) !important; }
.hover\:border-right-blue-grey-200:hover { border-right-color: var(--blue-grey-200) !important; }
.hover\:border-right-blue-grey-300:hover { border-right-color: var(--blue-grey-300) !important; }
.hover\:border-right-blue-grey-400:hover { border-right-color: var(--blue-grey-400) !important; }
.hover\:border-right-blue-grey-500:hover { border-right-color: var(--blue-grey-500) !important; }
.hover\:border-right-blue-grey-600:hover { border-right-color: var(--blue-grey-600) !important; }
.hover\:border-right-blue-grey-700:hover { border-right-color: var(--blue-grey-700) !important; }
.hover\:border-right-blue-grey-800:hover { border-right-color: var(--blue-grey-800) !important; }
.hover\:border-right-blue-grey-900:hover { border-right-color: var(--blue-grey-900) !important; }

.hover\:border-right-white-050:hover { border-right-color: var(--white-050) !important; }
.hover\:border-right-white-100:hover { border-right-color: var(--white-100) !important; }
.hover\:border-right-white-150:hover { border-right-color: var(--white-150) !important; }
.hover\:border-right-white-200:hover { border-right-color: var(--white-200) !important; }
.hover\:border-right-white-250:hover { border-right-color: var(--white-250) !important; }
.hover\:border-right-white-300:hover { border-right-color: var(--white-300) !important; }
.hover\:border-right-white-350:hover { border-right-color: var(--white-350) !important; }
.hover\:border-right-white-400:hover { border-right-color: var(--white-400) !important; }
.hover\:border-right-white-450:hover { border-right-color: var(--white-450) !important; }
.hover\:border-right-white-500:hover { border-right-color: var(--white-500) !important; }
.hover\:border-right-white-550:hover { border-right-color: var(--white-550) !important; }
.hover\:border-right-white-600:hover { border-right-color: var(--white-600) !important; }
.hover\:border-right-white-650:hover { border-right-color: var(--white-650) !important; }
.hover\:border-right-white-700:hover { border-right-color: var(--white-700) !important; }
.hover\:border-right-white-750:hover { border-right-color: var(--white-750) !important; }
.hover\:border-right-white-800:hover { border-right-color: var(--white-800) !important; }
.hover\:border-right-white-850:hover { border-right-color: var(--white-850) !important; }
.hover\:border-right-white-900:hover { border-right-color: var(--white-900) !important; }
.hover\:border-right-white-950:hover { border-right-color: var(--white-950) !important; }
.hover\:border-right-white:hover     { border-right-color: var(--white) !important; }

.hover\:border-right-black-050:hover { border-right-color: var(--black-050) !important; }
.hover\:border-right-black-100:hover { border-right-color: var(--black-100) !important; }
.hover\:border-right-black-150:hover { border-right-color: var(--black-150) !important; }
.hover\:border-right-black-200:hover { border-right-color: var(--black-200) !important; }
.hover\:border-right-black-250:hover { border-right-color: var(--black-250) !important; }
.hover\:border-right-black-300:hover { border-right-color: var(--black-300) !important; }
.hover\:border-right-black-350:hover { border-right-color: var(--black-350) !important; }
.hover\:border-right-black-400:hover { border-right-color: var(--black-400) !important; }
.hover\:border-right-black-450:hover { border-right-color: var(--black-450) !important; }
.hover\:border-right-black-500:hover { border-right-color: var(--black-500) !important; }
.hover\:border-right-black-550:hover { border-right-color: var(--black-550) !important; }
.hover\:border-right-black-600:hover { border-right-color: var(--black-600) !important; }
.hover\:border-right-black-650:hover { border-right-color: var(--black-650) !important; }
.hover\:border-right-black-700:hover { border-right-color: var(--black-700) !important; }
.hover\:border-right-black-750:hover { border-right-color: var(--black-750) !important; }
.hover\:border-right-black-800:hover { border-right-color: var(--black-800) !important; }
.hover\:border-right-black-850:hover { border-right-color: var(--black-850) !important; }
.hover\:border-right-black-900:hover { border-right-color: var(--black-900) !important; }
.hover\:border-right-black-950:hover { border-right-color: var(--black-950) !important; }
.hover\:border-right-black:hover     { border-right-color: var(--black) !important; }

/* Placeholder (Credit tailwind css)
   ========================================================================== */

.placeholder-primary:-ms-input-placeholder      { color: var(--primary-color) !important; }
.placeholder-primary::-ms-input-placeholder     { color: var(--primary-color) !important; }
.placeholder-primary::placeholder               { color: var(--primary-color) !important; }
.placeholder-secondary:-ms-input-placeholder    { color: var(--secondary-color) !important; }
.placeholder-secondary::-ms-input-placeholder   { color: var(--secondary-color) !important; }
.placeholder-secondary::placeholder             { color: var(--secondary-color) !important; }
.placeholder-success:-ms-input-placeholder      { color: var(--success-color) !important; }
.placeholder-success::-ms-input-placeholder     { color: var(--success-color) !important; }
.placeholder-success::placeholder               { color: var(--success-color) !important; }
.placeholder-danger:-ms-input-placeholder       { color: var(--danger-color) !important; }
.placeholder-danger::-ms-input-placeholder      { color: var(--danger-color) !important; }
.placeholder-danger::placeholder                { color: var(--danger-color) !important; }
.placeholder-info:-ms-input-placeholder         { color: var(--info-color) !important; }
.placeholder-info::-ms-input-placeholder        { color: var(--info-color) !important; }
.placeholder-info::placeholder                  { color: var(--info-color) !important; }
.placeholder-warning:-ms-input-placeholder      { color: var(--warning-color) !important; }
.placeholder-warning::-ms-input-placeholder     { color: var(--warning-color) !important; }
.placeholder-warning::placeholder               { color: var(--warning-color) !important; }
.placeholder-light:-ms-input-placeholder        { color: var(--light-color) !important; }
.placeholder-light::-ms-input-placeholder       { color: var(--light-color) !important; }
.placeholder-light::placeholder                 { color: var(--light-color) !important; }
.placeholder-dark:-ms-input-placeholder         { color: var(--dark-color) !important; }
.placeholder-dark::-ms-input-placeholder        { color: var(--dark-color) !important; }
.placeholder-dark::placeholder                  { color: var(--dark-color) !important; }
.placeholder-muted:-ms-input-placeholder        { color: var(--muted-color) !important; }
.placeholder-muted::-ms-input-placeholder       { color: var(--muted-color) !important; }
.placeholder-muted::placeholder                 { color: var(--muted-color) !important; }
.placeholder-body:-ms-input-placeholder         { color: var(--body-background-color) !important; }
.placeholder-body::-ms-input-placeholder        { color: var(--body-background-color) !important; }
.placeholder-body::placeholder                  { color: var(--body-background-color) !important; }
.placeholder-default:-ms-input-placeholder      { color: var(--body-background-color) !important; }
.placeholder-default::-ms-input-placeholder     { color: var(--body-background-color) !important; }
.placeholder-default::placeholder               { color: var(--body-background-color) !important; }
.placeholder-current:-ms-input-placeholder      { color: currentColor !important; }
.placeholder-current::-ms-input-placeholder     { color: currentColor !important; }
.placeholder-current::placeholder               { color: currentColor !important; }
.placeholder-reset:-ms-input-placeholder        { color: inherit !important; }
.placeholder-reset::-ms-input-placeholder       { color: inherit !important; }
.placeholder-reset::placeholder                 { color: inherit !important; }
.placeholder-transparent:-ms-input-placeholder  { color: transparent !important; }
.placeholder-transparent::-ms-input-placeholder { color: transparent !important; }
.placeholder-transparent::placeholder           { color: transparent !important; }

.placeholder-primary-050:-ms-input-placeholder  { color: var(--primary-color-050) !important; }
.placeholder-primary-050::-ms-input-placeholder { color: var(--primary-color-050) !important; }
.placeholder-primary-050::placeholder           { color: var(--primary-color-050) !important; }
.placeholder-primary-100:-ms-input-placeholder  { color: var(--primary-color-100) !important; }
.placeholder-primary-100::-ms-input-placeholder { color: var(--primary-color-100) !important; }
.placeholder-primary-100::placeholder           { color: var(--primary-color-100) !important; }
.placeholder-primary-200:-ms-input-placeholder  { color: var(--primary-color-200) !important; }
.placeholder-primary-200::-ms-input-placeholder { color: var(--primary-color-200) !important; }
.placeholder-primary-200::placeholder           { color: var(--primary-color-200) !important; }
.placeholder-primary-300:-ms-input-placeholder  { color: var(--primary-color-300) !important; }
.placeholder-primary-300::-ms-input-placeholder { color: var(--primary-color-300) !important; }
.placeholder-primary-300::placeholder           { color: var(--primary-color-300) !important; }
.placeholder-primary-400:-ms-input-placeholder  { color: var(--primary-color-400) !important; }
.placeholder-primary-400::-ms-input-placeholder { color: var(--primary-color-400) !important; }
.placeholder-primary-400::placeholder           { color: var(--primary-color-400) !important; }
.placeholder-primary-420:-ms-input-placeholder  { color: var(--primary-color-420) !important; }
.placeholder-primary-420::-ms-input-placeholder { color: var(--primary-color-420) !important; }
.placeholder-primary-420::placeholder           { color: var(--primary-color-420) !important; }
.placeholder-primary-440:-ms-input-placeholder  { color: var(--primary-color-440) !important; }
.placeholder-primary-440::-ms-input-placeholder { color: var(--primary-color-440) !important; }
.placeholder-primary-440::placeholder           { color: var(--primary-color-440) !important; }
.placeholder-primary-460:-ms-input-placeholder  { color: var(--primary-color-460) !important; }
.placeholder-primary-460::-ms-input-placeholder { color: var(--primary-color-460) !important; }
.placeholder-primary-460::placeholder           { color: var(--primary-color-460) !important; }
.placeholder-primary-480:-ms-input-placeholder  { color: var(--primary-color-480) !important; }
.placeholder-primary-480::-ms-input-placeholder { color: var(--primary-color-480) !important; }
.placeholder-primary-480::placeholder           { color: var(--primary-color-480) !important; }
.placeholder-primary-500:-ms-input-placeholder  { color: var(--primary-color-500) !important; }
.placeholder-primary-500::-ms-input-placeholder { color: var(--primary-color-500) !important; }
.placeholder-primary-500::placeholder           { color: var(--primary-color-500) !important; }
.placeholder-primary-520:-ms-input-placeholder  { color: var(--primary-color-520) !important; }
.placeholder-primary-520::-ms-input-placeholder { color: var(--primary-color-520) !important; }
.placeholder-primary-520::placeholder           { color: var(--primary-color-520) !important; }
.placeholder-primary-540:-ms-input-placeholder  { color: var(--primary-color-540) !important; }
.placeholder-primary-540::-ms-input-placeholder { color: var(--primary-color-540) !important; }
.placeholder-primary-540::placeholder           { color: var(--primary-color-540) !important; }
.placeholder-primary-560:-ms-input-placeholder  { color: var(--primary-color-560) !important; }
.placeholder-primary-560::-ms-input-placeholder { color: var(--primary-color-560) !important; }
.placeholder-primary-560::placeholder           { color: var(--primary-color-560) !important; }
.placeholder-primary-580:-ms-input-placeholder  { color: var(--primary-color-580) !important; }
.placeholder-primary-580::-ms-input-placeholder { color: var(--primary-color-580) !important; }
.placeholder-primary-580::placeholder           { color: var(--primary-color-580) !important; }
.placeholder-primary-600:-ms-input-placeholder  { color: var(--primary-color-600) !important; }
.placeholder-primary-600::-ms-input-placeholder { color: var(--primary-color-600) !important; }
.placeholder-primary-600::placeholder           { color: var(--primary-color-600) !important; }
.placeholder-primary-700:-ms-input-placeholder  { color: var(--primary-color-700) !important; }
.placeholder-primary-700::-ms-input-placeholder { color: var(--primary-color-700) !important; }
.placeholder-primary-700::placeholder           { color: var(--primary-color-700) !important; }
.placeholder-primary-800:-ms-input-placeholder  { color: var(--primary-color-800) !important; }
.placeholder-primary-800::-ms-input-placeholder { color: var(--primary-color-800) !important; }
.placeholder-primary-800::placeholder           { color: var(--primary-color-800) !important; }
.placeholder-primary-900:-ms-input-placeholder  { color: var(--primary-color-900) !important; }
.placeholder-primary-900::-ms-input-placeholder { color: var(--primary-color-900) !important; }
.placeholder-primary-900::placeholder           { color: var(--primary-color-900) !important; }

.placeholder-secondary-050:-ms-input-placeholder  { color: var(--secondary-color-050) !important; }
.placeholder-secondary-050::-ms-input-placeholder { color: var(--secondary-color-050) !important; }
.placeholder-secondary-050::placeholder           { color: var(--secondary-color-050) !important; }
.placeholder-secondary-100:-ms-input-placeholder  { color: var(--secondary-color-100) !important; }
.placeholder-secondary-100::-ms-input-placeholder { color: var(--secondary-color-100) !important; }
.placeholder-secondary-100::placeholder           { color: var(--secondary-color-100) !important; }
.placeholder-secondary-200:-ms-input-placeholder  { color: var(--secondary-color-200) !important; }
.placeholder-secondary-200::-ms-input-placeholder { color: var(--secondary-color-200) !important; }
.placeholder-secondary-200::placeholder           { color: var(--secondary-color-200) !important; }
.placeholder-secondary-300:-ms-input-placeholder  { color: var(--secondary-color-300) !important; }
.placeholder-secondary-300::-ms-input-placeholder { color: var(--secondary-color-300) !important; }
.placeholder-secondary-300::placeholder           { color: var(--secondary-color-300) !important; }
.placeholder-secondary-400:-ms-input-placeholder  { color: var(--secondary-color-400) !important; }
.placeholder-secondary-400::-ms-input-placeholder { color: var(--secondary-color-400) !important; }
.placeholder-secondary-400::placeholder           { color: var(--secondary-color-400) !important; }
.placeholder-secondary-420:-ms-input-placeholder  { color: var(--secondary-color-420) !important; }
.placeholder-secondary-420::-ms-input-placeholder { color: var(--secondary-color-420) !important; }
.placeholder-secondary-420::placeholder           { color: var(--secondary-color-420) !important; }
.placeholder-secondary-440:-ms-input-placeholder  { color: var(--secondary-color-440) !important; }
.placeholder-secondary-440::-ms-input-placeholder { color: var(--secondary-color-440) !important; }
.placeholder-secondary-440::placeholder           { color: var(--secondary-color-440) !important; }
.placeholder-secondary-460:-ms-input-placeholder  { color: var(--secondary-color-460) !important; }
.placeholder-secondary-460::-ms-input-placeholder { color: var(--secondary-color-460) !important; }
.placeholder-secondary-460::placeholder           { color: var(--secondary-color-460) !important; }
.placeholder-secondary-480:-ms-input-placeholder  { color: var(--secondary-color-480) !important; }
.placeholder-secondary-480::-ms-input-placeholder { color: var(--secondary-color-480) !important; }
.placeholder-secondary-480::placeholder           { color: var(--secondary-color-480) !important; }
.placeholder-secondary-500:-ms-input-placeholder  { color: var(--secondary-color-500) !important; }
.placeholder-secondary-500::-ms-input-placeholder { color: var(--secondary-color-500) !important; }
.placeholder-secondary-500::placeholder           { color: var(--secondary-color-500) !important; }
.placeholder-secondary-520:-ms-input-placeholder  { color: var(--secondary-color-520) !important; }
.placeholder-secondary-520::-ms-input-placeholder { color: var(--secondary-color-520) !important; }
.placeholder-secondary-520::placeholder           { color: var(--secondary-color-520) !important; }
.placeholder-secondary-540:-ms-input-placeholder  { color: var(--secondary-color-540) !important; }
.placeholder-secondary-540::-ms-input-placeholder { color: var(--secondary-color-540) !important; }
.placeholder-secondary-540::placeholder           { color: var(--secondary-color-540) !important; }
.placeholder-secondary-560:-ms-input-placeholder  { color: var(--secondary-color-560) !important; }
.placeholder-secondary-560::-ms-input-placeholder { color: var(--secondary-color-560) !important; }
.placeholder-secondary-560::placeholder           { color: var(--secondary-color-560) !important; }
.placeholder-secondary-580:-ms-input-placeholder  { color: var(--secondary-color-580) !important; }
.placeholder-secondary-580::-ms-input-placeholder { color: var(--secondary-color-580) !important; }
.placeholder-secondary-580::placeholder           { color: var(--secondary-color-580) !important; }
.placeholder-secondary-600:-ms-input-placeholder  { color: var(--secondary-color-600) !important; }
.placeholder-secondary-600::-ms-input-placeholder { color: var(--secondary-color-600) !important; }
.placeholder-secondary-600::placeholder           { color: var(--secondary-color-600) !important; }
.placeholder-secondary-700:-ms-input-placeholder  { color: var(--secondary-color-700) !important; }
.placeholder-secondary-700::-ms-input-placeholder { color: var(--secondary-color-700) !important; }
.placeholder-secondary-700::placeholder           { color: var(--secondary-color-700) !important; }
.placeholder-secondary-800:-ms-input-placeholder  { color: var(--secondary-color-800) !important; }
.placeholder-secondary-800::-ms-input-placeholder { color: var(--secondary-color-800) !important; }
.placeholder-secondary-800::placeholder           { color: var(--secondary-color-800) !important; }
.placeholder-secondary-900:-ms-input-placeholder  { color: var(--secondary-color-900) !important; }
.placeholder-secondary-900::-ms-input-placeholder { color: var(--secondary-color-900) !important; }
.placeholder-secondary-900::placeholder           { color: var(--secondary-color-900) !important; }

.placeholder-red-050:-ms-input-placeholder   { color: var(--red-050) !important; }
.placeholder-red-050::-ms-input-placeholder  { color: var(--red-050) !important; }
.placeholder-red-050::placeholder            { color: var(--red-050) !important; }
.placeholder-red-100:-ms-input-placeholder   { color: var(--red-100) !important; }
.placeholder-red-100::-ms-input-placeholder  { color: var(--red-100) !important; }
.placeholder-red-100::placeholder            { color: var(--red-100) !important; }
.placeholder-red-200:-ms-input-placeholder   { color: var(--red-200) !important; }
.placeholder-red-200::-ms-input-placeholder  { color: var(--red-200) !important; }
.placeholder-red-200::placeholder            { color: var(--red-200) !important; }
.placeholder-red-300:-ms-input-placeholder   { color: var(--red-300) !important; }
.placeholder-red-300::-ms-input-placeholder  { color: var(--red-300) !important; }
.placeholder-red-300::placeholder            { color: var(--red-300) !important; }
.placeholder-red-400:-ms-input-placeholder   { color: var(--red-400) !important; }
.placeholder-red-400::-ms-input-placeholder  { color: var(--red-400) !important; }
.placeholder-red-400::placeholder            { color: var(--red-400) !important; }
.placeholder-red-500:-ms-input-placeholder   { color: var(--red-500) !important; }
.placeholder-red-500::-ms-input-placeholder  { color: var(--red-500) !important; }
.placeholder-red-500::placeholder            { color: var(--red-500) !important; }
.placeholder-red-600:-ms-input-placeholder   { color: var(--red-600) !important; }
.placeholder-red-600::-ms-input-placeholder  { color: var(--red-600) !important; }
.placeholder-red-600::placeholder            { color: var(--red-600) !important; }
.placeholder-red-700:-ms-input-placeholder   { color: var(--red-700) !important; }
.placeholder-red-700::-ms-input-placeholder  { color: var(--red-700) !important; }
.placeholder-red-700::placeholder            { color: var(--red-700) !important; }
.placeholder-red-800:-ms-input-placeholder   { color: var(--red-800) !important; }
.placeholder-red-800::-ms-input-placeholder  { color: var(--red-800) !important; }
.placeholder-red-800::placeholder            { color: var(--red-800) !important; }
.placeholder-red-900:-ms-input-placeholder   { color: var(--red-900) !important; }
.placeholder-red-900::-ms-input-placeholder  { color: var(--red-900) !important; }
.placeholder-red-900::placeholder            { color: var(--red-900) !important; }
.placeholder-red-A100:-ms-input-placeholder  { color: var(--red-A100) !important; }
.placeholder-red-A100::-ms-input-placeholder { color: var(--red-A100) !important; }
.placeholder-red-A100::placeholder           { color: var(--red-A100) !important; }
.placeholder-red-A200:-ms-input-placeholder  { color: var(--red-A200) !important; }
.placeholder-red-A200::-ms-input-placeholder { color: var(--red-A200) !important; }
.placeholder-red-A200::placeholder           { color: var(--red-A200) !important; }
.placeholder-red-A400:-ms-input-placeholder  { color: var(--red-A400) !important; }
.placeholder-red-A400::-ms-input-placeholder { color: var(--red-A400) !important; }
.placeholder-red-A400::placeholder           { color: var(--red-A400) !important; }
.placeholder-red-A700:-ms-input-placeholder  { color: var(--red-A700) !important; }
.placeholder-red-A700::-ms-input-placeholder { color: var(--red-A700) !important; }
.placeholder-red-A700::placeholder           { color: var(--red-A700) !important; }

.placeholder-pink-050:-ms-input-placeholder   { color: var(--pink-050) !important; }
.placeholder-pink-050::-ms-input-placeholder  { color: var(--pink-050) !important; }
.placeholder-pink-050::placeholder            { color: var(--pink-050) !important; }
.placeholder-pink-100:-ms-input-placeholder   { color: var(--pink-100) !important; }
.placeholder-pink-100::-ms-input-placeholder  { color: var(--pink-100) !important; }
.placeholder-pink-100::placeholder            { color: var(--pink-100) !important; }
.placeholder-pink-200:-ms-input-placeholder   { color: var(--pink-200) !important; }
.placeholder-pink-200::-ms-input-placeholder  { color: var(--pink-200) !important; }
.placeholder-pink-200::placeholder            { color: var(--pink-200) !important; }
.placeholder-pink-300:-ms-input-placeholder   { color: var(--pink-300) !important; }
.placeholder-pink-300::-ms-input-placeholder  { color: var(--pink-300) !important; }
.placeholder-pink-300::placeholder            { color: var(--pink-300) !important; }
.placeholder-pink-400:-ms-input-placeholder   { color: var(--pink-400) !important; }
.placeholder-pink-400::-ms-input-placeholder  { color: var(--pink-400) !important; }
.placeholder-pink-400::placeholder            { color: var(--pink-400) !important; }
.placeholder-pink-500:-ms-input-placeholder   { color: var(--pink-500) !important; }
.placeholder-pink-500::-ms-input-placeholder  { color: var(--pink-500) !important; }
.placeholder-pink-500::placeholder            { color: var(--pink-500) !important; }
.placeholder-pink-600:-ms-input-placeholder   { color: var(--pink-600) !important; }
.placeholder-pink-600::-ms-input-placeholder  { color: var(--pink-600) !important; }
.placeholder-pink-600::placeholder            { color: var(--pink-600) !important; }
.placeholder-pink-700:-ms-input-placeholder   { color: var(--pink-700) !important; }
.placeholder-pink-700::-ms-input-placeholder  { color: var(--pink-700) !important; }
.placeholder-pink-700::placeholder            { color: var(--pink-700) !important; }
.placeholder-pink-800:-ms-input-placeholder   { color: var(--pink-800) !important; }
.placeholder-pink-800::-ms-input-placeholder  { color: var(--pink-800) !important; }
.placeholder-pink-800::placeholder            { color: var(--pink-800) !important; }
.placeholder-pink-900:-ms-input-placeholder   { color: var(--pink-900) !important; }
.placeholder-pink-900::-ms-input-placeholder  { color: var(--pink-900) !important; }
.placeholder-pink-900::placeholder            { color: var(--pink-900) !important; }
.placeholder-pink-A100:-ms-input-placeholder  { color: var(--pink-A100) !important; }
.placeholder-pink-A100::-ms-input-placeholder { color: var(--pink-A100) !important; }
.placeholder-pink-A100::placeholder           { color: var(--pink-A100) !important; }
.placeholder-pink-A200:-ms-input-placeholder  { color: var(--pink-A200) !important; }
.placeholder-pink-A200::-ms-input-placeholder { color: var(--pink-A200) !important; }
.placeholder-pink-A200::placeholder           { color: var(--pink-A200) !important; }
.placeholder-pink-A400:-ms-input-placeholder  { color: var(--pink-A400) !important; }
.placeholder-pink-A400::-ms-input-placeholder { color: var(--pink-A400) !important; }
.placeholder-pink-A400::placeholder           { color: var(--pink-A400) !important; }
.placeholder-pink-A700:-ms-input-placeholder  { color: var(--pink-A700) !important; }
.placeholder-pink-A700::-ms-input-placeholder { color: var(--pink-A700) !important; }
.placeholder-pink-A700::placeholder           { color: var(--pink-A700) !important; }

.placeholder-purple-050:-ms-input-placeholder   { color: var(--purple-050) !important; }
.placeholder-purple-050::-ms-input-placeholder  { color: var(--purple-050) !important; }
.placeholder-purple-050::placeholder            { color: var(--purple-050) !important; }
.placeholder-purple-100:-ms-input-placeholder   { color: var(--purple-100) !important; }
.placeholder-purple-100::-ms-input-placeholder  { color: var(--purple-100) !important; }
.placeholder-purple-100::placeholder            { color: var(--purple-100) !important; }
.placeholder-purple-200:-ms-input-placeholder   { color: var(--purple-200) !important; }
.placeholder-purple-200::-ms-input-placeholder  { color: var(--purple-200) !important; }
.placeholder-purple-200::placeholder            { color: var(--purple-200) !important; }
.placeholder-purple-300:-ms-input-placeholder   { color: var(--purple-300) !important; }
.placeholder-purple-300::-ms-input-placeholder  { color: var(--purple-300) !important; }
.placeholder-purple-300::placeholder            { color: var(--purple-300) !important; }
.placeholder-purple-400:-ms-input-placeholder   { color: var(--purple-400) !important; }
.placeholder-purple-400::-ms-input-placeholder  { color: var(--purple-400) !important; }
.placeholder-purple-400::placeholder            { color: var(--purple-400) !important; }
.placeholder-purple-500:-ms-input-placeholder   { color: var(--purple-500) !important; }
.placeholder-purple-500::-ms-input-placeholder  { color: var(--purple-500) !important; }
.placeholder-purple-500::placeholder            { color: var(--purple-500) !important; }
.placeholder-purple-600:-ms-input-placeholder   { color: var(--purple-600) !important; }
.placeholder-purple-600::-ms-input-placeholder  { color: var(--purple-600) !important; }
.placeholder-purple-600::placeholder            { color: var(--purple-600) !important; }
.placeholder-purple-700:-ms-input-placeholder   { color: var(--purple-700) !important; }
.placeholder-purple-700::-ms-input-placeholder  { color: var(--purple-700) !important; }
.placeholder-purple-700::placeholder            { color: var(--purple-700) !important; }
.placeholder-purple-800:-ms-input-placeholder   { color: var(--purple-800) !important; }
.placeholder-purple-800::-ms-input-placeholder  { color: var(--purple-800) !important; }
.placeholder-purple-800::placeholder            { color: var(--purple-800) !important; }
.placeholder-purple-900:-ms-input-placeholder   { color: var(--purple-900) !important; }
.placeholder-purple-900::-ms-input-placeholder  { color: var(--purple-900) !important; }
.placeholder-purple-900::placeholder            { color: var(--purple-900) !important; }
.placeholder-purple-A100:-ms-input-placeholder  { color: var(--purple-A100) !important; }
.placeholder-purple-A100::-ms-input-placeholder { color: var(--purple-A100) !important; }
.placeholder-purple-A100::placeholder           { color: var(--purple-A100) !important; }
.placeholder-purple-A200:-ms-input-placeholder  { color: var(--purple-A200) !important; }
.placeholder-purple-A200::-ms-input-placeholder { color: var(--purple-A200) !important; }
.placeholder-purple-A200::placeholder           { color: var(--purple-A200) !important; }
.placeholder-purple-A400:-ms-input-placeholder  { color: var(--purple-A400) !important; }
.placeholder-purple-A400::-ms-input-placeholder { color: var(--purple-A400) !important; }
.placeholder-purple-A400::placeholder           { color: var(--purple-A400) !important; }
.placeholder-purple-A700:-ms-input-placeholder  { color: var(--purple-A700) !important; }
.placeholder-purple-A700::-ms-input-placeholder { color: var(--purple-A700) !important; }
.placeholder-purple-A700::placeholder           { color: var(--purple-A700) !important; }

.placeholder-deep-purple-050:-ms-input-placeholder   { color: var(--deep-purple-050) !important; }
.placeholder-deep-purple-050::-ms-input-placeholder  { color: var(--deep-purple-050) !important; }
.placeholder-deep-purple-050::placeholder            { color: var(--deep-purple-050) !important; }
.placeholder-deep-purple-100:-ms-input-placeholder   { color: var(--deep-purple-100) !important; }
.placeholder-deep-purple-100::-ms-input-placeholder  { color: var(--deep-purple-100) !important; }
.placeholder-deep-purple-100::placeholder            { color: var(--deep-purple-100) !important; }
.placeholder-deep-purple-200:-ms-input-placeholder   { color: var(--deep-purple-200) !important; }
.placeholder-deep-purple-200::-ms-input-placeholder  { color: var(--deep-purple-200) !important; }
.placeholder-deep-purple-200::placeholder            { color: var(--deep-purple-200) !important; }
.placeholder-deep-purple-300:-ms-input-placeholder   { color: var(--deep-purple-300) !important; }
.placeholder-deep-purple-300::-ms-input-placeholder  { color: var(--deep-purple-300) !important; }
.placeholder-deep-purple-300::placeholder            { color: var(--deep-purple-300) !important; }
.placeholder-deep-purple-400:-ms-input-placeholder   { color: var(--deep-purple-400) !important; }
.placeholder-deep-purple-400::-ms-input-placeholder  { color: var(--deep-purple-400) !important; }
.placeholder-deep-purple-400::placeholder            { color: var(--deep-purple-400) !important; }
.placeholder-deep-purple-500:-ms-input-placeholder   { color: var(--deep-purple-500) !important; }
.placeholder-deep-purple-500::-ms-input-placeholder  { color: var(--deep-purple-500) !important; }
.placeholder-deep-purple-500::placeholder            { color: var(--deep-purple-500) !important; }
.placeholder-deep-purple-600:-ms-input-placeholder   { color: var(--deep-purple-600) !important; }
.placeholder-deep-purple-600::-ms-input-placeholder  { color: var(--deep-purple-600) !important; }
.placeholder-deep-purple-600::placeholder            { color: var(--deep-purple-600) !important; }
.placeholder-deep-purple-700:-ms-input-placeholder   { color: var(--deep-purple-700) !important; }
.placeholder-deep-purple-700::-ms-input-placeholder  { color: var(--deep-purple-700) !important; }
.placeholder-deep-purple-700::placeholder            { color: var(--deep-purple-700) !important; }
.placeholder-deep-purple-800:-ms-input-placeholder   { color: var(--deep-purple-800) !important; }
.placeholder-deep-purple-800::-ms-input-placeholder  { color: var(--deep-purple-800) !important; }
.placeholder-deep-purple-800::placeholder            { color: var(--deep-purple-800) !important; }
.placeholder-deep-purple-900:-ms-input-placeholder   { color: var(--deep-purple-900) !important; }
.placeholder-deep-purple-900::-ms-input-placeholder  { color: var(--deep-purple-900) !important; }
.placeholder-deep-purple-900::placeholder            { color: var(--deep-purple-900) !important; }
.placeholder-deep-purple-A100:-ms-input-placeholder  { color: var(--deep-purple-A100) !important; }
.placeholder-deep-purple-A100::-ms-input-placeholder { color: var(--deep-purple-A100) !important; }
.placeholder-deep-purple-A100::placeholder           { color: var(--deep-purple-A100) !important; }
.placeholder-deep-purple-A200:-ms-input-placeholder  { color: var(--deep-purple-A200) !important; }
.placeholder-deep-purple-A200::-ms-input-placeholder { color: var(--deep-purple-A200) !important; }
.placeholder-deep-purple-A200::placeholder           { color: var(--deep-purple-A200) !important; }
.placeholder-deep-purple-A400:-ms-input-placeholder  { color: var(--deep-purple-A400) !important; }
.placeholder-deep-purple-A400::-ms-input-placeholder { color: var(--deep-purple-A400) !important; }
.placeholder-deep-purple-A400::placeholder           { color: var(--deep-purple-A400) !important; }
.placeholder-deep-purple-A700:-ms-input-placeholder  { color: var(--deep-purple-A700) !important; }
.placeholder-deep-purple-A700::-ms-input-placeholder { color: var(--deep-purple-A700) !important; }
.placeholder-deep-purple-A700::placeholder           { color: var(--deep-purple-A700) !important; }

.placeholder-indigo-050:-ms-input-placeholder   { color: var(--indigo-050) !important; }
.placeholder-indigo-050::-ms-input-placeholder  { color: var(--indigo-050) !important; }
.placeholder-indigo-050::placeholder            { color: var(--indigo-050) !important; }
.placeholder-indigo-100:-ms-input-placeholder   { color: var(--indigo-100) !important; }
.placeholder-indigo-100::-ms-input-placeholder  { color: var(--indigo-100) !important; }
.placeholder-indigo-100::placeholder            { color: var(--indigo-100) !important; }
.placeholder-indigo-200:-ms-input-placeholder   { color: var(--indigo-200) !important; }
.placeholder-indigo-200::-ms-input-placeholder  { color: var(--indigo-200) !important; }
.placeholder-indigo-200::placeholder            { color: var(--indigo-200) !important; }
.placeholder-indigo-300:-ms-input-placeholder   { color: var(--indigo-300) !important; }
.placeholder-indigo-300::-ms-input-placeholder  { color: var(--indigo-300) !important; }
.placeholder-indigo-300::placeholder            { color: var(--indigo-300) !important; }
.placeholder-indigo-400:-ms-input-placeholder   { color: var(--indigo-400) !important; }
.placeholder-indigo-400::-ms-input-placeholder  { color: var(--indigo-400) !important; }
.placeholder-indigo-400::placeholder            { color: var(--indigo-400) !important; }
.placeholder-indigo-500:-ms-input-placeholder   { color: var(--indigo-500) !important; }
.placeholder-indigo-500::-ms-input-placeholder  { color: var(--indigo-500) !important; }
.placeholder-indigo-500::placeholder            { color: var(--indigo-500) !important; }
.placeholder-indigo-600:-ms-input-placeholder   { color: var(--indigo-600) !important; }
.placeholder-indigo-600::-ms-input-placeholder  { color: var(--indigo-600) !important; }
.placeholder-indigo-600::placeholder            { color: var(--indigo-600) !important; }
.placeholder-indigo-700:-ms-input-placeholder   { color: var(--indigo-700) !important; }
.placeholder-indigo-700::-ms-input-placeholder  { color: var(--indigo-700) !important; }
.placeholder-indigo-700::placeholder            { color: var(--indigo-700) !important; }
.placeholder-indigo-800:-ms-input-placeholder   { color: var(--indigo-800) !important; }
.placeholder-indigo-800::-ms-input-placeholder  { color: var(--indigo-800) !important; }
.placeholder-indigo-800::placeholder            { color: var(--indigo-800) !important; }
.placeholder-indigo-900:-ms-input-placeholder   { color: var(--indigo-900) !important; }
.placeholder-indigo-900::-ms-input-placeholder  { color: var(--indigo-900) !important; }
.placeholder-indigo-900::placeholder            { color: var(--indigo-900) !important; }
.placeholder-indigo-A100:-ms-input-placeholder  { color: var(--indigo-A100) !important; }
.placeholder-indigo-A100::-ms-input-placeholder { color: var(--indigo-A100) !important; }
.placeholder-indigo-A100::placeholder           { color: var(--indigo-A100) !important; }
.placeholder-indigo-A200:-ms-input-placeholder  { color: var(--indigo-A200) !important; }
.placeholder-indigo-A200::-ms-input-placeholder { color: var(--indigo-A200) !important; }
.placeholder-indigo-A200::placeholder           { color: var(--indigo-A200) !important; }
.placeholder-indigo-A400:-ms-input-placeholder  { color: var(--indigo-A400) !important; }
.placeholder-indigo-A400::-ms-input-placeholder { color: var(--indigo-A400) !important; }
.placeholder-indigo-A400::placeholder           { color: var(--indigo-A400) !important; }
.placeholder-indigo-A700:-ms-input-placeholder  { color: var(--indigo-A700) !important; }
.placeholder-indigo-A700::-ms-input-placeholder { color: var(--indigo-A700) !important; }
.placeholder-indigo-A700::placeholder           { color: var(--indigo-A700) !important; }

.placeholder-blue-050:-ms-input-placeholder   { color: var(--blue-050) !important; }
.placeholder-blue-050::-ms-input-placeholder  { color: var(--blue-050) !important; }
.placeholder-blue-050::placeholder            { color: var(--blue-050) !important; }
.placeholder-blue-100:-ms-input-placeholder   { color: var(--blue-100) !important; }
.placeholder-blue-100::-ms-input-placeholder  { color: var(--blue-100) !important; }
.placeholder-blue-100::placeholder            { color: var(--blue-100) !important; }
.placeholder-blue-200:-ms-input-placeholder   { color: var(--blue-200) !important; }
.placeholder-blue-200::-ms-input-placeholder  { color: var(--blue-200) !important; }
.placeholder-blue-200::placeholder            { color: var(--blue-200) !important; }
.placeholder-blue-300:-ms-input-placeholder   { color: var(--blue-300) !important; }
.placeholder-blue-300::-ms-input-placeholder  { color: var(--blue-300) !important; }
.placeholder-blue-300::placeholder            { color: var(--blue-300) !important; }
.placeholder-blue-400:-ms-input-placeholder   { color: var(--blue-400) !important; }
.placeholder-blue-400::-ms-input-placeholder  { color: var(--blue-400) !important; }
.placeholder-blue-400::placeholder            { color: var(--blue-400) !important; }
.placeholder-blue-500:-ms-input-placeholder   { color: var(--blue-500) !important; }
.placeholder-blue-500::-ms-input-placeholder  { color: var(--blue-500) !important; }
.placeholder-blue-500::placeholder            { color: var(--blue-500) !important; }
.placeholder-blue-600:-ms-input-placeholder   { color: var(--blue-600) !important; }
.placeholder-blue-600::-ms-input-placeholder  { color: var(--blue-600) !important; }
.placeholder-blue-600::placeholder            { color: var(--blue-600) !important; }
.placeholder-blue-700:-ms-input-placeholder   { color: var(--blue-700) !important; }
.placeholder-blue-700::-ms-input-placeholder  { color: var(--blue-700) !important; }
.placeholder-blue-700::placeholder            { color: var(--blue-700) !important; }
.placeholder-blue-800:-ms-input-placeholder   { color: var(--blue-800) !important; }
.placeholder-blue-800::-ms-input-placeholder  { color: var(--blue-800) !important; }
.placeholder-blue-800::placeholder            { color: var(--blue-800) !important; }
.placeholder-blue-900:-ms-input-placeholder   { color: var(--blue-900) !important; }
.placeholder-blue-900::-ms-input-placeholder  { color: var(--blue-900) !important; }
.placeholder-blue-900::placeholder            { color: var(--blue-900) !important; }
.placeholder-blue-A100:-ms-input-placeholder  { color: var(--blue-A100) !important; }
.placeholder-blue-A100::-ms-input-placeholder { color: var(--blue-A100) !important; }
.placeholder-blue-A100::placeholder           { color: var(--blue-A100) !important; }
.placeholder-blue-A200:-ms-input-placeholder  { color: var(--blue-A200) !important; }
.placeholder-blue-A200::-ms-input-placeholder { color: var(--blue-A200) !important; }
.placeholder-blue-A200::placeholder           { color: var(--blue-A200) !important; }
.placeholder-blue-A400:-ms-input-placeholder  { color: var(--blue-A400) !important; }
.placeholder-blue-A400::-ms-input-placeholder { color: var(--blue-A400) !important; }
.placeholder-blue-A400::placeholder           { color: var(--blue-A400) !important; }
.placeholder-blue-A700:-ms-input-placeholder  { color: var(--blue-A700) !important; }
.placeholder-blue-A700::-ms-input-placeholder { color: var(--blue-A700) !important; }
.placeholder-blue-A700::placeholder           { color: var(--blue-A700) !important; }

.placeholder-light-blue-050:-ms-input-placeholder   { color: var(--light-blue-050) !important; }
.placeholder-light-blue-050::-ms-input-placeholder  { color: var(--light-blue-050) !important; }
.placeholder-light-blue-050::placeholder            { color: var(--light-blue-050) !important; }
.placeholder-light-blue-100:-ms-input-placeholder   { color: var(--light-blue-100) !important; }
.placeholder-light-blue-100::-ms-input-placeholder  { color: var(--light-blue-100) !important; }
.placeholder-light-blue-100::placeholder            { color: var(--light-blue-100) !important; }
.placeholder-light-blue-200:-ms-input-placeholder   { color: var(--light-blue-200) !important; }
.placeholder-light-blue-200::-ms-input-placeholder  { color: var(--light-blue-200) !important; }
.placeholder-light-blue-200::placeholder            { color: var(--light-blue-200) !important; }
.placeholder-light-blue-300:-ms-input-placeholder   { color: var(--light-blue-300) !important; }
.placeholder-light-blue-300::-ms-input-placeholder  { color: var(--light-blue-300) !important; }
.placeholder-light-blue-300::placeholder            { color: var(--light-blue-300) !important; }
.placeholder-light-blue-400:-ms-input-placeholder   { color: var(--light-blue-400) !important; }
.placeholder-light-blue-400::-ms-input-placeholder  { color: var(--light-blue-400) !important; }
.placeholder-light-blue-400::placeholder            { color: var(--light-blue-400) !important; }
.placeholder-light-blue-500:-ms-input-placeholder   { color: var(--light-blue-500) !important; }
.placeholder-light-blue-500::-ms-input-placeholder  { color: var(--light-blue-500) !important; }
.placeholder-light-blue-500::placeholder            { color: var(--light-blue-500) !important; }
.placeholder-light-blue-600:-ms-input-placeholder   { color: var(--light-blue-600) !important; }
.placeholder-light-blue-600::-ms-input-placeholder  { color: var(--light-blue-600) !important; }
.placeholder-light-blue-600::placeholder            { color: var(--light-blue-600) !important; }
.placeholder-light-blue-700:-ms-input-placeholder   { color: var(--light-blue-700) !important; }
.placeholder-light-blue-700::-ms-input-placeholder  { color: var(--light-blue-700) !important; }
.placeholder-light-blue-700::placeholder            { color: var(--light-blue-700) !important; }
.placeholder-light-blue-800:-ms-input-placeholder   { color: var(--light-blue-800) !important; }
.placeholder-light-blue-800::-ms-input-placeholder  { color: var(--light-blue-800) !important; }
.placeholder-light-blue-800::placeholder            { color: var(--light-blue-800) !important; }
.placeholder-light-blue-900:-ms-input-placeholder   { color: var(--light-blue-900) !important; }
.placeholder-light-blue-900::-ms-input-placeholder  { color: var(--light-blue-900) !important; }
.placeholder-light-blue-900::placeholder            { color: var(--light-blue-900) !important; }
.placeholder-light-blue-A100:-ms-input-placeholder  { color: var(--light-blue-A100) !important; }
.placeholder-light-blue-A100::-ms-input-placeholder { color: var(--light-blue-A100) !important; }
.placeholder-light-blue-A100::placeholder           { color: var(--light-blue-A100) !important; }
.placeholder-light-blue-A200:-ms-input-placeholder  { color: var(--light-blue-A200) !important; }
.placeholder-light-blue-A200::-ms-input-placeholder { color: var(--light-blue-A200) !important; }
.placeholder-light-blue-A200::placeholder           { color: var(--light-blue-A200) !important; }
.placeholder-light-blue-A400:-ms-input-placeholder  { color: var(--light-blue-A400) !important; }
.placeholder-light-blue-A400::-ms-input-placeholder { color: var(--light-blue-A400) !important; }
.placeholder-light-blue-A400::placeholder           { color: var(--light-blue-A400) !important; }
.placeholder-light-blue-A700:-ms-input-placeholder  { color: var(--light-blue-A700) !important; }
.placeholder-light-blue-A700::-ms-input-placeholder { color: var(--light-blue-A700) !important; }
.placeholder-light-blue-A700::placeholder           { color: var(--light-blue-A700) !important; }

.placeholder-cyan-050:-ms-input-placeholder   { color: var(--cyan-050) !important; }
.placeholder-cyan-050::-ms-input-placeholder  { color: var(--cyan-050) !important; }
.placeholder-cyan-050::placeholder            { color: var(--cyan-050) !important; }
.placeholder-cyan-100:-ms-input-placeholder   { color: var(--cyan-100) !important; }
.placeholder-cyan-100::-ms-input-placeholder  { color: var(--cyan-100) !important; }
.placeholder-cyan-100::placeholder            { color: var(--cyan-100) !important; }
.placeholder-cyan-200:-ms-input-placeholder   { color: var(--cyan-200) !important; }
.placeholder-cyan-200::-ms-input-placeholder  { color: var(--cyan-200) !important; }
.placeholder-cyan-200::placeholder            { color: var(--cyan-200) !important; }
.placeholder-cyan-300:-ms-input-placeholder   { color: var(--cyan-300) !important; }
.placeholder-cyan-300::-ms-input-placeholder  { color: var(--cyan-300) !important; }
.placeholder-cyan-300::placeholder            { color: var(--cyan-300) !important; }
.placeholder-cyan-400:-ms-input-placeholder   { color: var(--cyan-400) !important; }
.placeholder-cyan-400::-ms-input-placeholder  { color: var(--cyan-400) !important; }
.placeholder-cyan-400::placeholder            { color: var(--cyan-400) !important; }
.placeholder-cyan-500:-ms-input-placeholder   { color: var(--cyan-500) !important; }
.placeholder-cyan-500::-ms-input-placeholder  { color: var(--cyan-500) !important; }
.placeholder-cyan-500::placeholder            { color: var(--cyan-500) !important; }
.placeholder-cyan-600:-ms-input-placeholder   { color: var(--cyan-600) !important; }
.placeholder-cyan-600::-ms-input-placeholder  { color: var(--cyan-600) !important; }
.placeholder-cyan-600::placeholder            { color: var(--cyan-600) !important; }
.placeholder-cyan-700:-ms-input-placeholder   { color: var(--cyan-700) !important; }
.placeholder-cyan-700::-ms-input-placeholder  { color: var(--cyan-700) !important; }
.placeholder-cyan-700::placeholder            { color: var(--cyan-700) !important; }
.placeholder-cyan-800:-ms-input-placeholder   { color: var(--cyan-800) !important; }
.placeholder-cyan-800::-ms-input-placeholder  { color: var(--cyan-800) !important; }
.placeholder-cyan-800::placeholder            { color: var(--cyan-800) !important; }
.placeholder-cyan-900:-ms-input-placeholder   { color: var(--cyan-900) !important; }
.placeholder-cyan-900::-ms-input-placeholder  { color: var(--cyan-900) !important; }
.placeholder-cyan-900::placeholder            { color: var(--cyan-900) !important; }
.placeholder-cyan-A100:-ms-input-placeholder  { color: var(--cyan-A100) !important; }
.placeholder-cyan-A100::-ms-input-placeholder { color: var(--cyan-A100) !important; }
.placeholder-cyan-A100::placeholder           { color: var(--cyan-A100) !important; }
.placeholder-cyan-A200:-ms-input-placeholder  { color: var(--cyan-A200) !important; }
.placeholder-cyan-A200::-ms-input-placeholder { color: var(--cyan-A200) !important; }
.placeholder-cyan-A200::placeholder           { color: var(--cyan-A200) !important; }
.placeholder-cyan-A400:-ms-input-placeholder  { color: var(--cyan-A400) !important; }
.placeholder-cyan-A400::-ms-input-placeholder { color: var(--cyan-A400) !important; }
.placeholder-cyan-A400::placeholder           { color: var(--cyan-A400) !important; }
.placeholder-cyan-A700:-ms-input-placeholder  { color: var(--cyan-A700) !important; }
.placeholder-cyan-A700::-ms-input-placeholder { color: var(--cyan-A700) !important; }
.placeholder-cyan-A700::placeholder           { color: var(--cyan-A700) !important; }

.placeholder-teal-050:-ms-input-placeholder   { color: var(--teal-050) !important; }
.placeholder-teal-050::-ms-input-placeholder  { color: var(--teal-050) !important; }
.placeholder-teal-050::placeholder            { color: var(--teal-050) !important; }
.placeholder-teal-100:-ms-input-placeholder   { color: var(--teal-100) !important; }
.placeholder-teal-100::-ms-input-placeholder  { color: var(--teal-100) !important; }
.placeholder-teal-100::placeholder            { color: var(--teal-100) !important; }
.placeholder-teal-200:-ms-input-placeholder   { color: var(--teal-200) !important; }
.placeholder-teal-200::-ms-input-placeholder  { color: var(--teal-200) !important; }
.placeholder-teal-200::placeholder            { color: var(--teal-200) !important; }
.placeholder-teal-300:-ms-input-placeholder   { color: var(--teal-300) !important; }
.placeholder-teal-300::-ms-input-placeholder  { color: var(--teal-300) !important; }
.placeholder-teal-300::placeholder            { color: var(--teal-300) !important; }
.placeholder-teal-400:-ms-input-placeholder   { color: var(--teal-400) !important; }
.placeholder-teal-400::-ms-input-placeholder  { color: var(--teal-400) !important; }
.placeholder-teal-400::placeholder            { color: var(--teal-400) !important; }
.placeholder-teal-500:-ms-input-placeholder   { color: var(--teal-500) !important; }
.placeholder-teal-500::-ms-input-placeholder  { color: var(--teal-500) !important; }
.placeholder-teal-500::placeholder            { color: var(--teal-500) !important; }
.placeholder-teal-600:-ms-input-placeholder   { color: var(--teal-600) !important; }
.placeholder-teal-600::-ms-input-placeholder  { color: var(--teal-600) !important; }
.placeholder-teal-600::placeholder            { color: var(--teal-600) !important; }
.placeholder-teal-700:-ms-input-placeholder   { color: var(--teal-700) !important; }
.placeholder-teal-700::-ms-input-placeholder  { color: var(--teal-700) !important; }
.placeholder-teal-700::placeholder            { color: var(--teal-700) !important; }
.placeholder-teal-800:-ms-input-placeholder   { color: var(--teal-800) !important; }
.placeholder-teal-800::-ms-input-placeholder  { color: var(--teal-800) !important; }
.placeholder-teal-800::placeholder            { color: var(--teal-800) !important; }
.placeholder-teal-900:-ms-input-placeholder   { color: var(--teal-900) !important; }
.placeholder-teal-900::-ms-input-placeholder  { color: var(--teal-900) !important; }
.placeholder-teal-900::placeholder            { color: var(--teal-900) !important; }
.placeholder-teal-A100:-ms-input-placeholder  { color: var(--teal-A100) !important; }
.placeholder-teal-A100::-ms-input-placeholder { color: var(--teal-A100) !important; }
.placeholder-teal-A100::placeholder           { color: var(--teal-A100) !important; }
.placeholder-teal-A200:-ms-input-placeholder  { color: var(--teal-A200) !important; }
.placeholder-teal-A200::-ms-input-placeholder { color: var(--teal-A200) !important; }
.placeholder-teal-A200::placeholder           { color: var(--teal-A200) !important; }
.placeholder-teal-A400:-ms-input-placeholder  { color: var(--teal-A400) !important; }
.placeholder-teal-A400::-ms-input-placeholder { color: var(--teal-A400) !important; }
.placeholder-teal-A400::placeholder           { color: var(--teal-A400) !important; }
.placeholder-teal-A700:-ms-input-placeholder  { color: var(--teal-A700) !important; }
.placeholder-teal-A700::-ms-input-placeholder { color: var(--teal-A700) !important; }
.placeholder-teal-A700::placeholder           { color: var(--teal-A700) !important; }

.placeholder-green-050:-ms-input-placeholder   { color: var(--green-050) !important; }
.placeholder-green-050::-ms-input-placeholder  { color: var(--green-050) !important; }
.placeholder-green-050::placeholder            { color: var(--green-050) !important; }
.placeholder-green-100:-ms-input-placeholder   { color: var(--green-100) !important; }
.placeholder-green-100::-ms-input-placeholder  { color: var(--green-100) !important; }
.placeholder-green-100::placeholder            { color: var(--green-100) !important; }
.placeholder-green-200:-ms-input-placeholder   { color: var(--green-200) !important; }
.placeholder-green-200::-ms-input-placeholder  { color: var(--green-200) !important; }
.placeholder-green-200::placeholder            { color: var(--green-200) !important; }
.placeholder-green-300:-ms-input-placeholder   { color: var(--green-300) !important; }
.placeholder-green-300::-ms-input-placeholder  { color: var(--green-300) !important; }
.placeholder-green-300::placeholder            { color: var(--green-300) !important; }
.placeholder-green-400:-ms-input-placeholder   { color: var(--green-400) !important; }
.placeholder-green-400::-ms-input-placeholder  { color: var(--green-400) !important; }
.placeholder-green-400::placeholder            { color: var(--green-400) !important; }
.placeholder-green-500:-ms-input-placeholder   { color: var(--green-500) !important; }
.placeholder-green-500::-ms-input-placeholder  { color: var(--green-500) !important; }
.placeholder-green-500::placeholder            { color: var(--green-500) !important; }
.placeholder-green-600:-ms-input-placeholder   { color: var(--green-600) !important; }
.placeholder-green-600::-ms-input-placeholder  { color: var(--green-600) !important; }
.placeholder-green-600::placeholder            { color: var(--green-600) !important; }
.placeholder-green-700:-ms-input-placeholder   { color: var(--green-700) !important; }
.placeholder-green-700::-ms-input-placeholder  { color: var(--green-700) !important; }
.placeholder-green-700::placeholder            { color: var(--green-700) !important; }
.placeholder-green-800:-ms-input-placeholder   { color: var(--green-800) !important; }
.placeholder-green-800::-ms-input-placeholder  { color: var(--green-800) !important; }
.placeholder-green-800::placeholder            { color: var(--green-800) !important; }
.placeholder-green-900:-ms-input-placeholder   { color: var(--green-900) !important; }
.placeholder-green-900::-ms-input-placeholder  { color: var(--green-900) !important; }
.placeholder-green-900::placeholder            { color: var(--green-900) !important; }
.placeholder-green-A100:-ms-input-placeholder  { color: var(--green-A100) !important; }
.placeholder-green-A100::-ms-input-placeholder { color: var(--green-A100) !important; }
.placeholder-green-A100::placeholder           { color: var(--green-A100) !important; }
.placeholder-green-A200:-ms-input-placeholder  { color: var(--green-A200) !important; }
.placeholder-green-A200::-ms-input-placeholder { color: var(--green-A200) !important; }
.placeholder-green-A200::placeholder           { color: var(--green-A200) !important; }
.placeholder-green-A400:-ms-input-placeholder  { color: var(--green-A400) !important; }
.placeholder-green-A400::-ms-input-placeholder { color: var(--green-A400) !important; }
.placeholder-green-A400::placeholder           { color: var(--green-A400) !important; }
.placeholder-green-A700:-ms-input-placeholder  { color: var(--green-A700) !important; }
.placeholder-green-A700::-ms-input-placeholder { color: var(--green-A700) !important; }
.placeholder-green-A700::placeholder           { color: var(--green-A700) !important; }

.placeholder-light-green-050:-ms-input-placeholder   { color: var(--light-green-050) !important; }
.placeholder-light-green-050::-ms-input-placeholder  { color: var(--light-green-050) !important; }
.placeholder-light-green-050::placeholder            { color: var(--light-green-050) !important; }
.placeholder-light-green-100:-ms-input-placeholder   { color: var(--light-green-100) !important; }
.placeholder-light-green-100::-ms-input-placeholder  { color: var(--light-green-100) !important; }
.placeholder-light-green-100::placeholder            { color: var(--light-green-100) !important; }
.placeholder-light-green-200:-ms-input-placeholder   { color: var(--light-green-200) !important; }
.placeholder-light-green-200::-ms-input-placeholder  { color: var(--light-green-200) !important; }
.placeholder-light-green-200::placeholder            { color: var(--light-green-200) !important; }
.placeholder-light-green-300:-ms-input-placeholder   { color: var(--light-green-300) !important; }
.placeholder-light-green-300::-ms-input-placeholder  { color: var(--light-green-300) !important; }
.placeholder-light-green-300::placeholder            { color: var(--light-green-300) !important; }
.placeholder-light-green-400:-ms-input-placeholder   { color: var(--light-green-400) !important; }
.placeholder-light-green-400::-ms-input-placeholder  { color: var(--light-green-400) !important; }
.placeholder-light-green-400::placeholder            { color: var(--light-green-400) !important; }
.placeholder-light-green-500:-ms-input-placeholder   { color: var(--light-green-500) !important; }
.placeholder-light-green-500::-ms-input-placeholder  { color: var(--light-green-500) !important; }
.placeholder-light-green-500::placeholder            { color: var(--light-green-500) !important; }
.placeholder-light-green-600:-ms-input-placeholder   { color: var(--light-green-600) !important; }
.placeholder-light-green-600::-ms-input-placeholder  { color: var(--light-green-600) !important; }
.placeholder-light-green-600::placeholder            { color: var(--light-green-600) !important; }
.placeholder-light-green-700:-ms-input-placeholder   { color: var(--light-green-700) !important; }
.placeholder-light-green-700::-ms-input-placeholder  { color: var(--light-green-700) !important; }
.placeholder-light-green-700::placeholder            { color: var(--light-green-700) !important; }
.placeholder-light-green-800:-ms-input-placeholder   { color: var(--light-green-800) !important; }
.placeholder-light-green-800::-ms-input-placeholder  { color: var(--light-green-800) !important; }
.placeholder-light-green-800::placeholder            { color: var(--light-green-800) !important; }
.placeholder-light-green-900:-ms-input-placeholder   { color: var(--light-green-900) !important; }
.placeholder-light-green-900::-ms-input-placeholder  { color: var(--light-green-900) !important; }
.placeholder-light-green-900::placeholder            { color: var(--light-green-900) !important; }
.placeholder-light-green-A100:-ms-input-placeholder  { color: var(--light-green-A100) !important; }
.placeholder-light-green-A100::-ms-input-placeholder { color: var(--light-green-A100) !important; }
.placeholder-light-green-A100::placeholder           { color: var(--light-green-A100) !important; }
.placeholder-light-green-A200:-ms-input-placeholder  { color: var(--light-green-A200) !important; }
.placeholder-light-green-A200::-ms-input-placeholder { color: var(--light-green-A200) !important; }
.placeholder-light-green-A200::placeholder           { color: var(--light-green-A200) !important; }
.placeholder-light-green-A400:-ms-input-placeholder  { color: var(--light-green-A400) !important; }
.placeholder-light-green-A400::-ms-input-placeholder { color: var(--light-green-A400) !important; }
.placeholder-light-green-A400::placeholder           { color: var(--light-green-A400) !important; }
.placeholder-light-green-A700:-ms-input-placeholder  { color: var(--light-green-A700) !important; }
.placeholder-light-green-A700::-ms-input-placeholder { color: var(--light-green-A700) !important; }
.placeholder-light-green-A700::placeholder           { color: var(--light-green-A700) !important; }

.placeholder-lime-050:-ms-input-placeholder   { color: var(--lime-050) !important; }
.placeholder-lime-050::-ms-input-placeholder  { color: var(--lime-050) !important; }
.placeholder-lime-050::placeholder            { color: var(--lime-050) !important; }
.placeholder-lime-100:-ms-input-placeholder   { color: var(--lime-100) !important; }
.placeholder-lime-100::-ms-input-placeholder  { color: var(--lime-100) !important; }
.placeholder-lime-100::placeholder            { color: var(--lime-100) !important; }
.placeholder-lime-200:-ms-input-placeholder   { color: var(--lime-200) !important; }
.placeholder-lime-200::-ms-input-placeholder  { color: var(--lime-200) !important; }
.placeholder-lime-200::placeholder            { color: var(--lime-200) !important; }
.placeholder-lime-300:-ms-input-placeholder   { color: var(--lime-300) !important; }
.placeholder-lime-300::-ms-input-placeholder  { color: var(--lime-300) !important; }
.placeholder-lime-300::placeholder            { color: var(--lime-300) !important; }
.placeholder-lime-400:-ms-input-placeholder   { color: var(--lime-400) !important; }
.placeholder-lime-400::-ms-input-placeholder  { color: var(--lime-400) !important; }
.placeholder-lime-400::placeholder            { color: var(--lime-400) !important; }
.placeholder-lime-500:-ms-input-placeholder   { color: var(--lime-500) !important; }
.placeholder-lime-500::-ms-input-placeholder  { color: var(--lime-500) !important; }
.placeholder-lime-500::placeholder            { color: var(--lime-500) !important; }
.placeholder-lime-600:-ms-input-placeholder   { color: var(--lime-600) !important; }
.placeholder-lime-600::-ms-input-placeholder  { color: var(--lime-600) !important; }
.placeholder-lime-600::placeholder            { color: var(--lime-600) !important; }
.placeholder-lime-700:-ms-input-placeholder   { color: var(--lime-700) !important; }
.placeholder-lime-700::-ms-input-placeholder  { color: var(--lime-700) !important; }
.placeholder-lime-700::placeholder            { color: var(--lime-700) !important; }
.placeholder-lime-800:-ms-input-placeholder   { color: var(--lime-800) !important; }
.placeholder-lime-800::-ms-input-placeholder  { color: var(--lime-800) !important; }
.placeholder-lime-800::placeholder            { color: var(--lime-800) !important; }
.placeholder-lime-900:-ms-input-placeholder   { color: var(--lime-900) !important; }
.placeholder-lime-900::-ms-input-placeholder  { color: var(--lime-900) !important; }
.placeholder-lime-900::placeholder            { color: var(--lime-900) !important; }
.placeholder-lime-A100:-ms-input-placeholder  { color: var(--lime-A100) !important; }
.placeholder-lime-A100::-ms-input-placeholder { color: var(--lime-A100) !important; }
.placeholder-lime-A100::placeholder           { color: var(--lime-A100) !important; }
.placeholder-lime-A200:-ms-input-placeholder  { color: var(--lime-A200) !important; }
.placeholder-lime-A200::-ms-input-placeholder { color: var(--lime-A200) !important; }
.placeholder-lime-A200::placeholder           { color: var(--lime-A200) !important; }
.placeholder-lime-A400:-ms-input-placeholder  { color: var(--lime-A400) !important; }
.placeholder-lime-A400::-ms-input-placeholder { color: var(--lime-A400) !important; }
.placeholder-lime-A400::placeholder           { color: var(--lime-A400) !important; }
.placeholder-lime-A700:-ms-input-placeholder  { color: var(--lime-A700) !important; }
.placeholder-lime-A700::-ms-input-placeholder { color: var(--lime-A700) !important; }
.placeholder-lime-A700::placeholder           { color: var(--lime-A700) !important; }

.placeholder-yellow-050:-ms-input-placeholder   { color: var(--yellow-050) !important; }
.placeholder-yellow-050::-ms-input-placeholder  { color: var(--yellow-050) !important; }
.placeholder-yellow-050::placeholder            { color: var(--yellow-050) !important; }
.placeholder-yellow-100:-ms-input-placeholder   { color: var(--yellow-100) !important; }
.placeholder-yellow-100::-ms-input-placeholder  { color: var(--yellow-100) !important; }
.placeholder-yellow-100::placeholder            { color: var(--yellow-100) !important; }
.placeholder-yellow-200:-ms-input-placeholder   { color: var(--yellow-200) !important; }
.placeholder-yellow-200::-ms-input-placeholder  { color: var(--yellow-200) !important; }
.placeholder-yellow-200::placeholder            { color: var(--yellow-200) !important; }
.placeholder-yellow-300:-ms-input-placeholder   { color: var(--yellow-300) !important; }
.placeholder-yellow-300::-ms-input-placeholder  { color: var(--yellow-300) !important; }
.placeholder-yellow-300::placeholder            { color: var(--yellow-300) !important; }
.placeholder-yellow-400:-ms-input-placeholder   { color: var(--yellow-400) !important; }
.placeholder-yellow-400::-ms-input-placeholder  { color: var(--yellow-400) !important; }
.placeholder-yellow-400::placeholder            { color: var(--yellow-400) !important; }
.placeholder-yellow-500:-ms-input-placeholder   { color: var(--yellow-500) !important; }
.placeholder-yellow-500::-ms-input-placeholder  { color: var(--yellow-500) !important; }
.placeholder-yellow-500::placeholder            { color: var(--yellow-500) !important; }
.placeholder-yellow-600:-ms-input-placeholder   { color: var(--yellow-600) !important; }
.placeholder-yellow-600::-ms-input-placeholder  { color: var(--yellow-600) !important; }
.placeholder-yellow-600::placeholder            { color: var(--yellow-600) !important; }
.placeholder-yellow-700:-ms-input-placeholder   { color: var(--yellow-700) !important; }
.placeholder-yellow-700::-ms-input-placeholder  { color: var(--yellow-700) !important; }
.placeholder-yellow-700::placeholder            { color: var(--yellow-700) !important; }
.placeholder-yellow-800:-ms-input-placeholder   { color: var(--yellow-800) !important; }
.placeholder-yellow-800::-ms-input-placeholder  { color: var(--yellow-800) !important; }
.placeholder-yellow-800::placeholder            { color: var(--yellow-800) !important; }
.placeholder-yellow-900:-ms-input-placeholder   { color: var(--yellow-900) !important; }
.placeholder-yellow-900::-ms-input-placeholder  { color: var(--yellow-900) !important; }
.placeholder-yellow-900::placeholder            { color: var(--yellow-900) !important; }
.placeholder-yellow-A100:-ms-input-placeholder  { color: var(--yellow-A100) !important; }
.placeholder-yellow-A100::-ms-input-placeholder { color: var(--yellow-A100) !important; }
.placeholder-yellow-A100::placeholder           { color: var(--yellow-A100) !important; }
.placeholder-yellow-A200:-ms-input-placeholder  { color: var(--yellow-A200) !important; }
.placeholder-yellow-A200::-ms-input-placeholder { color: var(--yellow-A200) !important; }
.placeholder-yellow-A200::placeholder           { color: var(--yellow-A200) !important; }
.placeholder-yellow-A400:-ms-input-placeholder  { color: var(--yellow-A400) !important; }
.placeholder-yellow-A400::-ms-input-placeholder { color: var(--yellow-A400) !important; }
.placeholder-yellow-A400::placeholder           { color: var(--yellow-A400) !important; }
.placeholder-yellow-A700:-ms-input-placeholder  { color: var(--yellow-A700) !important; }
.placeholder-yellow-A700::-ms-input-placeholder { color: var(--yellow-A700) !important; }
.placeholder-yellow-A700::placeholder           { color: var(--yellow-A700) !important; }

.placeholder-amber-050:-ms-input-placeholder   { color: var(--amber-050) !important; }
.placeholder-amber-050::-ms-input-placeholder  { color: var(--amber-050) !important; }
.placeholder-amber-050::placeholder            { color: var(--amber-050) !important; }
.placeholder-amber-100:-ms-input-placeholder   { color: var(--amber-100) !important; }
.placeholder-amber-100::-ms-input-placeholder  { color: var(--amber-100) !important; }
.placeholder-amber-100::placeholder            { color: var(--amber-100) !important; }
.placeholder-amber-200:-ms-input-placeholder   { color: var(--amber-200) !important; }
.placeholder-amber-200::-ms-input-placeholder  { color: var(--amber-200) !important; }
.placeholder-amber-200::placeholder            { color: var(--amber-200) !important; }
.placeholder-amber-300:-ms-input-placeholder   { color: var(--amber-300) !important; }
.placeholder-amber-300::-ms-input-placeholder  { color: var(--amber-300) !important; }
.placeholder-amber-300::placeholder            { color: var(--amber-300) !important; }
.placeholder-amber-400:-ms-input-placeholder   { color: var(--amber-400) !important; }
.placeholder-amber-400::-ms-input-placeholder  { color: var(--amber-400) !important; }
.placeholder-amber-400::placeholder            { color: var(--amber-400) !important; }
.placeholder-amber-500:-ms-input-placeholder   { color: var(--amber-500) !important; }
.placeholder-amber-500::-ms-input-placeholder  { color: var(--amber-500) !important; }
.placeholder-amber-500::placeholder            { color: var(--amber-500) !important; }
.placeholder-amber-600:-ms-input-placeholder   { color: var(--amber-600) !important; }
.placeholder-amber-600::-ms-input-placeholder  { color: var(--amber-600) !important; }
.placeholder-amber-600::placeholder            { color: var(--amber-600) !important; }
.placeholder-amber-700:-ms-input-placeholder   { color: var(--amber-700) !important; }
.placeholder-amber-700::-ms-input-placeholder  { color: var(--amber-700) !important; }
.placeholder-amber-700::placeholder            { color: var(--amber-700) !important; }
.placeholder-amber-800:-ms-input-placeholder   { color: var(--amber-800) !important; }
.placeholder-amber-800::-ms-input-placeholder  { color: var(--amber-800) !important; }
.placeholder-amber-800::placeholder            { color: var(--amber-800) !important; }
.placeholder-amber-900:-ms-input-placeholder   { color: var(--amber-900) !important; }
.placeholder-amber-900::-ms-input-placeholder  { color: var(--amber-900) !important; }
.placeholder-amber-900::placeholder            { color: var(--amber-900) !important; }
.placeholder-amber-A100:-ms-input-placeholder  { color: var(--amber-A100) !important; }
.placeholder-amber-A100::-ms-input-placeholder { color: var(--amber-A100) !important; }
.placeholder-amber-A100::placeholder           { color: var(--amber-A100) !important; }
.placeholder-amber-A200:-ms-input-placeholder  { color: var(--amber-A200) !important; }
.placeholder-amber-A200::-ms-input-placeholder { color: var(--amber-A200) !important; }
.placeholder-amber-A200::placeholder           { color: var(--amber-A200) !important; }
.placeholder-amber-A400:-ms-input-placeholder  { color: var(--amber-A400) !important; }
.placeholder-amber-A400::-ms-input-placeholder { color: var(--amber-A400) !important; }
.placeholder-amber-A400::placeholder           { color: var(--amber-A400) !important; }
.placeholder-amber-A700:-ms-input-placeholder  { color: var(--amber-A700) !important; }
.placeholder-amber-A700::-ms-input-placeholder { color: var(--amber-A700) !important; }
.placeholder-amber-A700::placeholder           { color: var(--amber-A700) !important; }

.placeholder-orange-050:-ms-input-placeholder   { color: var(--orange-050) !important; }
.placeholder-orange-050::-ms-input-placeholder  { color: var(--orange-050) !important; }
.placeholder-orange-050::placeholder            { color: var(--orange-050) !important; }
.placeholder-orange-100:-ms-input-placeholder   { color: var(--orange-100) !important; }
.placeholder-orange-100::-ms-input-placeholder  { color: var(--orange-100) !important; }
.placeholder-orange-100::placeholder            { color: var(--orange-100) !important; }
.placeholder-orange-200:-ms-input-placeholder   { color: var(--orange-200) !important; }
.placeholder-orange-200::-ms-input-placeholder  { color: var(--orange-200) !important; }
.placeholder-orange-200::placeholder            { color: var(--orange-200) !important; }
.placeholder-orange-300:-ms-input-placeholder   { color: var(--orange-300) !important; }
.placeholder-orange-300::-ms-input-placeholder  { color: var(--orange-300) !important; }
.placeholder-orange-300::placeholder            { color: var(--orange-300) !important; }
.placeholder-orange-400:-ms-input-placeholder   { color: var(--orange-400) !important; }
.placeholder-orange-400::-ms-input-placeholder  { color: var(--orange-400) !important; }
.placeholder-orange-400::placeholder            { color: var(--orange-400) !important; }
.placeholder-orange-500:-ms-input-placeholder   { color: var(--orange-500) !important; }
.placeholder-orange-500::-ms-input-placeholder  { color: var(--orange-500) !important; }
.placeholder-orange-500::placeholder            { color: var(--orange-500) !important; }
.placeholder-orange-600:-ms-input-placeholder   { color: var(--orange-600) !important; }
.placeholder-orange-600::-ms-input-placeholder  { color: var(--orange-600) !important; }
.placeholder-orange-600::placeholder            { color: var(--orange-600) !important; }
.placeholder-orange-700:-ms-input-placeholder   { color: var(--orange-700) !important; }
.placeholder-orange-700::-ms-input-placeholder  { color: var(--orange-700) !important; }
.placeholder-orange-700::placeholder            { color: var(--orange-700) !important; }
.placeholder-orange-800:-ms-input-placeholder   { color: var(--orange-800) !important; }
.placeholder-orange-800::-ms-input-placeholder  { color: var(--orange-800) !important; }
.placeholder-orange-800::placeholder            { color: var(--orange-800) !important; }
.placeholder-orange-900:-ms-input-placeholder   { color: var(--orange-900) !important; }
.placeholder-orange-900::-ms-input-placeholder  { color: var(--orange-900) !important; }
.placeholder-orange-900::placeholder            { color: var(--orange-900) !important; }
.placeholder-orange-A100:-ms-input-placeholder  { color: var(--orange-A100) !important; }
.placeholder-orange-A100::-ms-input-placeholder { color: var(--orange-A100) !important; }
.placeholder-orange-A100::placeholder           { color: var(--orange-A100) !important; }
.placeholder-orange-A200:-ms-input-placeholder  { color: var(--orange-A200) !important; }
.placeholder-orange-A200::-ms-input-placeholder { color: var(--orange-A200) !important; }
.placeholder-orange-A200::placeholder           { color: var(--orange-A200) !important; }
.placeholder-orange-A400:-ms-input-placeholder  { color: var(--orange-A400) !important; }
.placeholder-orange-A400::-ms-input-placeholder { color: var(--orange-A400) !important; }
.placeholder-orange-A400::placeholder           { color: var(--orange-A400) !important; }
.placeholder-orange-A700:-ms-input-placeholder  { color: var(--orange-A700) !important; }
.placeholder-orange-A700::-ms-input-placeholder { color: var(--orange-A700) !important; }
.placeholder-orange-A700::placeholder           { color: var(--orange-A700) !important; }

.placeholder-deep-orange-050:-ms-input-placeholder   { color: var(--deep-orange-050) !important; }
.placeholder-deep-orange-050::-ms-input-placeholder  { color: var(--deep-orange-050) !important; }
.placeholder-deep-orange-050::placeholder            { color: var(--deep-orange-050) !important; }
.placeholder-deep-orange-100:-ms-input-placeholder   { color: var(--deep-orange-100) !important; }
.placeholder-deep-orange-100::-ms-input-placeholder  { color: var(--deep-orange-100) !important; }
.placeholder-deep-orange-100::placeholder            { color: var(--deep-orange-100) !important; }
.placeholder-deep-orange-200:-ms-input-placeholder   { color: var(--deep-orange-200) !important; }
.placeholder-deep-orange-200::-ms-input-placeholder  { color: var(--deep-orange-200) !important; }
.placeholder-deep-orange-200::placeholder            { color: var(--deep-orange-200) !important; }
.placeholder-deep-orange-300:-ms-input-placeholder   { color: var(--deep-orange-300) !important; }
.placeholder-deep-orange-300::-ms-input-placeholder  { color: var(--deep-orange-300) !important; }
.placeholder-deep-orange-300::placeholder            { color: var(--deep-orange-300) !important; }
.placeholder-deep-orange-400:-ms-input-placeholder   { color: var(--deep-orange-400) !important; }
.placeholder-deep-orange-400::-ms-input-placeholder  { color: var(--deep-orange-400) !important; }
.placeholder-deep-orange-400::placeholder            { color: var(--deep-orange-400) !important; }
.placeholder-deep-orange-500:-ms-input-placeholder   { color: var(--deep-orange-500) !important; }
.placeholder-deep-orange-500::-ms-input-placeholder  { color: var(--deep-orange-500) !important; }
.placeholder-deep-orange-500::placeholder            { color: var(--deep-orange-500) !important; }
.placeholder-deep-orange-600:-ms-input-placeholder   { color: var(--deep-orange-600) !important; }
.placeholder-deep-orange-600::-ms-input-placeholder  { color: var(--deep-orange-600) !important; }
.placeholder-deep-orange-600::placeholder            { color: var(--deep-orange-600) !important; }
.placeholder-deep-orange-700:-ms-input-placeholder   { color: var(--deep-orange-700) !important; }
.placeholder-deep-orange-700::-ms-input-placeholder  { color: var(--deep-orange-700) !important; }
.placeholder-deep-orange-700::placeholder            { color: var(--deep-orange-700) !important; }
.placeholder-deep-orange-800:-ms-input-placeholder   { color: var(--deep-orange-800) !important; }
.placeholder-deep-orange-800::-ms-input-placeholder  { color: var(--deep-orange-800) !important; }
.placeholder-deep-orange-800::placeholder            { color: var(--deep-orange-800) !important; }
.placeholder-deep-orange-900:-ms-input-placeholder   { color: var(--deep-orange-900) !important; }
.placeholder-deep-orange-900::-ms-input-placeholder  { color: var(--deep-orange-900) !important; }
.placeholder-deep-orange-900::placeholder            { color: var(--deep-orange-900) !important; }
.placeholder-deep-orange-A100:-ms-input-placeholder  { color: var(--deep-orange-A100) !important; }
.placeholder-deep-orange-A100::-ms-input-placeholder { color: var(--deep-orange-A100) !important; }
.placeholder-deep-orange-A100::placeholder           { color: var(--deep-orange-A100) !important; }
.placeholder-deep-orange-A200:-ms-input-placeholder  { color: var(--deep-orange-A200) !important; }
.placeholder-deep-orange-A200::-ms-input-placeholder { color: var(--deep-orange-A200) !important; }
.placeholder-deep-orange-A200::placeholder           { color: var(--deep-orange-A200) !important; }
.placeholder-deep-orange-A400:-ms-input-placeholder  { color: var(--deep-orange-A400) !important; }
.placeholder-deep-orange-A400::-ms-input-placeholder { color: var(--deep-orange-A400) !important; }
.placeholder-deep-orange-A400::placeholder           { color: var(--deep-orange-A400) !important; }
.placeholder-deep-orange-A700:-ms-input-placeholder  { color: var(--deep-orange-A700) !important; }
.placeholder-deep-orange-A700::-ms-input-placeholder { color: var(--deep-orange-A700) !important; }
.placeholder-deep-orange-A700::placeholder           { color: var(--deep-orange-A700) !important; }

.placeholder-brown-050:-ms-input-placeholder   { color: var(--brown-050) !important; }
.placeholder-brown-050::-ms-input-placeholder  { color: var(--brown-050) !important; }
.placeholder-brown-050::placeholder            { color: var(--brown-050) !important; }
.placeholder-brown-100:-ms-input-placeholder   { color: var(--brown-100) !important; }
.placeholder-brown-100::-ms-input-placeholder  { color: var(--brown-100) !important; }
.placeholder-brown-100::placeholder            { color: var(--brown-100) !important; }
.placeholder-brown-200:-ms-input-placeholder   { color: var(--brown-200) !important; }
.placeholder-brown-200::-ms-input-placeholder  { color: var(--brown-200) !important; }
.placeholder-brown-200::placeholder            { color: var(--brown-200) !important; }
.placeholder-brown-300:-ms-input-placeholder   { color: var(--brown-300) !important; }
.placeholder-brown-300::-ms-input-placeholder  { color: var(--brown-300) !important; }
.placeholder-brown-300::placeholder            { color: var(--brown-300) !important; }
.placeholder-brown-400:-ms-input-placeholder   { color: var(--brown-400) !important; }
.placeholder-brown-400::-ms-input-placeholder  { color: var(--brown-400) !important; }
.placeholder-brown-400::placeholder            { color: var(--brown-400) !important; }
.placeholder-brown-500:-ms-input-placeholder   { color: var(--brown-500) !important; }
.placeholder-brown-500::-ms-input-placeholder  { color: var(--brown-500) !important; }
.placeholder-brown-500::placeholder            { color: var(--brown-500) !important; }
.placeholder-brown-600:-ms-input-placeholder   { color: var(--brown-600) !important; }
.placeholder-brown-600::-ms-input-placeholder  { color: var(--brown-600) !important; }
.placeholder-brown-600::placeholder            { color: var(--brown-600) !important; }
.placeholder-brown-700:-ms-input-placeholder   { color: var(--brown-700) !important; }
.placeholder-brown-700::-ms-input-placeholder  { color: var(--brown-700) !important; }
.placeholder-brown-700::placeholder            { color: var(--brown-700) !important; }
.placeholder-brown-800:-ms-input-placeholder   { color: var(--brown-800) !important; }
.placeholder-brown-800::-ms-input-placeholder  { color: var(--brown-800) !important; }
.placeholder-brown-800::placeholder            { color: var(--brown-800) !important; }
.placeholder-brown-900:-ms-input-placeholder   { color: var(--brown-900) !important; }
.placeholder-brown-900::-ms-input-placeholder  { color: var(--brown-900) !important; }
.placeholder-brown-900::placeholder            { color: var(--brown-900) !important; }

.placeholder-grey-050:-ms-input-placeholder   { color: var(--grey-050) !important; }
.placeholder-grey-050::-ms-input-placeholder  { color: var(--grey-050) !important; }
.placeholder-grey-050::placeholder            { color: var(--grey-050) !important; }
.placeholder-grey-100:-ms-input-placeholder   { color: var(--grey-100) !important; }
.placeholder-grey-100::-ms-input-placeholder  { color: var(--grey-100) !important; }
.placeholder-grey-100::placeholder            { color: var(--grey-100) !important; }
.placeholder-grey-200:-ms-input-placeholder   { color: var(--grey-200) !important; }
.placeholder-grey-200::-ms-input-placeholder  { color: var(--grey-200) !important; }
.placeholder-grey-200::placeholder            { color: var(--grey-200) !important; }
.placeholder-grey-300:-ms-input-placeholder   { color: var(--grey-300) !important; }
.placeholder-grey-300::-ms-input-placeholder  { color: var(--grey-300) !important; }
.placeholder-grey-300::placeholder            { color: var(--grey-300) !important; }
.placeholder-grey-400:-ms-input-placeholder   { color: var(--grey-400) !important; }
.placeholder-grey-400::-ms-input-placeholder  { color: var(--grey-400) !important; }
.placeholder-grey-400::placeholder            { color: var(--grey-400) !important; }
.placeholder-grey-500:-ms-input-placeholder   { color: var(--grey-500) !important; }
.placeholder-grey-500::-ms-input-placeholder  { color: var(--grey-500) !important; }
.placeholder-grey-500::placeholder            { color: var(--grey-500) !important; }
.placeholder-grey-600:-ms-input-placeholder   { color: var(--grey-600) !important; }
.placeholder-grey-600::-ms-input-placeholder  { color: var(--grey-600) !important; }
.placeholder-grey-600::placeholder            { color: var(--grey-600) !important; }
.placeholder-grey-700:-ms-input-placeholder   { color: var(--grey-700) !important; }
.placeholder-grey-700::-ms-input-placeholder  { color: var(--grey-700) !important; }
.placeholder-grey-700::placeholder            { color: var(--grey-700) !important; }
.placeholder-grey-800:-ms-input-placeholder   { color: var(--grey-800) !important; }
.placeholder-grey-800::-ms-input-placeholder  { color: var(--grey-800) !important; }
.placeholder-grey-800::placeholder            { color: var(--grey-800) !important; }
.placeholder-grey-900:-ms-input-placeholder   { color: var(--grey-900) !important; }
.placeholder-grey-900::-ms-input-placeholder  { color: var(--grey-900) !important; }
.placeholder-grey-900::placeholder            { color: var(--grey-900) !important; }

.placeholder-blue-grey-050:-ms-input-placeholder   { color: var(--blue-grey-050) !important; }
.placeholder-blue-grey-050::-ms-input-placeholder  { color: var(--blue-grey-050) !important; }
.placeholder-blue-grey-050::placeholder            { color: var(--blue-grey-050) !important; }
.placeholder-blue-grey-100:-ms-input-placeholder   { color: var(--blue-grey-100) !important; }
.placeholder-blue-grey-100::-ms-input-placeholder  { color: var(--blue-grey-100) !important; }
.placeholder-blue-grey-100::placeholder            { color: var(--blue-grey-100) !important; }
.placeholder-blue-grey-200:-ms-input-placeholder   { color: var(--blue-grey-200) !important; }
.placeholder-blue-grey-200::-ms-input-placeholder  { color: var(--blue-grey-200) !important; }
.placeholder-blue-grey-200::placeholder            { color: var(--blue-grey-200) !important; }
.placeholder-blue-grey-300:-ms-input-placeholder   { color: var(--blue-grey-300) !important; }
.placeholder-blue-grey-300::-ms-input-placeholder  { color: var(--blue-grey-300) !important; }
.placeholder-blue-grey-300::placeholder            { color: var(--blue-grey-300) !important; }
.placeholder-blue-grey-400:-ms-input-placeholder   { color: var(--blue-grey-400) !important; }
.placeholder-blue-grey-400::-ms-input-placeholder  { color: var(--blue-grey-400) !important; }
.placeholder-blue-grey-400::placeholder            { color: var(--blue-grey-400) !important; }
.placeholder-blue-grey-500:-ms-input-placeholder   { color: var(--blue-grey-500) !important; }
.placeholder-blue-grey-500::-ms-input-placeholder  { color: var(--blue-grey-500) !important; }
.placeholder-blue-grey-500::placeholder            { color: var(--blue-grey-500) !important; }
.placeholder-blue-grey-600:-ms-input-placeholder   { color: var(--blue-grey-600) !important; }
.placeholder-blue-grey-600::-ms-input-placeholder  { color: var(--blue-grey-600) !important; }
.placeholder-blue-grey-600::placeholder            { color: var(--blue-grey-600) !important; }
.placeholder-blue-grey-700:-ms-input-placeholder   { color: var(--blue-grey-700) !important; }
.placeholder-blue-grey-700::-ms-input-placeholder  { color: var(--blue-grey-700) !important; }
.placeholder-blue-grey-700::placeholder            { color: var(--blue-grey-700) !important; }
.placeholder-blue-grey-800:-ms-input-placeholder   { color: var(--blue-grey-800) !important; }
.placeholder-blue-grey-800::-ms-input-placeholder  { color: var(--blue-grey-800) !important; }
.placeholder-blue-grey-800::placeholder            { color: var(--blue-grey-800) !important; }
.placeholder-blue-grey-900:-ms-input-placeholder   { color: var(--blue-grey-900) !important; }
.placeholder-blue-grey-900::-ms-input-placeholder  { color: var(--blue-grey-900) !important; }
.placeholder-blue-grey-900::placeholder            { color: var(--blue-grey-900) !important; }

.placeholder-white-050:-ms-input-placeholder   { color: var(--white-050) !important; }
.placeholder-white-050::-ms-input-placeholder  { color: var(--white-050) !important; }
.placeholder-white-050::placeholder            { color: var(--white-050) !important; }
.placeholder-white-100:-ms-input-placeholder   { color: var(--white-100) !important; }
.placeholder-white-100::-ms-input-placeholder  { color: var(--white-100) !important; }
.placeholder-white-100::placeholder            { color: var(--white-100) !important; }
.placeholder-white-150:-ms-input-placeholder   { color: var(--white-150) !important; }
.placeholder-white-150::-ms-input-placeholder  { color: var(--white-150) !important; }
.placeholder-white-150::placeholder            { color: var(--white-150) !important; }
.placeholder-white-200:-ms-input-placeholder   { color: var(--white-200) !important; }
.placeholder-white-200::-ms-input-placeholder  { color: var(--white-200) !important; }
.placeholder-white-200::placeholder            { color: var(--white-200) !important; }
.placeholder-white-250:-ms-input-placeholder   { color: var(--white-250) !important; }
.placeholder-white-250::-ms-input-placeholder  { color: var(--white-250) !important; }
.placeholder-white-250::placeholder            { color: var(--white-250) !important; }
.placeholder-white-300:-ms-input-placeholder   { color: var(--white-300) !important; }
.placeholder-white-300::-ms-input-placeholder  { color: var(--white-300) !important; }
.placeholder-white-300::placeholder            { color: var(--white-300) !important; }
.placeholder-white-350:-ms-input-placeholder   { color: var(--white-350) !important; }
.placeholder-white-350::-ms-input-placeholder  { color: var(--white-350) !important; }
.placeholder-white-350::placeholder            { color: var(--white-350) !important; }
.placeholder-white-400:-ms-input-placeholder   { color: var(--white-400) !important; }
.placeholder-white-400::-ms-input-placeholder  { color: var(--white-400) !important; }
.placeholder-white-400::placeholder            { color: var(--white-400) !important; }
.placeholder-white-450:-ms-input-placeholder   { color: var(--white-450) !important; }
.placeholder-white-450::-ms-input-placeholder  { color: var(--white-450) !important; }
.placeholder-white-450::placeholder            { color: var(--white-450) !important; }
.placeholder-white-500:-ms-input-placeholder   { color: var(--white-500) !important; }
.placeholder-white-500::-ms-input-placeholder  { color: var(--white-500) !important; }
.placeholder-white-500::placeholder            { color: var(--white-500) !important; }
.placeholder-white-550:-ms-input-placeholder   { color: var(--white-550) !important; }
.placeholder-white-550::-ms-input-placeholder  { color: var(--white-550) !important; }
.placeholder-white-550::placeholder            { color: var(--white-550) !important; }
.placeholder-white-600:-ms-input-placeholder   { color: var(--white-600) !important; }
.placeholder-white-600::-ms-input-placeholder  { color: var(--white-600) !important; }
.placeholder-white-600::placeholder            { color: var(--white-600) !important; }
.placeholder-white-650:-ms-input-placeholder   { color: var(--white-650) !important; }
.placeholder-white-650::-ms-input-placeholder  { color: var(--white-650) !important; }
.placeholder-white-650::placeholder            { color: var(--white-650) !important; }
.placeholder-white-700:-ms-input-placeholder   { color: var(--white-700) !important; }
.placeholder-white-700::-ms-input-placeholder  { color: var(--white-700) !important; }
.placeholder-white-700::placeholder            { color: var(--white-700) !important; }
.placeholder-white-750:-ms-input-placeholder   { color: var(--white-750) !important; }
.placeholder-white-750::-ms-input-placeholder  { color: var(--white-750) !important; }
.placeholder-white-750::placeholder            { color: var(--white-750) !important; }
.placeholder-white-800:-ms-input-placeholder   { color: var(--white-800) !important; }
.placeholder-white-800::-ms-input-placeholder  { color: var(--white-800) !important; }
.placeholder-white-800::placeholder            { color: var(--white-800) !important; }
.placeholder-white-850:-ms-input-placeholder   { color: var(--white-850) !important; }
.placeholder-white-850::-ms-input-placeholder  { color: var(--white-850) !important; }
.placeholder-white-850::placeholder            { color: var(--white-850) !important; }
.placeholder-white-900:-ms-input-placeholder   { color: var(--white-900) !important; }
.placeholder-white-900::-ms-input-placeholder  { color: var(--white-900) !important; }
.placeholder-white-900::placeholder            { color: var(--white-900) !important; }
.placeholder-white-950:-ms-input-placeholder   { color: var(--white-950) !important; }
.placeholder-white-950::-ms-input-placeholder  { color: var(--white-950) !important; }
.placeholder-white-950::placeholder            { color: var(--white-950) !important; }
.placeholder-white:-ms-input-placeholder       { color: var(--white) !important; }
.placeholder-white::-ms-input-placeholder      { color: var(--white) !important; }
.placeholder-white::placeholder                { color: var(--white) !important; }

.placeholder-black-050:-ms-input-placeholder   { color: var(--black-050) !important; }
.placeholder-black-050::-ms-input-placeholder  { color: var(--black-050) !important; }
.placeholder-black-050::placeholder            { color: var(--black-050) !important; }
.placeholder-black-100:-ms-input-placeholder   { color: var(--black-100) !important; }
.placeholder-black-100::-ms-input-placeholder  { color: var(--black-100) !important; }
.placeholder-black-100::placeholder            { color: var(--black-100) !important; }
.placeholder-black-150:-ms-input-placeholder   { color: var(--black-150) !important; }
.placeholder-black-150::-ms-input-placeholder  { color: var(--black-150) !important; }
.placeholder-black-150::placeholder            { color: var(--black-150) !important; }
.placeholder-black-200:-ms-input-placeholder   { color: var(--black-200) !important; }
.placeholder-black-200::-ms-input-placeholder  { color: var(--black-200) !important; }
.placeholder-black-200::placeholder            { color: var(--black-200) !important; }
.placeholder-black-250:-ms-input-placeholder   { color: var(--black-250) !important; }
.placeholder-black-250::-ms-input-placeholder  { color: var(--black-250) !important; }
.placeholder-black-250::placeholder            { color: var(--black-250) !important; }
.placeholder-black-300:-ms-input-placeholder   { color: var(--black-300) !important; }
.placeholder-black-300::-ms-input-placeholder  { color: var(--black-300) !important; }
.placeholder-black-300::placeholder            { color: var(--black-300) !important; }
.placeholder-black-350:-ms-input-placeholder   { color: var(--black-350) !important; }
.placeholder-black-350::-ms-input-placeholder  { color: var(--black-350) !important; }
.placeholder-black-350::placeholder            { color: var(--black-350) !important; }
.placeholder-black-400:-ms-input-placeholder   { color: var(--black-400) !important; }
.placeholder-black-400::-ms-input-placeholder  { color: var(--black-400) !important; }
.placeholder-black-400::placeholder            { color: var(--black-400) !important; }
.placeholder-black-450:-ms-input-placeholder   { color: var(--black-450) !important; }
.placeholder-black-450::-ms-input-placeholder  { color: var(--black-450) !important; }
.placeholder-black-450::placeholder            { color: var(--black-450) !important; }
.placeholder-black-500:-ms-input-placeholder   { color: var(--black-500) !important; }
.placeholder-black-500::-ms-input-placeholder  { color: var(--black-500) !important; }
.placeholder-black-500::placeholder            { color: var(--black-500) !important; }
.placeholder-black-550:-ms-input-placeholder   { color: var(--black-550) !important; }
.placeholder-black-550::-ms-input-placeholder  { color: var(--black-550) !important; }
.placeholder-black-550::placeholder            { color: var(--black-550) !important; }
.placeholder-black-600:-ms-input-placeholder   { color: var(--black-600) !important; }
.placeholder-black-600::-ms-input-placeholder  { color: var(--black-600) !important; }
.placeholder-black-600::placeholder            { color: var(--black-600) !important; }
.placeholder-black-650:-ms-input-placeholder   { color: var(--black-650) !important; }
.placeholder-black-650::-ms-input-placeholder  { color: var(--black-650) !important; }
.placeholder-black-650::placeholder            { color: var(--black-650) !important; }
.placeholder-black-700:-ms-input-placeholder   { color: var(--black-700) !important; }
.placeholder-black-700::-ms-input-placeholder  { color: var(--black-700) !important; }
.placeholder-black-700::placeholder            { color: var(--black-700) !important; }
.placeholder-black-750:-ms-input-placeholder   { color: var(--black-750) !important; }
.placeholder-black-750::-ms-input-placeholder  { color: var(--black-750) !important; }
.placeholder-black-750::placeholder            { color: var(--black-750) !important; }
.placeholder-black-800:-ms-input-placeholder   { color: var(--black-800) !important; }
.placeholder-black-800::-ms-input-placeholder  { color: var(--black-800) !important; }
.placeholder-black-800::placeholder            { color: var(--black-800) !important; }
.placeholder-black-850:-ms-input-placeholder   { color: var(--black-850) !important; }
.placeholder-black-850::-ms-input-placeholder  { color: var(--black-850) !important; }
.placeholder-black-850::placeholder            { color: var(--black-850) !important; }
.placeholder-black-900:-ms-input-placeholder   { color: var(--black-900) !important; }
.placeholder-black-900::-ms-input-placeholder  { color: var(--black-900) !important; }
.placeholder-black-900::placeholder            { color: var(--black-900) !important; }
.placeholder-black-950:-ms-input-placeholder   { color: var(--black-950) !important; }
.placeholder-black-950::-ms-input-placeholder  { color: var(--black-950) !important; }
.placeholder-black-950::placeholder            { color: var(--black-950) !important; }
.placeholder-black:-ms-input-placeholder       { color: var(--black) !important; }
.placeholder-black::-ms-input-placeholder      { color: var(--black) !important; }
.placeholder-black::placeholder                { color: var(--black) !important; }

/* Placeholder on mouse Focus (Credit tailwind css)
   ========================================================================== */

.focus\:placeholder-primary:focus:-ms-input-placeholder      { color: var(--primary-color) !important; }
.focus\:placeholder-primary:focus::-ms-input-placeholder     { color: var(--primary-color) !important; }
.focus\:placeholder-primary:focus::placeholder               { color: var(--primary-color) !important; }
.focus\:placeholder-secondary:focus:-ms-input-placeholder    { color: var(--secondary-color) !important; }
.focus\:placeholder-secondary:focus::-ms-input-placeholder   { color: var(--secondary-color) !important; }
.focus\:placeholder-secondary:focus::placeholder             { color: var(--secondary-color) !important; }
.focus\:placeholder-success:focus:-ms-input-placeholder      { color: var(--success-color) !important; }
.focus\:placeholder-success:focus::-ms-input-placeholder     { color: var(--success-color) !important; }
.focus\:placeholder-success:focus::placeholder               { color: var(--success-color) !important; }
.focus\:placeholder-danger:focus:-ms-input-placeholder       { color: var(--danger-color) !important; }
.focus\:placeholder-danger:focus::-ms-input-placeholder      { color: var(--danger-color) !important; }
.focus\:placeholder-danger:focus::placeholder                { color: var(--danger-color) !important; }
.focus\:placeholder-info:focus:-ms-input-placeholder         { color: var(--info-color) !important; }
.focus\:placeholder-info:focus::-ms-input-placeholder        { color: var(--info-color) !important; }
.focus\:placeholder-info:focus::placeholder                  { color: var(--info-color) !important; }
.focus\:placeholder-warning:focus:-ms-input-placeholder      { color: var(--warning-color) !important; }
.focus\:placeholder-warning:focus::-ms-input-placeholder     { color: var(--warning-color) !important; }
.focus\:placeholder-warning:focus::placeholder               { color: var(--warning-color) !important; }
.focus\:placeholder-light:focus:-ms-input-placeholder        { color: var(--light-color) !important; }
.focus\:placeholder-light:focus::-ms-input-placeholder       { color: var(--light-color) !important; }
.focus\:placeholder-light:focus::placeholder                 { color: var(--light-color) !important; }
.focus\:placeholder-dark:focus:-ms-input-placeholder         { color: var(--dark-color) !important; }
.focus\:placeholder-dark:focus::-ms-input-placeholder        { color: var(--dark-color) !important; }
.focus\:placeholder-dark:focus::placeholder                  { color: var(--dark-color) !important; }
.focus\:placeholder-muted:focus:-ms-input-placeholder        { color: var(--muted-color) !important; }
.focus\:placeholder-muted:focus::-ms-input-placeholder       { color: var(--muted-color) !important; }
.focus\:placeholder-muted:focus::placeholder                 { color: var(--muted-color) !important; }
.focus\:placeholder-body:focus:-ms-input-placeholder         { color: var(--body-background-color) !important; }
.focus\:placeholder-body:focus::-ms-input-placeholder        { color: var(--body-background-color) !important; }
.focus\:placeholder-body:focus::placeholder                  { color: var(--body-background-color) !important; }
.focus\:placeholder-default:focus:-ms-input-placeholder      { color: var(--body-background-color) !important; }
.focus\:placeholder-default:focus::-ms-input-placeholder     { color: var(--body-background-color) !important; }
.focus\:placeholder-default:focus::placeholder               { color: var(--body-background-color) !important; }
.focus\:placeholder-current:focus:-ms-input-placeholder      { color: currentColor !important; }
.focus\:placeholder-current:focus::-ms-input-placeholder     { color: currentColor !important; }
.focus\:placeholder-current:focus::placeholder               { color: currentColor !important; }
.focus\:placeholder-reset:focus:-ms-input-placeholder        { color: inherit !important; }
.focus\:placeholder-reset:focus::-ms-input-placeholder       { color: inherit !important; }
.focus\:placeholder-reset:focus::placeholder                 { color: inherit !important; }
.focus\:placeholder-transparent:focus:-ms-input-placeholder  { color: transparent !important; }
.focus\:placeholder-transparent:focus::-ms-input-placeholder { color: transparent !important; }
.focus\:placeholder-transparent:focus::placeholder           { color: transparent !important; }

.focus\:placeholder-primary-050:focus:-ms-input-placeholder  { color: var(--primary-color-050) !important; }
.focus\:placeholder-primary-050:focus::-ms-input-placeholder { color: var(--primary-color-050) !important; }
.focus\:placeholder-primary-050:focus::placeholder           { color: var(--primary-color-050) !important; }
.focus\:placeholder-primary-100:focus:-ms-input-placeholder  { color: var(--primary-color-100) !important; }
.focus\:placeholder-primary-100:focus::-ms-input-placeholder { color: var(--primary-color-100) !important; }
.focus\:placeholder-primary-100:focus::placeholder           { color: var(--primary-color-100) !important; }
.focus\:placeholder-primary-200:focus:-ms-input-placeholder  { color: var(--primary-color-200) !important; }
.focus\:placeholder-primary-200:focus::-ms-input-placeholder { color: var(--primary-color-200) !important; }
.focus\:placeholder-primary-200:focus::placeholder           { color: var(--primary-color-200) !important; }
.focus\:placeholder-primary-300:focus:-ms-input-placeholder  { color: var(--primary-color-300) !important; }
.focus\:placeholder-primary-300:focus::-ms-input-placeholder { color: var(--primary-color-300) !important; }
.focus\:placeholder-primary-300:focus::placeholder           { color: var(--primary-color-300) !important; }
.focus\:placeholder-primary-400:focus:-ms-input-placeholder  { color: var(--primary-color-400) !important; }
.focus\:placeholder-primary-400:focus::-ms-input-placeholder { color: var(--primary-color-400) !important; }
.focus\:placeholder-primary-400:focus::placeholder           { color: var(--primary-color-400) !important; }
.focus\:placeholder-primary-420:focus:-ms-input-placeholder  { color: var(--primary-color-420) !important; }
.focus\:placeholder-primary-420:focus::-ms-input-placeholder { color: var(--primary-color-420) !important; }
.focus\:placeholder-primary-420:focus::placeholder           { color: var(--primary-color-420) !important; }
.focus\:placeholder-primary-440:focus:-ms-input-placeholder  { color: var(--primary-color-440) !important; }
.focus\:placeholder-primary-440:focus::-ms-input-placeholder { color: var(--primary-color-440) !important; }
.focus\:placeholder-primary-440:focus::placeholder           { color: var(--primary-color-440) !important; }
.focus\:placeholder-primary-460:focus:-ms-input-placeholder  { color: var(--primary-color-460) !important; }
.focus\:placeholder-primary-460:focus::-ms-input-placeholder { color: var(--primary-color-460) !important; }
.focus\:placeholder-primary-460:focus::placeholder           { color: var(--primary-color-460) !important; }
.focus\:placeholder-primary-480:focus:-ms-input-placeholder  { color: var(--primary-color-480) !important; }
.focus\:placeholder-primary-480:focus::-ms-input-placeholder { color: var(--primary-color-480) !important; }
.focus\:placeholder-primary-480:focus::placeholder           { color: var(--primary-color-480) !important; }
.focus\:placeholder-primary-500:focus:-ms-input-placeholder  { color: var(--primary-color-500) !important; }
.focus\:placeholder-primary-500:focus::-ms-input-placeholder { color: var(--primary-color-500) !important; }
.focus\:placeholder-primary-500:focus::placeholder           { color: var(--primary-color-500) !important; }
.focus\:placeholder-primary-520:focus:-ms-input-placeholder  { color: var(--primary-color-520) !important; }
.focus\:placeholder-primary-520:focus::-ms-input-placeholder { color: var(--primary-color-520) !important; }
.focus\:placeholder-primary-520:focus::placeholder           { color: var(--primary-color-520) !important; }
.focus\:placeholder-primary-540:focus:-ms-input-placeholder  { color: var(--primary-color-540) !important; }
.focus\:placeholder-primary-540:focus::-ms-input-placeholder { color: var(--primary-color-540) !important; }
.focus\:placeholder-primary-540:focus::placeholder           { color: var(--primary-color-540) !important; }
.focus\:placeholder-primary-560:focus:-ms-input-placeholder  { color: var(--primary-color-560) !important; }
.focus\:placeholder-primary-560:focus::-ms-input-placeholder { color: var(--primary-color-560) !important; }
.focus\:placeholder-primary-560:focus::placeholder           { color: var(--primary-color-560) !important; }
.focus\:placeholder-primary-580:focus:-ms-input-placeholder  { color: var(--primary-color-580) !important; }
.focus\:placeholder-primary-580:focus::-ms-input-placeholder { color: var(--primary-color-580) !important; }
.focus\:placeholder-primary-580:focus::placeholder           { color: var(--primary-color-580) !important; }
.focus\:placeholder-primary-600:focus:-ms-input-placeholder  { color: var(--primary-color-600) !important; }
.focus\:placeholder-primary-600:focus::-ms-input-placeholder { color: var(--primary-color-600) !important; }
.focus\:placeholder-primary-600:focus::placeholder           { color: var(--primary-color-600) !important; }
.focus\:placeholder-primary-700:focus:-ms-input-placeholder  { color: var(--primary-color-700) !important; }
.focus\:placeholder-primary-700:focus::-ms-input-placeholder { color: var(--primary-color-700) !important; }
.focus\:placeholder-primary-700:focus::placeholder           { color: var(--primary-color-700) !important; }
.focus\:placeholder-primary-800:focus:-ms-input-placeholder  { color: var(--primary-color-800) !important; }
.focus\:placeholder-primary-800:focus::-ms-input-placeholder { color: var(--primary-color-800) !important; }
.focus\:placeholder-primary-800:focus::placeholder           { color: var(--primary-color-800) !important; }
.focus\:placeholder-primary-900:focus:-ms-input-placeholder  { color: var(--primary-color-900) !important; }
.focus\:placeholder-primary-900:focus::-ms-input-placeholder { color: var(--primary-color-900) !important; }
.focus\:placeholder-primary-900:focus::placeholder           { color: var(--primary-color-900) !important; }

.focus\:placeholder-secondary-050:focus:-ms-input-placeholder  { color: var(--secondary-color-050) !important; }
.focus\:placeholder-secondary-050:focus::-ms-input-placeholder { color: var(--secondary-color-050) !important; }
.focus\:placeholder-secondary-050:focus::placeholder           { color: var(--secondary-color-050) !important; }
.focus\:placeholder-secondary-100:focus:-ms-input-placeholder  { color: var(--secondary-color-100) !important; }
.focus\:placeholder-secondary-100:focus::-ms-input-placeholder { color: var(--secondary-color-100) !important; }
.focus\:placeholder-secondary-100:focus::placeholder           { color: var(--secondary-color-100) !important; }
.focus\:placeholder-secondary-200:focus:-ms-input-placeholder  { color: var(--secondary-color-200) !important; }
.focus\:placeholder-secondary-200:focus::-ms-input-placeholder { color: var(--secondary-color-200) !important; }
.focus\:placeholder-secondary-200:focus::placeholder           { color: var(--secondary-color-200) !important; }
.focus\:placeholder-secondary-300:focus:-ms-input-placeholder  { color: var(--secondary-color-300) !important; }
.focus\:placeholder-secondary-300:focus::-ms-input-placeholder { color: var(--secondary-color-300) !important; }
.focus\:placeholder-secondary-300:focus::placeholder           { color: var(--secondary-color-300) !important; }
.focus\:placeholder-secondary-400:focus:-ms-input-placeholder  { color: var(--secondary-color-400) !important; }
.focus\:placeholder-secondary-400:focus::-ms-input-placeholder { color: var(--secondary-color-400) !important; }
.focus\:placeholder-secondary-400:focus::placeholder           { color: var(--secondary-color-400) !important; }
.focus\:placeholder-secondary-420:focus:-ms-input-placeholder  { color: var(--secondary-color-420) !important; }
.focus\:placeholder-secondary-420:focus::-ms-input-placeholder { color: var(--secondary-color-420) !important; }
.focus\:placeholder-secondary-420:focus::placeholder           { color: var(--secondary-color-420) !important; }
.focus\:placeholder-secondary-440:focus:-ms-input-placeholder  { color: var(--secondary-color-440) !important; }
.focus\:placeholder-secondary-440:focus::-ms-input-placeholder { color: var(--secondary-color-440) !important; }
.focus\:placeholder-secondary-440:focus::placeholder           { color: var(--secondary-color-440) !important; }
.focus\:placeholder-secondary-460:focus:-ms-input-placeholder  { color: var(--secondary-color-460) !important; }
.focus\:placeholder-secondary-460:focus::-ms-input-placeholder { color: var(--secondary-color-460) !important; }
.focus\:placeholder-secondary-460:focus::placeholder           { color: var(--secondary-color-460) !important; }
.focus\:placeholder-secondary-480:focus:-ms-input-placeholder  { color: var(--secondary-color-480) !important; }
.focus\:placeholder-secondary-480:focus::-ms-input-placeholder { color: var(--secondary-color-480) !important; }
.focus\:placeholder-secondary-480:focus::placeholder           { color: var(--secondary-color-480) !important; }
.focus\:placeholder-secondary-500:focus:-ms-input-placeholder  { color: var(--secondary-color-500) !important; }
.focus\:placeholder-secondary-500:focus::-ms-input-placeholder { color: var(--secondary-color-500) !important; }
.focus\:placeholder-secondary-500:focus::placeholder           { color: var(--secondary-color-500) !important; }
.focus\:placeholder-secondary-520:focus:-ms-input-placeholder  { color: var(--secondary-color-520) !important; }
.focus\:placeholder-secondary-520:focus::-ms-input-placeholder { color: var(--secondary-color-520) !important; }
.focus\:placeholder-secondary-520:focus::placeholder           { color: var(--secondary-color-520) !important; }
.focus\:placeholder-secondary-540:focus:-ms-input-placeholder  { color: var(--secondary-color-540) !important; }
.focus\:placeholder-secondary-540:focus::-ms-input-placeholder { color: var(--secondary-color-540) !important; }
.focus\:placeholder-secondary-540:focus::placeholder           { color: var(--secondary-color-540) !important; }
.focus\:placeholder-secondary-560:focus:-ms-input-placeholder  { color: var(--secondary-color-560) !important; }
.focus\:placeholder-secondary-560:focus::-ms-input-placeholder { color: var(--secondary-color-560) !important; }
.focus\:placeholder-secondary-560:focus::placeholder           { color: var(--secondary-color-560) !important; }
.focus\:placeholder-secondary-580:focus:-ms-input-placeholder  { color: var(--secondary-color-580) !important; }
.focus\:placeholder-secondary-580:focus::-ms-input-placeholder { color: var(--secondary-color-580) !important; }
.focus\:placeholder-secondary-580:focus::placeholder           { color: var(--secondary-color-580) !important; }
.focus\:placeholder-secondary-600:focus:-ms-input-placeholder  { color: var(--secondary-color-600) !important; }
.focus\:placeholder-secondary-600:focus::-ms-input-placeholder { color: var(--secondary-color-600) !important; }
.focus\:placeholder-secondary-600:focus::placeholder           { color: var(--secondary-color-600) !important; }
.focus\:placeholder-secondary-700:focus:-ms-input-placeholder  { color: var(--secondary-color-700) !important; }
.focus\:placeholder-secondary-700:focus::-ms-input-placeholder { color: var(--secondary-color-700) !important; }
.focus\:placeholder-secondary-700:focus::placeholder           { color: var(--secondary-color-700) !important; }
.focus\:placeholder-secondary-800:focus:-ms-input-placeholder  { color: var(--secondary-color-800) !important; }
.focus\:placeholder-secondary-800:focus::-ms-input-placeholder { color: var(--secondary-color-800) !important; }
.focus\:placeholder-secondary-800:focus::placeholder           { color: var(--secondary-color-800) !important; }
.focus\:placeholder-secondary-900:focus:-ms-input-placeholder  { color: var(--secondary-color-900) !important; }
.focus\:placeholder-secondary-900:focus::-ms-input-placeholder { color: var(--secondary-color-900) !important; }
.focus\:placeholder-secondary-900:focus::placeholder           { color: var(--secondary-color-900) !important; }

.focus\:placeholder-red-050:focus:-ms-input-placeholder   { color: var(--red-050) !important; }
.focus\:placeholder-red-050:focus::-ms-input-placeholder  { color: var(--red-050) !important; }
.focus\:placeholder-red-050:focus::placeholder            { color: var(--red-050) !important; }
.focus\:placeholder-red-100:focus:-ms-input-placeholder   { color: var(--red-100) !important; }
.focus\:placeholder-red-100:focus::-ms-input-placeholder  { color: var(--red-100) !important; }
.focus\:placeholder-red-100:focus::placeholder            { color: var(--red-100) !important; }
.focus\:placeholder-red-200:focus:-ms-input-placeholder   { color: var(--red-200) !important; }
.focus\:placeholder-red-200:focus::-ms-input-placeholder  { color: var(--red-200) !important; }
.focus\:placeholder-red-200:focus::placeholder            { color: var(--red-200) !important; }
.focus\:placeholder-red-300:focus:-ms-input-placeholder   { color: var(--red-300) !important; }
.focus\:placeholder-red-300:focus::-ms-input-placeholder  { color: var(--red-300) !important; }
.focus\:placeholder-red-300:focus::placeholder            { color: var(--red-300) !important; }
.focus\:placeholder-red-400:focus:-ms-input-placeholder   { color: var(--red-400) !important; }
.focus\:placeholder-red-400:focus::-ms-input-placeholder  { color: var(--red-400) !important; }
.focus\:placeholder-red-400:focus::placeholder            { color: var(--red-400) !important; }
.focus\:placeholder-red-500:focus:-ms-input-placeholder   { color: var(--red-500) !important; }
.focus\:placeholder-red-500:focus::-ms-input-placeholder  { color: var(--red-500) !important; }
.focus\:placeholder-red-500:focus::placeholder            { color: var(--red-500) !important; }
.focus\:placeholder-red-600:focus:-ms-input-placeholder   { color: var(--red-600) !important; }
.focus\:placeholder-red-600:focus::-ms-input-placeholder  { color: var(--red-600) !important; }
.focus\:placeholder-red-600:focus::placeholder            { color: var(--red-600) !important; }
.focus\:placeholder-red-700:focus:-ms-input-placeholder   { color: var(--red-700) !important; }
.focus\:placeholder-red-700:focus::-ms-input-placeholder  { color: var(--red-700) !important; }
.focus\:placeholder-red-700:focus::placeholder            { color: var(--red-700) !important; }
.focus\:placeholder-red-800:focus:-ms-input-placeholder   { color: var(--red-800) !important; }
.focus\:placeholder-red-800:focus::-ms-input-placeholder  { color: var(--red-800) !important; }
.focus\:placeholder-red-800:focus::placeholder            { color: var(--red-800) !important; }
.focus\:placeholder-red-900:focus:-ms-input-placeholder   { color: var(--red-900) !important; }
.focus\:placeholder-red-900:focus::-ms-input-placeholder  { color: var(--red-900) !important; }
.focus\:placeholder-red-900:focus::placeholder            { color: var(--red-900) !important; }
.focus\:placeholder-red-A100:focus:-ms-input-placeholder  { color: var(--red-A100) !important; }
.focus\:placeholder-red-A100:focus::-ms-input-placeholder { color: var(--red-A100) !important; }
.focus\:placeholder-red-A100:focus::placeholder           { color: var(--red-A100) !important; }
.focus\:placeholder-red-A200:focus:-ms-input-placeholder  { color: var(--red-A200) !important; }
.focus\:placeholder-red-A200:focus::-ms-input-placeholder { color: var(--red-A200) !important; }
.focus\:placeholder-red-A200:focus::placeholder           { color: var(--red-A200) !important; }
.focus\:placeholder-red-A400:focus:-ms-input-placeholder  { color: var(--red-A400) !important; }
.focus\:placeholder-red-A400:focus::-ms-input-placeholder { color: var(--red-A400) !important; }
.focus\:placeholder-red-A400:focus::placeholder           { color: var(--red-A400) !important; }
.focus\:placeholder-red-A700:focus:-ms-input-placeholder  { color: var(--red-A700) !important; }
.focus\:placeholder-red-A700:focus::-ms-input-placeholder { color: var(--red-A700) !important; }
.focus\:placeholder-red-A700:focus::placeholder           { color: var(--red-A700) !important; }

.focus\:placeholder-pink-050:focus:-ms-input-placeholder   { color: var(--pink-050) !important; }
.focus\:placeholder-pink-050:focus::-ms-input-placeholder  { color: var(--pink-050) !important; }
.focus\:placeholder-pink-050:focus::placeholder            { color: var(--pink-050) !important; }
.focus\:placeholder-pink-100:focus:-ms-input-placeholder   { color: var(--pink-100) !important; }
.focus\:placeholder-pink-100:focus::-ms-input-placeholder  { color: var(--pink-100) !important; }
.focus\:placeholder-pink-100:focus::placeholder            { color: var(--pink-100) !important; }
.focus\:placeholder-pink-200:focus:-ms-input-placeholder   { color: var(--pink-200) !important; }
.focus\:placeholder-pink-200:focus::-ms-input-placeholder  { color: var(--pink-200) !important; }
.focus\:placeholder-pink-200:focus::placeholder            { color: var(--pink-200) !important; }
.focus\:placeholder-pink-300:focus:-ms-input-placeholder   { color: var(--pink-300) !important; }
.focus\:placeholder-pink-300:focus::-ms-input-placeholder  { color: var(--pink-300) !important; }
.focus\:placeholder-pink-300:focus::placeholder            { color: var(--pink-300) !important; }
.focus\:placeholder-pink-400:focus:-ms-input-placeholder   { color: var(--pink-400) !important; }
.focus\:placeholder-pink-400:focus::-ms-input-placeholder  { color: var(--pink-400) !important; }
.focus\:placeholder-pink-400:focus::placeholder            { color: var(--pink-400) !important; }
.focus\:placeholder-pink-500:focus:-ms-input-placeholder   { color: var(--pink-500) !important; }
.focus\:placeholder-pink-500:focus::-ms-input-placeholder  { color: var(--pink-500) !important; }
.focus\:placeholder-pink-500:focus::placeholder            { color: var(--pink-500) !important; }
.focus\:placeholder-pink-600:focus:-ms-input-placeholder   { color: var(--pink-600) !important; }
.focus\:placeholder-pink-600:focus::-ms-input-placeholder  { color: var(--pink-600) !important; }
.focus\:placeholder-pink-600:focus::placeholder            { color: var(--pink-600) !important; }
.focus\:placeholder-pink-700:focus:-ms-input-placeholder   { color: var(--pink-700) !important; }
.focus\:placeholder-pink-700:focus::-ms-input-placeholder  { color: var(--pink-700) !important; }
.focus\:placeholder-pink-700:focus::placeholder            { color: var(--pink-700) !important; }
.focus\:placeholder-pink-800:focus:-ms-input-placeholder   { color: var(--pink-800) !important; }
.focus\:placeholder-pink-800:focus::-ms-input-placeholder  { color: var(--pink-800) !important; }
.focus\:placeholder-pink-800:focus::placeholder            { color: var(--pink-800) !important; }
.focus\:placeholder-pink-900:focus:-ms-input-placeholder   { color: var(--pink-900) !important; }
.focus\:placeholder-pink-900:focus::-ms-input-placeholder  { color: var(--pink-900) !important; }
.focus\:placeholder-pink-900:focus::placeholder            { color: var(--pink-900) !important; }
.focus\:placeholder-pink-A100:focus:-ms-input-placeholder  { color: var(--pink-A100) !important; }
.focus\:placeholder-pink-A100:focus::-ms-input-placeholder { color: var(--pink-A100) !important; }
.focus\:placeholder-pink-A100:focus::placeholder           { color: var(--pink-A100) !important; }
.focus\:placeholder-pink-A200:focus:-ms-input-placeholder  { color: var(--pink-A200) !important; }
.focus\:placeholder-pink-A200:focus::-ms-input-placeholder { color: var(--pink-A200) !important; }
.focus\:placeholder-pink-A200:focus::placeholder           { color: var(--pink-A200) !important; }
.focus\:placeholder-pink-A400:focus:-ms-input-placeholder  { color: var(--pink-A400) !important; }
.focus\:placeholder-pink-A400:focus::-ms-input-placeholder { color: var(--pink-A400) !important; }
.focus\:placeholder-pink-A400:focus::placeholder           { color: var(--pink-A400) !important; }
.focus\:placeholder-pink-A700:focus:-ms-input-placeholder  { color: var(--pink-A700) !important; }
.focus\:placeholder-pink-A700:focus::-ms-input-placeholder { color: var(--pink-A700) !important; }
.focus\:placeholder-pink-A700:focus::placeholder           { color: var(--pink-A700) !important; }

.focus\:placeholder-purple-050:focus:-ms-input-placeholder   { color: var(--purple-050) !important; }
.focus\:placeholder-purple-050:focus::-ms-input-placeholder  { color: var(--purple-050) !important; }
.focus\:placeholder-purple-050:focus::placeholder            { color: var(--purple-050) !important; }
.focus\:placeholder-purple-100:focus:-ms-input-placeholder   { color: var(--purple-100) !important; }
.focus\:placeholder-purple-100:focus::-ms-input-placeholder  { color: var(--purple-100) !important; }
.focus\:placeholder-purple-100:focus::placeholder            { color: var(--purple-100) !important; }
.focus\:placeholder-purple-200:focus:-ms-input-placeholder   { color: var(--purple-200) !important; }
.focus\:placeholder-purple-200:focus::-ms-input-placeholder  { color: var(--purple-200) !important; }
.focus\:placeholder-purple-200:focus::placeholder            { color: var(--purple-200) !important; }
.focus\:placeholder-purple-300:focus:-ms-input-placeholder   { color: var(--purple-300) !important; }
.focus\:placeholder-purple-300:focus::-ms-input-placeholder  { color: var(--purple-300) !important; }
.focus\:placeholder-purple-300:focus::placeholder            { color: var(--purple-300) !important; }
.focus\:placeholder-purple-400:focus:-ms-input-placeholder   { color: var(--purple-400) !important; }
.focus\:placeholder-purple-400:focus::-ms-input-placeholder  { color: var(--purple-400) !important; }
.focus\:placeholder-purple-400:focus::placeholder            { color: var(--purple-400) !important; }
.focus\:placeholder-purple-500:focus:-ms-input-placeholder   { color: var(--purple-500) !important; }
.focus\:placeholder-purple-500:focus::-ms-input-placeholder  { color: var(--purple-500) !important; }
.focus\:placeholder-purple-500:focus::placeholder            { color: var(--purple-500) !important; }
.focus\:placeholder-purple-600:focus:-ms-input-placeholder   { color: var(--purple-600) !important; }
.focus\:placeholder-purple-600:focus::-ms-input-placeholder  { color: var(--purple-600) !important; }
.focus\:placeholder-purple-600:focus::placeholder            { color: var(--purple-600) !important; }
.focus\:placeholder-purple-700:focus:-ms-input-placeholder   { color: var(--purple-700) !important; }
.focus\:placeholder-purple-700:focus::-ms-input-placeholder  { color: var(--purple-700) !important; }
.focus\:placeholder-purple-700:focus::placeholder            { color: var(--purple-700) !important; }
.focus\:placeholder-purple-800:focus:-ms-input-placeholder   { color: var(--purple-800) !important; }
.focus\:placeholder-purple-800:focus::-ms-input-placeholder  { color: var(--purple-800) !important; }
.focus\:placeholder-purple-800:focus::placeholder            { color: var(--purple-800) !important; }
.focus\:placeholder-purple-900:focus:-ms-input-placeholder   { color: var(--purple-900) !important; }
.focus\:placeholder-purple-900:focus::-ms-input-placeholder  { color: var(--purple-900) !important; }
.focus\:placeholder-purple-900:focus::placeholder            { color: var(--purple-900) !important; }
.focus\:placeholder-purple-A100:focus:-ms-input-placeholder  { color: var(--purple-A100) !important; }
.focus\:placeholder-purple-A100:focus::-ms-input-placeholder { color: var(--purple-A100) !important; }
.focus\:placeholder-purple-A100:focus::placeholder           { color: var(--purple-A100) !important; }
.focus\:placeholder-purple-A200:focus:-ms-input-placeholder  { color: var(--purple-A200) !important; }
.focus\:placeholder-purple-A200:focus::-ms-input-placeholder { color: var(--purple-A200) !important; }
.focus\:placeholder-purple-A200:focus::placeholder           { color: var(--purple-A200) !important; }
.focus\:placeholder-purple-A400:focus:-ms-input-placeholder  { color: var(--purple-A400) !important; }
.focus\:placeholder-purple-A400:focus::-ms-input-placeholder { color: var(--purple-A400) !important; }
.focus\:placeholder-purple-A400:focus::placeholder           { color: var(--purple-A400) !important; }
.focus\:placeholder-purple-A700:focus:-ms-input-placeholder  { color: var(--purple-A700) !important; }
.focus\:placeholder-purple-A700:focus::-ms-input-placeholder { color: var(--purple-A700) !important; }
.focus\:placeholder-purple-A700:focus::placeholder           { color: var(--purple-A700) !important; }

.focus\:placeholder-deep-purple-050:focus:-ms-input-placeholder   { color: var(--deep-purple-050) !important; }
.focus\:placeholder-deep-purple-050:focus::-ms-input-placeholder  { color: var(--deep-purple-050) !important; }
.focus\:placeholder-deep-purple-050:focus::placeholder            { color: var(--deep-purple-050) !important; }
.focus\:placeholder-deep-purple-100:focus:-ms-input-placeholder   { color: var(--deep-purple-100) !important; }
.focus\:placeholder-deep-purple-100:focus::-ms-input-placeholder  { color: var(--deep-purple-100) !important; }
.focus\:placeholder-deep-purple-100:focus::placeholder            { color: var(--deep-purple-100) !important; }
.focus\:placeholder-deep-purple-200:focus:-ms-input-placeholder   { color: var(--deep-purple-200) !important; }
.focus\:placeholder-deep-purple-200:focus::-ms-input-placeholder  { color: var(--deep-purple-200) !important; }
.focus\:placeholder-deep-purple-200:focus::placeholder            { color: var(--deep-purple-200) !important; }
.focus\:placeholder-deep-purple-300:focus:-ms-input-placeholder   { color: var(--deep-purple-300) !important; }
.focus\:placeholder-deep-purple-300:focus::-ms-input-placeholder  { color: var(--deep-purple-300) !important; }
.focus\:placeholder-deep-purple-300:focus::placeholder            { color: var(--deep-purple-300) !important; }
.focus\:placeholder-deep-purple-400:focus:-ms-input-placeholder   { color: var(--deep-purple-400) !important; }
.focus\:placeholder-deep-purple-400:focus::-ms-input-placeholder  { color: var(--deep-purple-400) !important; }
.focus\:placeholder-deep-purple-400:focus::placeholder            { color: var(--deep-purple-400) !important; }
.focus\:placeholder-deep-purple-500:focus:-ms-input-placeholder   { color: var(--deep-purple-500) !important; }
.focus\:placeholder-deep-purple-500:focus::-ms-input-placeholder  { color: var(--deep-purple-500) !important; }
.focus\:placeholder-deep-purple-500:focus::placeholder            { color: var(--deep-purple-500) !important; }
.focus\:placeholder-deep-purple-600:focus:-ms-input-placeholder   { color: var(--deep-purple-600) !important; }
.focus\:placeholder-deep-purple-600:focus::-ms-input-placeholder  { color: var(--deep-purple-600) !important; }
.focus\:placeholder-deep-purple-600:focus::placeholder            { color: var(--deep-purple-600) !important; }
.focus\:placeholder-deep-purple-700:focus:-ms-input-placeholder   { color: var(--deep-purple-700) !important; }
.focus\:placeholder-deep-purple-700:focus::-ms-input-placeholder  { color: var(--deep-purple-700) !important; }
.focus\:placeholder-deep-purple-700:focus::placeholder            { color: var(--deep-purple-700) !important; }
.focus\:placeholder-deep-purple-800:focus:-ms-input-placeholder   { color: var(--deep-purple-800) !important; }
.focus\:placeholder-deep-purple-800:focus::-ms-input-placeholder  { color: var(--deep-purple-800) !important; }
.focus\:placeholder-deep-purple-800:focus::placeholder            { color: var(--deep-purple-800) !important; }
.focus\:placeholder-deep-purple-900:focus:-ms-input-placeholder   { color: var(--deep-purple-900) !important; }
.focus\:placeholder-deep-purple-900:focus::-ms-input-placeholder  { color: var(--deep-purple-900) !important; }
.focus\:placeholder-deep-purple-900:focus::placeholder            { color: var(--deep-purple-900) !important; }
.focus\:placeholder-deep-purple-A100:focus:-ms-input-placeholder  { color: var(--deep-purple-A100) !important; }
.focus\:placeholder-deep-purple-A100:focus::-ms-input-placeholder { color: var(--deep-purple-A100) !important; }
.focus\:placeholder-deep-purple-A100:focus::placeholder           { color: var(--deep-purple-A100) !important; }
.focus\:placeholder-deep-purple-A200:focus:-ms-input-placeholder  { color: var(--deep-purple-A200) !important; }
.focus\:placeholder-deep-purple-A200:focus::-ms-input-placeholder { color: var(--deep-purple-A200) !important; }
.focus\:placeholder-deep-purple-A200:focus::placeholder           { color: var(--deep-purple-A200) !important; }
.focus\:placeholder-deep-purple-A400:focus:-ms-input-placeholder  { color: var(--deep-purple-A400) !important; }
.focus\:placeholder-deep-purple-A400:focus::-ms-input-placeholder { color: var(--deep-purple-A400) !important; }
.focus\:placeholder-deep-purple-A400:focus::placeholder           { color: var(--deep-purple-A400) !important; }
.focus\:placeholder-deep-purple-A700:focus:-ms-input-placeholder  { color: var(--deep-purple-A700) !important; }
.focus\:placeholder-deep-purple-A700:focus::-ms-input-placeholder { color: var(--deep-purple-A700) !important; }
.focus\:placeholder-deep-purple-A700:focus::placeholder           { color: var(--deep-purple-A700) !important; }

.focus\:placeholder-indigo-050:focus:-ms-input-placeholder   { color: var(--indigo-050) !important; }
.focus\:placeholder-indigo-050:focus::-ms-input-placeholder  { color: var(--indigo-050) !important; }
.focus\:placeholder-indigo-050:focus::placeholder            { color: var(--indigo-050) !important; }
.focus\:placeholder-indigo-100:focus:-ms-input-placeholder   { color: var(--indigo-100) !important; }
.focus\:placeholder-indigo-100:focus::-ms-input-placeholder  { color: var(--indigo-100) !important; }
.focus\:placeholder-indigo-100:focus::placeholder            { color: var(--indigo-100) !important; }
.focus\:placeholder-indigo-200:focus:-ms-input-placeholder   { color: var(--indigo-200) !important; }
.focus\:placeholder-indigo-200:focus::-ms-input-placeholder  { color: var(--indigo-200) !important; }
.focus\:placeholder-indigo-200:focus::placeholder            { color: var(--indigo-200) !important; }
.focus\:placeholder-indigo-300:focus:-ms-input-placeholder   { color: var(--indigo-300) !important; }
.focus\:placeholder-indigo-300:focus::-ms-input-placeholder  { color: var(--indigo-300) !important; }
.focus\:placeholder-indigo-300:focus::placeholder            { color: var(--indigo-300) !important; }
.focus\:placeholder-indigo-400:focus:-ms-input-placeholder   { color: var(--indigo-400) !important; }
.focus\:placeholder-indigo-400:focus::-ms-input-placeholder  { color: var(--indigo-400) !important; }
.focus\:placeholder-indigo-400:focus::placeholder            { color: var(--indigo-400) !important; }
.focus\:placeholder-indigo-500:focus:-ms-input-placeholder   { color: var(--indigo-500) !important; }
.focus\:placeholder-indigo-500:focus::-ms-input-placeholder  { color: var(--indigo-500) !important; }
.focus\:placeholder-indigo-500:focus::placeholder            { color: var(--indigo-500) !important; }
.focus\:placeholder-indigo-600:focus:-ms-input-placeholder   { color: var(--indigo-600) !important; }
.focus\:placeholder-indigo-600:focus::-ms-input-placeholder  { color: var(--indigo-600) !important; }
.focus\:placeholder-indigo-600:focus::placeholder            { color: var(--indigo-600) !important; }
.focus\:placeholder-indigo-700:focus:-ms-input-placeholder   { color: var(--indigo-700) !important; }
.focus\:placeholder-indigo-700:focus::-ms-input-placeholder  { color: var(--indigo-700) !important; }
.focus\:placeholder-indigo-700:focus::placeholder            { color: var(--indigo-700) !important; }
.focus\:placeholder-indigo-800:focus:-ms-input-placeholder   { color: var(--indigo-800) !important; }
.focus\:placeholder-indigo-800:focus::-ms-input-placeholder  { color: var(--indigo-800) !important; }
.focus\:placeholder-indigo-800:focus::placeholder            { color: var(--indigo-800) !important; }
.focus\:placeholder-indigo-900:focus:-ms-input-placeholder   { color: var(--indigo-900) !important; }
.focus\:placeholder-indigo-900:focus::-ms-input-placeholder  { color: var(--indigo-900) !important; }
.focus\:placeholder-indigo-900:focus::placeholder            { color: var(--indigo-900) !important; }
.focus\:placeholder-indigo-A100:focus:-ms-input-placeholder  { color: var(--indigo-A100) !important; }
.focus\:placeholder-indigo-A100:focus::-ms-input-placeholder { color: var(--indigo-A100) !important; }
.focus\:placeholder-indigo-A100:focus::placeholder           { color: var(--indigo-A100) !important; }
.focus\:placeholder-indigo-A200:focus:-ms-input-placeholder  { color: var(--indigo-A200) !important; }
.focus\:placeholder-indigo-A200:focus::-ms-input-placeholder { color: var(--indigo-A200) !important; }
.focus\:placeholder-indigo-A200:focus::placeholder           { color: var(--indigo-A200) !important; }
.focus\:placeholder-indigo-A400:focus:-ms-input-placeholder  { color: var(--indigo-A400) !important; }
.focus\:placeholder-indigo-A400:focus::-ms-input-placeholder { color: var(--indigo-A400) !important; }
.focus\:placeholder-indigo-A400:focus::placeholder           { color: var(--indigo-A400) !important; }
.focus\:placeholder-indigo-A700:focus:-ms-input-placeholder  { color: var(--indigo-A700) !important; }
.focus\:placeholder-indigo-A700:focus::-ms-input-placeholder { color: var(--indigo-A700) !important; }
.focus\:placeholder-indigo-A700:focus::placeholder           { color: var(--indigo-A700) !important; }

.focus\:placeholder-blue-050:focus:-ms-input-placeholder   { color: var(--blue-050) !important; }
.focus\:placeholder-blue-050:focus::-ms-input-placeholder  { color: var(--blue-050) !important; }
.focus\:placeholder-blue-050:focus::placeholder            { color: var(--blue-050) !important; }
.focus\:placeholder-blue-100:focus:-ms-input-placeholder   { color: var(--blue-100) !important; }
.focus\:placeholder-blue-100:focus::-ms-input-placeholder  { color: var(--blue-100) !important; }
.focus\:placeholder-blue-100:focus::placeholder            { color: var(--blue-100) !important; }
.focus\:placeholder-blue-200:focus:-ms-input-placeholder   { color: var(--blue-200) !important; }
.focus\:placeholder-blue-200:focus::-ms-input-placeholder  { color: var(--blue-200) !important; }
.focus\:placeholder-blue-200:focus::placeholder            { color: var(--blue-200) !important; }
.focus\:placeholder-blue-300:focus:-ms-input-placeholder   { color: var(--blue-300) !important; }
.focus\:placeholder-blue-300:focus::-ms-input-placeholder  { color: var(--blue-300) !important; }
.focus\:placeholder-blue-300:focus::placeholder            { color: var(--blue-300) !important; }
.focus\:placeholder-blue-400:focus:-ms-input-placeholder   { color: var(--blue-400) !important; }
.focus\:placeholder-blue-400:focus::-ms-input-placeholder  { color: var(--blue-400) !important; }
.focus\:placeholder-blue-400:focus::placeholder            { color: var(--blue-400) !important; }
.focus\:placeholder-blue-500:focus:-ms-input-placeholder   { color: var(--blue-500) !important; }
.focus\:placeholder-blue-500:focus::-ms-input-placeholder  { color: var(--blue-500) !important; }
.focus\:placeholder-blue-500:focus::placeholder            { color: var(--blue-500) !important; }
.focus\:placeholder-blue-600:focus:-ms-input-placeholder   { color: var(--blue-600) !important; }
.focus\:placeholder-blue-600:focus::-ms-input-placeholder  { color: var(--blue-600) !important; }
.focus\:placeholder-blue-600:focus::placeholder            { color: var(--blue-600) !important; }
.focus\:placeholder-blue-700:focus:-ms-input-placeholder   { color: var(--blue-700) !important; }
.focus\:placeholder-blue-700:focus::-ms-input-placeholder  { color: var(--blue-700) !important; }
.focus\:placeholder-blue-700:focus::placeholder            { color: var(--blue-700) !important; }
.focus\:placeholder-blue-800:focus:-ms-input-placeholder   { color: var(--blue-800) !important; }
.focus\:placeholder-blue-800:focus::-ms-input-placeholder  { color: var(--blue-800) !important; }
.focus\:placeholder-blue-800:focus::placeholder            { color: var(--blue-800) !important; }
.focus\:placeholder-blue-900:focus:-ms-input-placeholder   { color: var(--blue-900) !important; }
.focus\:placeholder-blue-900:focus::-ms-input-placeholder  { color: var(--blue-900) !important; }
.focus\:placeholder-blue-900:focus::placeholder            { color: var(--blue-900) !important; }
.focus\:placeholder-blue-A100:focus:-ms-input-placeholder  { color: var(--blue-A100) !important; }
.focus\:placeholder-blue-A100:focus::-ms-input-placeholder { color: var(--blue-A100) !important; }
.focus\:placeholder-blue-A100:focus::placeholder           { color: var(--blue-A100) !important; }
.focus\:placeholder-blue-A200:focus:-ms-input-placeholder  { color: var(--blue-A200) !important; }
.focus\:placeholder-blue-A200:focus::-ms-input-placeholder { color: var(--blue-A200) !important; }
.focus\:placeholder-blue-A200:focus::placeholder           { color: var(--blue-A200) !important; }
.focus\:placeholder-blue-A400:focus:-ms-input-placeholder  { color: var(--blue-A400) !important; }
.focus\:placeholder-blue-A400:focus::-ms-input-placeholder { color: var(--blue-A400) !important; }
.focus\:placeholder-blue-A400:focus::placeholder           { color: var(--blue-A400) !important; }
.focus\:placeholder-blue-A700:focus:-ms-input-placeholder  { color: var(--blue-A700) !important; }
.focus\:placeholder-blue-A700:focus::-ms-input-placeholder { color: var(--blue-A700) !important; }
.focus\:placeholder-blue-A700:focus::placeholder           { color: var(--blue-A700) !important; }

.focus\:placeholder-light-blue-050:focus:-ms-input-placeholder   { color: var(--light-blue-050) !important; }
.focus\:placeholder-light-blue-050:focus::-ms-input-placeholder  { color: var(--light-blue-050) !important; }
.focus\:placeholder-light-blue-050:focus::placeholder            { color: var(--light-blue-050) !important; }
.focus\:placeholder-light-blue-100:focus:-ms-input-placeholder   { color: var(--light-blue-100) !important; }
.focus\:placeholder-light-blue-100:focus::-ms-input-placeholder  { color: var(--light-blue-100) !important; }
.focus\:placeholder-light-blue-100:focus::placeholder            { color: var(--light-blue-100) !important; }
.focus\:placeholder-light-blue-200:focus:-ms-input-placeholder   { color: var(--light-blue-200) !important; }
.focus\:placeholder-light-blue-200:focus::-ms-input-placeholder  { color: var(--light-blue-200) !important; }
.focus\:placeholder-light-blue-200:focus::placeholder            { color: var(--light-blue-200) !important; }
.focus\:placeholder-light-blue-300:focus:-ms-input-placeholder   { color: var(--light-blue-300) !important; }
.focus\:placeholder-light-blue-300:focus::-ms-input-placeholder  { color: var(--light-blue-300) !important; }
.focus\:placeholder-light-blue-300:focus::placeholder            { color: var(--light-blue-300) !important; }
.focus\:placeholder-light-blue-400:focus:-ms-input-placeholder   { color: var(--light-blue-400) !important; }
.focus\:placeholder-light-blue-400:focus::-ms-input-placeholder  { color: var(--light-blue-400) !important; }
.focus\:placeholder-light-blue-400:focus::placeholder            { color: var(--light-blue-400) !important; }
.focus\:placeholder-light-blue-500:focus:-ms-input-placeholder   { color: var(--light-blue-500) !important; }
.focus\:placeholder-light-blue-500:focus::-ms-input-placeholder  { color: var(--light-blue-500) !important; }
.focus\:placeholder-light-blue-500:focus::placeholder            { color: var(--light-blue-500) !important; }
.focus\:placeholder-light-blue-600:focus:-ms-input-placeholder   { color: var(--light-blue-600) !important; }
.focus\:placeholder-light-blue-600:focus::-ms-input-placeholder  { color: var(--light-blue-600) !important; }
.focus\:placeholder-light-blue-600:focus::placeholder            { color: var(--light-blue-600) !important; }
.focus\:placeholder-light-blue-700:focus:-ms-input-placeholder   { color: var(--light-blue-700) !important; }
.focus\:placeholder-light-blue-700:focus::-ms-input-placeholder  { color: var(--light-blue-700) !important; }
.focus\:placeholder-light-blue-700:focus::placeholder            { color: var(--light-blue-700) !important; }
.focus\:placeholder-light-blue-800:focus:-ms-input-placeholder   { color: var(--light-blue-800) !important; }
.focus\:placeholder-light-blue-800:focus::-ms-input-placeholder  { color: var(--light-blue-800) !important; }
.focus\:placeholder-light-blue-800:focus::placeholder            { color: var(--light-blue-800) !important; }
.focus\:placeholder-light-blue-900:focus:-ms-input-placeholder   { color: var(--light-blue-900) !important; }
.focus\:placeholder-light-blue-900:focus::-ms-input-placeholder  { color: var(--light-blue-900) !important; }
.focus\:placeholder-light-blue-900:focus::placeholder            { color: var(--light-blue-900) !important; }
.focus\:placeholder-light-blue-A100:focus:-ms-input-placeholder  { color: var(--light-blue-A100) !important; }
.focus\:placeholder-light-blue-A100:focus::-ms-input-placeholder { color: var(--light-blue-A100) !important; }
.focus\:placeholder-light-blue-A100:focus::placeholder           { color: var(--light-blue-A100) !important; }
.focus\:placeholder-light-blue-A200:focus:-ms-input-placeholder  { color: var(--light-blue-A200) !important; }
.focus\:placeholder-light-blue-A200:focus::-ms-input-placeholder { color: var(--light-blue-A200) !important; }
.focus\:placeholder-light-blue-A200:focus::placeholder           { color: var(--light-blue-A200) !important; }
.focus\:placeholder-light-blue-A400:focus:-ms-input-placeholder  { color: var(--light-blue-A400) !important; }
.focus\:placeholder-light-blue-A400:focus::-ms-input-placeholder { color: var(--light-blue-A400) !important; }
.focus\:placeholder-light-blue-A400:focus::placeholder           { color: var(--light-blue-A400) !important; }
.focus\:placeholder-light-blue-A700:focus:-ms-input-placeholder  { color: var(--light-blue-A700) !important; }
.focus\:placeholder-light-blue-A700:focus::-ms-input-placeholder { color: var(--light-blue-A700) !important; }
.focus\:placeholder-light-blue-A700:focus::placeholder           { color: var(--light-blue-A700) !important; }

.focus\:placeholder-cyan-050:focus:-ms-input-placeholder   { color: var(--cyan-050) !important; }
.focus\:placeholder-cyan-050:focus::-ms-input-placeholder  { color: var(--cyan-050) !important; }
.focus\:placeholder-cyan-050:focus::placeholder            { color: var(--cyan-050) !important; }
.focus\:placeholder-cyan-100:focus:-ms-input-placeholder   { color: var(--cyan-100) !important; }
.focus\:placeholder-cyan-100:focus::-ms-input-placeholder  { color: var(--cyan-100) !important; }
.focus\:placeholder-cyan-100:focus::placeholder            { color: var(--cyan-100) !important; }
.focus\:placeholder-cyan-200:focus:-ms-input-placeholder   { color: var(--cyan-200) !important; }
.focus\:placeholder-cyan-200:focus::-ms-input-placeholder  { color: var(--cyan-200) !important; }
.focus\:placeholder-cyan-200:focus::placeholder            { color: var(--cyan-200) !important; }
.focus\:placeholder-cyan-300:focus:-ms-input-placeholder   { color: var(--cyan-300) !important; }
.focus\:placeholder-cyan-300:focus::-ms-input-placeholder  { color: var(--cyan-300) !important; }
.focus\:placeholder-cyan-300:focus::placeholder            { color: var(--cyan-300) !important; }
.focus\:placeholder-cyan-400:focus:-ms-input-placeholder   { color: var(--cyan-400) !important; }
.focus\:placeholder-cyan-400:focus::-ms-input-placeholder  { color: var(--cyan-400) !important; }
.focus\:placeholder-cyan-400:focus::placeholder            { color: var(--cyan-400) !important; }
.focus\:placeholder-cyan-500:focus:-ms-input-placeholder   { color: var(--cyan-500) !important; }
.focus\:placeholder-cyan-500:focus::-ms-input-placeholder  { color: var(--cyan-500) !important; }
.focus\:placeholder-cyan-500:focus::placeholder            { color: var(--cyan-500) !important; }
.focus\:placeholder-cyan-600:focus:-ms-input-placeholder   { color: var(--cyan-600) !important; }
.focus\:placeholder-cyan-600:focus::-ms-input-placeholder  { color: var(--cyan-600) !important; }
.focus\:placeholder-cyan-600:focus::placeholder            { color: var(--cyan-600) !important; }
.focus\:placeholder-cyan-700:focus:-ms-input-placeholder   { color: var(--cyan-700) !important; }
.focus\:placeholder-cyan-700:focus::-ms-input-placeholder  { color: var(--cyan-700) !important; }
.focus\:placeholder-cyan-700:focus::placeholder            { color: var(--cyan-700) !important; }
.focus\:placeholder-cyan-800:focus:-ms-input-placeholder   { color: var(--cyan-800) !important; }
.focus\:placeholder-cyan-800:focus::-ms-input-placeholder  { color: var(--cyan-800) !important; }
.focus\:placeholder-cyan-800:focus::placeholder            { color: var(--cyan-800) !important; }
.focus\:placeholder-cyan-900:focus:-ms-input-placeholder   { color: var(--cyan-900) !important; }
.focus\:placeholder-cyan-900:focus::-ms-input-placeholder  { color: var(--cyan-900) !important; }
.focus\:placeholder-cyan-900:focus::placeholder            { color: var(--cyan-900) !important; }
.focus\:placeholder-cyan-A100:focus:-ms-input-placeholder  { color: var(--cyan-A100) !important; }
.focus\:placeholder-cyan-A100:focus::-ms-input-placeholder { color: var(--cyan-A100) !important; }
.focus\:placeholder-cyan-A100:focus::placeholder           { color: var(--cyan-A100) !important; }
.focus\:placeholder-cyan-A200:focus:-ms-input-placeholder  { color: var(--cyan-A200) !important; }
.focus\:placeholder-cyan-A200:focus::-ms-input-placeholder { color: var(--cyan-A200) !important; }
.focus\:placeholder-cyan-A200:focus::placeholder           { color: var(--cyan-A200) !important; }
.focus\:placeholder-cyan-A400:focus:-ms-input-placeholder  { color: var(--cyan-A400) !important; }
.focus\:placeholder-cyan-A400:focus::-ms-input-placeholder { color: var(--cyan-A400) !important; }
.focus\:placeholder-cyan-A400:focus::placeholder           { color: var(--cyan-A400) !important; }
.focus\:placeholder-cyan-A700:focus:-ms-input-placeholder  { color: var(--cyan-A700) !important; }
.focus\:placeholder-cyan-A700:focus::-ms-input-placeholder { color: var(--cyan-A700) !important; }
.focus\:placeholder-cyan-A700:focus::placeholder           { color: var(--cyan-A700) !important; }

.focus\:placeholder-teal-050:focus:-ms-input-placeholder   { color: var(--teal-050) !important; }
.focus\:placeholder-teal-050:focus::-ms-input-placeholder  { color: var(--teal-050) !important; }
.focus\:placeholder-teal-050:focus::placeholder            { color: var(--teal-050) !important; }
.focus\:placeholder-teal-100:focus:-ms-input-placeholder   { color: var(--teal-100) !important; }
.focus\:placeholder-teal-100:focus::-ms-input-placeholder  { color: var(--teal-100) !important; }
.focus\:placeholder-teal-100:focus::placeholder            { color: var(--teal-100) !important; }
.focus\:placeholder-teal-200:focus:-ms-input-placeholder   { color: var(--teal-200) !important; }
.focus\:placeholder-teal-200:focus::-ms-input-placeholder  { color: var(--teal-200) !important; }
.focus\:placeholder-teal-200:focus::placeholder            { color: var(--teal-200) !important; }
.focus\:placeholder-teal-300:focus:-ms-input-placeholder   { color: var(--teal-300) !important; }
.focus\:placeholder-teal-300:focus::-ms-input-placeholder  { color: var(--teal-300) !important; }
.focus\:placeholder-teal-300:focus::placeholder            { color: var(--teal-300) !important; }
.focus\:placeholder-teal-400:focus:-ms-input-placeholder   { color: var(--teal-400) !important; }
.focus\:placeholder-teal-400:focus::-ms-input-placeholder  { color: var(--teal-400) !important; }
.focus\:placeholder-teal-400:focus::placeholder            { color: var(--teal-400) !important; }
.focus\:placeholder-teal-500:focus:-ms-input-placeholder   { color: var(--teal-500) !important; }
.focus\:placeholder-teal-500:focus::-ms-input-placeholder  { color: var(--teal-500) !important; }
.focus\:placeholder-teal-500:focus::placeholder            { color: var(--teal-500) !important; }
.focus\:placeholder-teal-600:focus:-ms-input-placeholder   { color: var(--teal-600) !important; }
.focus\:placeholder-teal-600:focus::-ms-input-placeholder  { color: var(--teal-600) !important; }
.focus\:placeholder-teal-600:focus::placeholder            { color: var(--teal-600) !important; }
.focus\:placeholder-teal-700:focus:-ms-input-placeholder   { color: var(--teal-700) !important; }
.focus\:placeholder-teal-700:focus::-ms-input-placeholder  { color: var(--teal-700) !important; }
.focus\:placeholder-teal-700:focus::placeholder            { color: var(--teal-700) !important; }
.focus\:placeholder-teal-800:focus:-ms-input-placeholder   { color: var(--teal-800) !important; }
.focus\:placeholder-teal-800:focus::-ms-input-placeholder  { color: var(--teal-800) !important; }
.focus\:placeholder-teal-800:focus::placeholder            { color: var(--teal-800) !important; }
.focus\:placeholder-teal-900:focus:-ms-input-placeholder   { color: var(--teal-900) !important; }
.focus\:placeholder-teal-900:focus::-ms-input-placeholder  { color: var(--teal-900) !important; }
.focus\:placeholder-teal-900:focus::placeholder            { color: var(--teal-900) !important; }
.focus\:placeholder-teal-A100:focus:-ms-input-placeholder  { color: var(--teal-A100) !important; }
.focus\:placeholder-teal-A100:focus::-ms-input-placeholder { color: var(--teal-A100) !important; }
.focus\:placeholder-teal-A100:focus::placeholder           { color: var(--teal-A100) !important; }
.focus\:placeholder-teal-A200:focus:-ms-input-placeholder  { color: var(--teal-A200) !important; }
.focus\:placeholder-teal-A200:focus::-ms-input-placeholder { color: var(--teal-A200) !important; }
.focus\:placeholder-teal-A200:focus::placeholder           { color: var(--teal-A200) !important; }
.focus\:placeholder-teal-A400:focus:-ms-input-placeholder  { color: var(--teal-A400) !important; }
.focus\:placeholder-teal-A400:focus::-ms-input-placeholder { color: var(--teal-A400) !important; }
.focus\:placeholder-teal-A400:focus::placeholder           { color: var(--teal-A400) !important; }
.focus\:placeholder-teal-A700:focus:-ms-input-placeholder  { color: var(--teal-A700) !important; }
.focus\:placeholder-teal-A700:focus::-ms-input-placeholder { color: var(--teal-A700) !important; }
.focus\:placeholder-teal-A700:focus::placeholder           { color: var(--teal-A700) !important; }

.focus\:placeholder-green-050:focus:-ms-input-placeholder   { color: var(--green-050) !important; }
.focus\:placeholder-green-050:focus::-ms-input-placeholder  { color: var(--green-050) !important; }
.focus\:placeholder-green-050:focus::placeholder            { color: var(--green-050) !important; }
.focus\:placeholder-green-100:focus:-ms-input-placeholder   { color: var(--green-100) !important; }
.focus\:placeholder-green-100:focus::-ms-input-placeholder  { color: var(--green-100) !important; }
.focus\:placeholder-green-100:focus::placeholder            { color: var(--green-100) !important; }
.focus\:placeholder-green-200:focus:-ms-input-placeholder   { color: var(--green-200) !important; }
.focus\:placeholder-green-200:focus::-ms-input-placeholder  { color: var(--green-200) !important; }
.focus\:placeholder-green-200:focus::placeholder            { color: var(--green-200) !important; }
.focus\:placeholder-green-300:focus:-ms-input-placeholder   { color: var(--green-300) !important; }
.focus\:placeholder-green-300:focus::-ms-input-placeholder  { color: var(--green-300) !important; }
.focus\:placeholder-green-300:focus::placeholder            { color: var(--green-300) !important; }
.focus\:placeholder-green-400:focus:-ms-input-placeholder   { color: var(--green-400) !important; }
.focus\:placeholder-green-400:focus::-ms-input-placeholder  { color: var(--green-400) !important; }
.focus\:placeholder-green-400:focus::placeholder            { color: var(--green-400) !important; }
.focus\:placeholder-green-500:focus:-ms-input-placeholder   { color: var(--green-500) !important; }
.focus\:placeholder-green-500:focus::-ms-input-placeholder  { color: var(--green-500) !important; }
.focus\:placeholder-green-500:focus::placeholder            { color: var(--green-500) !important; }
.focus\:placeholder-green-600:focus:-ms-input-placeholder   { color: var(--green-600) !important; }
.focus\:placeholder-green-600:focus::-ms-input-placeholder  { color: var(--green-600) !important; }
.focus\:placeholder-green-600:focus::placeholder            { color: var(--green-600) !important; }
.focus\:placeholder-green-700:focus:-ms-input-placeholder   { color: var(--green-700) !important; }
.focus\:placeholder-green-700:focus::-ms-input-placeholder  { color: var(--green-700) !important; }
.focus\:placeholder-green-700:focus::placeholder            { color: var(--green-700) !important; }
.focus\:placeholder-green-800:focus:-ms-input-placeholder   { color: var(--green-800) !important; }
.focus\:placeholder-green-800:focus::-ms-input-placeholder  { color: var(--green-800) !important; }
.focus\:placeholder-green-800:focus::placeholder            { color: var(--green-800) !important; }
.focus\:placeholder-green-900:focus:-ms-input-placeholder   { color: var(--green-900) !important; }
.focus\:placeholder-green-900:focus::-ms-input-placeholder  { color: var(--green-900) !important; }
.focus\:placeholder-green-900:focus::placeholder            { color: var(--green-900) !important; }
.focus\:placeholder-green-A100:focus:-ms-input-placeholder  { color: var(--green-A100) !important; }
.focus\:placeholder-green-A100:focus::-ms-input-placeholder { color: var(--green-A100) !important; }
.focus\:placeholder-green-A100:focus::placeholder           { color: var(--green-A100) !important; }
.focus\:placeholder-green-A200:focus:-ms-input-placeholder  { color: var(--green-A200) !important; }
.focus\:placeholder-green-A200:focus::-ms-input-placeholder { color: var(--green-A200) !important; }
.focus\:placeholder-green-A200:focus::placeholder           { color: var(--green-A200) !important; }
.focus\:placeholder-green-A400:focus:-ms-input-placeholder  { color: var(--green-A400) !important; }
.focus\:placeholder-green-A400:focus::-ms-input-placeholder { color: var(--green-A400) !important; }
.focus\:placeholder-green-A400:focus::placeholder           { color: var(--green-A400) !important; }
.focus\:placeholder-green-A700:focus:-ms-input-placeholder  { color: var(--green-A700) !important; }
.focus\:placeholder-green-A700:focus::-ms-input-placeholder { color: var(--green-A700) !important; }
.focus\:placeholder-green-A700:focus::placeholder           { color: var(--green-A700) !important; }

.focus\:placeholder-light-green-050:focus:-ms-input-placeholder   { color: var(--light-green-050) !important; }
.focus\:placeholder-light-green-050:focus::-ms-input-placeholder  { color: var(--light-green-050) !important; }
.focus\:placeholder-light-green-050:focus::placeholder            { color: var(--light-green-050) !important; }
.focus\:placeholder-light-green-100:focus:-ms-input-placeholder   { color: var(--light-green-100) !important; }
.focus\:placeholder-light-green-100:focus::-ms-input-placeholder  { color: var(--light-green-100) !important; }
.focus\:placeholder-light-green-100:focus::placeholder            { color: var(--light-green-100) !important; }
.focus\:placeholder-light-green-200:focus:-ms-input-placeholder   { color: var(--light-green-200) !important; }
.focus\:placeholder-light-green-200:focus::-ms-input-placeholder  { color: var(--light-green-200) !important; }
.focus\:placeholder-light-green-200:focus::placeholder            { color: var(--light-green-200) !important; }
.focus\:placeholder-light-green-300:focus:-ms-input-placeholder   { color: var(--light-green-300) !important; }
.focus\:placeholder-light-green-300:focus::-ms-input-placeholder  { color: var(--light-green-300) !important; }
.focus\:placeholder-light-green-300:focus::placeholder            { color: var(--light-green-300) !important; }
.focus\:placeholder-light-green-400:focus:-ms-input-placeholder   { color: var(--light-green-400) !important; }
.focus\:placeholder-light-green-400:focus::-ms-input-placeholder  { color: var(--light-green-400) !important; }
.focus\:placeholder-light-green-400:focus::placeholder            { color: var(--light-green-400) !important; }
.focus\:placeholder-light-green-500:focus:-ms-input-placeholder   { color: var(--light-green-500) !important; }
.focus\:placeholder-light-green-500:focus::-ms-input-placeholder  { color: var(--light-green-500) !important; }
.focus\:placeholder-light-green-500:focus::placeholder            { color: var(--light-green-500) !important; }
.focus\:placeholder-light-green-600:focus:-ms-input-placeholder   { color: var(--light-green-600) !important; }
.focus\:placeholder-light-green-600:focus::-ms-input-placeholder  { color: var(--light-green-600) !important; }
.focus\:placeholder-light-green-600:focus::placeholder            { color: var(--light-green-600) !important; }
.focus\:placeholder-light-green-700:focus:-ms-input-placeholder   { color: var(--light-green-700) !important; }
.focus\:placeholder-light-green-700:focus::-ms-input-placeholder  { color: var(--light-green-700) !important; }
.focus\:placeholder-light-green-700:focus::placeholder            { color: var(--light-green-700) !important; }
.focus\:placeholder-light-green-800:focus:-ms-input-placeholder   { color: var(--light-green-800) !important; }
.focus\:placeholder-light-green-800:focus::-ms-input-placeholder  { color: var(--light-green-800) !important; }
.focus\:placeholder-light-green-800:focus::placeholder            { color: var(--light-green-800) !important; }
.focus\:placeholder-light-green-900:focus:-ms-input-placeholder   { color: var(--light-green-900) !important; }
.focus\:placeholder-light-green-900:focus::-ms-input-placeholder  { color: var(--light-green-900) !important; }
.focus\:placeholder-light-green-900:focus::placeholder            { color: var(--light-green-900) !important; }
.focus\:placeholder-light-green-A100:focus:-ms-input-placeholder  { color: var(--light-green-A100) !important; }
.focus\:placeholder-light-green-A100:focus::-ms-input-placeholder { color: var(--light-green-A100) !important; }
.focus\:placeholder-light-green-A100:focus::placeholder           { color: var(--light-green-A100) !important; }
.focus\:placeholder-light-green-A200:focus:-ms-input-placeholder  { color: var(--light-green-A200) !important; }
.focus\:placeholder-light-green-A200:focus::-ms-input-placeholder { color: var(--light-green-A200) !important; }
.focus\:placeholder-light-green-A200:focus::placeholder           { color: var(--light-green-A200) !important; }
.focus\:placeholder-light-green-A400:focus:-ms-input-placeholder  { color: var(--light-green-A400) !important; }
.focus\:placeholder-light-green-A400:focus::-ms-input-placeholder { color: var(--light-green-A400) !important; }
.focus\:placeholder-light-green-A400:focus::placeholder           { color: var(--light-green-A400) !important; }
.focus\:placeholder-light-green-A700:focus:-ms-input-placeholder  { color: var(--light-green-A700) !important; }
.focus\:placeholder-light-green-A700:focus::-ms-input-placeholder { color: var(--light-green-A700) !important; }
.focus\:placeholder-light-green-A700:focus::placeholder           { color: var(--light-green-A700) !important; }

.focus\:placeholder-lime-050:focus:-ms-input-placeholder   { color: var(--lime-050) !important; }
.focus\:placeholder-lime-050:focus::-ms-input-placeholder  { color: var(--lime-050) !important; }
.focus\:placeholder-lime-050:focus::placeholder            { color: var(--lime-050) !important; }
.focus\:placeholder-lime-100:focus:-ms-input-placeholder   { color: var(--lime-100) !important; }
.focus\:placeholder-lime-100:focus::-ms-input-placeholder  { color: var(--lime-100) !important; }
.focus\:placeholder-lime-100:focus::placeholder            { color: var(--lime-100) !important; }
.focus\:placeholder-lime-200:focus:-ms-input-placeholder   { color: var(--lime-200) !important; }
.focus\:placeholder-lime-200:focus::-ms-input-placeholder  { color: var(--lime-200) !important; }
.focus\:placeholder-lime-200:focus::placeholder            { color: var(--lime-200) !important; }
.focus\:placeholder-lime-300:focus:-ms-input-placeholder   { color: var(--lime-300) !important; }
.focus\:placeholder-lime-300:focus::-ms-input-placeholder  { color: var(--lime-300) !important; }
.focus\:placeholder-lime-300:focus::placeholder            { color: var(--lime-300) !important; }
.focus\:placeholder-lime-400:focus:-ms-input-placeholder   { color: var(--lime-400) !important; }
.focus\:placeholder-lime-400:focus::-ms-input-placeholder  { color: var(--lime-400) !important; }
.focus\:placeholder-lime-400:focus::placeholder            { color: var(--lime-400) !important; }
.focus\:placeholder-lime-500:focus:-ms-input-placeholder   { color: var(--lime-500) !important; }
.focus\:placeholder-lime-500:focus::-ms-input-placeholder  { color: var(--lime-500) !important; }
.focus\:placeholder-lime-500:focus::placeholder            { color: var(--lime-500) !important; }
.focus\:placeholder-lime-600:focus:-ms-input-placeholder   { color: var(--lime-600) !important; }
.focus\:placeholder-lime-600:focus::-ms-input-placeholder  { color: var(--lime-600) !important; }
.focus\:placeholder-lime-600:focus::placeholder            { color: var(--lime-600) !important; }
.focus\:placeholder-lime-700:focus:-ms-input-placeholder   { color: var(--lime-700) !important; }
.focus\:placeholder-lime-700:focus::-ms-input-placeholder  { color: var(--lime-700) !important; }
.focus\:placeholder-lime-700:focus::placeholder            { color: var(--lime-700) !important; }
.focus\:placeholder-lime-800:focus:-ms-input-placeholder   { color: var(--lime-800) !important; }
.focus\:placeholder-lime-800:focus::-ms-input-placeholder  { color: var(--lime-800) !important; }
.focus\:placeholder-lime-800:focus::placeholder            { color: var(--lime-800) !important; }
.focus\:placeholder-lime-900:focus:-ms-input-placeholder   { color: var(--lime-900) !important; }
.focus\:placeholder-lime-900:focus::-ms-input-placeholder  { color: var(--lime-900) !important; }
.focus\:placeholder-lime-900:focus::placeholder            { color: var(--lime-900) !important; }
.focus\:placeholder-lime-A100:focus:-ms-input-placeholder  { color: var(--lime-A100) !important; }
.focus\:placeholder-lime-A100:focus::-ms-input-placeholder { color: var(--lime-A100) !important; }
.focus\:placeholder-lime-A100:focus::placeholder           { color: var(--lime-A100) !important; }
.focus\:placeholder-lime-A200:focus:-ms-input-placeholder  { color: var(--lime-A200) !important; }
.focus\:placeholder-lime-A200:focus::-ms-input-placeholder { color: var(--lime-A200) !important; }
.focus\:placeholder-lime-A200:focus::placeholder           { color: var(--lime-A200) !important; }
.focus\:placeholder-lime-A400:focus:-ms-input-placeholder  { color: var(--lime-A400) !important; }
.focus\:placeholder-lime-A400:focus::-ms-input-placeholder { color: var(--lime-A400) !important; }
.focus\:placeholder-lime-A400:focus::placeholder           { color: var(--lime-A400) !important; }
.focus\:placeholder-lime-A700:focus:-ms-input-placeholder  { color: var(--lime-A700) !important; }
.focus\:placeholder-lime-A700:focus::-ms-input-placeholder { color: var(--lime-A700) !important; }
.focus\:placeholder-lime-A700:focus::placeholder           { color: var(--lime-A700) !important; }

.focus\:placeholder-yellow-050:focus:-ms-input-placeholder   { color: var(--yellow-050) !important; }
.focus\:placeholder-yellow-050:focus::-ms-input-placeholder  { color: var(--yellow-050) !important; }
.focus\:placeholder-yellow-050:focus::placeholder            { color: var(--yellow-050) !important; }
.focus\:placeholder-yellow-100:focus:-ms-input-placeholder   { color: var(--yellow-100) !important; }
.focus\:placeholder-yellow-100:focus::-ms-input-placeholder  { color: var(--yellow-100) !important; }
.focus\:placeholder-yellow-100:focus::placeholder            { color: var(--yellow-100) !important; }
.focus\:placeholder-yellow-200:focus:-ms-input-placeholder   { color: var(--yellow-200) !important; }
.focus\:placeholder-yellow-200:focus::-ms-input-placeholder  { color: var(--yellow-200) !important; }
.focus\:placeholder-yellow-200:focus::placeholder            { color: var(--yellow-200) !important; }
.focus\:placeholder-yellow-300:focus:-ms-input-placeholder   { color: var(--yellow-300) !important; }
.focus\:placeholder-yellow-300:focus::-ms-input-placeholder  { color: var(--yellow-300) !important; }
.focus\:placeholder-yellow-300:focus::placeholder            { color: var(--yellow-300) !important; }
.focus\:placeholder-yellow-400:focus:-ms-input-placeholder   { color: var(--yellow-400) !important; }
.focus\:placeholder-yellow-400:focus::-ms-input-placeholder  { color: var(--yellow-400) !important; }
.focus\:placeholder-yellow-400:focus::placeholder            { color: var(--yellow-400) !important; }
.focus\:placeholder-yellow-500:focus:-ms-input-placeholder   { color: var(--yellow-500) !important; }
.focus\:placeholder-yellow-500:focus::-ms-input-placeholder  { color: var(--yellow-500) !important; }
.focus\:placeholder-yellow-500:focus::placeholder            { color: var(--yellow-500) !important; }
.focus\:placeholder-yellow-600:focus:-ms-input-placeholder   { color: var(--yellow-600) !important; }
.focus\:placeholder-yellow-600:focus::-ms-input-placeholder  { color: var(--yellow-600) !important; }
.focus\:placeholder-yellow-600:focus::placeholder            { color: var(--yellow-600) !important; }
.focus\:placeholder-yellow-700:focus:-ms-input-placeholder   { color: var(--yellow-700) !important; }
.focus\:placeholder-yellow-700:focus::-ms-input-placeholder  { color: var(--yellow-700) !important; }
.focus\:placeholder-yellow-700:focus::placeholder            { color: var(--yellow-700) !important; }
.focus\:placeholder-yellow-800:focus:-ms-input-placeholder   { color: var(--yellow-800) !important; }
.focus\:placeholder-yellow-800:focus::-ms-input-placeholder  { color: var(--yellow-800) !important; }
.focus\:placeholder-yellow-800:focus::placeholder            { color: var(--yellow-800) !important; }
.focus\:placeholder-yellow-900:focus:-ms-input-placeholder   { color: var(--yellow-900) !important; }
.focus\:placeholder-yellow-900:focus::-ms-input-placeholder  { color: var(--yellow-900) !important; }
.focus\:placeholder-yellow-900:focus::placeholder            { color: var(--yellow-900) !important; }
.focus\:placeholder-yellow-A100:focus:-ms-input-placeholder  { color: var(--yellow-A100) !important; }
.focus\:placeholder-yellow-A100:focus::-ms-input-placeholder { color: var(--yellow-A100) !important; }
.focus\:placeholder-yellow-A100:focus::placeholder           { color: var(--yellow-A100) !important; }
.focus\:placeholder-yellow-A200:focus:-ms-input-placeholder  { color: var(--yellow-A200) !important; }
.focus\:placeholder-yellow-A200:focus::-ms-input-placeholder { color: var(--yellow-A200) !important; }
.focus\:placeholder-yellow-A200:focus::placeholder           { color: var(--yellow-A200) !important; }
.focus\:placeholder-yellow-A400:focus:-ms-input-placeholder  { color: var(--yellow-A400) !important; }
.focus\:placeholder-yellow-A400:focus::-ms-input-placeholder { color: var(--yellow-A400) !important; }
.focus\:placeholder-yellow-A400:focus::placeholder           { color: var(--yellow-A400) !important; }
.focus\:placeholder-yellow-A700:focus:-ms-input-placeholder  { color: var(--yellow-A700) !important; }
.focus\:placeholder-yellow-A700:focus::-ms-input-placeholder { color: var(--yellow-A700) !important; }
.focus\:placeholder-yellow-A700:focus::placeholder           { color: var(--yellow-A700) !important; }

.focus\:placeholder-amber-050:focus:-ms-input-placeholder   { color: var(--amber-050) !important; }
.focus\:placeholder-amber-050:focus::-ms-input-placeholder  { color: var(--amber-050) !important; }
.focus\:placeholder-amber-050:focus::placeholder            { color: var(--amber-050) !important; }
.focus\:placeholder-amber-100:focus:-ms-input-placeholder   { color: var(--amber-100) !important; }
.focus\:placeholder-amber-100:focus::-ms-input-placeholder  { color: var(--amber-100) !important; }
.focus\:placeholder-amber-100:focus::placeholder            { color: var(--amber-100) !important; }
.focus\:placeholder-amber-200:focus:-ms-input-placeholder   { color: var(--amber-200) !important; }
.focus\:placeholder-amber-200:focus::-ms-input-placeholder  { color: var(--amber-200) !important; }
.focus\:placeholder-amber-200:focus::placeholder            { color: var(--amber-200) !important; }
.focus\:placeholder-amber-300:focus:-ms-input-placeholder   { color: var(--amber-300) !important; }
.focus\:placeholder-amber-300:focus::-ms-input-placeholder  { color: var(--amber-300) !important; }
.focus\:placeholder-amber-300:focus::placeholder            { color: var(--amber-300) !important; }
.focus\:placeholder-amber-400:focus:-ms-input-placeholder   { color: var(--amber-400) !important; }
.focus\:placeholder-amber-400:focus::-ms-input-placeholder  { color: var(--amber-400) !important; }
.focus\:placeholder-amber-400:focus::placeholder            { color: var(--amber-400) !important; }
.focus\:placeholder-amber-500:focus:-ms-input-placeholder   { color: var(--amber-500) !important; }
.focus\:placeholder-amber-500:focus::-ms-input-placeholder  { color: var(--amber-500) !important; }
.focus\:placeholder-amber-500:focus::placeholder            { color: var(--amber-500) !important; }
.focus\:placeholder-amber-600:focus:-ms-input-placeholder   { color: var(--amber-600) !important; }
.focus\:placeholder-amber-600:focus::-ms-input-placeholder  { color: var(--amber-600) !important; }
.focus\:placeholder-amber-600:focus::placeholder            { color: var(--amber-600) !important; }
.focus\:placeholder-amber-700:focus:-ms-input-placeholder   { color: var(--amber-700) !important; }
.focus\:placeholder-amber-700:focus::-ms-input-placeholder  { color: var(--amber-700) !important; }
.focus\:placeholder-amber-700:focus::placeholder            { color: var(--amber-700) !important; }
.focus\:placeholder-amber-800:focus:-ms-input-placeholder   { color: var(--amber-800) !important; }
.focus\:placeholder-amber-800:focus::-ms-input-placeholder  { color: var(--amber-800) !important; }
.focus\:placeholder-amber-800:focus::placeholder            { color: var(--amber-800) !important; }
.focus\:placeholder-amber-900:focus:-ms-input-placeholder   { color: var(--amber-900) !important; }
.focus\:placeholder-amber-900:focus::-ms-input-placeholder  { color: var(--amber-900) !important; }
.focus\:placeholder-amber-900:focus::placeholder            { color: var(--amber-900) !important; }
.focus\:placeholder-amber-A100:focus:-ms-input-placeholder  { color: var(--amber-A100) !important; }
.focus\:placeholder-amber-A100:focus::-ms-input-placeholder { color: var(--amber-A100) !important; }
.focus\:placeholder-amber-A100:focus::placeholder           { color: var(--amber-A100) !important; }
.focus\:placeholder-amber-A200:focus:-ms-input-placeholder  { color: var(--amber-A200) !important; }
.focus\:placeholder-amber-A200:focus::-ms-input-placeholder { color: var(--amber-A200) !important; }
.focus\:placeholder-amber-A200:focus::placeholder           { color: var(--amber-A200) !important; }
.focus\:placeholder-amber-A400:focus:-ms-input-placeholder  { color: var(--amber-A400) !important; }
.focus\:placeholder-amber-A400:focus::-ms-input-placeholder { color: var(--amber-A400) !important; }
.focus\:placeholder-amber-A400:focus::placeholder           { color: var(--amber-A400) !important; }
.focus\:placeholder-amber-A700:focus:-ms-input-placeholder  { color: var(--amber-A700) !important; }
.focus\:placeholder-amber-A700:focus::-ms-input-placeholder { color: var(--amber-A700) !important; }
.focus\:placeholder-amber-A700:focus::placeholder           { color: var(--amber-A700) !important; }

.focus\:placeholder-orange-050:focus:-ms-input-placeholder   { color: var(--orange-050) !important; }
.focus\:placeholder-orange-050:focus::-ms-input-placeholder  { color: var(--orange-050) !important; }
.focus\:placeholder-orange-050:focus::placeholder            { color: var(--orange-050) !important; }
.focus\:placeholder-orange-100:focus:-ms-input-placeholder   { color: var(--orange-100) !important; }
.focus\:placeholder-orange-100:focus::-ms-input-placeholder  { color: var(--orange-100) !important; }
.focus\:placeholder-orange-100:focus::placeholder            { color: var(--orange-100) !important; }
.focus\:placeholder-orange-200:focus:-ms-input-placeholder   { color: var(--orange-200) !important; }
.focus\:placeholder-orange-200:focus::-ms-input-placeholder  { color: var(--orange-200) !important; }
.focus\:placeholder-orange-200:focus::placeholder            { color: var(--orange-200) !important; }
.focus\:placeholder-orange-300:focus:-ms-input-placeholder   { color: var(--orange-300) !important; }
.focus\:placeholder-orange-300:focus::-ms-input-placeholder  { color: var(--orange-300) !important; }
.focus\:placeholder-orange-300:focus::placeholder            { color: var(--orange-300) !important; }
.focus\:placeholder-orange-400:focus:-ms-input-placeholder   { color: var(--orange-400) !important; }
.focus\:placeholder-orange-400:focus::-ms-input-placeholder  { color: var(--orange-400) !important; }
.focus\:placeholder-orange-400:focus::placeholder            { color: var(--orange-400) !important; }
.focus\:placeholder-orange-500:focus:-ms-input-placeholder   { color: var(--orange-500) !important; }
.focus\:placeholder-orange-500:focus::-ms-input-placeholder  { color: var(--orange-500) !important; }
.focus\:placeholder-orange-500:focus::placeholder            { color: var(--orange-500) !important; }
.focus\:placeholder-orange-600:focus:-ms-input-placeholder   { color: var(--orange-600) !important; }
.focus\:placeholder-orange-600:focus::-ms-input-placeholder  { color: var(--orange-600) !important; }
.focus\:placeholder-orange-600:focus::placeholder            { color: var(--orange-600) !important; }
.focus\:placeholder-orange-700:focus:-ms-input-placeholder   { color: var(--orange-700) !important; }
.focus\:placeholder-orange-700:focus::-ms-input-placeholder  { color: var(--orange-700) !important; }
.focus\:placeholder-orange-700:focus::placeholder            { color: var(--orange-700) !important; }
.focus\:placeholder-orange-800:focus:-ms-input-placeholder   { color: var(--orange-800) !important; }
.focus\:placeholder-orange-800:focus::-ms-input-placeholder  { color: var(--orange-800) !important; }
.focus\:placeholder-orange-800:focus::placeholder            { color: var(--orange-800) !important; }
.focus\:placeholder-orange-900:focus:-ms-input-placeholder   { color: var(--orange-900) !important; }
.focus\:placeholder-orange-900:focus::-ms-input-placeholder  { color: var(--orange-900) !important; }
.focus\:placeholder-orange-900:focus::placeholder            { color: var(--orange-900) !important; }
.focus\:placeholder-orange-A100:focus:-ms-input-placeholder  { color: var(--orange-A100) !important; }
.focus\:placeholder-orange-A100:focus::-ms-input-placeholder { color: var(--orange-A100) !important; }
.focus\:placeholder-orange-A100:focus::placeholder           { color: var(--orange-A100) !important; }
.focus\:placeholder-orange-A200:focus:-ms-input-placeholder  { color: var(--orange-A200) !important; }
.focus\:placeholder-orange-A200:focus::-ms-input-placeholder { color: var(--orange-A200) !important; }
.focus\:placeholder-orange-A200:focus::placeholder           { color: var(--orange-A200) !important; }
.focus\:placeholder-orange-A400:focus:-ms-input-placeholder  { color: var(--orange-A400) !important; }
.focus\:placeholder-orange-A400:focus::-ms-input-placeholder { color: var(--orange-A400) !important; }
.focus\:placeholder-orange-A400:focus::placeholder           { color: var(--orange-A400) !important; }
.focus\:placeholder-orange-A700:focus:-ms-input-placeholder  { color: var(--orange-A700) !important; }
.focus\:placeholder-orange-A700:focus::-ms-input-placeholder { color: var(--orange-A700) !important; }
.focus\:placeholder-orange-A700:focus::placeholder           { color: var(--orange-A700) !important; }

.focus\:placeholder-deep-orange-050:focus:-ms-input-placeholder   { color: var(--deep-orange-050) !important; }
.focus\:placeholder-deep-orange-050:focus::-ms-input-placeholder  { color: var(--deep-orange-050) !important; }
.focus\:placeholder-deep-orange-050:focus::placeholder            { color: var(--deep-orange-050) !important; }
.focus\:placeholder-deep-orange-100:focus:-ms-input-placeholder   { color: var(--deep-orange-100) !important; }
.focus\:placeholder-deep-orange-100:focus::-ms-input-placeholder  { color: var(--deep-orange-100) !important; }
.focus\:placeholder-deep-orange-100:focus::placeholder            { color: var(--deep-orange-100) !important; }
.focus\:placeholder-deep-orange-200:focus:-ms-input-placeholder   { color: var(--deep-orange-200) !important; }
.focus\:placeholder-deep-orange-200:focus::-ms-input-placeholder  { color: var(--deep-orange-200) !important; }
.focus\:placeholder-deep-orange-200:focus::placeholder            { color: var(--deep-orange-200) !important; }
.focus\:placeholder-deep-orange-300:focus:-ms-input-placeholder   { color: var(--deep-orange-300) !important; }
.focus\:placeholder-deep-orange-300:focus::-ms-input-placeholder  { color: var(--deep-orange-300) !important; }
.focus\:placeholder-deep-orange-300:focus::placeholder            { color: var(--deep-orange-300) !important; }
.focus\:placeholder-deep-orange-400:focus:-ms-input-placeholder   { color: var(--deep-orange-400) !important; }
.focus\:placeholder-deep-orange-400:focus::-ms-input-placeholder  { color: var(--deep-orange-400) !important; }
.focus\:placeholder-deep-orange-400:focus::placeholder            { color: var(--deep-orange-400) !important; }
.focus\:placeholder-deep-orange-500:focus:-ms-input-placeholder   { color: var(--deep-orange-500) !important; }
.focus\:placeholder-deep-orange-500:focus::-ms-input-placeholder  { color: var(--deep-orange-500) !important; }
.focus\:placeholder-deep-orange-500:focus::placeholder            { color: var(--deep-orange-500) !important; }
.focus\:placeholder-deep-orange-600:focus:-ms-input-placeholder   { color: var(--deep-orange-600) !important; }
.focus\:placeholder-deep-orange-600:focus::-ms-input-placeholder  { color: var(--deep-orange-600) !important; }
.focus\:placeholder-deep-orange-600:focus::placeholder            { color: var(--deep-orange-600) !important; }
.focus\:placeholder-deep-orange-700:focus:-ms-input-placeholder   { color: var(--deep-orange-700) !important; }
.focus\:placeholder-deep-orange-700:focus::-ms-input-placeholder  { color: var(--deep-orange-700) !important; }
.focus\:placeholder-deep-orange-700:focus::placeholder            { color: var(--deep-orange-700) !important; }
.focus\:placeholder-deep-orange-800:focus:-ms-input-placeholder   { color: var(--deep-orange-800) !important; }
.focus\:placeholder-deep-orange-800:focus::-ms-input-placeholder  { color: var(--deep-orange-800) !important; }
.focus\:placeholder-deep-orange-800:focus::placeholder            { color: var(--deep-orange-800) !important; }
.focus\:placeholder-deep-orange-900:focus:-ms-input-placeholder   { color: var(--deep-orange-900) !important; }
.focus\:placeholder-deep-orange-900:focus::-ms-input-placeholder  { color: var(--deep-orange-900) !important; }
.focus\:placeholder-deep-orange-900:focus::placeholder            { color: var(--deep-orange-900) !important; }
.focus\:placeholder-deep-orange-A100:focus:-ms-input-placeholder  { color: var(--deep-orange-A100) !important; }
.focus\:placeholder-deep-orange-A100:focus::-ms-input-placeholder { color: var(--deep-orange-A100) !important; }
.focus\:placeholder-deep-orange-A100:focus::placeholder           { color: var(--deep-orange-A100) !important; }
.focus\:placeholder-deep-orange-A200:focus:-ms-input-placeholder  { color: var(--deep-orange-A200) !important; }
.focus\:placeholder-deep-orange-A200:focus::-ms-input-placeholder { color: var(--deep-orange-A200) !important; }
.focus\:placeholder-deep-orange-A200:focus::placeholder           { color: var(--deep-orange-A200) !important; }
.focus\:placeholder-deep-orange-A400:focus:-ms-input-placeholder  { color: var(--deep-orange-A400) !important; }
.focus\:placeholder-deep-orange-A400:focus::-ms-input-placeholder { color: var(--deep-orange-A400) !important; }
.focus\:placeholder-deep-orange-A400:focus::placeholder           { color: var(--deep-orange-A400) !important; }
.focus\:placeholder-deep-orange-A700:focus:-ms-input-placeholder  { color: var(--deep-orange-A700) !important; }
.focus\:placeholder-deep-orange-A700:focus::-ms-input-placeholder { color: var(--deep-orange-A700) !important; }
.focus\:placeholder-deep-orange-A700:focus::placeholder           { color: var(--deep-orange-A700) !important; }

.focus\:placeholder-brown-050:focus:-ms-input-placeholder   { color: var(--brown-050) !important; }
.focus\:placeholder-brown-050:focus::-ms-input-placeholder  { color: var(--brown-050) !important; }
.focus\:placeholder-brown-050:focus::placeholder            { color: var(--brown-050) !important; }
.focus\:placeholder-brown-100:focus:-ms-input-placeholder   { color: var(--brown-100) !important; }
.focus\:placeholder-brown-100:focus::-ms-input-placeholder  { color: var(--brown-100) !important; }
.focus\:placeholder-brown-100:focus::placeholder            { color: var(--brown-100) !important; }
.focus\:placeholder-brown-200:focus:-ms-input-placeholder   { color: var(--brown-200) !important; }
.focus\:placeholder-brown-200:focus::-ms-input-placeholder  { color: var(--brown-200) !important; }
.focus\:placeholder-brown-200:focus::placeholder            { color: var(--brown-200) !important; }
.focus\:placeholder-brown-300:focus:-ms-input-placeholder   { color: var(--brown-300) !important; }
.focus\:placeholder-brown-300:focus::-ms-input-placeholder  { color: var(--brown-300) !important; }
.focus\:placeholder-brown-300:focus::placeholder            { color: var(--brown-300) !important; }
.focus\:placeholder-brown-400:focus:-ms-input-placeholder   { color: var(--brown-400) !important; }
.focus\:placeholder-brown-400:focus::-ms-input-placeholder  { color: var(--brown-400) !important; }
.focus\:placeholder-brown-400:focus::placeholder            { color: var(--brown-400) !important; }
.focus\:placeholder-brown-500:focus:-ms-input-placeholder   { color: var(--brown-500) !important; }
.focus\:placeholder-brown-500:focus::-ms-input-placeholder  { color: var(--brown-500) !important; }
.focus\:placeholder-brown-500:focus::placeholder            { color: var(--brown-500) !important; }
.focus\:placeholder-brown-600:focus:-ms-input-placeholder   { color: var(--brown-600) !important; }
.focus\:placeholder-brown-600:focus::-ms-input-placeholder  { color: var(--brown-600) !important; }
.focus\:placeholder-brown-600:focus::placeholder            { color: var(--brown-600) !important; }
.focus\:placeholder-brown-700:focus:-ms-input-placeholder   { color: var(--brown-700) !important; }
.focus\:placeholder-brown-700:focus::-ms-input-placeholder  { color: var(--brown-700) !important; }
.focus\:placeholder-brown-700:focus::placeholder            { color: var(--brown-700) !important; }
.focus\:placeholder-brown-800:focus:-ms-input-placeholder   { color: var(--brown-800) !important; }
.focus\:placeholder-brown-800:focus::-ms-input-placeholder  { color: var(--brown-800) !important; }
.focus\:placeholder-brown-800:focus::placeholder            { color: var(--brown-800) !important; }
.focus\:placeholder-brown-900:focus:-ms-input-placeholder   { color: var(--brown-900) !important; }
.focus\:placeholder-brown-900:focus::-ms-input-placeholder  { color: var(--brown-900) !important; }
.focus\:placeholder-brown-900:focus::placeholder            { color: var(--brown-900) !important; }

.focus\:placeholder-grey-050:focus:-ms-input-placeholder   { color: var(--grey-050) !important; }
.focus\:placeholder-grey-050:focus::-ms-input-placeholder  { color: var(--grey-050) !important; }
.focus\:placeholder-grey-050:focus::placeholder            { color: var(--grey-050) !important; }
.focus\:placeholder-grey-100:focus:-ms-input-placeholder   { color: var(--grey-100) !important; }
.focus\:placeholder-grey-100:focus::-ms-input-placeholder  { color: var(--grey-100) !important; }
.focus\:placeholder-grey-100:focus::placeholder            { color: var(--grey-100) !important; }
.focus\:placeholder-grey-200:focus:-ms-input-placeholder   { color: var(--grey-200) !important; }
.focus\:placeholder-grey-200:focus::-ms-input-placeholder  { color: var(--grey-200) !important; }
.focus\:placeholder-grey-200:focus::placeholder            { color: var(--grey-200) !important; }
.focus\:placeholder-grey-300:focus:-ms-input-placeholder   { color: var(--grey-300) !important; }
.focus\:placeholder-grey-300:focus::-ms-input-placeholder  { color: var(--grey-300) !important; }
.focus\:placeholder-grey-300:focus::placeholder            { color: var(--grey-300) !important; }
.focus\:placeholder-grey-400:focus:-ms-input-placeholder   { color: var(--grey-400) !important; }
.focus\:placeholder-grey-400:focus::-ms-input-placeholder  { color: var(--grey-400) !important; }
.focus\:placeholder-grey-400:focus::placeholder            { color: var(--grey-400) !important; }
.focus\:placeholder-grey-500:focus:-ms-input-placeholder   { color: var(--grey-500) !important; }
.focus\:placeholder-grey-500:focus::-ms-input-placeholder  { color: var(--grey-500) !important; }
.focus\:placeholder-grey-500:focus::placeholder            { color: var(--grey-500) !important; }
.focus\:placeholder-grey-600:focus:-ms-input-placeholder   { color: var(--grey-600) !important; }
.focus\:placeholder-grey-600:focus::-ms-input-placeholder  { color: var(--grey-600) !important; }
.focus\:placeholder-grey-600:focus::placeholder            { color: var(--grey-600) !important; }
.focus\:placeholder-grey-700:focus:-ms-input-placeholder   { color: var(--grey-700) !important; }
.focus\:placeholder-grey-700:focus::-ms-input-placeholder  { color: var(--grey-700) !important; }
.focus\:placeholder-grey-700:focus::placeholder            { color: var(--grey-700) !important; }
.focus\:placeholder-grey-800:focus:-ms-input-placeholder   { color: var(--grey-800) !important; }
.focus\:placeholder-grey-800:focus::-ms-input-placeholder  { color: var(--grey-800) !important; }
.focus\:placeholder-grey-800:focus::placeholder            { color: var(--grey-800) !important; }
.focus\:placeholder-grey-900:focus:-ms-input-placeholder   { color: var(--grey-900) !important; }
.focus\:placeholder-grey-900:focus::-ms-input-placeholder  { color: var(--grey-900) !important; }
.focus\:placeholder-grey-900:focus::placeholder            { color: var(--grey-900) !important; }

.focus\:placeholder-blue-grey-050:focus:-ms-input-placeholder   { color: var(--blue-grey-050) !important; }
.focus\:placeholder-blue-grey-050:focus::-ms-input-placeholder  { color: var(--blue-grey-050) !important; }
.focus\:placeholder-blue-grey-050:focus::placeholder            { color: var(--blue-grey-050) !important; }
.focus\:placeholder-blue-grey-100:focus:-ms-input-placeholder   { color: var(--blue-grey-100) !important; }
.focus\:placeholder-blue-grey-100:focus::-ms-input-placeholder  { color: var(--blue-grey-100) !important; }
.focus\:placeholder-blue-grey-100:focus::placeholder            { color: var(--blue-grey-100) !important; }
.focus\:placeholder-blue-grey-200:focus:-ms-input-placeholder   { color: var(--blue-grey-200) !important; }
.focus\:placeholder-blue-grey-200:focus::-ms-input-placeholder  { color: var(--blue-grey-200) !important; }
.focus\:placeholder-blue-grey-200:focus::placeholder            { color: var(--blue-grey-200) !important; }
.focus\:placeholder-blue-grey-300:focus:-ms-input-placeholder   { color: var(--blue-grey-300) !important; }
.focus\:placeholder-blue-grey-300:focus::-ms-input-placeholder  { color: var(--blue-grey-300) !important; }
.focus\:placeholder-blue-grey-300:focus::placeholder            { color: var(--blue-grey-300) !important; }
.focus\:placeholder-blue-grey-400:focus:-ms-input-placeholder   { color: var(--blue-grey-400) !important; }
.focus\:placeholder-blue-grey-400:focus::-ms-input-placeholder  { color: var(--blue-grey-400) !important; }
.focus\:placeholder-blue-grey-400:focus::placeholder            { color: var(--blue-grey-400) !important; }
.focus\:placeholder-blue-grey-500:focus:-ms-input-placeholder   { color: var(--blue-grey-500) !important; }
.focus\:placeholder-blue-grey-500:focus::-ms-input-placeholder  { color: var(--blue-grey-500) !important; }
.focus\:placeholder-blue-grey-500:focus::placeholder            { color: var(--blue-grey-500) !important; }
.focus\:placeholder-blue-grey-600:focus:-ms-input-placeholder   { color: var(--blue-grey-600) !important; }
.focus\:placeholder-blue-grey-600:focus::-ms-input-placeholder  { color: var(--blue-grey-600) !important; }
.focus\:placeholder-blue-grey-600:focus::placeholder            { color: var(--blue-grey-600) !important; }
.focus\:placeholder-blue-grey-700:focus:-ms-input-placeholder   { color: var(--blue-grey-700) !important; }
.focus\:placeholder-blue-grey-700:focus::-ms-input-placeholder  { color: var(--blue-grey-700) !important; }
.focus\:placeholder-blue-grey-700:focus::placeholder            { color: var(--blue-grey-700) !important; }
.focus\:placeholder-blue-grey-800:focus:-ms-input-placeholder   { color: var(--blue-grey-800) !important; }
.focus\:placeholder-blue-grey-800:focus::-ms-input-placeholder  { color: var(--blue-grey-800) !important; }
.focus\:placeholder-blue-grey-800:focus::placeholder            { color: var(--blue-grey-800) !important; }
.focus\:placeholder-blue-grey-900:focus:-ms-input-placeholder   { color: var(--blue-grey-900) !important; }
.focus\:placeholder-blue-grey-900:focus::-ms-input-placeholder  { color: var(--blue-grey-900) !important; }
.focus\:placeholder-blue-grey-900:focus::placeholder            { color: var(--blue-grey-900) !important; }

.focus\:placeholder-white-050:focus:-ms-input-placeholder   { color: var(--white-050) !important; }
.focus\:placeholder-white-050:focus::-ms-input-placeholder  { color: var(--white-050) !important; }
.focus\:placeholder-white-050:focus::placeholder            { color: var(--white-050) !important; }
.focus\:placeholder-white-100:focus:-ms-input-placeholder   { color: var(--white-100) !important; }
.focus\:placeholder-white-100:focus::-ms-input-placeholder  { color: var(--white-100) !important; }
.focus\:placeholder-white-100:focus::placeholder            { color: var(--white-100) !important; }
.focus\:placeholder-white-150:focus:-ms-input-placeholder   { color: var(--white-150) !important; }
.focus\:placeholder-white-150:focus::-ms-input-placeholder  { color: var(--white-150) !important; }
.focus\:placeholder-white-150:focus::placeholder            { color: var(--white-150) !important; }
.focus\:placeholder-white-200:focus:-ms-input-placeholder   { color: var(--white-200) !important; }
.focus\:placeholder-white-200:focus::-ms-input-placeholder  { color: var(--white-200) !important; }
.focus\:placeholder-white-200:focus::placeholder            { color: var(--white-200) !important; }
.focus\:placeholder-white-250:focus:-ms-input-placeholder   { color: var(--white-250) !important; }
.focus\:placeholder-white-250:focus::-ms-input-placeholder  { color: var(--white-250) !important; }
.focus\:placeholder-white-250:focus::placeholder            { color: var(--white-250) !important; }
.focus\:placeholder-white-300:focus:-ms-input-placeholder   { color: var(--white-300) !important; }
.focus\:placeholder-white-300:focus::-ms-input-placeholder  { color: var(--white-300) !important; }
.focus\:placeholder-white-300:focus::placeholder            { color: var(--white-300) !important; }
.focus\:placeholder-white-350:focus:-ms-input-placeholder   { color: var(--white-350) !important; }
.focus\:placeholder-white-350:focus::-ms-input-placeholder  { color: var(--white-350) !important; }
.focus\:placeholder-white-350:focus::placeholder            { color: var(--white-350) !important; }
.focus\:placeholder-white-400:focus:-ms-input-placeholder   { color: var(--white-400) !important; }
.focus\:placeholder-white-400:focus::-ms-input-placeholder  { color: var(--white-400) !important; }
.focus\:placeholder-white-400:focus::placeholder            { color: var(--white-400) !important; }
.focus\:placeholder-white-450:focus:-ms-input-placeholder   { color: var(--white-450) !important; }
.focus\:placeholder-white-450:focus::-ms-input-placeholder  { color: var(--white-450) !important; }
.focus\:placeholder-white-450:focus::placeholder            { color: var(--white-450) !important; }
.focus\:placeholder-white-500:focus:-ms-input-placeholder   { color: var(--white-500) !important; }
.focus\:placeholder-white-500:focus::-ms-input-placeholder  { color: var(--white-500) !important; }
.focus\:placeholder-white-500:focus::placeholder            { color: var(--white-500) !important; }
.focus\:placeholder-white-550:focus:-ms-input-placeholder   { color: var(--white-550) !important; }
.focus\:placeholder-white-550:focus::-ms-input-placeholder  { color: var(--white-550) !important; }
.focus\:placeholder-white-550:focus::placeholder            { color: var(--white-550) !important; }
.focus\:placeholder-white-600:focus:-ms-input-placeholder   { color: var(--white-600) !important; }
.focus\:placeholder-white-600:focus::-ms-input-placeholder  { color: var(--white-600) !important; }
.focus\:placeholder-white-600:focus::placeholder            { color: var(--white-600) !important; }
.focus\:placeholder-white-650:focus:-ms-input-placeholder   { color: var(--white-650) !important; }
.focus\:placeholder-white-650:focus::-ms-input-placeholder  { color: var(--white-650) !important; }
.focus\:placeholder-white-650:focus::placeholder            { color: var(--white-650) !important; }
.focus\:placeholder-white-700:focus:-ms-input-placeholder   { color: var(--white-700) !important; }
.focus\:placeholder-white-700:focus::-ms-input-placeholder  { color: var(--white-700) !important; }
.focus\:placeholder-white-700:focus::placeholder            { color: var(--white-700) !important; }
.focus\:placeholder-white-750:focus:-ms-input-placeholder   { color: var(--white-750) !important; }
.focus\:placeholder-white-750:focus::-ms-input-placeholder  { color: var(--white-750) !important; }
.focus\:placeholder-white-750:focus::placeholder            { color: var(--white-750) !important; }
.focus\:placeholder-white-800:focus:-ms-input-placeholder   { color: var(--white-800) !important; }
.focus\:placeholder-white-800:focus::-ms-input-placeholder  { color: var(--white-800) !important; }
.focus\:placeholder-white-800:focus::placeholder            { color: var(--white-800) !important; }
.focus\:placeholder-white-850:focus:-ms-input-placeholder   { color: var(--white-850) !important; }
.focus\:placeholder-white-850:focus::-ms-input-placeholder  { color: var(--white-850) !important; }
.focus\:placeholder-white-850:focus::placeholder            { color: var(--white-850) !important; }
.focus\:placeholder-white-900:focus:-ms-input-placeholder   { color: var(--white-900) !important; }
.focus\:placeholder-white-900:focus::-ms-input-placeholder  { color: var(--white-900) !important; }
.focus\:placeholder-white-900:focus::placeholder            { color: var(--white-900) !important; }
.focus\:placeholder-white-950:focus:-ms-input-placeholder   { color: var(--white-950) !important; }
.focus\:placeholder-white-950:focus::-ms-input-placeholder  { color: var(--white-950) !important; }
.focus\:placeholder-white-950:focus::placeholder            { color: var(--white-950) !important; }
.focus\:placeholder-white:focus:-ms-input-placeholder       { color: var(--white) !important; }
.focus\:placeholder-white:focus::-ms-input-placeholder      { color: var(--white) !important; }
.focus\:placeholder-white:focus::placeholder                { color: var(--white) !important; }

.focus\:placeholder-black-050:focus:-ms-input-placeholder   { color: var(--black-050) !important; }
.focus\:placeholder-black-050:focus::-ms-input-placeholder  { color: var(--black-050) !important; }
.focus\:placeholder-black-050:focus::placeholder            { color: var(--black-050) !important; }
.focus\:placeholder-black-100:focus:-ms-input-placeholder   { color: var(--black-100) !important; }
.focus\:placeholder-black-100:focus::-ms-input-placeholder  { color: var(--black-100) !important; }
.focus\:placeholder-black-100:focus::placeholder            { color: var(--black-100) !important; }
.focus\:placeholder-black-150:focus:-ms-input-placeholder   { color: var(--black-150) !important; }
.focus\:placeholder-black-150:focus::-ms-input-placeholder  { color: var(--black-150) !important; }
.focus\:placeholder-black-150:focus::placeholder            { color: var(--black-150) !important; }
.focus\:placeholder-black-200:focus:-ms-input-placeholder   { color: var(--black-200) !important; }
.focus\:placeholder-black-200:focus::-ms-input-placeholder  { color: var(--black-200) !important; }
.focus\:placeholder-black-200:focus::placeholder            { color: var(--black-200) !important; }
.focus\:placeholder-black-250:focus:-ms-input-placeholder   { color: var(--black-250) !important; }
.focus\:placeholder-black-250:focus::-ms-input-placeholder  { color: var(--black-250) !important; }
.focus\:placeholder-black-250:focus::placeholder            { color: var(--black-250) !important; }
.focus\:placeholder-black-300:focus:-ms-input-placeholder   { color: var(--black-300) !important; }
.focus\:placeholder-black-300:focus::-ms-input-placeholder  { color: var(--black-300) !important; }
.focus\:placeholder-black-300:focus::placeholder            { color: var(--black-300) !important; }
.focus\:placeholder-black-350:focus:-ms-input-placeholder   { color: var(--black-350) !important; }
.focus\:placeholder-black-350:focus::-ms-input-placeholder  { color: var(--black-350) !important; }
.focus\:placeholder-black-350:focus::placeholder            { color: var(--black-350) !important; }
.focus\:placeholder-black-400:focus:-ms-input-placeholder   { color: var(--black-400) !important; }
.focus\:placeholder-black-400:focus::-ms-input-placeholder  { color: var(--black-400) !important; }
.focus\:placeholder-black-400:focus::placeholder            { color: var(--black-400) !important; }
.focus\:placeholder-black-450:focus:-ms-input-placeholder   { color: var(--black-450) !important; }
.focus\:placeholder-black-450:focus::-ms-input-placeholder  { color: var(--black-450) !important; }
.focus\:placeholder-black-450:focus::placeholder            { color: var(--black-450) !important; }
.focus\:placeholder-black-500:focus:-ms-input-placeholder   { color: var(--black-500) !important; }
.focus\:placeholder-black-500:focus::-ms-input-placeholder  { color: var(--black-500) !important; }
.focus\:placeholder-black-500:focus::placeholder            { color: var(--black-500) !important; }
.focus\:placeholder-black-550:focus:-ms-input-placeholder   { color: var(--black-550) !important; }
.focus\:placeholder-black-550:focus::-ms-input-placeholder  { color: var(--black-550) !important; }
.focus\:placeholder-black-550:focus::placeholder            { color: var(--black-550) !important; }
.focus\:placeholder-black-600:focus:-ms-input-placeholder   { color: var(--black-600) !important; }
.focus\:placeholder-black-600:focus::-ms-input-placeholder  { color: var(--black-600) !important; }
.focus\:placeholder-black-600:focus::placeholder            { color: var(--black-600) !important; }
.focus\:placeholder-black-650:focus:-ms-input-placeholder   { color: var(--black-650) !important; }
.focus\:placeholder-black-650:focus::-ms-input-placeholder  { color: var(--black-650) !important; }
.focus\:placeholder-black-650:focus::placeholder            { color: var(--black-650) !important; }
.focus\:placeholder-black-700:focus:-ms-input-placeholder   { color: var(--black-700) !important; }
.focus\:placeholder-black-700:focus::-ms-input-placeholder  { color: var(--black-700) !important; }
.focus\:placeholder-black-700:focus::placeholder            { color: var(--black-700) !important; }
.focus\:placeholder-black-750:focus:-ms-input-placeholder   { color: var(--black-750) !important; }
.focus\:placeholder-black-750:focus::-ms-input-placeholder  { color: var(--black-750) !important; }
.focus\:placeholder-black-750:focus::placeholder            { color: var(--black-750) !important; }
.focus\:placeholder-black-800:focus:-ms-input-placeholder   { color: var(--black-800) !important; }
.focus\:placeholder-black-800:focus::-ms-input-placeholder  { color: var(--black-800) !important; }
.focus\:placeholder-black-800:focus::placeholder            { color: var(--black-800) !important; }
.focus\:placeholder-black-850:focus:-ms-input-placeholder   { color: var(--black-850) !important; }
.focus\:placeholder-black-850:focus::-ms-input-placeholder  { color: var(--black-850) !important; }
.focus\:placeholder-black-850:focus::placeholder            { color: var(--black-850) !important; }
.focus\:placeholder-black-900:focus:-ms-input-placeholder   { color: var(--black-900) !important; }
.focus\:placeholder-black-900:focus::-ms-input-placeholder  { color: var(--black-900) !important; }
.focus\:placeholder-black-900:focus::placeholder            { color: var(--black-900) !important; }
.focus\:placeholder-black-950:focus:-ms-input-placeholder   { color: var(--black-950) !important; }
.focus\:placeholder-black-950:focus::-ms-input-placeholder  { color: var(--black-950) !important; }
.focus\:placeholder-black-950:focus::placeholder            { color: var(--black-950) !important; }
.focus\:placeholder-black:focus:-ms-input-placeholder       { color: var(--black) !important; }
.focus\:placeholder-black:focus::-ms-input-placeholder      { color: var(--black) !important; }
.focus\:placeholder-black:focus::placeholder                { color: var(--black) !important; }

/* Padding & Margin
   ========================================================================== */

.pa-0 {
  padding: 0!important;
}
.px-0 {
  padding-left: 0!important;
  padding-right: 0!important;
}
.py-0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
}
.pa-5 {
  padding: 5px!important;
}
.px-5 {
  padding-left: 5px!important;
  padding-right: 5px!important;
}
.py-5 {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}
.pa-10 {
  padding: 10px!important;
}
.px-10 {
  padding-left: 10px!important;
  padding-right: 10px!important;
}
.py-10 {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
.pa-15 {
  padding: 15px!important;
}
.px-15 {
  padding-left: 15px!important;
  padding-right: 15px!important;
}
.py-15 {
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}
.pa-20 {
  padding: 20px!important;
}
.px-20 {
  padding-left: 20px!important;
  padding-right: 20px!important;
}
.py-20 {
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}
.pa-25 {
  padding: 25px!important;
}
.px-25 {
  padding-left: 25px!important;
  padding-right: 25px!important;
}
.py-25 {
  padding-top: 25px!important;
  padding-bottom: 25px!important;
}
.pa-30 {
  padding: 30px!important;
}
.px-30 {
  padding-left: 30px!important;
  padding-right: 30px!important;
}
.py-30 {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}
.pa-35 {
  padding: 35px!important;
}
.px-35 {
  padding-left: 35px!important;
  padding-right: 35px!important;
}
.py-35 {
  padding-top: 35px!important;
  padding-bottom: 35px!important;
}
.pa-40 {
  padding: 40px!important;
}
.px-40 {
  padding-left: 40px!important;
  padding-right: 40px!important;
}
.py-40 {
  padding-top: 40px!important;
  padding-bottom: 40px!important;
}
.pa-45 {
  padding: 45px!important;
}
.px-45 {
  padding-left: 45px!important;
  padding-right: 45px!important;
}
.py-45 {
  padding-top: 45px!important;
  padding-bottom: 45px!important;
}
.pa-50 {
  padding: 50px!important;
}
.px-50 {
  padding-left: 50px!important;
  padding-right: 50px!important;
}
.py-50 {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}
.pa-60 {
  padding: 60px!important;
}
.px-60 {
  padding-left: 60px!important;
  padding-right: 60px!important;
}
.py-60 {
  padding-top: 60px!important;
  padding-bottom: 60px!important;
}
.pa-70 {
  padding: 70px!important;
}
.px-70 {
  padding-left: 70px!important;
  padding-right: 70px!important;
}
.py-70 {
  padding-top: 70px!important;
  padding-bottom: 70px!important;
}
.pa-80 {
  padding: 80px!important;
}
.px-80 {
  padding-left: 80px!important;
  padding-right: 80px!important;
}
.py-80 {
  padding-top: 80px!important;
  padding-bottom: 80px!important;
}
.pa-90 {
  padding: 90px!important;
}
.px-90 {
  padding-left: 90px!important;
  padding-right: 90px!important;
}
.py-90 {
  padding-top: 90px!important;
  padding-bottom: 90px!important;
}
.pa-100 {
  padding: 100px!important;
}
.px-100 {
  padding-left: 100px!important;
  padding-right: 100px!important;
}
.py-100 {
  padding-top: 100px!important;
  padding-bottom: 100px!important;
}
.pa-120 {
  padding: 120px!important;
}
.px-120 {
  padding-left: 120px!important;
  padding-right: 120px!important;
}
.py-120 {
  padding-top: 120px!important;
  padding-bottom: 120px!important;
}
.pa-150 {
  padding: 150px!important;
}
.px-150 {
  padding-left: 150px!important;
  padding-right: 150px!important;
}
.py-150 {
  padding-top: 150px!important;
  padding-bottom: 150px!important;
}

.ma-0 {
  margin: 0!important;
}
.mx-0 {
  margin-left: 0!important;
  margin-right: 0!important;
}
.my-0 {
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.ma-5 {
  margin: 5px!important;
}
.mx-5 {
  margin-left: 5px!important;
  margin-right: 5px!important;
}
.my-5 {
  margin-top: 5px!important;
  margin-bottom: 5px!important;
}
.ma-10 {
  margin: 10px!important;
}
.mx-10 {
  margin-left: 10px!important;
  margin-right: 10px!important;
}
.my-10 {
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}
.ma-15 {
  margin: 15px!important;
}
.mx-15 {
  margin-left: 15px!important;
  margin-right: 15px!important;
}
.my-15 {
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}
.ma-20 {
  margin: 20px!important;
}
.mx-20 {
  margin-left: 20px!important;
  margin-right: 20px!important;
}
.my-20 {
  margin-top: 20px!important;
  margin-bottom: 20px!important;
}
.ma-25 {
  margin: 25px!important;
}
.mx-25 {
  margin-left: 25px!important;
  margin-right: 25px!important;
}
.my-25 {
  margin-top: 25px!important;
  margin-bottom: 25px!important;
}
.ma-30 {
  margin: 30px!important;
}
.mx-30 {
  margin-left: 30px!important;
  margin-right: 30px!important;
}
.my-30 {
  margin-top: 30px!important;
  margin-bottom: 30px!important;
}
.ma-35 {
  margin: 35px!important;
}
.mx-35 {
  margin-left: 35px!important;
  margin-right: 35px!important;
}
.my-35 {
  margin-top: 35px!important;
  margin-bottom: 35px!important;
}
.ma-40 {
  margin: 40px!important;
}
.mx-40 {
  margin-left: 40px!important;
  margin-right: 40px!important;
}
.my-40 {
  margin-top: 40px!important;
  margin-bottom: 40px!important;
}
.ma-45 {
  margin: 45px!important;
}
.mx-45 {
  margin-left: 45px!important;
  margin-right: 45px!important;
}
.my-45 {
  margin-top: 45px!important;
  margin-bottom: 45px!important;
}
.ma-50 {
  margin: 50px!important;
}
.mx-50 {
  margin-left: 50px!important;
  margin-right: 50px!important;
}
.my-50 {
  margin-top: 50px!important;
  margin-bottom: 50px!important;
}
.ma-60 {
  margin: 60px!important;
}
.mx-60 {
  margin-left: 60px!important;
  margin-right: 60px!important;
}
.my-60 {
  margin-top: 60px!important;
  margin-bottom: 60px!important;
}
.ma-70 {
  margin: 70px!important;
}
.mx-70 {
  margin-left: 70px!important;
  margin-right: 70px!important;
}
.my-70 {
  margin-top: 70px!important;
  margin-bottom: 70px!important;
}
.ma-80 {
  margin: 80px!important;
}
.mx-80 {
  margin-left: 80px!important;
  margin-right: 80px!important;
}
.my-80 {
  margin-top: 80px!important;
  margin-bottom: 80px!important;
}
.ma-90 {
  margin: 90px!important;
}
.mx-90 {
  margin-left: 90px!important;
  margin-right: 90px!important;
}
.my-90 {
  margin-top: 90px!important;
  margin-bottom: 90px!important;
}
.ma-100 {
  margin: 100px!important;
}
.mx-100 {
  margin-left: 100px!important;
  margin-right: 100px!important;
}
.my-100 {
  margin-top: 100px!important;
  margin-bottom: 100px!important;
}
.ma-120 {
  margin: 120px!important;
}
.mx-120 {
  margin-left: 120px!important;
  margin-right: 120px!important;
}
.my-120 {
  margin-top: 120px!important;
  margin-bottom: 120px!important;
}
.ma-150 {
  margin: 150px!important;
}
.mx-150 {
  margin-left: 150px!important;
  margin-right: 150px!important;
}
.my-150 {
  margin-top: 150px!important;
  margin-bottom: 150px!important;
}

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .pa-xs-0 {
    padding: 0!important;
  }
  .px-xs-0 {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .py-xs-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
  .pa-xs-5 {
    padding: 5px!important;
  }
  .px-xs-5 {
    padding-left: 5px!important;
    padding-right: 5px!important;
  }
  .py-xs-5 {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
  }
  .pa-xs-10 {
    padding: 10px!important;
  }
  .px-xs-10 {
    padding-left: 10px!important;
    padding-right: 10px!important;
  }
  .py-xs-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }
  .pa-xs-15 {
    padding: 15px!important;
  }
  .px-xs-15 {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  .py-xs-15 {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
  }
  .pa-xs-20 {
    padding: 20px!important;
  }
  .px-xs-20 {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
  .py-xs-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }
  .pa-xs-25 {
    padding: 25px!important;
  }
  .px-xs-25 {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
  .py-xs-25 {
    padding-top: 25px!important;
    padding-bottom: 25px!important;
  }
  .pa-xs-30 {
    padding: 30px!important;
  }
  .px-xs-30 {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
  .py-xs-30 {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
  }
  .pa-xs-35 {
    padding: 35px!important;
  }
  .px-xs-35 {
    padding-left: 35px!important;
    padding-right: 35px!important;
  }
  .py-xs-35 {
    padding-top: 35px!important;
    padding-bottom: 35px!important;
  }
  .pa-xs-40 {
    padding: 40px!important;
  }
  .px-xs-40 {
    padding-left: 40px!important;
    padding-right: 40px!important;
  }
  .py-xs-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }
  .pa-xs-45 {
    padding: 45px!important;
  }
  .px-xs-45 {
    padding-left: 45px!important;
    padding-right: 45px!important;
  }
  .py-xs-45 {
    padding-top: 45px!important;
    padding-bottom: 45px!important;
  }
  .pa-xs-50 {
    padding: 50px!important;
  }
  .px-xs-50 {
    padding-left: 50px!important;
    padding-right: 50px!important;
  }
  .py-xs-50 {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }

  .ma-xs-0 {
    margin: 0!important;
  }
  .mx-xs-0 {
    margin-left: 0!important;
    margin-right: 0!important;
  }
  .my-xs-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
  .ma-xs-5 {
    margin: 5px!important;
  }
  .mx-xs-5 {
    margin-left: 5px!important;
    margin-right: 5px!important;
  }
  .my-xs-5 {
    margin-top: 5px!important;
    margin-bottom: 5px!important;
  }
  .ma-xs-10 {
    margin: 10px!important;
  }
  .mx-xs-10 {
    margin-left: 10px!important;
    margin-right: 10px!important;
  }
  .my-xs-10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
  }
  .ma-xs-15 {
    margin: 15px!important;
  }
  .mx-xs-15 {
    margin-left: 15px!important;
    margin-right: 15px!important;
  }
  .my-xs-15 {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
  }
  .ma-xs-20 {
    margin: 20px!important;
  }
  .mx-xs-20 {
    margin-left: 20px!important;
    margin-right: 20px!important;
  }
  .my-xs-20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
  }
  .ma-xs-25 {
    margin: 25px!important;
  }
  .mx-xs-25 {
    margin-left: 25px!important;
    margin-right: 25px!important;
  }
  .my-xs-25 {
    margin-top: 25px!important;
    margin-bottom: 25px!important;
  }
  .ma-xs-30 {
    margin: 30px!important;
  }
  .mx-xs-30 {
    margin-left: 30px!important;
    margin-right: 30px!important;
  }
  .my-xs-30 {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
  }
  .ma-xs-35 {
    margin: 35px!important;
  }
  .mx-xs-35 {
    margin-left: 35px!important;
    margin-right: 35px!important;
  }
  .my-xs-35 {
    margin-top: 35px!important;
    margin-bottom: 35px!important;
  }
  .ma-xs-40 {
    margin: 40px!important;
  }
  .mx-xs-40 {
    margin-left: 40px!important;
    margin-right: 40px!important;
  }
  .my-xs-40 {
    margin-top: 40px!important;
    margin-bottom: 40px!important;
  }
  .ma-xs-45 {
    margin: 45px!important;
  }
  .mx-xs-45 {
    margin-left: 45px!important;
    margin-right: 45px!important;
  }
  .my-xs-45 {
    margin-top: 45px!important;
    margin-bottom: 45px!important;
  }
  .ma-xs-50 {
    margin: 50px!important;
  }
  .mx-xs-50 {
    margin-left: 50px!important;
    margin-right: 50px!important;
  }
  .my-xs-50 {
    margin-top: 50px!important;
    margin-bottom: 50px!important;
  }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .pa-xs-and-sm-0 {
    padding: 0!important;
  }
  .px-xs-and-sm-0 {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .py-xs-and-sm-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
  .pa-xs-and-sm-5 {
    padding: 5px!important;
  }
  .px-xs-and-sm-5 {
    padding-left: 5px!important;
    padding-right: 5px!important;
  }
  .py-xs-and-sm-5 {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
  }
  .pa-xs-and-sm-10 {
    padding: 10px!important;
  }
  .px-xs-and-sm-10 {
    padding-left: 10px!important;
    padding-right: 10px!important;
  }
  .py-xs-and-sm-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }
  .pa-xs-and-sm-15 {
    padding: 15px!important;
  }
  .px-xs-and-sm-15 {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  .py-xs-and-sm-15 {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
  }
  .pa-xs-and-sm-20 {
    padding: 20px!important;
  }
  .px-xs-and-sm-20 {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
  .py-xs-and-sm-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }
  .pa-xs-and-sm-25 {
    padding: 25px!important;
  }
  .px-xs-and-sm-25 {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
  .py-xs-and-sm-25 {
    padding-top: 25px!important;
    padding-bottom: 25px!important;
  }
  .pa-xs-and-sm-30 {
    padding: 30px!important;
  }
  .px-xs-and-sm-30 {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
  .py-xs-and-sm-30 {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
  }
  .pa-xs-and-sm-35 {
    padding: 35px!important;
  }
  .px-xs-and-sm-35 {
    padding-left: 35px!important;
    padding-right: 35px!important;
  }
  .py-xs-and-sm-35 {
    padding-top: 35px!important;
    padding-bottom: 35px!important;
  }
  .pa-xs-and-sm-40 {
    padding: 40px!important;
  }
  .px-xs-and-sm-40 {
    padding-left: 40px!important;
    padding-right: 40px!important;
  }
  .py-xs-and-sm-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }
  .pa-xs-and-sm-45 {
    padding: 45px!important;
  }
  .px-xs-and-sm-45 {
    padding-left: 45px!important;
    padding-right: 45px!important;
  }
  .py-xs-and-sm-45 {
    padding-top: 45px!important;
    padding-bottom: 45px!important;
  }
  .pa-xs-and-sm-50 {
    padding: 50px!important;
  }
  .px-xs-and-sm-50 {
    padding-left: 50px!important;
    padding-right: 50px!important;
  }
  .py-xs-and-sm-50 {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }

  .ma-xs-and-sm-0 {
    margin: 0!important;
  }
  .mx-xs-and-sm-0 {
    margin-left: 0!important;
    margin-right: 0!important;
  }
  .my-xs-and-sm-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
  .ma-xs-and-sm-5 {
    margin: 5px!important;
  }
  .mx-xs-and-sm-5 {
    margin-left: 5px!important;
    margin-right: 5px!important;
  }
  .my-xs-and-sm-5 {
    margin-top: 5px!important;
    margin-bottom: 5px!important;
  }
  .ma-xs-and-sm-10 {
    margin: 10px!important;
  }
  .mx-xs-and-sm-10 {
    margin-left: 10px!important;
    margin-right: 10px!important;
  }
  .my-xs-and-sm-10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
  }
  .ma-xs-and-sm-15 {
    margin: 15px!important;
  }
  .mx-xs-and-sm-15 {
    margin-left: 15px!important;
    margin-right: 15px!important;
  }
  .my-xs-and-sm-15 {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
  }
  .ma-xs-and-sm-20 {
    margin: 20px!important;
  }
  .mx-xs-and-sm-20 {
    margin-left: 20px!important;
    margin-right: 20px!important;
  }
  .my-xs-and-sm-20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
  }
  .ma-xs-and-sm-25 {
    margin: 25px!important;
  }
  .mx-xs-and-sm-25 {
    margin-left: 25px!important;
    margin-right: 25px!important;
  }
  .my-xs-and-sm-25 {
    margin-top: 25px!important;
    margin-bottom: 25px!important;
  }
  .ma-xs-and-sm-30 {
    margin: 30px!important;
  }
  .mx-xs-and-sm-30 {
    margin-left: 30px!important;
    margin-right: 30px!important;
  }
  .my-xs-and-sm-30 {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
  }
  .ma-xs-and-sm-35 {
    margin: 35px!important;
  }
  .mx-xs-and-sm-35 {
    margin-left: 35px!important;
    margin-right: 35px!important;
  }
  .my-xs-and-sm-35 {
    margin-top: 35px!important;
    margin-bottom: 35px!important;
  }
  .ma-xs-and-sm-40 {
    margin: 40px!important;
  }
  .mx-xs-and-sm-40 {
    margin-left: 40px!important;
    margin-right: 40px!important;
  }
  .my-xs-and-sm-40 {
    margin-top: 40px!important;
    margin-bottom: 40px!important;
  }
  .ma-xs-and-sm-45 {
    margin: 45px!important;
  }
  .mx-xs-and-sm-45 {
    margin-left: 45px!important;
    margin-right: 45px!important;
  }
  .my-xs-and-sm-45 {
    margin-top: 45px!important;
    margin-bottom: 45px!important;
  }
  .ma-xs-and-sm-50 {
    margin: 50px!important;
  }
  .mx-xs-and-sm-50 {
    margin-left: 50px!important;
    margin-right: 50px!important;
  }
  .my-xs-and-sm-50 {
    margin-top: 50px!important;
    margin-bottom: 50px!important;
  }
}


.pt-0 {
  padding-top: 0!important;
}
.pb-0 {
  padding-bottom: 0!important;
}
.pl-0 {
  padding-left: 0!important;
}
.pr-0 {
  padding-right: 0!important;
}
.pt-5 {
  padding-top: 5px!important;
}
.pb-5 {
  padding-bottom: 5px!important;
}
.pl-5 {
  padding-left: 5px!important;
}
.pr-5 {
  padding-right: 5px!important;
}
.pt-10 {
  padding-top: 10px!important;
}
.pb-10 {
  padding-bottom: 10px!important;
}
.pl-10 {
  padding-left: 10px!important;
}
.pr-10 {
  padding-right: 10px!important;
}
.pt-15 {
  padding-top: 15px!important;
}
.pb-15 {
  padding-bottom: 15px!important;
}
.pl-15 {
  padding-left: 15px!important;
}
.pr-15 {
  padding-right: 15px!important;
}
.pt-20 {
  padding-top: 20px!important;
}
.pb-20 {
  padding-bottom: 20px!important;
}
.pl-20 {
  padding-left: 20px!important;
}
.pr-20 {
  padding-right: 20px!important;
}
.pt-25 {
  padding-top: 25px!important;
}
.pb-25 {
  padding-bottom: 25px!important;
}
.pl-25 {
  padding-left: 25px!important;
}
.pr-25 {
  padding-right: 25px!important;
}
.pt-30 {
  padding-top: 30px!important;
}
.pb-30 {
  padding-bottom: 30px!important;
}
.pl-30 {
  padding-left: 30px!important;
}
.pr-30 {
  padding-right: 30px!important;
}
.pt-35 {
  padding-top: 35px!important;
}
.pb-35 {
  padding-bottom: 35px!important;
}
.pl-35 {
  padding-left: 35px!important;
}
.pr-35 {
  padding-right: 35px!important;
}
.pt-40 {
  padding-top: 40px!important;
}
.pb-40 {
  padding-bottom: 40px!important;
}
.pl-40 {
  padding-left: 40px!important;
}
.pr-40 {
  padding-right: 40px!important;
}
.pt-45 {
  padding-top: 45px!important;
}
.pb-45 {
  padding-bottom: 45px!important;
}
.pl-45 {
  padding-left: 45px!important;
}
.pr-45 {
  padding-right: 45px!important;
}
.pt-50 {
  padding-top: 50px!important;
}
.pb-50 {
  padding-bottom: 50px!important;
}
.pl-50 {
  padding-left: 50px!important;
}
.pr-50 {
  padding-right: 50px!important;
}
.pt-60 {
  padding-top: 60px!important;
}
.pb-60 {
  padding-bottom: 60px!important;
}
.pl-60 {
  padding-left: 60px!important;
}
.pr-60 {
  padding-right: 60px!important;
}
.pt-70 {
  padding-top: 70px!important;
}
.pb-70 {
  padding-bottom: 70px!important;
}
.pl-70 {
  padding-left: 70px!important;
}
.pr-70 {
  padding-right: 70px!important;
}
.pt-80 {
  padding-top: 80px!important;
}
.pb-80 {
  padding-bottom: 80px!important;
}
.pl-80 {
  padding-left: 80px!important;
}
.pr-80 {
  padding-right: 80px!important;
}
.pt-90 {
  padding-top: 90px!important;
}
.pb-90 {
  padding-bottom: 90px!important;
}
.pl-90 {
  padding-left: 90px!important;
}
.pr-90 {
  padding-right: 90px!important;
}
.pt-100 {
  padding-top: 100px!important;
}
.pb-100 {
  padding-bottom: 100px!important;
}
.pl-100 {
  padding-left: 100px!important;
}
.pr-100 {
  padding-right: 100px!important;
}
.pt-120 {
  padding-top: 120px!important;
}
.pb-120 {
  padding-bottom: 120px!important;
}
.pl-120 {
  padding-left: 120px!important;
}
.pr-120 {
  padding-right: 120px!important;
}
.pt-150 {
  padding-top: 150px!important;
}
.pb-150 {
  padding-bottom: 150px!important;
}
.pl-150 {
  padding-left: 150px!important;
}
.pr-150 {
  padding-right: 150px!important;
}

.mt-0 {
  margin-top: 0!important;
}
.mb-0 {
  margin-bottom: 0!important;
}
.ml-0 {
  margin-left: 0!important;
}
.mr-0 {
  margin-right: 0!important;
}
.mt-5 {
  margin-top: 5px!important;
}
.mb-5 {
  margin-bottom: 5px!important;
}
.ml-5 {
  margin-left: 5px!important;
}
.mr-5 {
  margin-right: 5px!important;
}
.mt-10 {
  margin-top: 10px!important;
}
.mb-10 {
  margin-bottom: 10px!important;
}
.ml-10 {
  margin-left: 10px!important;
}
.mr-10 {
  margin-right: 10px!important;
}
.mt-15 {
  margin-top: 15px!important;
}
.mb-15 {
  margin-bottom: 15px!important;
}
.ml-15 {
  margin-left: 15px!important;
}
.mr-15 {
  margin-right: 15px!important;
}
.mt-20 {
  margin-top: 20px!important;
}
.mb-20 {
  margin-bottom: 20px!important;
}
.ml-20 {
  margin-left: 20px!important;
}
.mr-20 {
  margin-right: 20px!important;
}
.mt-25 {
  margin-top: 25px!important;
}
.mb-25 {
  margin-bottom: 25px!important;
}
.ml-25 {
  margin-left: 25px!important;
}
.mr-25 {
  margin-right: 25px!important;
}
.mt-30 {
  margin-top: 30px!important;
}
.mb-30 {
  margin-bottom: 30px!important;
}
.ml-30 {
  margin-left: 30px!important;
}
.mr-30 {
  margin-right: 30px!important;
}
.mt-35 {
  margin-top: 35px!important;
}
.mb-35 {
  margin-bottom: 35px!important;
}
.ml-35 {
  margin-left: 35px!important;
}
.mr-35 {
  margin-right: 35px!important;
}
.mt-40 {
  margin-top: 40px!important;
}
.mb-40 {
  margin-bottom: 40px!important;
}
.ml-40 {
  margin-left: 40px!important;
}
.mr-40 {
  margin-right: 40px!important;
}
.mt-45 {
  margin-top: 45px!important;
}
.mb-45 {
  margin-bottom: 45px!important;
}
.ml-45 {
  margin-left: 45px!important;
}
.mr-45 {
  margin-right: 45px!important;
}
.mt-50 {
  margin-top: 50px!important;
}
.mb-50 {
  margin-bottom: 50px!important;
}
.ml-50 {
  margin-left: 50px!important;
}
.mr-50 {
  margin-right: 50px!important;
}
.mt-60 {
  margin-top: 60px!important;
}
.mb-60 {
  margin-bottom: 60px!important;
}
.ml-60 {
  margin-left: 60px!important;
}
.mr-60 {
  margin-right: 60px!important;
}
.mt-70 {
  margin-top: 70px!important;
}
.mb-70 {
  margin-bottom: 70px!important;
}
.ml-70 {
  margin-left: 70px!important;
}
.mr-70 {
  margin-right: 70px!important;
}
.mt-80 {
  margin-top: 80px!important;
}
.mb-80 {
  margin-bottom: 80px!important;
}
.ml-80 {
  margin-left: 80px!important;
}
.mr-80 {
  margin-right: 80px!important;
}
.mt-90 {
  margin-top: 90px!important;
}
.mb-90 {
  margin-bottom: 90px!important;
}
.ml-90 {
  margin-left: 90px!important;
}
.mr-90 {
  margin-right: 90px!important;
}
.mt-100 {
  margin-top: 100px!important;
}
.mb-100 {
  margin-bottom: 100px!important;
}
.ml-100 {
  margin-left: 100px!important;
}
.mr-100 {
  margin-right: 100px!important;
}
.mt-120 {
  margin-top: 120px!important;
}
.mb-120 {
  margin-bottom: 120px!important;
}
.ml-120 {
  margin-left: 120px!important;
}
.mr-120 {
  margin-right: 120px!important;
}
.mt-150 {
  margin-top: 150px!important;
}
.mb-150 {
  margin-bottom: 150px!important;
}
.ml-150 {
  margin-left: 150px!important;
}
.mr-150 {
  margin-right: 150px!important;
}

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .pt-xs-0 {
    padding-top: 0!important;
  }
  .pb-xs-0 {
    padding-bottom: 0!important;
  }
  .pl-xs-0 {
    padding-left: 0!important;
  }
  .pr-xs-0 {
    padding-right: 0!important;
  }
  .pt-xs-5 {
    padding-top: 5px!important;
  }
  .pb-xs-5 {
    padding-bottom: 5px!important;
  }
  .pl-xs-5 {
    padding-left: 5px!important;
  }
  .pr-xs-5 {
    padding-right: 5px!important;
  }
  .pt-xs-10 {
    padding-top: 10px!important;
  }
  .pb-xs-10 {
    padding-bottom: 10px!important;
  }
  .pl-xs-10 {
    padding-left: 10px!important;
  }
  .pr-xs-10 {
    padding-right: 10px!important;
  }
  .pt-xs-15 {
    padding-top: 15px!important;
  }
  .pb-xs-15 {
    padding-bottom: 15px!important;
  }
  .pl-xs-15 {
    padding-left: 15px!important;
  }
  .pr-xs-15 {
    padding-right: 15px!important;
  }
  .pt-xs-20 {
    padding-top: 20px!important;
  }
  .pb-xs-20 {
    padding-bottom: 20px!important;
  }
  .pl-xs-20 {
    padding-left: 20px!important;
  }
  .pr-xs-20 {
    padding-right: 20px!important;
  }
  .pt-xs-25 {
    padding-top: 25px!important;
  }
  .pb-xs-25 {
    padding-bottom: 25px!important;
  }
  .pl-xs-25 {
    padding-left: 25px!important;
  }
  .pr-xs-25 {
    padding-right: 25px!important;
  }
  .pt-xs-30 {
    padding-top: 30px!important;
  }
  .pb-xs-30 {
    padding-bottom: 30px!important;
  }
  .pl-xs-30 {
    padding-left: 30px!important;
  }
  .pr-xs-30 {
    padding-right: 30px!important;
  }
  .pt-xs-35 {
    padding-top: 35px!important;
  }
  .pb-xs-35 {
    padding-bottom: 35px!important;
  }
  .pl-xs-35 {
    padding-left: 35px!important;
  }
  .pr-xs-35 {
    padding-right: 35px!important;
  }
  .pt-xs-40 {
    padding-top: 40px!important;
  }
  .pb-xs-40 {
    padding-bottom: 40px!important;
  }
  .pl-xs-40 {
    padding-left: 40px!important;
  }
  .pr-xs-40 {
    padding-right: 40px!important;
  }
  .pt-xs-45 {
    padding-top: 45px!important;
  }
  .pb-xs-45 {
    padding-bottom: 45px!important;
  }
  .pl-xs-45 {
    padding-left: 45px!important;
  }
  .pr-xs-45 {
    padding-right: 45px!important;
  }
  .pt-xs-50 {
    padding-top: 50px!important;
  }
  .pb-xs-50 {
    padding-bottom: 50px!important;
  }
  .pl-xs-50 {
    padding-left: 50px!important;
  }
  .pr-xs-50 {
    padding-right: 50px!important;
  }

  .mt-xs-0 {
    margin-top: 0!important;
  }
  .mb-xs-0 {
    margin-bottom: 0!important;
  }
  .ml-xs-0 {
    margin-left: 0!important;
  }
  .mr-xs-0 {
    margin-right: 0!important;
  }
  .mt-xs-5 {
    margin-top: 5px!important;
  }
  .mb-xs-5 {
    margin-bottom: 5px!important;
  }
  .ml-xs-5 {
    margin-left: 5px!important;
  }
  .mr-xs-5 {
    margin-right: 5px!important;
  }
  .mt-xs-10 {
    margin-top: 10px!important;
  }
  .mb-xs-10 {
    margin-bottom: 10px!important;
  }
  .ml-xs-10 {
    margin-left: 10px!important;
  }
  .mr-xs-10 {
    margin-right: 10px!important;
  }
  .mt-xs-15 {
    margin-top: 15px!important;
  }
  .mb-xs-15 {
    margin-bottom: 15px!important;
  }
  .ml-xs-15 {
    margin-left: 15px!important;
  }
  .mr-xs-15 {
    margin-right: 15px!important;
  }
  .mt-xs-20 {
    margin-top: 20px!important;
  }
  .mb-xs-20 {
    margin-bottom: 20px!important;
  }
  .ml-xs-20 {
    margin-left: 20px!important;
  }
  .mr-xs-20 {
    margin-right: 20px!important;
  }
  .mt-xs-25 {
    margin-top: 25px!important;
  }
  .mb-xs-25 {
    margin-bottom: 25px!important;
  }
  .ml-xs-25 {
    margin-left: 25px!important;
  }
  .mr-xs-25 {
    margin-right: 25px!important;
  }
  .mt-xs-30 {
    margin-top: 30px!important;
  }
  .mb-xs-30 {
    margin-bottom: 30px!important;
  }
  .ml-xs-30 {
    margin-left: 30px!important;
  }
  .mr-xs-30 {
    margin-right: 30px!important;
  }
  .mt-xs-35 {
    margin-top: 35px!important;
  }
  .mb-xs-35 {
    margin-bottom: 35px!important;
  }
  .ml-xs-35 {
    margin-left: 35px!important;
  }
  .mr-xs-35 {
    margin-right: 35px!important;
  }
  .mt-xs-40 {
    margin-top: 40px!important;
  }
  .mb-xs-40 {
    margin-bottom: 40px!important;
  }
  .ml-xs-40 {
    margin-left: 40px!important;
  }
  .mr-xs-40 {
    margin-right: 40px!important;
  }
  .mt-xs-45 {
    margin-top: 45px!important;
  }
  .mb-xs-45 {
    margin-bottom: 45px!important;
  }
  .ml-xs-45 {
    margin-left: 45px!important;
  }
  .mr-xs-45 {
    margin-right: 45px!important;
  }
  .mt-xs-50 {
    margin-top: 50px!important;
  }
  .mb-xs-50 {
    margin-bottom: 50px!important;
  }
  .ml-xs-50 {
    margin-left: 50px!important;
  }
  .mr-xs-50 {
    margin-right: 50px!important;
  }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .pt-xs-and-sm-0 {
    padding-top: 0!important;
  }
  .pb-xs-and-sm-0 {
    padding-bottom: 0!important;
  }
  .pl-xs-and-sm-0 {
    padding-left: 0!important;
  }
  .pr-xs-and-sm-0 {
    padding-right: 0!important;
  }
  .pt-xs-and-sm-5 {
    padding-top: 5px!important;
  }
  .pb-xs-and-sm-5 {
    padding-bottom: 5px!important;
  }
  .pl-xs-and-sm-5 {
    padding-left: 5px!important;
  }
  .pr-xs-and-sm-5 {
    padding-right: 5px!important;
  }
  .pt-xs-and-sm-10 {
    padding-top: 10px!important;
  }
  .pb-xs-and-sm-10 {
    padding-bottom: 10px!important;
  }
  .pl-xs-and-sm-10 {
    padding-left: 10px!important;
  }
  .pr-xs-and-sm-10 {
    padding-right: 10px!important;
  }
  .pt-xs-and-sm-15 {
    padding-top: 15px!important;
  }
  .pb-xs-and-sm-15 {
    padding-bottom: 15px!important;
  }
  .pl-xs-and-sm-15 {
    padding-left: 15px!important;
  }
  .pr-xs-and-sm-15 {
    padding-right: 15px!important;
  }
  .pt-xs-and-sm-20 {
    padding-top: 20px!important;
  }
  .pb-xs-and-sm-20 {
    padding-bottom: 20px!important;
  }
  .pl-xs-and-sm-20 {
    padding-left: 20px!important;
  }
  .pr-xs-and-sm-20 {
    padding-right: 20px!important;
  }
  .pt-xs-and-sm-25 {
    padding-top: 25px!important;
  }
  .pb-xs-and-sm-25 {
    padding-bottom: 25px!important;
  }
  .pl-xs-and-sm-25 {
    padding-left: 25px!important;
  }
  .pr-xs-and-sm-25 {
    padding-right: 25px!important;
  }
  .pt-xs-and-sm-30 {
    padding-top: 30px!important;
  }
  .pb-xs-and-sm-30 {
    padding-bottom: 30px!important;
  }
  .pl-xs-and-sm-30 {
    padding-left: 30px!important;
  }
  .pr-xs-and-sm-30 {
    padding-right: 30px!important;
  }
  .pt-xs-and-sm-35 {
    padding-top: 35px!important;
  }
  .pb-xs-and-sm-35 {
    padding-bottom: 35px!important;
  }
  .pl-xs-and-sm-35 {
    padding-left: 35px!important;
  }
  .pr-xs-and-sm-35 {
    padding-right: 35px!important;
  }
  .pt-xs-and-sm-40 {
    padding-top: 40px!important;
  }
  .pb-xs-and-sm-40 {
    padding-bottom: 40px!important;
  }
  .pl-xs-and-sm-40 {
    padding-left: 40px!important;
  }
  .pr-xs-and-sm-40 {
    padding-right: 40px!important;
  }
  .pt-xs-and-sm-45 {
    padding-top: 45px!important;
  }
  .pb-xs-and-sm-45 {
    padding-bottom: 45px!important;
  }
  .pl-xs-and-sm-45 {
    padding-left: 45px!important;
  }
  .pr-xs-and-sm-45 {
    padding-right: 45px!important;
  }
  .pt-xs-and-sm-50 {
    padding-top: 50px!important;
  }
  .pb-xs-and-sm-50 {
    padding-bottom: 50px!important;
  }
  .pl-xs-and-sm-50 {
    padding-left: 50px!important;
  }
  .pr-xs-and-sm-50 {
    padding-right: 50px!important;
  }

  .mt-xs-and-sm-0 {
    margin-top: 0!important;
  }
  .mb-xs-and-sm-0 {
    margin-bottom: 0!important;
  }
  .ml-xs-and-sm-0 {
    margin-left: 0!important;
  }
  .mr-xs-and-sm-0 {
    margin-right: 0!important;
  }
  .mt-xs-and-sm-5 {
    margin-top: 5px!important;
  }
  .mb-xs-and-sm-5 {
    margin-bottom: 5px!important;
  }
  .ml-xs-and-sm-5 {
    margin-left: 5px!important;
  }
  .mr-xs-and-sm-5 {
    margin-right: 5px!important;
  }
  .mt-xs-and-sm-10 {
    margin-top: 10px!important;
  }
  .mb-xs-and-sm-10 {
    margin-bottom: 10px!important;
  }
  .ml-xs-and-sm-10 {
    margin-left: 10px!important;
  }
  .mr-xs-and-sm-10 {
    margin-right: 10px!important;
  }
  .mt-xs-and-sm-15 {
    margin-top: 15px!important;
  }
  .mb-xs-and-sm-15 {
    margin-bottom: 15px!important;
  }
  .ml-xs-and-sm-15 {
    margin-left: 15px!important;
  }
  .mr-xs-and-sm-15 {
    margin-right: 15px!important;
  }
  .mt-xs-and-sm-20 {
    margin-top: 20px!important;
  }
  .mb-xs-and-sm-20 {
    margin-bottom: 20px!important;
  }
  .ml-xs-and-sm-20 {
    margin-left: 20px!important;
  }
  .mr-xs-and-sm-20 {
    margin-right: 20px!important;
  }
  .mt-xs-and-sm-25 {
    margin-top: 25px!important;
  }
  .mb-xs-and-sm-25 {
    margin-bottom: 25px!important;
  }
  .ml-xs-and-sm-25 {
    margin-left: 25px!important;
  }
  .mr-xs-and-sm-25 {
    margin-right: 25px!important;
  }
  .mt-xs-and-sm-30 {
    margin-top: 30px!important;
  }
  .mb-xs-and-sm-30 {
    margin-bottom: 30px!important;
  }
  .ml-xs-and-sm-30 {
    margin-left: 30px!important;
  }
  .mr-xs-and-sm-30 {
    margin-right: 30px!important;
  }
  .mt-xs-and-sm-35 {
    margin-top: 35px!important;
  }
  .mb-xs-and-sm-35 {
    margin-bottom: 35px!important;
  }
  .ml-xs-and-sm-35 {
    margin-left: 35px!important;
  }
  .mr-xs-and-sm-35 {
    margin-right: 35px!important;
  }
  .mt-xs-and-sm-40 {
    margin-top: 40px!important;
  }
  .mb-xs-and-sm-40 {
    margin-bottom: 40px!important;
  }
  .ml-xs-and-sm-40 {
    margin-left: 40px!important;
  }
  .mr-xs-and-sm-40 {
    margin-right: 40px!important;
  }
  .mt-xs-and-sm-45 {
    margin-top: 45px!important;
  }
  .mb-xs-and-sm-45 {
    margin-bottom: 45px!important;
  }
  .ml-xs-and-sm-45 {
    margin-left: 45px!important;
  }
  .mr-xs-and-sm-45 {
    margin-right: 45px!important;
  }
  .mt-xs-and-sm-50 {
    margin-top: 50px!important;
  }
  .mb-xs-and-sm-50 {
    margin-bottom: 50px!important;
  }
  .ml-xs-and-sm-50 {
    margin-left: 50px!important;
  }
  .mr-xs-and-sm-50 {
    margin-right: 50px!important;
  }
}

/* NEGATIVE MARGIN */
.mx-n15 {
  margin-left: -15px!important;
  margin-right: -15px!important;
}
.ml-n15 {
  margin-left: -15px!important;
}
.mr-n15 {
  margin-right: -15px!important;
}
.mx-n20 {
  margin-left: -20px!important;
  margin-right: -20px!important;
}
.ml-n20 {
  margin-left: -20px!important;
}
.mr-n20 {
  margin-right: -20px!important;
}
.mx-n25 {
  margin-left: -25px!important;
  margin-right: -25px!important;
}
.ml-n25 {
  margin-left: -25px!important;
}
.mr-n25 {
  margin-right: -25px!important;
}
.mx-n30 {
  margin-left: -30px!important;
  margin-right: -30px!important;
}
.ml-n30 {
  margin-left: -30px!important;
}
.mr-n30 {
  margin-right: -30px!important;
}

.my-n15 {
  margin-top: -15px!important;
  margin-bottom: -15px!important;
}
.mt-n15 {
  margin-top: -15px!important;
}
.mb-n15 {
  margin-bottom: -15px!important;
}
.my-n20 {
  margin-top: -20px!important;
  margin-bottom: -20px!important;
}
.mt-n20 {
  margin-top: -20px!important;
}
.mb-n20 {
  margin-bottom: -20px!important;
}
.my-n25 {
  margin-top: -25px!important;
  margin-bottom: -25px!important;
}
.mt-n25 {
  margin-top: -25px!important;
}
.mb-n25 {
  margin-bottom: -25px!important;
}
.my-n30 {
  margin-top: -30px!important;
  margin-bottom: -30px!important;
}
.mt-n30 {
  margin-top: -30px!important;
}
.mb-n30 {
  margin-bottom: -30px!important;
}

/* custom it for mobile screen only */
@media (max-width: 767px) {
  .mx-xs-n15 {
    margin-left: -15px!important;
    margin-right: -15px!important;
  }
  .ml-xs-n15 {
    margin-left: -15px!important;
  }
  .mr-xs-n15 {
    margin-right: -15px!important;
  }
  .mx-xs-n20 {
    margin-left: -20px!important;
    margin-right: -20px!important;
  }
  .ml-xs-n20 {
    margin-left: -20px!important;
  }
  .mr-xs-n20 {
    margin-right: -20px!important;
  }
  .mx-xs-n25 {
    margin-left: -25px!important;
    margin-right: -25px!important;
  }
  .ml-xs-n25 {
    margin-left: -25px!important;
  }
  .mr-xs-n25 {
    margin-right: -25px!important;
  }
  .mx-xs-n30 {
    margin-left: -30px!important;
    margin-right: -30px!important;
  }
  .ml-xs-n30 {
    margin-left: -30px!important;
  }
  .mr-xs-n30 {
    margin-right: -30px!important;
  }

  .my-xs-n15 {
    margin-top: -15px!important;
    margin-bottom: -15px!important;
  }
  .mt-xs-n15 {
    margin-top: -15px!important;
  }
  .mb-xs-n15 {
    margin-bottom: -15px!important;
  }
  .my-xs-n20 {
    margin-top: -20px!important;
    margin-bottom: -20px!important;
  }
  .mt-xs-n20 {
    margin-top: -20px!important;
  }
  .mb-xs-n20 {
    margin-bottom: -20px!important;
  }
  .my-xs-n25 {
    margin-top: -25px!important;
    margin-bottom: -25px!important;
  }
  .mt-xs-n25 {
    margin-top: -25px!important;
  }
  .mb-xs-n25 {
    margin-bottom: -25px!important;
  }
  .my-xs-n30 {
    margin-top: -30px!important;
    margin-bottom: -30px!important;
  }
  .mt-xs-n30 {
    margin-top: -30px!important;
  }
  .mb-xs-n30 {
    margin-bottom: -30px!important;
  }
}

/* custom it for mobile and tablet screen only (mobile + talet) */
@media (max-width: 991px) {
  .mx-xs-and-sm-n15 {
    margin-left: -15px!important;
    margin-right: -15px!important;
  }
  .ml-xs-and-sm-n15 {
    margin-left: -15px!important;
  }
  .mr-xs-and-sm-n15 {
    margin-right: -15px!important;
  }
  .mx-xs-and-sm-n20 {
    margin-left: -20px!important;
    margin-right: -20px!important;
  }
  .ml-xs-and-sm-n20 {
    margin-left: -20px!important;
  }
  .mr-xs-and-sm-n20 {
    margin-right: -20px!important;
  }
  .mx-xs-and-sm-n25 {
    margin-left: -25px!important;
    margin-right: -25px!important;
  }
  .ml-xs-and-sm-n25 {
    margin-left: -25px!important;
  }
  .mr-xs-and-sm-n25 {
    margin-right: -25px!important;
  }
  .mx-xs-and-sm-n30 {
    margin-left: -30px!important;
    margin-right: -30px!important;
  }
  .ml-xs-and-sm-n30 {
    margin-left: -30px!important;
  }
  .mr-xs-and-sm-n30 {
    margin-right: -30px!important;
  }

  .my-xs-and-sm-n15 {
    margin-top: -15px!important;
    margin-bottom: -15px!important;
  }
  .mt-xs-and-sm-n15 {
    margin-top: -15px!important;
  }
  .mb-xs-and-sm-n15 {
    margin-bottom: -15px!important;
  }
  .my-xs-and-sm-n20 {
    margin-top: -20px!important;
    margin-bottom: -20px!important;
  }
  .mt-xs-and-sm-n20 {
    margin-top: -20px!important;
  }
  .mb-xs-and-sm-n20 {
    margin-bottom: -20px!important;
  }
  .my-xs-and-sm-n25 {
    margin-top: -25px!important;
    margin-bottom: -25px!important;
  }
  .mt-xs-and-sm-n25 {
    margin-top: -25px!important;
  }
  .mb-xs-and-sm-n25 {
    margin-bottom: -25px!important;
  }
  .my-xs-and-sm-n30 {
    margin-top: -30px!important;
    margin-bottom: -30px!important;
  }
  .mt-xs-and-sm-n30 {
    margin-top: -30px!important;
  }
  .mb-xs-and-sm-n30 {
    margin-bottom: -30px!important;
  }
}


/* =========================================================================================================== */

/* --------------------------------
Custom Bootstrap navbar default
----------------------------------*/
.navbar-default {
  background-color: #fff;
  border-color: #e8e8e8;
}

.navbar-default .navbar-nav>li>a {
  color: inherit;
}

.navbar-default .navbar-toggle {
  border-color: #fff;
  border-radius: 0;
  border-left: 1px solid #e8e8e8;
  width: 56px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: inherit;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #2b2b2b;
}

/* --------------------------------
Custom Bootstrap navbar inverse
----------------------------------*/
.navbar-inverse {
  background-color: var(--primary-color-500);
  border-color: var(--primary-color-300);
}
.navbar-inverse .navbar-brand {
  color: var(--grey-200);
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: var(--white);
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: var(--grey-200);
}
.navbar-inverse .navbar-nav > li > a {
  color: var(--grey-200);
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: var(--white);
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: var(--white);
  background-color: var(--primary-color-700);
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: var(--primary-color-100);
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: var(--white);
  background-color: var(--primary-color-700);
}
@media (max-width: 991px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    padding-left: 15px;
    padding-bottom: 8px;
    border-color: var(--primary-color-700);
    color: var(--white-200);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: var(--primary-color-500);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: var(--grey-200);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: var(--white);
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: var(--white);
    background-color: var(--primary-color-700);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: var(--primary-color-100);
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu {
    /* background-color: var(--primary-color-400); */
    background-color: transparent;
    border-left: 2px solid var(--primary-color-200);
  }
  .navbar-inverse .nav.navbar-nav.navbar-right {
    background: var(--primary-color-440);
  }
}
.navbar-inverse .navbar-toggle {
  border-color: var(--primary-color-500);
  border-radius: 0;
  border-left: 1px solid var(--primary-color-300);
  width: 56px;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: var(--primary-color-500);
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--white);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: var(--primary-color-300);
}
.navbar-inverse .navbar-link {
  color: var(--grey-200);
}
.navbar-inverse .navbar-link:hover {
  color: var(--white);
}
.navbar-inverse .btn-link {
  color: var(--grey-200);
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: var(--white);
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: var(--primary-color-100);
}

/** change dropdown header
 **************************************************************** **/
.dropdown-header {
  color: var(--grey-500);
}

/** change dropdown menu link
 **************************************************************** **/
.dropdown-menu {
  font-size: 1rem;
}
.dropdown-menu>li>a {
  font-weight: 300;
  line-height: 1.5;
  color: inherit;
}

/** change navbar height
 **************************************************************** **/
/* Credit : https://bootstrapious.com/p/bootstrap-tips-and-tricks */
.navbar {
  margin-bottom: 0;
  min-height: 61px; /* Ex recommend 80px */
}
@media (min-width: 992px) {
  .navbar {
    height: 72px;
  }
}
.navbar-brand {
  padding-top: 13px;
  padding-left: 24px;
}
.navbar-brand a img.brand-logo {
  margin-bottom: 15px;
  transition: padding-top 0.4s ease,width 0.4s ease,height 0.4s ease;
}
@media (min-width: 992px) {
  .navbar-brand a img.brand-logo {
    margin-bottom: -3px;
  }
}
.navbar-brand a span.brand-name {
  display: block;
  font-size: 22px;
  line-height: 38px;
}
@media (min-width: 992px) {
  .navbar-brand a span.brand-name {
    line-height: 47px;
  }
}
.navbar-toggle.collapsed {
  padding: 19px 15px 20px;
}
.navbar-toggle {
  margin: 0;
  padding: 19px 15px 20px 16px;
}
.navbar-nav > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
  transition: all 0.15s ease-out 0s;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  font-weight: 300;
  font-size: 20px;
}
@media (min-width: 992px) {
  .navbar-nav > li > a {
    padding-top: 25.5px;
    padding-bottom: 25.5px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
  }
}

/** navbar-toggle ripple effect
 **************************************************************** **/
.navbar-toggle {
  position: relative;
  outline: none;
  overflow: hidden;
  transition: background-color 200ms linear;
}
.navbar-toggle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at center, transparent, transparent);
  background-size: 1%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.navbar-toggle:active::after {
  background-image: radial-gradient(circle at center, rgba(0,0,0,0.15) 50%, transparent 52%);
  background-size: 2000%;
  opacity: 1;
}

/** navbar-toggle icon-bar animate
 **************************************************************** **/
.navbar-toggle .icon-bar {
  margin-right: -7px;
  width: 30px;
  height: 2px;
  border-radius: 0;
}
.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 6.5px;
}
.navbar-toggle span.icon-bar {
  -webkit-transition: all 0.15s ease-in-out;
     -moz-transition: all 0.15s ease-in-out;
       -o-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out;
}
.navbar-toggle span:nth-child(2) {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 10% 10%;
     -moz-transform-origin: 10% 10%;
      -ms-transform-origin: 10% 10%;
       -o-transform-origin: 10% 10%;
          transform-origin: 10% 10%;
}
.navbar-toggle span:nth-child(3) {
  opacity: 0;
  filter: alpha(opacity=0);
}
.navbar-toggle span:nth-child(4) {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 10% 90%;
      -ms-transform-origin: 10% 90%;
          transform-origin: 10% 90%;
}
.navbar-toggle.collapsed span:nth-child(2) {
  margin-right: 0;
  width: 24px;
  -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
      -ms-transform: rotate(0);
       -o-transform: rotate(0);
          transform: rotate(0);
}
.navbar-toggle.collapsed span:nth-child(3) {
  margin-right: 0;
  width: 24px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-toggle.collapsed span:nth-child(4) {
  margin-right: 0;
  width: 24px;
  -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
      -ms-transform: rotate(0);
       -o-transform: rotate(0);
          transform: rotate(0);
}

/** open a navbar dropdown on hover
 **************************************************************** **/
/* Credit : https://bootstrapious.com/p/bootstrap-tips-and-tricks */
/* @media only screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
} */

/** Navbar on tablet to same as mobile
 **************************************************************** **/
/* navbar is not wide enough to take all the content you insert. */
/* Credit : https://bootstrapious.com/p/bootstrap-navbar */
@media (min-width: 768px) and (max-width: 991px) { /* The value of 991px is just a random value, you can change it according to your content. */
  .navbar .container {
    width: 100%;
  }
  .navbar .container-fluid>.navbar-collapse,
  .navbar .container-fluid>.navbar-header,
  .navbar .container>.navbar-collapse,
  .navbar .container>.navbar-header {
    margin-right: -15px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .navbar-collapse.collapse {
    margin: 0;
  }
  .nav.navbar-nav.navbar-right {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 991px) { /* The value of 991px is just a random value, you can change it according to your content. */
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 61px) !important; /* Fixed navbar-collapse max-height truncating longer dropdowns on mobile devices EX: 61px คือความสูง navbar mobile ใน theme นี้ */
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-collapse.collapse.in {
    display: block!important;
    overflow-y: auto !important; /* Fixed navbar-collapse max-height truncating longer dropdowns on mobile devices */
  }
  .navbar-collapse *[class*='navbar-'] {
    float: none!important;
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 12px;
  }
  .navbar-nav > li {
    float: none;
    margin-left: 10px;
  }
  .navbar-nav > li > a {
    margin-top: 0;
    margin-bottom: 11.5px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 14px;
    line-height: 30px;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 10px;
    margin: 15px;
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 15px;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu>li>a {
    margin-top: 0;
    margin-bottom: 11.5px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    font-size: 18px;
    line-height: 25px;
    white-space: normal;
  }
}
@media (min-width: 768px) {
  .navbar-right {
    margin-right: 0;
  }
}

/** Fixed max-width container-fluid
 **************************************************************** **/
@media (min-width: 1440px) {
  .container-fluid {
    max-width: 1400px;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1600px) {
  .container-fluid {
    max-width: 1580px;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1900px) {
  .container-fluid {
    max-width: 1880px;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

/** Navbar Fixed Top only mobile + tablet
 **************************************************************** **/
/* navbar is not wide enough to take all the content you insert. */
/* @media (min-width: 992px) {
  .navbar-fixed-top {
    position: relative;
    top: auto;
  }
}
@media (max-width: 991px) {
  body.has-navbar-fixed-top-xs-and-sm {
    padding-top: 61px;
  }
} */

/** Navbar Fixed Top all
 **************************************************************** **/
body.has-navbar-fixed-top {
  padding-top: 61px;
}
body.has-navbar-fixed-top .anchor-target {
  top: -61px;
}
@media (min-width: 992px) {
  body.has-navbar-fixed-top {
    padding-top: 72px;
  }
  body.has-navbar-fixed-top .anchor-target {
    top: -72px;
  }
}

/** Disable outer content's scrolling on mobile touch based devices
 **************************************************************** **/
/* js will action add class "js-disable-scroll-body-if-navbar-collapse-in" to <body> tag after click at <div id="navbar" class="navbar-collapse collapse in"> */
.js-disable-scroll-body-if-navbar-collapse-in {
  overflow: hidden;
  width: 100%;
}



/* ทดสอบที่ Host จริง HawkHost ใน URL: https://quiz.bossboss.xyz */
@media (max-width: 767px) {
  .navbar-brand {
    padding-top: 5px;
    padding-left: 5px;
  }
}