bebykit.css

:root {
    /* White */
    --pure-white: #FFF;

    /* Black */
    --pure-black: #000;

    /* Purple */
    --pink-lavender: #E6BFED; /* lighter-1 */
    --bright-lilac: #D38FE0; /* lighter-2 */
    --french-mauve: #C66FD8; /* lighter-3 */
    --medium-orchid: #B94FCF;
    --dark-orchid: #AA36BF; /* darker-1 */
    --dark-magenta: #8E2D9F; /* darker-2 */
    --eminence: #72247F; /* darker-3 */

    /* Blue */
    --light-steel-blue: #ACC1D7; /* lighter-1 */
    --air-superiority-blue: #799bbe; /* lighter-2 */
    --glaucous: #5A83AF; /* lighter-3 */
    --queen-blue: #456990;
    --bdazzled-blue: #3C5B7C; /* darker-1 */
    --indigo-dye: #2E4760; /* darker-2 */
    --gunmetal: #1B2937; /* darker-3 */

    /* Red */
    --light-coral: #F07F83; /* lighter-1 */
    --sizzling-red: #EC5B60; /* lighter-2 */
    --red-salsa: #EA484E;/* lighter-3 */
    --permanent-geranium-lake: #E5242A;
    --maximum-red: #DB1A20; /* darker-1 */
    --carnelian: #B7151B; /* darker-2 */
    --carmine: #921115; /* darker-3 */

    /* Pink */
    --light-pink: #ECACB6; /* lighter-1 */
    --mauvelous: #E89BA7; /* lighter-2 */
    --shimmering-blush: #E17A89; /* lighter-3 */
    --paradise-pink: #D9596C;
    --brick-red: #D2374F; /* darker-1 */
    --cardinal: #B72A3F; /* darker-2 */
    --crimson-ua: #962233; /* darker-3 */

    /* Yellow */
    --jasmine: #F8E077; /* lighter-1 */
    --napies-yellow: #F7DC64; /* lighter-2 */
    --yellow-munsell: #F5D33D; /* lighter-3 */
    --jonqull: #F3CA16;
    --gold-metallic: #D5B00B; /* darker-1 */
    --lemon-curry: #AE9009; /* darker-2 */
    --gold: #9B8008; /* darker-3 */

    /* Orange */
    --deep-champagne: #FFD399; /* lighter-1 */
    --mellow-apricot: #FFC170; /* lighter-2 */
    --yellow-orange: #FFA733; /* lighter-3 */
    --orange-peel: #FF9E1F;
    --tangerine: #F58B00; /* darker-1 */
    --fulvous: #E07F00; /* darker-2 */
    --liver-dogs: #B86800; /* darker-3 */

    /* Green */
    --lime-green: #7AD34A; /* lighter-1 */
    --green-ryb: #5CB52C; /* lighter-2 */
    --slimy-green: #4B9424; /* lighter-3 */
    --sap-green: #39721D;
    --lincoln-green: #316119; /* darker-1 */
    --forest-green-traditional: #214111; /* darker-2 */
    --phthalo-green: #102008; /* darker-3 */

    /* Brown */
    --fawn: #E5AA70; /* lighter-1 */
    --camel: #C89356; /* lighter-2 */
    --copper: #B97F3C; /* lighter-3 */
    --golden-brown: #9A6932;
    --coyote-brown: #7B5428; /* darker-1 */
    --dark-brown: #5C3F1E; /* darker-2 */
    --cafe-noir: #3E2A14; /* darker-3 */

    /* Grey */
    --spanish-grey: #999999; /* lighter-1 */
    --dim-grey: #666666; /* lighter-2 */
    --davys-grey: #474747; /* lighter-3 */
    --jet: #333333;
    --eerie-black: #1F1F1F; /* darker-1 */
    --eerie-black-darker: #141414; /* darker-2 */
    --rich-black-fogra-39: #0A0A0A; /* darker-3 */

    /* Special */
    --dark: #042525;
    --light: #F5FBF9;

    /* Init Values */
    --null: 0;

}

html {
  scroll-behavior: smooth;
  line-height: 1.64;
  font-size-adjust: 100%;
}

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

a {
  text-decoration: none;
  color: var(--queen-blue);
  -webkit-transition: all 360ms ease;
       -o-transition: all 360ms ease;
          transition: all 360ms ease;
}

/* Display */
.display-block {
  display: block !important;
}

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

.display-inline-block {
  display: inline-block !important;
}
/* ====* Display *==== */

/* Utilities */

/* Overflow */
.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

/* Overflow X */
.overflow-x-auto {
  overflow-x: auto;
}

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

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

/* Overflow Y */
.overflow-y-auto {
  overflow-y: auto;
}

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

.overflow-y-scroll {
  overflow-y: scroll;
}
/* ====* Overflow *==== */


/* Container */
.container {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 576px) {
    .container {
        width: 90% !important;
    }
}

@media only screen and (min-width: 577px) {
    .container {
        width: 80% !important;
    }
}

@media only screen and (min-width: 993px) {
    .container {
        width: 70% !important;
    }
}

@media only screen and (max-width: 576px) {
    .container-mini-only {
        width: 90% !important;
    }
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
    .container-small-only {
        width: 80% !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .container-medium-only {
        width: 80% !important;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .container-large-only {
        width: 70% !important;
    }
}

@media only screen and (min-width: 1201px) {
    .container-maxi-only {
        width: 70% !important;
    }
}
/* ====* Container *==== */


/* Hidden */
.hidden {
  display: none !important;
}

@media only screen and (max-width: 576px) {
  .hidden-mini-only {
    display: none !important;
  }
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
  .hidden-small-only {
    display: none !important
  }
}

@media only screen and (max-width: 768px) {
  .hidden-small-to-smaller {
    display: none !important
  }
}

@media only screen and (min-width: 577px) {
  .hidden-small-to-larger {
    display: none !important
  }
}

@media only screen and (max-width: 992px) {
  .hidden-medium-to-smaller {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .hidden-medium-to-larger {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .hidden-medium-only {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .hidden-large-only {
    display: none !important;
  }
}

@media only screen and (max-width: 1200px) {
  .hidden-large-to-smaller {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .hidden-large-to-larger {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .hidden-maxi-only {
    display: none !important;
  }
}
/* ====* Hidden *==== */


/* Text Alignment */
.text-left {
  text-align: left;
}

@media only screen and (max-width: 576px) {
  .text-left-mini {
    text-align: left !important;
  }
}

@media only screen and (max-width: 768px) {
  .text-left-small {
    text-align: left !important;
  }
}

@media only screen and (max-width: 992px) {
  .text-left-medium {
    text-align: left !important;
  }
}

@media only screen and (min-width: 993px) {
  .text-left-large {
    text-align: left !important;
  }
}

@media only screen and (min-width: 1201px) {
  .text-left-maxi {
    text-align: left !important;
  }
}

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

@media only screen and (max-width: 576px) {
  .text-right-mini {
    text-align: right !important;
  }
}

@media only screen and (max-width: 768px) {
  .text-right-small {
    text-align: right !important;
  }
}

@media only screen and (max-width: 992px) {
  .text-right-medium {
    text-align: right !important;
  }
}

@media only screen and (min-width: 993px) {
  .text-right-large {
    text-align: right !important;
  }
}

@media only screen and (min-width: 1201px) {
  .text-right-maxi {
    text-align: right !important;
  }
}

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

@media only screen and (max-width: 576px) {
  .text-center-mini {
    text-align: center !important;
  }
}

@media only screen and (max-width: 768px) {
  .text-center-small {
    text-align: center !important;
  }
}

@media only screen and (max-width: 992px) {
  .text-center-medium {
    text-align: center !important;
  }
}

@media only screen and (min-width: 993px) {
  .text-center-large {
    text-align: center !important;
  }
}

@media only screen and (min-width: 1201px) {
  .text-center-maxi {
    text-align: center !important;
  }
}

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


@media only screen and (max-width: 576px) {
  .text-justify-mini {
    text-align: justify !important;
  }
}

@media only screen and (max-width: 768px) {
  .text-justify-small {
    text-align: justify !important;
  }
}

@media only screen and (max-width: 992px) {
  .text-justify-medium {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 993px) {
  .text-justify-large {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 1201px) {
  .text-justify-maxi {
    text-align: justify !important;
  }
}
/* ====* Text Alignment *==== */


/* Padding */
.padding-none {
    padding: 0 !important;
}

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

.padding-1 {
    padding: 1px !important;
}

.padding-2 {
    padding: 2px !important;
}

.padding-3 {
    padding: 4px !important;
}

.padding-4 {
    padding: 8px !important;
}

.padding-5 {
    padding: 12px !important;
}

.padding-6 {
    padding: 24px !important;
}

.padding-7 {
    padding: 30px !important;
}

.padding-8 {
    padding: 36px !important;
}

.padding-9 {
    padding: 42px !important;
}

.padding-10 {
    padding: 50px !important;
}

/* Padding X axis */
.padding-x-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

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

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

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

.padding-x-3 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.padding-x-4 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.padding-x-5 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.padding-x-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.padding-x-7 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.padding-x-8 {
    padding-left: 36px !important;
    padding-right: 36px !important;
}

.padding-x-9 {
    padding-left: 42px !important;
    padding-right: 42px !important;
}

.padding-x-10 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

/* Padding Y axis */
.padding-y-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

.padding-y-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.padding-y-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.padding-y-3 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.padding-y-4 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.padding-y-5 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.padding-y-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.padding-y-7 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padding-y-8 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

.padding-y-9 {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.padding-y-10 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* Padding Left */
.padding-left-none {
    padding-left: 0 !important;
}

.padding-left-auto {
    padding-left: auto !important;
}

.padding-left-1 {
    padding-left: 1px !important;
}

.padding-left-2 {
    padding-left: 2px !important;
}

.padding-left-3 {
    padding-left: 4px !important;
}

.padding-left-4 {
    padding-left: 8px !important;
}

.padding-left-5 {
    padding-left: 12px !important;
}

.padding-left-6 {
    padding-left: 24px !important;
}

.padding-left-7 {
    padding-left: 30px !important;
}

.padding-left-8 {
    padding-left: 36px !important;
}

.padding-left-9 {
    padding-left: 42px !important;
}

.padding-left-10 {
    padding-left: 50px !important;
}

/* Padding Top */
.padding-top-none {
    padding-top: 0 !important;
}

.padding-top-auto {
    padding-top: auto !important;
}

.padding-top-1 {
    padding-top: 1px !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-top-3 {
    padding-top: 4px !important;
}

.padding-top-4 {
    padding-top: 8px !important;
}

.padding-top-5 {
    padding-top: 12px !important;
}

.padding-top-6 {
    padding-top: 24px !important;
}

.padding-top-7 {
    padding-top: 30px !important;
}

.padding-top-8 {
    padding-top: 36px !important;
}

.padding-top-9 {
    padding-top: 42px !important;
}

.padding-top-10 {
    padding-top: 50px !important;
}

/* Padding Right */
.padding-right-none {
    padding-right: 0 !important;
}

.padding-right-auto {
    padding-right: auto !important;
}

.padding-right-1 {
    padding-right: 1px !important;
}

.padding-right-2 {
    padding-right: 2px !important;
}

.padding-right-3 {
    padding-right: 4px !important;
}

.padding-right-4 {
    padding-right: 8px !important;
}

.padding-right-5 {
    padding-right: 12px !important;
}

.padding-right-6 {
    padding-right: 24px !important;
}

.padding-right-7 {
    padding-right: 30px !important;
}

.padding-right-8 {
    padding-right: 36px !important;
}

.padding-right-9 {
    padding-right: 42px !important;
}

.padding-right-10 {
    padding-right: 50px !important;
}

/* Padding Bottom */
.padding-bottom-none {
    padding-bottom: 0 !important;
}

.padding-bottom-auto {
    padding-bottom: auto !important;
}

.padding-bottom-1 {
    padding-bottom: 1px !important;
}

.padding-bottom-2 {
    padding-bottom: 2px !important;
}

.padding-bottom-3 {
    padding-bottom: 4px !important;
}

.padding-bottom-4 {
    padding-bottom: 8px !important;
}

.padding-bottom-5 {
    padding-bottom: 12px !important;
}

.padding-bottom-6 {
    padding-bottom: 24px !important;
}

.padding-bottom-7 {
    padding-bottom: 30px !important;
}

.padding-bottom-8 {
    padding-bottom: 36px !important;
}

.padding-bottom-9 {
    padding-bottom: 42px !important;
}

.padding-bottom-10 {
    padding-bottom: 50px !important;
}
/* ====* Padding *==== */


/* Margin */
.margin-none {
    margin: 0 !important;
}

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

.margin-1 {
    margin: 1px !important;
}

.margin-decrease-1 {
    margin: -1px !important;
}

.margin-2 {
    margin: 2px !important;
}

.margin-decrease-2 {
    margin: -2px !important;
}

.margin-3 {
    margin: 4px !important;
}

.margin-decrease-3 {
    margin: -4px !important;
}

.margin-4 {
    margin: 8px !important;
}

.margin-decrease-4 {
    margin: -8px !important;
}

.margin-5 {
    margin: 12px !important;
}

.margin-decrease-5 {
    margin: -12px !important;
}

.margin-6 {
    margin: 24px !important;
}

.margin-7 {
    margin: 30px !important;
}

.margin-decrease-7 {
    margin: -30px !important;
}

.margin-8 {
    margin: 36px !important;
}

.margin-decrease-8 {
    margin: -36px !important;
}

.margin-9 {
    margin: 42px !important;
}

.margin-decrease-9 {
    margin: -42px !important;
}

.margin-10 {
    margin: 50px !important;
}

.margin-decrease-10 {
    margin: -50px !important;
}

/* Margin X axis */
.margin-x-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

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

.margin-x-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.margin-x-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.margin-x-3 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.margin-x-4 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.margin-x-5 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.margin-x-6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.margin-x-7 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.margin-x-8 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.margin-x-9 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}

.margin-x-10 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

/* Margin Y axis */
.margin-y-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

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

.margin-y-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.margin-y-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.margin-y-3 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.margin-y-4 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.margin-y-5 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.margin-y-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.margin-y-7 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.margin-y-8 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.margin-y-9 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.margin-y-10 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

/* Margin Left */
.margin-left-none {
    margin-left: 0 !important;
}

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

.margin-left-1 {
    margin-left: 1px !important;
}

.margin-left-decrease-1 {
    margin-left: -1px !important;
}

.margin-left-2 {
    margin-left: 2px !important;
}

.margin-left-decrease-2 {
    margin-left: -2px !important;
}

.margin-left-3 {
    margin-left: 4px !important;
}

.margin-left-decrease-3 {
    margin-left: -4px !important;
}

.margin-left-4 {
    margin-left: 8px !important;
}

.margin-left-decrease-4 {
    margin-left: -8px !important;
}

.margin-left-5 {
    margin-left: 12px !important;
}

.margin-left-decrease-5 {
    margin-left: -12px !important;
}

.margin-left-6 {
    margin-left: 24px !important;
}

.margin-left-decrease-6 {
    margin-left: -24px !important;
}

.margin-left-7 {
    margin-left: 30px !important;
}

.margin-left-decrease-7 {
    margin-left: -30px !important;
}

.margin-left-8 {
    margin-left: 36px !important;
}

.margin-left-decrease-8 {
    margin-left: -36px !important;
}

.margin-left-9 {
    margin-left: 42px !important;
}

.margin-left-decrease-9 {
    margin-left: -42px !important;
}

.margin-left-10 {
    margin-left: 50px !important;
}

.margin-left-decrease-10 {
    margin-left: -50px !important;
}

/* Margin Top */
.margin-top-none {
    margin-top: 0 !important;
}

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

.margin-top-1 {
    margin-top: 1px !important;
}

.margin-top-decrease-1 {
    margin-top: -1px !important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.margin-top-decrease-2 {
    margin-top: -2px !important;
}

.margin-top-3 {
    margin-top: 4px !important;
}

.margin-top-decrease-3 {
    margin-top: -4px !important;
}

.margin-top-4 {
    margin-top: 8px !important;
}

.margin-top-decrease-4 {
    margin-top: -8px !important;
}

.margin-top-5 {
    margin-top: 12px !important;
}

.margin-top-decrease-5 {
    margin-top: -12px !important;
}

.margin-top-6 {
    margin-top: 24px !important;
}

.margin-top-decrease-6 {
    margin-top: -24px !important;
}

.margin-top-7 {
    margin-top: 30px !important;
}

.margin-top-decrease-7 {
    margin-top: -30px !important;
}

.margin-top-8 {
    margin-top: 36px !important;
}

.margin-top-decrease-8 {
    margin-top: -36px !important;
}

.margin-top-9 {
    margin-top: 42px !important;
}

.margin-top-decrease-9 {
    margin-top: -42px !important;
}

.margin-top-10 {
    margin-top: 50px !important;
}

.margin-top-decrease-10 {
    margin-top: -50px !important;
}

/* Margin Right */
.margin-right-none {
    margin-right: 0 !important;
}

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

.margin-right-1 {
    margin-right: 1px !important;
}

.margin-right-decrease-1 {
    margin-right: -1px !important;
}

.margin-right-2 {
    margin-right: 2px !important;
}

.margin-right-decrease-2 {
    margin-right: -2px !important;
}

.margin-right-3 {
    margin-right: 4px !important;
}

.margin-right-decrease-3 {
    margin-right: -4px !important;
}

.margin-right-4 {
    margin-right: 8px !important;
}

.margin-right-decrease-4 {
    margin-right: -8px !important;
}

.margin-right-5 {
    margin-right: 12px !important;
}

.margin-right-decrease-5 {
    margin-right: -12px !important;
}

.margin-right-6 {
    margin-right: 24px !important;
}

.margin-right-decrease-6 {
    margin-right: -24px !important;
}

.margin-right-7 {
    margin-right: 30px !important;
}

.margin-right-decrease-7 {
    margin-right: -30px !important;
}

.margin-right-8 {
    margin-right: 36px !important;
}

.margin-right-decrease-8 {
    margin-right: -36px !important;
}

.margin-right-9 {
    margin-right: 42px !important;
}

.margin-right-decrease-9 {
    margin-right: -42px !important;
}

.margin-right-10 {
    margin-right: 50px !important;
}

.margin-right-decrease-10 {
    margin-right: -50px !important;
}

/* Margin Bottom */
.margin-bottom-none {
    margin-bottom: 0 !important;
}

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

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-decrease-1 {
    margin-bottom: -1px !important;
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

.margin-bottom-decrease-2 {
    margin-bottom: -2px !important;
}

.margin-bottom-3 {
    margin-bottom: 4px !important;
}

.margin-bottom-decrease-3 {
    margin-bottom: -4px !important;
}

.margin-bottom-4 {
    margin-bottom: 8px !important;
}

.margin-bottom-decrease-4 {
    margin-bottom: -8px !important;
}

.margin-bottom-5 {
    margin-bottom: 12px !important;
}

.margin-bottom-decrease-5 {
    margin-bottom: -12px !important;
}

.margin-bottom-6 {
    margin-bottom: 24px !important;
}

.margin-bottom-decrease-6 {
    margin-bottom: -24px !important;
}

.margin-bottom-7 {
    margin-bottom: 30px !important;
}

.margin-bottom-decrease-7 {
    margin-bottom: -30px !important;
}

.margin-bottom-8 {
    margin-bottom: 36px !important;
}

.margin-bottom-decrease-8 {
    margin-bottom: -36px !important;
}

.margin-bottom-9 {
    margin-bottom: 42px !important;
}

.margin-bottom-decrease-9 {
    margin-bottom: -42px !important;
}

.margin-bottom-10 {
    margin-bottom: 50px !important;
}

.margin-bottom-decrease-10 {
    margin-bottom: -50px !important;
}
/* ====* Margin *==== */


/* Radius */
.radius-none {
  -webkit-border-radius: 0 !important;
          border-radius: 0 !important;
}

.radius-mini {
  -webkit-border-radius: 5% !important;
          border-radius: 5% !important;
}

.radius-small {
  -webkit-border-radius: 15% !important;
          border-radius: 15% !important;
}

.radius-medium {
  -webkit-border-radius: 25% !important;
          border-radius: 25% !important;
}

.radius-large {
  -webkit-border-radius: 35% !important;
          border-radius: 35% !important;
}

.radius-maxi {
  -webkit-border-radius: 50% !important;
          border-radius: 50% !important;
}

.radius-1 {
  -webkit-border-radius: 2px !important;
          border-radius: 2px !important;
}

.radius-2 {
  -webkit-border-radius: 3px !important;
          border-radius: 3px !important;
}

.radius-3 {
  -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
}

.radius-4 {
  -webkit-border-radius: 8px !important;
          border-radius: 8px !important;
}

.radius-5 {
  -webkit-border-radius: 12px !important;
          border-radius: 12px !important;
}

.radius-6 {
  -webkit-border-radius: 24px !important;
          border-radius: 24px !important;
}

.radius-7 {
  -webkit-border-radius: 30px !important;
          border-radius: 30px !important;
}

.radius-8 {
  -webkit-border-radius: 36px !important;
          border-radius: 36px !important;
}

.radius-9 {
  -webkit-border-radius: 42px !important;
          border-radius: 42px !important;
}

.radius-10 {
  -webkit-border-radius: 50px !important;
          border-radius: 50px !important;
}

/* Radius Top Left */
.radius-top-left-none {
  -webkit-border-top-left-radius: 0 !important;
          border-top-left-radius: 0 !important;
}

.radius-top-left-mini {
  -webkit-border-top-left-radius: 5% !important;
          border-top-left-radius: 5% !important;
}

.radius-top-left-small {
  -webkit-border-top-left-radius: 15% !important;
          border-top-left-radius: 15% !important;
}

.radius-top-left-medium {
  -webkit-border-top-left-radius: 25% !important;
          border-top-left-radius: 25% !important;
}

.radius-top-left-large {
  -webkit-border-top-left-radius: 35% !important;
          border-top-left-radius: 35% !important;
}

.radius-top-left-maxi {
  -webkit-border-top-left-radius: 50% !important;
          border-top-left-radius: 50% !important;
}

.radius-top-left-1 {
  -webkit-border-top-left-radius: 2px !important;
          border-top-left-radius: 2px !important;
}

.radius-top-left-2 {
  -webkit-border-top-left-radius: 3px !important;
          border-top-left-radius: 3px !important;
}

.radius-top-left-3 {
  -webkit-border-top-left-radius: 4px !important;
          border-top-left-radius: 4px !important;
}

.radius-top-left-4 {
  -webkit-border-top-left-radius: 8px !important;
          border-top-left-radius: 8px !important;
}

.radius-top-left-5 {
  -webkit-border-top-left-radius: 12px !important;
          border-top-left-radius: 12px !important;
}

.radius-top-left-6 {
  -webkit-border-top-left-radius: 24px !important;
          border-top-left-radius: 24px !important;
}

.radius-top-left-7 {
  -webkit-border-top-left-radius: 30px !important;
          border-top-left-radius: 30px !important;
}

.radius-top-left-8 {
  -webkit-border-top-left-radius: 36px !important;
          border-top-left-radius: 36px !important;
}

.radius-top-left-9 {
  -webkit-border-top-left-radius: 42px !important;
          border-top-left-radius: 42px !important;
}

.radius-top-left-10 {
  -webkit-border-top-left-radius: 50px !important;
          border-top-left-radius: 50px !important;
}

/* Radius Top Right */
.radius-top-right-none {
  -webkit-border-top-right-radius: 0 !important;
          border-top-right-radius: 0 !important;
}

.radius-top-right-mini {
  -webkit-border-top-right-radius: 5% !important;
          border-top-right-radius: 5% !important;
}

.radius-top-right-small {
  -webkit-border-top-right-radius: 15% !important;
          border-top-right-radius: 15% !important;
}

.radius-top-right-medium {
  -webkit-border-top-right-radius: 25% !important;
          border-top-right-radius: 25% !important;
}

.radius-top-right-large {
  -webkit-border-top-right-radius: 35% !important;
          border-top-right-radius: 35% !important;
}

.radius-top-right-maxi {
  -webkit-border-top-right-radius: 50% !important;
          border-top-right-radius: 50% !important;
}

.radius-top-right-1 {
  -webkit-border-top-right-radius: 2px !important;
          border-top-right-radius: 2px !important;
}

.radius-top-right-2 {
  -webkit-border-top-right-radius: 3px !important;
          border-top-right-radius: 3px !important;
}

.radius-top-right-3 {
  -webkit-border-top-right-radius: 4px !important;
          border-top-right-radius: 4px !important;
}

.radius-top-right-4 {
  -webkit-border-top-right-radius: 8px !important;
          border-top-right-radius: 8px !important;
}

.radius-top-right-5 {
  -webkit-border-top-right-radius: 12px !important;
          border-top-right-radius: 12px !important;
}

.radius-top-right-6 {
  -webkit-border-top-right-radius: 24px !important;
          border-top-right-radius: 24px !important;
}

.radius-top-right-7 {
  -webkit-border-top-right-radius: 30px !important;
          border-top-right-radius: 30px !important;
}

.radius-top-right-8 {
  -webkit-border-top-right-radius: 36px !important;
          border-top-right-radius: 36px !important;
}

.radius-top-right-9 {
  -webkit-border-top-right-radius: 42px !important;
          border-top-right-radius: 42px !important;
}

.radius-top-right-10 {
  -webkit-border-top-right-radius: 50px !important;
          border-top-right-radius: 50px !important;
}

/* Radius Bottom Right */
.radius-bottom-right-none {
  -webkit-border-bottom-right-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
}

.radius-bottom-right-mini {
  -webkit-border-bottom-right-radius: 5% !important;
          border-bottom-right-radius: 5% !important;
}

.radius-bottom-right-small {
  -webkit-border-bottom-right-radius: 15% !important;
          border-bottom-right-radius: 15% !important;
}

.radius-bottom-right-medium {
  -webkit-border-bottom-right-radius: 25% !important;
          border-bottom-right-radius: 25% !important;
}

.radius-bottom-right-large {
  -webkit-border-bottom-right-radius: 35% !important;
          border-bottom-right-radius: 35% !important;
}

.radius-bottom-right-maxi {
  -webkit-border-bottom-right-radius: 50% !important;
          border-bottom-right-radius: 50% !important;
}

.radius-bottom-right-1 {
  -webkit-border-bottom-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important;
}

.radius-bottom-right-2 {
  -webkit-border-bottom-right-radius: 3px !important;
          border-bottom-right-radius: 3px !important;
}

.radius-bottom-right-3 {
  -webkit-border-bottom-right-radius: 4px !important;
          border-bottom-right-radius: 4px !important;
}

.radius-bottom-right-4 {
  -webkit-border-bottom-right-radius: 8px !important;
          border-bottom-right-radius: 8px !important;
}

.radius-bottom-right-5 {
  -webkit-border-bottom-right-radius: 12px !important;
          border-bottom-right-radius: 12px !important;
}

.radius-bottom-right-6 {
  -webkit-border-bottom-right-radius: 24px !important;
          border-bottom-right-radius: 24px !important;
}

.radius-bottom-right-7 {
  -webkit-border-bottom-right-radius: 30px !important;
          border-bottom-right-radius: 30px !important;
}

.radius-bottom-right-8 {
  -webkit-border-bottom-right-radius: 36px !important;
          border-bottom-right-radius: 36px !important;
}

.radius-bottom-right-9 {
  -webkit-border-bottom-right-radius: 42px !important;
          border-bottom-right-radius: 42px !important;
}

.radius-bottom-right-10 {
  -webkit-border-bottom-right-radius: 50px !important;
          border-bottom-right-radius: 50px !important;
}

/* Radius Bottom Left */
.radius-bottom-left-none {
  -webkit-border-bottom-left-radius: 0 !important;
          border-bottom-left-radius: 0 !important;
}

.radius-bottom-left-mini {
  -webkit-border-bottom-left-radius: 5% !important;
          border-bottom-left-radius: 5% !important;
}

.radius-bottom-left-small {
  -webkit-border-bottom-left-radius: 15% !important;
          border-bottom-left-radius: 15% !important;
}

.radius-bottom-left-medium {
  -webkit-border-bottom-left-radius: 25% !important;
          border-bottom-left-radius: 25% !important;
}

.radius-bottom-left-large {
  -webkit-border-bottom-left-radius: 35% !important;
          border-bottom-left-radius: 35% !important;
}

.radius-bottom-left-maxi {
  -webkit-border-bottom-left-radius: 50% !important;
          border-bottom-left-radius: 50% !important;
}

.radius-bottom-left-1 {
  -webkit-border-bottom-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important;
}

.radius-bottom-left-2 {
  -webkit-border-bottom-left-radius: 3px !important;
          border-bottom-left-radius: 3px !important;
}

.radius-bottom-left-3 {
  -webkit-border-bottom-left-radius: 4px !important;
          border-bottom-left-radius: 4px !important;
}

.radius-bottom-left-4 {
  -webkit-border-bottom-left-radius: 8px !important;
          border-bottom-left-radius: 8px !important;
}

.radius-bottom-left-5 {
  -webkit-border-bottom-left-radius: 12px !important;
          border-bottom-left-radius: 12px !important;
}

.radius-bottom-left-6 {
  -webkit-border-bottom-left-radius: 24px !important;
          border-bottom-left-radius: 24px !important;
}

.radius-bottom-left-7 {
  -webkit-border-bottom-left-radius: 30px !important;
          border-bottom-left-radius: 30px !important;
}

.radius-bottom-left-8 {
  -webkit-border-bottom-left-radius: 36px !important;
          border-bottom-left-radius: 36px !important;
}

.radius-bottom-left-9 {
  -webkit-border-bottom-left-radius: 42px !important;
          border-bottom-left-radius: 42px !important;
}

.radius-bottom-left-10 {
  -webkit-border-bottom-left-radius: 50px !important;
          border-bottom-left-radius: 50px !important;
}
/* ====* Radius *==== */


/* Border */
.border-none {
  border: none !important;
}

.border-1 {
  border: 1px solid var(--dark);
}

.border-2 {
  border: 2px solid var(--dark);
}

.border-3 {
  border: 3px solid var(--dark);
}

.border-4 {
  border: 5px solid var(--dark);
}

.border-5 {
  border: 7px solid var(--dark);
}

.border-6 {
  border: 9px solid var(--dark);
}

.border-7 {
  border: 12px solid var(--dark);
}

.border-8 {
  border: 15px solid var(--dark);
}

.border-9 {
  border: 17px solid var(--dark);
}

.border-10 {
  border: 20px solid var(--dark);
}

/* Border X axis */
.border-x-1 {
  border-left: 1px solid var(--dark);
  border-right: 1px solid var(--dark);
}

.border-x-2 {
  border-left: 2px solid var(--dark);
  border-right: 2px solid var(--dark);
}

.border-x-3 {
  border-left: 3px solid var(--dark);
  border-right: 3px solid var(--dark);
}

.border-x-4 {
  border-left: 5px solid var(--dark);
  border-right: 5px solid var(--dark);
}

.border-x-5 {
  border-left: 7px solid var(--dark);
  border-right: 7px solid var(--dark);
}

.border-x-6 {
  border-left: 9px solid var(--dark);
  border-right: 9px solid var(--dark);
}

.border-x-7 {
  border-left: 12px solid var(--dark);
  border-right: 12px solid var(--dark);
}

.border-x-8 {
  border-left: 15px solid var(--dark);
  border-right: 15px solid var(--dark);
}

.border-x-9 {
  border-left: 17px solid var(--dark);
  border-right: 17px solid var(--dark);
}

.border-x-10 {
  border-left: 20px solid var(--dark);
  border-right: 20px solid var(--dark);
}

/* Border Y axis */
.border-y-1 {
  border-top: 1px solid var(--dark);
  border-bottom: 1px solid var(--dark);
}

.border-y-2 {
  border-top: 2px solid var(--dark);
  border-bottom: 2px solid var(--dark);
}

.border-y-3 {
  border-top: 3px solid var(--dark);
  border-bottom: 3px solid var(--dark);
}

.border-y-4 {
  border-top: 5px solid var(--dark);
  border-bottom: 5px solid var(--dark);
}

.border-y-5 {
  border-top: 7px solid var(--dark);
  border-bottom: 7px solid var(--dark);
}

.border-y-6 {
  border-top: 9px solid var(--dark);
  border-bottom: 9px solid var(--dark);
}

.border-y-7 {
  border-top: 12px solid var(--dark);
  border-bottom: 12px solid var(--dark);
}

.border-y-8 {
  border-top: 15px solid var(--dark);
  border-bottom: 15px solid var(--dark);
}

.border-y-9 {
  border-top: 17px solid var(--dark);
  border-bottom: 17px solid var(--dark);
}

.border-y-10 {
  border-top: 20px solid var(--dark);
  border-bottom: 20px solid var(--dark);
}

/* Border Left */
.border-left-1 {
  border-left: 1px solid var(--dark);
}

.border-left-2 {
  border-left: 2px solid var(--dark);
}

.border-left-3 {
  border-left: 3px solid var(--dark);
}

.border-left-4 {
  border-left: 5px solid var(--dark);
}

.border-left-5 {
  border-left: 7px solid var(--dark);
}

.border-left-6 {
  border-left: 9px solid var(--dark);
}

.border-left-7 {
  border-left: 12px solid var(--dark);
}

.border-left-8 {
  border-left: 15px solid var(--dark);
}

.border-left-9 {
  border-left: 17px solid var(--dark);
}

.border-left-10 {
  border-left: 20px solid var(--dark);
}

/* Border Top */
.border-top-1 {
  border-top: 1px solid var(--dark);
}

.border-top-2 {
  border-top: 2px solid var(--dark);
}

.border-top-3 {
  border-top: 3px solid var(--dark);
}

.border-top-4 {
  border-top: 5px solid var(--dark);
}

.border-top-5 {
  border-top: 7px solid var(--dark);
}

.border-top-6 {
  border-top: 9px solid var(--dark);
}

.border-top-7 {
  border-top: 12px solid var(--dark);
}

.border-top-8 {
  border-top: 15px solid var(--dark);
}

.border-top-9 {
  border-top: 17px solid var(--dark);
}

.border-top-10 {
  border-top: 20px solid var(--dark);
}

/* Border Right */
.border-right-1 {
  border-right: 1px solid var(--dark);
}

.border-right-2 {
  border-right: 2px solid var(--dark);
}

.border-right-3 {
  border-right: 3px solid var(--dark);
}

.border-right-4 {
  border-right: 5px solid var(--dark);
}

.border-right-5 {
  border-right: 7px solid var(--dark);
}

.border-right-6 {
  border-right: 9px solid var(--dark);
}

.border-right-7 {
  border-right: 12px solid var(--dark);
}

.border-right-8 {
  border-right: 15px solid var(--dark);
}

.border-right-9 {
  border-right: 17px solid var(--dark);
}

.border-right-10 {
  border-right: 20px solid var(--dark);
}

/* Border Bottom */
.border-bottom-1 {
  border-bottom: 1px solid var(--dark);
}

.border-bottom-2 {
  border-bottom: 2px solid var(--dark);
}

.border-bottom-3 {
  border-bottom: 3px solid var(--dark);
}

.border-bottom-4 {
  border-bottom: 5px solid var(--dark);
}

.border-bottom-5 {
  border-bottom: 7px solid var(--dark);
}

.border-bottom-6 {
  border-bottom: 9px solid var(--dark);
}

.border-bottom-7 {
  border-bottom: 12px solid var(--dark);
}

.border-bottom-8 {
  border-bottom: 15px solid var(--dark);
}

.border-bottom-9 {
  border-bottom: 17px solid var(--dark);
}

.border-bottom-10 {
  border-bottom: 20px solid var(--dark);
}

/* Border Coloring System */
.border-black {
  border-color: var(--pure-black) !important;
}

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

.border-purple,
.border-purple-4 {
  border-color: var(--medium-orchid) !important;
}

.border-purple-1 {
  border-color: var(--pink-lavender) !important;
}

.border-purple-2 {
  border-color: var(--bright-lilac) !important;
}

.border-purple-3 {
  border-color: var(--french-mauve) !important;
}

.border-purple-5 {
  border-color: var(--dark-orchid) !important;
}

.border-purple-6 {
  border-color: var(--dark-magenta) !important;
}

.border-purple-7 {
  border-color: var(--eminence) !important;
}

.border-blue,
.border-blue-4 {
  border-color: var(--queen-blue) !important;
}

.border-blue-1 {
  border-color: var(--light-steel-blue) !important;
}

.border-blue-2 {
  border-color: var(--air-superiority-blue) !important;
}

.border-blue-3 {
  border-color: var(--glaucous) !important;
}

.border-blue-5 {
  border-color: var(--bdazzled-blue) !important;
}

.border-blue-6 {
  border-color: var(--indigo-dye) !important;
}

.border-blue-7 {
  border-color: var(--gunmetal) !important;
}

.border-red,
.border-red-4 {
  border-color: var(--permanent-geranium-lake) !important;
}

.border-red-1 {
  border-color: var(--light-coral) !important;
}

.border-red-2 {
  border-color: var(--sizzling-red) !important;
}

.border-red-3 {
  border-color: var(--red-salsa) !important;
}

.border-red-5 {
  border-color: var(--maximum-red) !important;
}

.border-red-6 {
  border-color: var(--carnelian) !important;
}

.border-red-7 {
  border-color: var(--carmine) !important;
}

.border-pink,
.border-pink-4 {
  border-color: var(--paradise-pink) !important;
}

.border-pink-1 {
  border-color: var(--light-pink) !important;
}

.border-pink-2 {
  border-color: var(--mauvelous) !important;
}

.border-pink-3 {
  border-color: var(--shimmering-blush) !important;
}

.border-pink-5 {
  border-color: var(--brick-red) !important;
}

.border-pink-6 {
  border-color: var(--cardinal) !important;
}

.border-pink-7 {
  border-color: var(--crimson-ua) !important;
}

.border-yellow,
.border-yellow-4 {
  border-color: var(--jonqull) !important;
}

.border-yellow-1 {
  border-color: var(--jasmine) !important;
}

.border-yellow-2 {
  border-color: var(--napies-yellow) !important;
}

.border-yellow-3 {
  border-color: var(--yellow-munsell) !important;
}

.border-yellow-5 {
  border-color: var(--gold-metallic) !important;
}

.border-yellow-6 {
  border-color: var(--lemon-curry) !important;
}

.border-yellow-7 {
  border-color: var(--gold) !important;
}

.border-orange,
.border-orange-4 {
  border-color: var(--orange-peel) !important;
}

.border-orange-1 {
  border-color: var(--deep-champagne) !important;
}

.border-orange-2 {
  border-color: var(--mellow-apricot) !important;
}

.border-orange-3 {
  border-color: var(--yellow-orange) !important;
}

.border-orange-5 {
  border-color: var(--tangerine) !important;
}

.border-orange-6 {
  border-color: var(--fulvous) !important;
}

.border-orange-7 {
  border-color: var(--liver-dogs) !important;
}

.border-green,
.border-green-4 {
  border-color: var(--sap-green) !important;
}

.border-green-1 {
  border-color: var(--lime-green) !important;
}

.border-green-2 {
  border-color: var(--green-ryb) !important;
}

.border-green-3 {
  border-color: var(--slimy-green) !important;
}

.border-green-5 {
  border-color: var(--lincoln-green) !important;
}

.border-green-6 {
  border-color: var(--forest-green-traditional) !important;
}

.border-green-7 {
  border-color: var(--phthalo-green) !important;
}

.border-brown,
.border-brown-4 {
  border-color: var(--golden-brown) !important;
}

.border-brown-1 {
  border-color: var(--fawn) !important;
}

.border-brown-2 {
  border-color: var(--camel) !important;
}

.border-brown-3 {
  border-color: var(--copper) !important;
}

.border-brown-5 {
  border-color: var(--coyote-brown) !important;
}

.border-brown-6 {
  border-color: var(--dark-brown) !important;
}

.border-brown-7 {
  border-color: var(--cafe-noir) !important;
}

.border-grey,
.border-grey-4 {
  border-color: var(--jet) !important;
}

.border-grey-1 {
  border-color: var(--spanish-grey) !important;
}

.border-grey-2 {
  border-color: var(--dim-grey) !important;
}

.border-grey-3 {
  border-color: var(--davys-grey) !important;
}

.border-grey-5 {
  border-color: var(--eerie-black) !important;
}

.border-grey-6 {
  border-color: var(--eerie-black-darker) !important;
}

.border-grey-7 {
  border-color: var(--rich-black-fogra-39) !important;
}

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

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

.border-transparent {
  border-color: transparent !important;
}

.border-inherit {
  border-color: inherit !important;
}

.border-current-color {
  border-color: currentColor !important;
}

.border-top-current-color {
  border-top-color: currentColor !important;
}

/* Border X Coloring */
.border-x-black {
  border-left-color: var(--pure-black) !important;
  border-right-color: var(--pure-black) !important;
}

.border-x-white {
  border-left-color: var(--pure-white) !important;
  border-right-color: var(--pure-white) !important;
}

.border-x-purple,
.border-x-purple-4 {
  border-left-color: var(--medium-orchid) !important;
  border-right-color: var(--medium-orchid) !important;
}

.border-x-purple-1 {
  border-left-color: var(--pink-lavender) !important;
  border-right-color: var(--pink-lavender) !important;
}

.border-x-purple-2 {
  border-left-color: var(--bright-lilac) !important;
  border-right-color: var(--bright-lilac) !important;
}

.border-x-purple-3 {
  border-left-color: var(--french-mauve) !important;
  border-right-color: var(--french-mauve) !important;
}

.border-x-purple-5 {
  border-left-color: var(--dark-orchid) !important;
  border-right-color: var(--dark-orchid) !important;
}

.border-x-purple-6 {
  border-left-color: var(--dark-magenta) !important;
  border-right-color: var(--dark-magenta) !important;
}

.border-x-purple-7 {
  border-left-color: var(--eminence) !important;
  border-right-color: var(--eminence) !important;
}

.border-x-blue,
.border-x-blue-4 {
  border-left-color: var(--queen-blue) !important;
  border-right-color: var(--queen-blue) !important;
}

.border-x-blue-1 {
  border-left-color: var(--light-steel-blue) !important;
  border-right-color: var(--light-steel-blue) !important;
}

.border-x-blue-2 {
  border-left-color: var(--air-superiority-blue) !important;
  border-right-color: var(--air-superiority-blue) !important;
}

.border-x-blue-3 {
  border-left-color: var(--glaucous) !important;
  border-right-color: var(--glaucous) !important;
}

.border-x-blue-5 {
  border-left-color: var(--bdazzled-blue) !important;
  border-right-color: var(--bdazzled-blue) !important;
}

.border-x-blue-6 {
  border-left-color: var(--indigo-dye) !important;
  border-right-color: var(--indigo-dye) !important;
}

.border-x-blue-7 {
  border-left-color: var(--gunmetal) !important;
  border-right-color: var(--gunmetal) !important;
}

.border-x-red,
.border-x-red-4 {
  border-left-color: var(--permanent-geranium-lake) !important;
  border-right-color: var(--permanent-geranium-lake) !important;
}

.border-x-red-1 {
  border-left-color: var(--light-coral) !important;
  border-right-color: var(--light-coral) !important;
}

.border-x-red-2 {
  border-left-color: var(--sizzling-red) !important;
  border-right-color: var(--sizzling-red) !important;
}

.border-x-red-3 {
  border-left-color: var(--red-salsa) !important;
  border-right-color: var(--red-salsa) !important;
}

.border-x-red-5 {
  border-left-color: var(--maximum-red) !important;
  border-right-color: var(--maximum-red) !important;
}

.border-x-red-6 {
  border-left-color: var(--carnelian) !important;
  border-right-color: var(--carnelian) !important;
}

.border-x-red-7 {
  border-left-color: var(--carmine) !important;
  border-right-color: var(--carmine) !important;
}

.border-x-pink,
.border-x-pink-4 {
  border-left-color: var(--paradise-pink) !important;
  border-right-color: var(--paradise-pink) !important;
}

.border-x-pink-1 {
  border-left-color: var(--light-pink) !important;
  border-right-color: var(--light-pink) !important;
}

.border-x-pink-2 {
  border-left-color: var(--mauvelous) !important;
  border-right-color: var(--mauvelous) !important;
}

.border-x-pink-3 {
  border-left-color: var(--shimmering-blush) !important;
  border-right-color: var(--shimmering-blush) !important;
}

.border-x-pink-5 {
  border-left-color: var(--brick-red) !important;
  border-right-color: var(--brick-red) !important;
}

.border-x-pink-6 {
  border-left-color: var(--cardinal) !important;
  border-right-color: var(--cardinal) !important;
}

.border-x-pink-7 {
  border-left-color: var(--crimson-ua) !important;
  border-right-color: var(--crimson-ua) !important;
}

.border-x-yellow,
.border-x-yellow-4 {
  border-left-color: var(--jonqull) !important;
  border-right-color: var(--jonqull) !important;
}

.border-x-yellow-1 {
  border-left-color: var(--jasmine) !important;
  border-right-color: var(--jasmine) !important;
}

.border-x-yellow-2 {
  border-left-color: var(--napies-yellow) !important;
  border-right-color: var(--napies-yellow) !important;
}

.border-x-yellow-3 {
  border-left-color: var(--yellow-munsell) !important;
  border-right-color: var(--yellow-munsell) !important;
}

.border-x-yellow-5 {
  border-left-color: var(--gold-metallic) !important;
  border-right-color: var(--gold-metallic) !important;
}

.border-x-yellow-6 {
  border-left-color: var(--lemon-curry) !important;
  border-right-color: var(--lemon-curry) !important;
}

.border-x-yellow-7 {
  border-left-color: var(--gold) !important;
  border-right-color: var(--gold) !important;
}

.border-x-orange,
.border-x-orange-4 {
  border-left-color: var(--orange-peel) !important;
  border-right-color: var(--orange-peel) !important;
}

.border-x-orange-1 {
  border-left-color: var(--deep-champagne) !important;
  border-right-color: var(--deep-champagne) !important;
}

.border-x-orange-2 {
  border-left-color: var(--mellow-apricot) !important;
  border-right-color: var(--mellow-apricot) !important;
}

.border-x-orange-3 {
  border-left-color: var(--yellow-orange) !important;
  border-right-color: var(--yellow-orange) !important;
}

.border-x-orange-5 {
  border-left-color: var(--tangerine) !important;
  border-right-color: var(--tangerine) !important;
}

.border-x-orange-6 {
  border-left-color: var(--fulvous) !important;
  border-right-color: var(--fulvous) !important;
}

.border-x-orange-7 {
  border-left-color: var(--liver-dogs) !important;
  border-right-color: var(--liver-dogs) !important;
}

.border-x-green,
.border-x-green-4 {
  border-left-color: var(--sap-green) !important;
  border-right-color: var(--sap-green) !important;
}

.border-x-green-1 {
  border-left-color: var(--lime-green) !important;
  border-right-color: var(--lime-green) !important;
}

.border-x-green-2 {
  border-left-color: var(--green-ryb) !important;
  border-right-color: var(--green-ryb) !important;
}

.border-x-green-3 {
  border-left-color: var(--slimy-green) !important;
  border-right-color: var(--slimy-green) !important;
}

.border-x-green-5 {
  border-left-color: var(--lincoln-green) !important;
  border-right-color: var(--lincoln-green) !important;
}

.border-x-green-6 {
  border-left-color: var(--forest-green-traditional) !important;
  border-right-color: var(--forest-green-traditional) !important;
}

.border-x-green-7 {
  border-left-color: var(--phthalo-green) !important;
  border-right-color: var(--phthalo-green) !important;
}

.border-x-brown,
.border-x-brown-4 {
  border-left-color: var(--golden-brown) !important;
  border-right-color: var(--golden-brown) !important;
}

.border-x-brown-1 {
  border-left-color: var(--fawn) !important;
  border-right-color: var(--fawn) !important;
}

.border-x-brown-2 {
  border-left-color: var(--camel) !important;
  border-right-color: var(--camel) !important;
}

.border-x-brown-3 {
  border-left-color: var(--copper) !important;
  border-right-color: var(--copper) !important;
}

.border-x-brown-5 {
  border-left-color: var(--coyote-brown) !important;
  border-right-color: var(--coyote-brown) !important;
}

.border-x-brown-6 {
  border-left-color: var(--dark-brown) !important;
  border-right-color: var(--dark-brown) !important;
}

.border-x-brown-7 {
  border-left-color: var(--cafe-noir) !important;
  border-right-color: var(--cafe-noir) !important;
}

.border-x-grey,
.border-x-grey-4 {
  border-left-color: var(--jet) !important;
  border-right-color: var(--jet) !important;
}

.border-x-grey-1 {
  border-left-color: var(--spanish-grey) !important;
  border-right-color: var(--spanish-grey) !important;
}

.border-x-grey-2 {
  border-left-color: var(--dim-grey) !important;
  border-right-color: var(--dim-grey) !important;
}

.border-x-grey-3 {
  border-left-color: var(--davys-grey) !important;
  border-right-color: var(--davys-grey) !important;
}

.border-x-grey-5 {
  border-left-color: var(--eerie-black) !important;
  border-right-color: var(--eerie-black) !important;
}

.border-x-grey-6 {
  border-left-color: var(--eerie-black-darker) !important;
  border-right-color: var(--eerie-black-darker) !important;
}

.border-x-grey-7 {
  border-left-color: var(--rich-black-fogra-39) !important;
  border-right-color: var(--rich-black-fogra-39) !important;
}

.border-x-light {
  border-left-color: var(--light) !important;
  border-right-color: var(--light) !important;
}

.border-x-dark {
  border-left-color: var(--dark) !important;
  border-right-color: var(--dark) !important;
}

.border-x-transparent {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

.border-x-inherit {
  border-left-color: inherit !important;
  border-right-color: inherit !important;
}

.border-x-current-color {
  border-left-color: currentColor !important;
  border-right-color: currentColor !important;
}

/* Border Y Coloring */
.border-y-black {
  border-top-color: var(--pure-black) !important;
  border-bottom-color: var(--pure-black) !important;
}

.border-y-white {
  border-top-color: var(--pure-white) !important;
  border-bottom-color: var(--pure-white) !important;
}

.border-y-purple,
.border-y-purple-4 {
  border-top-color: var(--medium-orchid) !important;
  border-bottom-color: var(--medium-orchid) !important;
}

.border-y-purple-1 {
  border-top-color: var(--pink-lavender) !important;
  border-bottom-color: var(--pink-lavender) !important;
}

.border-y-purple-2 {
  border-top-color: var(--bright-lilac) !important;
  border-bottom-color: var(--bright-lilac) !important;
}

.border-y-purple-3 {
  border-top-color: var(--french-mauve) !important;
  border-bottom-color: var(--french-mauve) !important;
}

.border-y-purple-5 {
  border-top-color: var(--dark-orchid) !important;
  border-bottom-color: var(--dark-orchid) !important;
}

.border-y-purple-6 {
  border-top-color: var(--dark-magenta) !important;
  border-bottom-color: var(--dark-magenta) !important;
}

.border-y-purple-7 {
  border-top-color: var(--eminence) !important;
  border-bottom-color: var(--eminence) !important;
}

.border-y-blue,
.border-y-blue-4 {
  border-top-color: var(--queen-blue) !important;
  border-bottom-color: var(--queen-blue) !important;
}

.border-y-blue-1 {
  border-top-color: var(--light-steel-blue) !important;
  border-bottom-color: var(--light-steel-blue) !important;
}

.border-y-blue-2 {
  border-top-color: var(--air-superiority-blue) !important;
  border-bottom-color: var(--air-superiority-blue) !important;
}

.border-y-blue-3 {
  border-top-color: var(--glaucous) !important;
  border-bottom-color: var(--glaucous) !important;
}

.border-y-blue-5 {
  border-top-color: var(--bdazzled-blue) !important;
  border-bottom-color: var(--bdazzled-blue) !important;
}

.border-y-blue-6 {
  border-top-color: var(--indigo-dye) !important;
  border-bottom-color: var(--indigo-dye) !important;
}

.border-y-blue-7 {
  border-top-color: var(--gunmetal) !important;
  border-bottom-color: var(--gunmetal) !important;
}

.border-y-red,
.border-y-red-4 {
  border-top-color: var(--permanent-geranium-lake) !important;
  border-bottom-color: var(--permanent-geranium-lake) !important;
}

.border-y-red-1 {
  border-top-color: var(--light-coral) !important;
  border-bottom-color: var(--light-coral) !important;
}

.border-y-red-2 {
  border-top-color: var(--sizzling-red) !important;
  border-bottom-color: var(--sizzling-red) !important;
}

.border-y-red-3 {
  border-top-color: var(--red-salsa) !important;
  border-bottom-color: var(--red-salsa) !important;
}

.border-y-red-5 {
  border-top-color: var(--maximum-red) !important;
  border-bottom-color: var(--maximum-red) !important;
}

.border-y-red-6 {
  border-top-color: var(--carnelian) !important;
  border-bottom-color: var(--carnelian) !important;
}

.border-y-red-7 {
  border-top-color: var(--carmine) !important;
  border-bottom-color: var(--carmine) !important;
}

.border-y-pink,
.border-y-pink-4 {
  border-top-color: var(--paradise-pink) !important;
  border-bottom-color: var(--paradise-pink) !important;
}

.border-y-pink-1 {
  border-top-color: var(--light-pink) !important;
  border-bottom-color: var(--light-pink) !important;
}

.border-y-pink-2 {
  border-top-color: var(--mauvelous) !important;
  border-bottom-color: var(--mauvelous) !important;
}

.border-y-pink-3 {
  border-top-color: var(--shimmering-blush) !important;
  border-bottom-color: var(--shimmering-blush) !important;
}

.border-y-pink-5 {
  border-top-color: var(--brick-red) !important;
  border-bottom-color: var(--brick-red) !important;
}

.border-y-pink-6 {
  border-top-color: var(--cardinal) !important;
  border-bottom-color: var(--cardinal) !important;
}

.border-y-pink-7 {
  border-top-color: var(--crimson-ua) !important;
  border-bottom-color: var(--crimson-ua) !important;
}

.border-y-yellow,
.border-y-yellow-4 {
  border-top-color: var(--jonqull) !important;
  border-bottom-color: var(--jonqull) !important;
}

.border-y-yellow-1 {
  border-top-color: var(--jasmine) !important;
  border-bottom-color: var(--jasmine) !important;
}

.border-y-yellow-2 {
  border-top-color: var(--napies-yellow) !important;
  border-bottom-color: var(--napies-yellow) !important;
}

.border-y-yellow-3 {
  border-top-color: var(--yellow-munsell) !important;
  border-bottom-color: var(--yellow-munsell) !important;
}

.border-y-yellow-5 {
  border-top-color: var(--gold-metallic) !important;
  border-bottom-color: var(--gold-metallic) !important;
}

.border-y-yellow-6 {
  border-top-color: var(--lemon-curry) !important;
  border-bottom-color: var(--lemon-curry) !important;
}

.border-y-yellow-7 {
  border-top-color: var(--gold) !important;
  border-bottom-color: var(--gold) !important;
}

.border-y-orange,
.border-y-orange-4 {
  border-top-color: var(--orange-peel) !important;
  border-bottom-color: var(--orange-peel) !important;
}

.border-y-orange-1 {
  border-top-color: var(--deep-champagne) !important;
  border-bottom-color: var(--deep-champagne) !important;
}

.border-y-orange-2 {
  border-top-color: var(--mellow-apricot) !important;
  border-bottom-color: var(--mellow-apricot) !important;
}

.border-y-orange-3 {
  border-top-color: var(--yellow-orange) !important;
  border-bottom-color: var(--yellow-orange) !important;
}

.border-y-orange-5 {
  border-top-color: var(--tangerine) !important;
  border-bottom-color: var(--tangerine) !important;
}

.border-y-orange-6 {
  border-top-color: var(--fulvous) !important;
  border-bottom-color: var(--fulvous) !important;
}

.border-y-orange-7 {
  border-top-color: var(--liver-dogs) !important;
  border-bottom-color: var(--liver-dogs) !important;
}

.border-y-green,
.border-y-green-4 {
  border-top-color: var(--sap-green) !important;
  border-bottom-color: var(--sap-green) !important;
}

.border-y-green-1 {
  border-top-color: var(--lime-green) !important;
  border-bottom-color: var(--lime-green) !important;
}

.border-y-green-2 {
  border-top-color: var(--green-ryb) !important;
  border-bottom-color: var(--green-ryb) !important;
}

.border-y-green-3 {
  border-top-color: var(--slimy-green) !important;
  border-bottom-color: var(--slimy-green) !important;
}

.border-y-green-5 {
  border-top-color: var(--lincoln-green) !important;
  border-bottom-color: var(--lincoln-green) !important;
}

.border-y-green-6 {
  border-top-color: var(--forest-green-traditional) !important;
  border-bottom-color: var(--forest-green-traditional) !important;
}

.border-y-green-7 {
  border-top-color: var(--phthalo-green) !important;
  border-bottom-color: var(--phthalo-green) !important;
}

.border-y-brown,
.border-y-brown-4 {
  border-top-color: var(--golden-brown) !important;
  border-bottom-color: var(--golden-brown) !important;
}

.border-y-brown-1 {
  border-top-color: var(--fawn) !important;
  border-bottom-color: var(--fawn) !important;
}

.border-y-brown-2 {
  border-top-color: var(--camel) !important;
  border-bottom-color: var(--camel) !important;
}

.border-y-brown-3 {
  border-top-color: var(--copper) !important;
  border-bottom-color: var(--copper) !important;
}

.border-y-brown-5 {
  border-top-color: var(--coyote-brown) !important;
  border-bottom-color: var(--coyote-brown) !important;
}

.border-y-brown-6 {
  border-top-color: var(--dark-brown) !important;
  border-bottom-color: var(--dark-brown) !important;
}

.border-y-brown-7 {
  border-top-color: var(--cafe-noir) !important;
  border-bottom-color: var(--cafe-noir) !important;
}

.border-y-grey,
.border-y-grey-4 {
  border-top-color: var(--jet) !important;
  border-bottom-color: var(--jet) !important;
}

.border-y-grey-1 {
  border-top-color: var(--spanish-grey) !important;
  border-bottom-color: var(--spanish-grey) !important;
}

.border-y-grey-2 {
  border-top-color: var(--dim-grey) !important;
  border-bottom-color: var(--dim-grey) !important;
}

.border-y-grey-3 {
  border-top-color: var(--davys-grey) !important;
  border-bottom-color: var(--davys-grey) !important;
}

.border-y-grey-5 {
  border-top-color: var(--eerie-black) !important;
  border-bottom-color: var(--eerie-black) !important;
}

.border-y-grey-6 {
  border-top-color: var(--eerie-black-darker) !important;
  border-bottom-color: var(--eerie-black-darker) !important;
}

.border-y-grey-7 {
  border-top-color: var(--rich-black-fogra-39) !important;
  border-bottom-color: var(--rich-black-fogra-39) !important;
}

.border-y-light {
  border-top-color: var(--light) !important;
  border-bottom-color: var(--light) !important;
}

.border-y-dark {
  border-top-color: var(--dark) !important;
  border-bottom-color: var(--dark) !important;
}

.border-y-transparent {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.border-y-inherit {
  border-top-color: inherit !important;
  border-bottom-color: inherit !important;
}

.border-y-current-color {
  border-top-color: currentColor !important;
  border-bottom-color: currentColor !important;
}

/* Border Left Coloring */
.border-left-black {
  border-left-color: var(--pure-black) !important;
}

.border-left-white {
  border-left-color: var(--pure-white) !important;
}

.border-left-purple,
.border-left-purple-4 {
  border-left-color: var(--medium-orchid) !important;
}

.border-left-purple-1 {
  border-left-color: var(--pink-lavender) !important;
}

.border-left-purple-2 {
  border-left-color: var(--bright-lilac) !important;
}

.border-left-purple-3 {
  border-left-color: var(--french-mauve) !important;
}

.border-left-purple-5 {
  border-left-color: var(--dark-orchid) !important;
}

.border-left-purple-6 {
  border-left-color: var(--dark-magenta) !important;
}

.border-left-purple-7 {
  border-left-color: var(--eminence) !important;
}

.border-left-blue,
.border-left-blue-4 {
  border-left-color: var(--queen-blue) !important;
}

.border-left-blue-1 {
  border-left-color: var(--light-steel-blue) !important;
}

.border-left-blue-2 {
  border-left-color: var(--air-superiority-blue) !important;
}

.border-left-blue-3 {
  border-left-color: var(--glaucous) !important;
}

.border-left-blue-5 {
  border-left-color: var(--bdazzled-blue) !important;
}

.border-left-blue-6 {
  border-left-color: var(--indigo-dye) !important;
}

.border-left-blue-7 {
  border-left-color: var(--gunmetal) !important;
}

.border-left-red,
.border-left-red-4 {
  border-left-color: var(--permanent-geranium-lake) !important;
}

.border-left-red-1 {
  border-left-color: var(--light-coral) !important;
}

.border-left-red-2 {
  border-left-color: var(--sizzling-red) !important;
}

.border-left-red-3 {
  border-left-color: var(--red-salsa) !important;
}

.border-left-red-5 {
  border-left-color: var(--maximum-red) !important;
}

.border-left-red-6 {
  border-left-color: var(--carnelian) !important;
}

.border-left-red-7 {
  border-left-color: var(--carmine) !important;
}

.border-left-pink,
.border-left-pink-4 {
  border-left-color: var(--paradise-pink) !important;
}

.border-left-pink-1 {
  border-left-color: var(--light-pink) !important;
}

.border-left-pink-2 {
  border-left-color: var(--mauvelous) !important;
}

.border-left-pink-3 {
  border-left-color: var(--shimmering-blush) !important;
}

.border-left-pink-5 {
  border-left-color: var(--brick-red) !important;
}

.border-left-pink-6 {
  border-left-color: var(--cardinal) !important;
}

.border-left-pink-7 {
  border-left-color: var(--crimson-ua) !important;
}

.border-left-yellow,
.border-left-yellow-4 {
  border-left-color: var(--jonqull) !important;
}

.border-left-yellow-1 {
  border-left-color: var(--jasmine) !important;
}

.border-left-yellow-2 {
  border-left-color: var(--napies-yellow) !important;
}

.border-left-yellow-3 {
  border-left-color: var(--yellow-munsell) !important;
}

.border-left-yellow-5 {
  border-left-color: var(--gold-metallic) !important;
}

.border-left-yellow-6 {
  border-left-color: var(--lemon-curry) !important;
}

.border-left-yellow-7 {
  border-left-color: var(--gold) !important;
}

.border-left-orange,
.border-left-orange-4 {
  border-left-color: var(--orange-peel) !important;
}

.border-left-orange-1 {
  border-left-color: var(--deep-champagne) !important;
}

.border-left-orange-2 {
  border-left-color: var(--mellow-apricot) !important;
}

.border-left-orange-3 {
  border-left-color: var(--yellow-orange) !important;
}

.border-left-orange-5 {
  border-left-color: var(--tangerine) !important;
}

.border-left-orange-6 {
  border-left-color: var(--fulvous) !important;
}

.border-left-orange-7 {
  border-left-color: var(--liver-dogs) !important;
}

.border-left-green,
.border-left-green-4 {
  border-left-color: var(--sap-green) !important;
}

.border-left-green-1 {
  border-left-color: var(--lime-green) !important;
}

.border-left-green-2 {
  border-left-color: var(--green-ryb) !important;
}

.border-left-green-3 {
  border-left-color: var(--slimy-green) !important;
}

.border-left-green-5 {
  border-left-color: var(--lincoln-green) !important;
}

.border-left-green-6 {
  border-left-color: var(--forest-green-traditional) !important;
}

.border-left-green-7 {
  border-left-color: var(--phthalo-green) !important;
}

.border-left-brown,
.border-left-brown-4 {
  border-left-color: var(--golden-brown) !important;
}

.border-left-brown-1 {
  border-left-color: var(--fawn) !important;
}

.border-left-brown-2 {
  border-left-color: var(--camel) !important;
}

.border-left-brown-3 {
  border-left-color: var(--copper) !important;
}

.border-left-brown-5 {
  border-left-color: var(--coyote-brown) !important;
}

.border-left-brown-6 {
  border-left-color: var(--dark-brown) !important;
}

.border-left-brown-7 {
  border-left-color: var(--cafe-noir) !important;
}

.border-left-grey,
.border-left-grey-4 {
  border-left-color: var(--jet) !important;
}

.border-left-grey-1 {
  border-left-color: var(--spanish-grey) !important;
}

.border-left-grey-2 {
  border-left-color: var(--dim-grey) !important;
}

.border-left-grey-3 {
  border-left-color: var(--davys-grey) !important;
}

.border-left-grey-5 {
  border-left-color: var(--eerie-black) !important;
}

.border-left-grey-6 {
  border-left-color: var(--eerie-black-darker) !important;
}

.border-left-grey-7 {
  border-left-color: var(--rich-black-fogra-39) !important;
}

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

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

.border-left-transparent {
  border-left-color: transparent !important;
}

.border-left-inherit {
  border-left-color: inherit !important;
}

.border-left-current-color {
  border-left-color: currentColor !important;
}

/* Border Top Coloring */
.border-top-black {
  border-top-color: var(--pure-black) !important;
}

.border-top-white {
  border-top-color: var(--pure-white) !important;
}

.border-top-purple,
.border-top-purple-4 {
  border-top-color: var(--medium-orchid) !important;
}

.border-top-purple-1 {
  border-top-color: var(--pink-lavender) !important;
}

.border-top-purple-2 {
  border-top-color: var(--bright-lilac) !important;
}

.border-top-purple-3 {
  border-top-color: var(--french-mauve) !important;
}

.border-top-purple-5 {
  border-top-color: var(--dark-orchid) !important;
}

.border-top-purple-6 {
  border-top-color: var(--dark-magenta) !important;
}

.border-top-purple-7 {
  border-top-color: var(--eminence) !important;
}

.border-top-blue,
.border-top-blue-4 {
  border-top-color: var(--queen-blue) !important;
}

.border-top-blue-1 {
  border-top-color: var(--light-steel-blue) !important;
}

.border-top-blue-2 {
  border-top-color: var(--air-superiority-blue) !important;
}

.border-top-blue-3 {
  border-top-color: var(--glaucous) !important;
}

.border-top-blue-5 {
  border-top-color: var(--bdazzled-blue) !important;
}

.border-top-blue-6 {
  border-top-color: var(--indigo-dye) !important;
}

.border-top-blue-7 {
  border-top-color: var(--gunmetal) !important;
}

.border-top-red,
.border-top-red-4 {
  border-top-color: var(--permanent-geranium-lake) !important;
}

.border-top-red-1 {
  border-top-color: var(--light-coral) !important;
}

.border-top-red-2 {
  border-top-color: var(--sizzling-red) !important;
}

.border-top-red-3 {
  border-top-color: var(--red-salsa) !important;
}

.border-top-red-5 {
  border-top-color: var(--maximum-red) !important;
}

.border-top-red-6 {
  border-top-color: var(--carnelian) !important;
}

.border-top-red-7 {
  border-top-color: var(--carmine) !important;
}

.border-top-pink,
.border-top-pink-4 {
  border-top-color: var(--paradise-pink) !important;
}

.border-top-pink-1 {
  border-top-color: var(--light-pink) !important;
}

.border-top-pink-2 {
  border-top-color: var(--mauvelous) !important;
}

.border-top-pink-3 {
  border-top-color: var(--shimmering-blush) !important;
}

.border-top-pink-5 {
  border-top-color: var(--brick-red) !important;
}

.border-top-pink-6 {
  border-top-color: var(--cardinal) !important;
}

.border-top-pink-7 {
  border-top-color: var(--crimson-ua) !important;
}

.border-top-yellow,
.border-top-yellow-4 {
  border-top-color: var(--jonqull) !important;
}

.border-top-yellow-1 {
  border-top-color: var(--jasmine) !important;
}

.border-top-yellow-2 {
  border-top-color: var(--napies-yellow) !important;
}

.border-top-yellow-3 {
  border-top-color: var(--yellow-munsell) !important;
}

.border-top-yellow-5 {
  border-top-color: var(--gold-metallic) !important;
}

.border-top-yellow-6 {
  border-top-color: var(--lemon-curry) !important;
}

.border-top-yellow-7 {
  border-top-color: var(--gold) !important;
}

.border-top-orange,
.border-top-orange-4 {
  border-top-color: var(--orange-peel) !important;
}

.border-top-orange-1 {
  border-top-color: var(--deep-champagne) !important;
}

.border-top-orange-2 {
  border-top-color: var(--mellow-apricot) !important;
}

.border-top-orange-3 {
  border-top-color: var(--yellow-orange) !important;
}

.border-top-orange-5 {
  border-top-color: var(--tangerine) !important;
}

.border-top-orange-6 {
  border-top-color: var(--fulvous) !important;
}

.border-top-orange-7 {
  border-top-color: var(--liver-dogs) !important;
}

.border-top-green,
.border-top-green-4 {
  border-top-color: var(--sap-green) !important;
}

.border-top-green-1 {
  border-top-color: var(--lime-green) !important;
}

.border-top-green-2 {
  border-top-color: var(--green-ryb) !important;
}

.border-top-green-3 {
  border-top-color: var(--slimy-green) !important;
}

.border-top-green-5 {
  border-top-color: var(--lincoln-green) !important;
}

.border-top-green-6 {
  border-top-color: var(--forest-green-traditional) !important;
}

.border-top-green-7 {
  border-top-color: var(--phthalo-green) !important;
}

.border-top-brown,
.border-top-brown-4 {
  border-top-color: var(--golden-brown) !important;
}

.border-top-brown-1 {
  border-top-color: var(--fawn) !important;
}

.border-top-brown-2 {
  border-top-color: var(--camel) !important;
}

.border-top-brown-3 {
  border-top-color: var(--copper) !important;
}

.border-top-brown-5 {
  border-top-color: var(--coyote-brown) !important;
}

.border-top-brown-6 {
  border-top-color: var(--dark-brown) !important;
}

.border-top-brown-7 {
  border-top-color: var(--cafe-noir) !important;
}

.border-top-grey,
.border-top-grey-4 {
  border-top-color: var(--jet) !important;
}

.border-top-grey-1 {
  border-top-color: var(--spanish-grey) !important;
}

.border-top-grey-2 {
  border-top-color: var(--dim-grey) !important;
}

.border-top-grey-3 {
  border-top-color: var(--davys-grey) !important;
}

.border-top-grey-5 {
  border-top-color: var(--eerie-black) !important;
}

.border-top-grey-6 {
  border-top-color: var(--eerie-black-darker) !important;
}

.border-top-grey-7 {
  border-top-color: var(--rich-black-fogra-39) !important;
}

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

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

.border-top-transparent {
  border-top-color: transparent !important;
}

.border-top-inherit {
  border-top-color: inherit !important;
}

.border-top-current-color {
  border-top-color: currentColor !important;
}

/* Border Right Coloring */
.border-right-black {
  border-right-color: var(--pure-black) !important;
}

.border-right-white {
  border-right-color: var(--pure-white) !important;
}

.border-right-purple,
.border-right-purple-4 {
  border-right-color: var(--medium-orchid) !important;
}

.border-right-purple-1 {
  border-right-color: var(--pink-lavender) !important;
}

.border-right-purple-2 {
  border-right-color: var(--bright-lilac) !important;
}

.border-right-purple-3 {
  border-right-color: var(--french-mauve) !important;
}

.border-right-purple-5 {
  border-right-color: var(--dark-orchid) !important;
}

.border-right-purple-6 {
  border-right-color: var(--dark-magenta) !important;
}

.border-right-purple-7 {
  border-right-color: var(--eminence) !important;
}

.border-right-blue,
.border-right-blue-4 {
  border-right-color: var(--queen-blue) !important;
}

.border-right-blue-1 {
  border-right-color: var(--light-steel-blue) !important;
}

.border-right-blue-2 {
  border-right-color: var(--air-superiority-blue) !important;
}

.border-right-blue-3 {
  border-right-color: var(--glaucous) !important;
}

.border-right-blue-5 {
  border-right-color: var(--bdazzled-blue) !important;
}

.border-right-blue-6 {
  border-right-color: var(--indigo-dye) !important;
}

.border-right-blue-7 {
  border-right-color: var(--gunmetal) !important;
}

.border-right-red,
.border-right-red-4 {
  border-right-color: var(--permanent-geranium-lake) !important;
}

.border-right-red-1 {
  border-right-color: var(--light-coral) !important;
}

.border-right-red-2 {
  border-right-color: var(--sizzling-red) !important;
}

.border-right-red-3 {
  border-right-color: var(--red-salsa) !important;
}

.border-right-red-5 {
  border-right-color: var(--maximum-red) !important;
}

.border-right-red-6 {
  border-right-color: var(--carnelian) !important;
}

.border-right-red-7 {
  border-right-color: var(--carmine) !important;
}

.border-right-pink,
.border-right-pink-4 {
  border-right-color: var(--paradise-pink) !important;
}

.border-right-pink-1 {
  border-right-color: var(--light-pink) !important;
}

.border-right-pink-2 {
  border-right-color: var(--mauvelous) !important;
}

.border-right-pink-3 {
  border-right-color: var(--shimmering-blush) !important;
}

.border-right-pink-5 {
  border-right-color: var(--brick-red) !important;
}

.border-right-pink-6 {
  border-right-color: var(--cardinal) !important;
}

.border-right-pink-7 {
  border-right-color: var(--crimson-ua) !important;
}

.border-right-yellow,
.border-right-yellow-4 {
  border-right-color: var(--jonqull) !important;
}

.border-right-yellow-1 {
  border-right-color: var(--jasmine) !important;
}

.border-right-yellow-2 {
  border-right-color: var(--napies-yellow) !important;
}

.border-right-yellow-3 {
  border-right-color: var(--yellow-munsell) !important;
}

.border-right-yellow-5 {
  border-right-color: var(--gold-metallic) !important;
}

.border-right-yellow-6 {
  border-right-color: var(--lemon-curry) !important;
}

.border-right-yellow-7 {
  border-right-color: var(--gold) !important;
}

.border-right-orange,
.border-right-orange-4 {
  border-right-color: var(--orange-peel) !important;
}

.border-right-orange-1 {
  border-right-color: var(--deep-champagne) !important;
}

.border-right-orange-2 {
  border-right-color: var(--mellow-apricot) !important;
}

.border-right-orange-3 {
  border-right-color: var(--yellow-orange) !important;
}

.border-right-orange-5 {
  border-right-color: var(--tangerine) !important;
}

.border-right-orange-6 {
  border-right-color: var(--fulvous) !important;
}

.border-right-orange-7 {
  border-right-color: var(--liver-dogs) !important;
}

.border-right-green,
.border-right-green-4 {
  border-right-color: var(--sap-green) !important;
}

.border-right-green-1 {
  border-right-color: var(--lime-green) !important;
}

.border-right-green-2 {
  border-right-color: var(--green-ryb) !important;
}

.border-right-green-3 {
  border-right-color: var(--slimy-green) !important;
}

.border-right-green-5 {
  border-right-color: var(--lincoln-green) !important;
}

.border-right-green-6 {
  border-right-color: var(--forest-green-traditional) !important;
}

.border-right-green-7 {
  border-right-color: var(--phthalo-green) !important;
}

.border-right-brown,
.border-right-brown-4 {
  border-right-color: var(--golden-brown) !important;
}

.border-right-brown-1 {
  border-right-color: var(--fawn) !important;
}

.border-right-brown-2 {
  border-right-color: var(--camel) !important;
}

.border-right-brown-3 {
  border-right-color: var(--copper) !important;
}

.border-right-brown-5 {
  border-right-color: var(--coyote-brown) !important;
}

.border-right-brown-6 {
  border-right-color: var(--dark-brown) !important;
}

.border-right-brown-7 {
  border-right-color: var(--cafe-noir) !important;
}

.border-right-grey,
.border-right-grey-4 {
  border-right-color: var(--jet) !important;
}

.border-right-grey-1 {
  border-right-color: var(--spanish-grey) !important;
}

.border-right-grey-2 {
  border-right-color: var(--dim-grey) !important;
}

.border-right-grey-3 {
  border-right-color: var(--davys-grey) !important;
}

.border-right-grey-5 {
  border-right-color: var(--eerie-black) !important;
}

.border-right-grey-6 {
  border-right-color: var(--eerie-black-darker) !important;
}

.border-right-grey-7 {
  border-right-color: var(--rich-black-fogra-39) !important;
}

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

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

.border-right-transparent {
  border-right-color: transparent !important;
}

.border-right-inherit {
  border-right-color: inherit !important;
}

.border-right-current-color {
  border-right-color: currentColor !important;
}

/* Border Bottom Coloring */
.border-bottom-black {
  border-bottom-color: var(--pure-black) !important;
}

.border-bottom-white {
  border-bottom-color: var(--pure-white) !important;
}

.border-bottom-purple,
.border-bottom-purple-4 {
  border-bottom-color: var(--medium-orchid) !important;
}

.border-bottom-purple-1 {
  border-bottom-color: var(--pink-lavender) !important;
}

.border-bottom-purple-2 {
  border-bottom-color: var(--bright-lilac) !important;
}

.border-bottom-purple-3 {
  border-bottom-color: var(--french-mauve) !important;
}

.border-bottom-purple-5 {
  border-bottom-color: var(--dark-orchid) !important;
}

.border-bottom-purple-6 {
  border-bottom-color: var(--dark-magenta) !important;
}

.border-bottom-purple-7 {
  border-bottom-color: var(--eminence) !important;
}

.border-bottom-blue,
.border-bottom-blue-4 {
  border-bottom-color: var(--queen-blue) !important;
}

.border-bottom-blue-1 {
  border-bottom-color: var(--light-steel-blue) !important;
}

.border-bottom-blue-2 {
  border-bottom-color: var(--air-superiority-blue) !important;
}

.border-bottom-blue-3 {
  border-bottom-color: var(--glaucous) !important;
}

.border-bottom-blue-5 {
  border-bottom-color: var(--bdazzled-blue) !important;
}

.border-bottom-blue-6 {
  border-bottom-color: var(--indigo-dye) !important;
}

.border-bottom-blue-7 {
  border-bottom-color: var(--gunmetal) !important;
}

.border-bottom-red,
.border-bottom-red-4 {
  border-bottom-color: var(--permanent-geranium-lake) !important;
}

.border-bottom-red-1 {
  border-bottom-color: var(--light-coral) !important;
}

.border-bottom-red-2 {
  border-bottom-color: var(--sizzling-red) !important;
}

.border-bottom-red-3 {
  border-bottom-color: var(--red-salsa) !important;
}

.border-bottom-red-5 {
  border-bottom-color: var(--maximum-red) !important;
}

.border-bottom-red-6 {
  border-bottom-color: var(--carnelian) !important;
}

.border-bottom-red-7 {
  border-bottom-color: var(--carmine) !important;
}

.border-bottom-pink,
.border-bottom-pink-4 {
  border-bottom-color: var(--paradise-pink) !important;
}

.border-bottom-pink-1 {
  border-bottom-color: var(--light-pink) !important;
}

.border-bottom-pink-2 {
  border-bottom-color: var(--mauvelous) !important;
}

.border-bottom-pink-3 {
  border-bottom-color: var(--shimmering-blush) !important;
}

.border-bottom-pink-5 {
  border-bottom-color: var(--brick-red) !important;
}

.border-bottom-pink-6 {
  border-bottom-color: var(--cardinal) !important;
}

.border-bottom-pink-7 {
  border-bottom-color: var(--crimson-ua) !important;
}

.border-bottom-yellow,
.border-bottom-yellow-4 {
  border-bottom-color: var(--jonqull) !important;
}

.border-bottom-yellow-1 {
  border-bottom-color: var(--jasmine) !important;
}

.border-bottom-yellow-2 {
  border-bottom-color: var(--napies-yellow) !important;
}

.border-bottom-yellow-3 {
  border-bottom-color: var(--yellow-munsell) !important;
}

.border-bottom-yellow-5 {
  border-bottom-color: var(--gold-metallic) !important;
}

.border-bottom-yellow-6 {
  border-bottom-color: var(--lemon-curry) !important;
}

.border-bottom-yellow-7 {
  border-bottom-color: var(--gold) !important;
}

.border-bottom-orange,
.border-bottom-orange-4 {
  border-bottom-color: var(--orange-peel) !important;
}

.border-bottom-orange-1 {
  border-bottom-color: var(--deep-champagne) !important;
}

.border-bottom-orange-2 {
  border-bottom-color: var(--mellow-apricot) !important;
}

.border-bottom-orange-3 {
  border-bottom-color: var(--yellow-orange) !important;
}

.border-bottom-orange-5 {
  border-bottom-color: var(--tangerine) !important;
}

.border-bottom-orange-6 {
  border-bottom-color: var(--fulvous) !important;
}

.border-bottom-orange-7 {
  border-bottom-color: var(--liver-dogs) !important;
}

.border-bottom-green,
.border-bottom-green-4 {
  border-bottom-color: var(--sap-green) !important;
}

.border-bottom-green-1 {
  border-bottom-color: var(--lime-green) !important;
}

.border-bottom-green-2 {
  border-bottom-color: var(--green-ryb) !important;
}

.border-bottom-green-3 {
  border-bottom-color: var(--slimy-green) !important;
}

.border-bottom-green-5 {
  border-bottom-color: var(--lincoln-green) !important;
}

.border-bottom-green-6 {
  border-bottom-color: var(--forest-green-traditional) !important;
}

.border-bottom-green-7 {
  border-bottom-color: var(--phthalo-green) !important;
}

.border-bottom-brown,
.border-bottom-brown-4 {
  border-bottom-color: var(--golden-brown) !important;
}

.border-bottom-brown-1 {
  border-bottom-color: var(--fawn) !important;
}

.border-bottom-brown-2 {
  border-bottom-color: var(--camel) !important;
}

.border-bottom-brown-3 {
  border-bottom-color: var(--copper) !important;
}

.border-bottom-brown-5 {
  border-bottom-color: var(--coyote-brown) !important;
}

.border-bottom-brown-6 {
  border-bottom-color: var(--dark-brown) !important;
}

.border-bottom-brown-7 {
  border-bottom-color: var(--cafe-noir) !important;
}

.border-bottom-grey,
.border-bottom-grey-4 {
  border-bottom-color: var(--jet) !important;
}

.border-bottom-grey-1 {
  border-bottom-color: var(--spanish-grey) !important;
}

.border-bottom-grey-2 {
  border-bottom-color: var(--dim-grey) !important;
}

.border-bottom-grey-3 {
  border-bottom-color: var(--davys-grey) !important;
}

.border-bottom-grey-5 {
  border-bottom-color: var(--eerie-black) !important;
}

.border-bottom-grey-6 {
  border-bottom-color: var(--eerie-black-darker) !important;
}

.border-bottom-grey-7 {
  border-bottom-color: var(--rich-black-fogra-39) !important;
}

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

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

.border-bottom-transparent {
  border-bottom-color: transparent !important;
}

.border-bottom-inherit {
  border-bottom-color: inherit !important;
}

.border-bottom-current-color {
  border-bottom-color: currentColor !important;
}

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


/* Font Size */
.font-mini {
    font-size: 80% !important
}

.font-small {
    font-size: 100% !important
}

.font-medium {
    font-size: 110% !important
}

.font-large {
    font-size: 145% !important
}

.font-maxi {
    font-size: 200% !important
}
/* ====* Font Size *==== */


/* Column System */
.column::before, .column::after {
  content: "";
  display: table;
  clear: both;
}

.column > *, .field {
  float: left;
  width: 100%;
  padding: 2px 4px;
}

.field > .column {
  margin-left: 0.75px;
  margin-right: 0.75px;
}

.column .field[class*="push-"],
.column .field[class*="pull-"] {
  position: relative;
}

.field.mini-1 {
  width: 8.33333%;
}

.field.mini-2 {
  width: 16.66666%;
}

.field.mini-3 {
  width: 24.99999%;
}

.field.mini-4 {
  width: 33.33333%;
}

.field.mini-5 {
  width: 41.66666%;
}

.field.mini-6 {
  width: 49.99999%;
}

.field.mini-7 {
  width: 58.33333%;
}

.field.mini-8 {
  width: 66.66666%;
}

.field.mini-9 {
  width: 74.99999%;
}

.field.mini-10 {
  width: 83.33333%;
}

.field.mini-11 {
  width: 91.66666%;
}

.field.mini-12 {
  width: 99.99999%;
}

.field.offset-mini-1 {
  margin-left: 8.33333%;
}

.field.offset-mini-2 {
  margin-left: 16.66666%;
}

.field.offset-mini-3 {
  margin-left: 24.99999%;
}

.field.offset-mini-4 {
  margin-left: 33.33333%;
}

.field.offset-mini-5 {
  margin-left: 41.66666%;
}

.field.offset-mini-6 {
  margin-left: 49.99999%;
}

.field.offset-mini-7 {
  margin-left: 58.33333%;
}

.field.offset-mini-8 {
  margin-left: 66.66666%;
}

.field.offset-mini-9 {
  margin-left: 74.99999%;
}

.field.offset-mini-10 {
  margin-left: 83.33333%;
}

.field.offset-mini-11 {
  margin-left: 91.66666%;
}

.field.offset-mini-12 {
  margin-left: 100%;
}

.field.push-mini-1 {
  left: 8.33333%;
}

.field.push-mini-2 {
  left: 16.66666%;
}

.field.push-mini-3 {
  left: 24.99999%;
}

.field.push-mini-4 {
  left: 33.33333%;
}

.field.push-mini-5 {
  left: 41.66666%;
}

.field.push-mini-6 {
  left: 49.99999%;
}

.field.push-mini-7 {
  left: 58.33333%;
}

.field.push-mini-8 {
  left: 66.66666%;
}

.field.push-mini-9 {
  left: 74.99999%;
}

.field.push-mini-10 {
  left: 83.33333%;
}

.field.push-mini-11 {
  left: 91.66666%;
}

.field.push-mini-12 {
  left: 100%;
}

.field.pull-mini-1 {
  right: 8.33333%;
}

.field.pull-mini-2 {
  right: 16.66666%;
}

.field.pull-mini-3 {
  right: 24.99999%;
}

.field.pull-mini-4 {
  right: 33.33333%;
}

.field.pull-mini-5 {
  right: 41.66666%;
}

.field.pull-mini-6 {
  right: 49.99999%;
}

.field.pull-mini-7 {
  right: 58.33333%;
}

.field.pull-mini-8 {
  right: 66.66666%;
}

.field.pull-mini-9 {
  right: 74.99999%;
}

.field.pull-mini-10 {
  right: 83.33333%;
}

.field.pull-mini-11 {
  right: 91.66666%;
}

.field.pull-mini-12 {
  right: 100%;
}

@media only screen and (min-width: 577px) {
  .field.small-1 {
    width: 8.33333%;
  }
  
  .field.small-2 {
    width: 16.66666%;
  }
  
  .field.small-3 {
    width: 24.99999%;
  }
  
  .field.small-4 {
    width: 33.33333%;
  }
  
  .field.small-5 {
    width: 41.66666%;
  }
  
  .field.small-6 {
    width: 49.99999%;
  }
  
  .field.small-7 {
    width: 58.33333%;
  }
  
  .field.small-8 {
    width: 66.66666%;
  }
  
  .field.small-9 {
    width: 74.99999%;
  }
  
  .field.small-10 {
    width: 83.33333%;
  }
  
  .field.small-11 {
    width: 91.66666%;
  }
  
  .field.small-12 {
    width: 99.99999%;
  }

  .field.offset-small-1 {
    margin-left: 8.33333%;
  }
  
  .field.offset-small-2 {
    margin-left: 16.66666%;
  }
  
  .field.offset-small-3 {
    margin-left: 24.99999%;
  }
  
  .field.offset-small-4 {
    margin-left: 33.33333%;
  }
  
  .field.offset-small-5 {
    margin-left: 41.66666%;
  }
  
  .field.offset-small-6 {
    margin-left: 49.99999%;
  }
  
  .field.offset-small-7 {
    margin-left: 58.33333%;
  }
  
  .field.offset-small-8 {
    margin-left: 66.66666%;
  }
  
  .field.offset-small-9 {
    margin-left: 74.99999%;
  }
  
  .field.offset-small-10 {
    margin-left: 83.33333%;
  }
  
  .field.offset-small-11 {
    margin-left: 91.66666%;
  }
  
  .field.offset-small-12 {
    margin-left: 100%;
  }
  
  .field.push-small-1 {
    left: 8.33333%;
  }

  .field.push-small-2 {
    left: 16.66666%;
  }

  .field.push-small-3 {
    left: 24.99999%;
  }

  .field.push-small-4 {
    left: 33.33333%;
  }

  .field.push-small-5 {
    left: 41.66666%;
  }

  .field.push-small-6 {
    left: 49.99999%;
  }

  .field.push-small-7 {
    left: 58.33333%;
  }

  .field.push-small-8 {
    left: 66.66666%;
  }

  .field.push-small-9 {
    left: 74.99999%;
  }

  .field.push-small-10 {
    left: 83.33333%;
  }

  .field.push-small-11 {
    left: 91.66666%;
  }

  .field.push-small-12 {
    left: 100%;
  }

  .field.pull-small-1 {
    right: 8.33333%;
  }

  .field.pull-small-2 {
    right: 16.66666%;
  }

  .field.pull-small-3 {
    right: 24.99999%;
  }

  .field.pull-small-4 {
    right: 33.33333%;
  }

  .field.pull-small-5 {
    right: 41.66666%;
  }

  .field.pull-small-6 {
    right: 49.99999%;
  }

  .field.pull-small-7 {
    right: 58.33333%;
  }

  .field.pull-small-8 {
    right: 66.66666%;
  }

  .field.pull-small-9 {
    right: 74.99999%;
  }

  .field.pull-small-10 {
    right: 83.33333%;
  }

  .field.pull-small-11 {
    right: 91.66666%;
  }

  .field.pull-small-12 {
    right: 100%;
  }
}

@media only screen and (min-width: 769px) {
  .field.medium-1 {
    width: 8.33333%;
  }
  
  .field.medium-2 {
    width: 16.66666%;
  }
  
  .field.medium-3 {
    width: 24.99999%;
  }
  
  .field.medium-4 {
    width: 33.33333%;
  }
  
  .field.medium-5 {
    width: 41.66666%;
  }
  
  .field.medium-6 {
    width: 49.99999%;
  }
  
  .field.medium-7 {
    width: 58.33333%;
  }
  
  .field.medium-8 {
    width: 66.66666%;
  }
  
  .field.medium-9 {
    width: 74.99999%;
  }
  
  .field.medium-10 {
    width: 83.33333%;
  }
  
  .field.medium-11 {
    width: 91.66666%;
  }
  
  .field.medium-12 {
    width: 99.99999%;
  }

  .field.offset-medium-1 {
    margin-left: 8.33333%;
  }
  
  .field.offset-medium-2 {
    margin-left: 16.66666%;
  }
  
  .field.offset-medium-3 {
    margin-left: 24.99999%;
  }
  
  .field.offset-medium-4 {
    margin-left: 33.33333%;
  }
  
  .field.offset-medium-5 {
    margin-left: 41.66666%;
  }
  
  .field.offset-medium-6 {
    margin-left: 49.99999%;
  }
  
  .field.offset-medium-7 {
    margin-left: 58.33333%;
  }
  
  .field.offset-medium-8 {
    margin-left: 66.66666%;
  }
  
  .field.offset-medium-9 {
    margin-left: 74.99999%;
  }
  
  .field.offset-medium-10 {
    margin-left: 83.33333%;
  }
  
  .field.offset-medium-11 {
    margin-left: 91.66666%;
  }
  
  .field.offset-medium-12 {
    margin-left: 100%;
  }

  .field.push-medium-1 {
    left: 8.33333%;
  }

  .field.push-medium-2 {
    left: 16.66666%;
  }

  .field.push-medium-3 {
    left: 24.99999%;
  }

  .field.push-medium-4 {
    left: 33.33333%;
  }

  .field.push-medium-5 {
    left: 41.66666%;
  }

  .field.push-medium-6 {
    left: 49.99999%;
  }

  .field.push-medium-7 {
    left: 58.33333%;
  }

  .field.push-medium-8 {
    left: 66.66666%;
  }

  .field.push-medium-9 {
    left: 74.99999%;
  }

  .field.push-medium-10 {
    left: 83.33333%;
  }

  .field.push-medium-11 {
    left: 91.66666%;
  }

  .field.push-medium-12 {
    left: 100%;
  }

  .field.pull-medium-1 {
    right: 8.33333%;
  }

  .field.pull-medium-2 {
    right: 16.66666%;
  }

  .field.pull-medium-3 {
    right: 24.99999%;
  }

  .field.pull-medium-4 {
    right: 33.33333%;
  }

  .field.pull-medium-5 {
    right: 41.66666%;
  }

  .field.pull-medium-6 {
    right: 49.99999%;
  }

  .field.pull-medium-7 {
    right: 58.33333%;
  }

  .field.pull-medium-8 {
    right: 66.66666%;
  }

  .field.pull-medium-9 {
    right: 74.99999%;
  }

  .field.pull-medium-10 {
    right: 83.33333%;
  }

  .field.pull-medium-11 {
    right: 91.66666%;
  }

  .field.pull-medium-12 {
    right: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .field.large-1 {
    width: 8.33333%;
  }
  
  .field.large-2 {
    width: 16.66666%;
  }
  
  .field.large-3 {
    width: 24.99999%;
  }
  
  .field.large-4 {
    width: 33.33333%;
  }
  
  .field.large-5 {
    width: 41.66666%;
  }
  
  .field.large-6 {
    width: 49.99999%;
  }
  
  .field.large-7 {
    width: 58.33333%;
  }
  
  .field.large-8 {
    width: 66.66666%;
  }
  
  .field.large-9 {
    width: 74.99999%;
  }
  
  .field.large-10 {
    width: 83.33333%;
  }
  
  .field.large-11 {
    width: 91.66666%;
  }
  
  .field.large-12 {
    width: 99.99999%;
  }

  .field.offset-large-1 {
    margin-left: 8.33333%;
  }
  
  .field.offset-large-2 {
    margin-left: 16.66666%;
  }
  
  .field.offset-large-3 {
    margin-left: 24.99999%;
  }
  
  .field.offset-large-4 {
    margin-left: 33.33333%;
  }
  
  .field.offset-large-5 {
    margin-left: 41.66666%;
  }
  
  .field.offset-large-6 {
    margin-left: 49.99999%;
  }
  
  .field.offset-large-7 {
    margin-left: 58.33333%;
  }
  
  .field.offset-large-8 {
    margin-left: 66.66666%;
  }
  
  .field.offset-large-9 {
    margin-left: 74.99999%;
  }
  
  .field.offset-large-10 {
    margin-left: 83.33333%;
  }
  
  .field.offset-large-11 {
    margin-left: 91.66666%;
  }
  
  .field.offset-large-12 {
    margin-left: 100%;
  }
    
  .field.push-large-1 {
    left: 8.33333%;
  }

  .field.push-large-2 {
    left: 16.66666%;
  }

  .field.push-large-3 {
    left: 24.99999%;
  }

  .field.push-large-4 {
    left: 33.33333%;
  }

  .field.push-large-5 {
    left: 41.66666%;
  }

  .field.push-large-6 {
    left: 49.99999%;
  }

  .field.push-large-7 {
    left: 58.33333%;
  }

  .field.push-large-8 {
    left: 66.66666%;
  }

  .field.push-large-9 {
    left: 74.99999%;
  }

  .field.push-large-10 {
    left: 83.33333%;
  }

  .field.push-large-11 {
    left: 91.66666%;
  }

  .field.push-large-12 {
    left: 100%;
  }

  .field.pull-large-1 {
    right: 8.33333%;
  }

  .field.pull-large-2 {
    right: 16.66666%;
  }

  .field.pull-large-3 {
    right: 24.99999%;
  }

  .field.pull-large-4 {
    right: 33.33333%;
  }

  .field.pull-large-5 {
    right: 41.66666%;
  }

  .field.pull-large-6 {
    right: 49.99999%;
  }

  .field.pull-large-7 {
    right: 58.33333%;
  }

  .field.pull-large-8 {
    right: 66.66666%;
  }

  .field.pull-large-9 {
    right: 74.99999%;
  }

  .field.pull-large-10 {
    right: 83.33333%;
  }

  .field.pull-large-11 {
    right: 91.66666%;
  }

  .field.pull-large-12 {
    right: 100%;
  }
}

@media only screen and (min-width: 1201px) {
  .field.maxi-1 {
    width: 8.33333%;
  }
  
  .field.maxi-2 {
    width: 16.66666%;
  }
  
  .field.maxi-3 {
    width: 24.99999%;
  }
  
  .field.maxi-4 {
    width: 33.33333%;
  }
  
  .field.maxi-5 {
    width: 41.66666%;
  }
  
  .field.maxi-6 {
    width: 49.99999%;
  }
  
  .field.maxi-7 {
    width: 58.33333%;
  }
  
  .field.maxi-8 {
    width: 66.66666%;
  }
  
  .field.maxi-9 {
    width: 74.99999%;
  }
  
  .field.maxi-10 {
    width: 83.33333%;
  }
  
  .field.maxi-11 {
    width: 91.66666%;
  }
  
  .field.maxi-12 {
    width: 99.99999%;
  }

  .field.offset-maxi-1 {
    margin-left: 8.33333%;
  }
  
  .field.offset-maxi-2 {
    margin-left: 16.66666%;
  }
  
  .field.offset-maxi-3 {
    margin-left: 24.99999%;
  }
  
  .field.offset-maxi-4 {
    margin-left: 33.33333%;
  }
  
  .field.offset-maxi-5 {
    margin-left: 41.66666%;
  }
  
  .field.offset-maxi-6 {
    margin-left: 49.99999%;
  }
  
  .field.offset-maxi-7 {
    margin-left: 58.33333%;
  }
  
  .field.offset-maxi-8 {
    margin-left: 66.66666%;
  }
  
  .field.offset-maxi-9 {
    margin-left: 74.99999%;
  }
  
  .field.offset-maxi-10 {
    margin-left: 83.33333%;
  }
  
  .field.offset-maxi-11 {
    margin-left: 91.66666%;
  }
  
  .field.offset-maxi-12 {
    margin-left: 100%;
  }
    
  .field.push-maxi-1 {
    left: 8.33333%;
  }

  .field.push-maxi-2 {
    left: 16.66666%;
  }

  .field.push-maxi-3 {
    left: 24.99999%;
  }

  .field.push-maxi-4 {
    left: 33.33333%;
  }

  .field.push-maxi-5 {
    left: 41.66666%;
  }

  .field.push-maxi-6 {
    left: 49.99999%;
  }

  .field.push-maxi-7 {
    left: 58.33333%;
  }

  .field.push-maxi-8 {
    left: 66.66666%;
  }

  .field.push-maxi-9 {
    left: 74.99999%;
  }

  .field.push-maxi-10 {
    left: 83.33333%;
  }

  .field.push-maxi-11 {
    left: 91.66666%;
  }

  .field.push-maxi-12 {
    left: 100%;
  }

  .field.pull-maxi-1 {
    right: 8.33333%;
  }

  .field.pull-maxi-2 {
    right: 16.66666%;
  }

  .field.pull-maxi-3 {
    right: 24.99999%;
  }

  .field.pull-maxi-4 {
    right: 33.33333%;
  }

  .field.pull-maxi-5 {
    right: 41.66666%;
  }

  .field.pull-maxi-6 {
    right: 49.99999%;
  }

  .field.pull-maxi-7 {
    right: 58.33333%;
  }

  .field.pull-maxi-8 {
    right: 66.66666%;
  }

  .field.pull-maxi-9 {
    right: 74.99999%;
  }

  .field.pull-maxi-10 {
    right: 83.33333%;
  }

  .field.pull-maxi-11 {
    right: 91.66666%;
  }

  .field.pull-maxi-12 {
    right: 100%;
  }
}
/* ====* Column System *==== */


/* Coloring System */
.background-black {
  background-color: var(--pure-black) !important;
}

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

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

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

.background-purple,
.background-purple-4 {
  background-color: var(--medium-orchid) !important;
}

.text-purple,
.text-purple-4 {
  color: var(--medium-orchid) !important;
}

.background-purple-1 {
  background-color: var(--pink-lavender) !important;
}

.text-purple-1 {
  color: var(--pink-lavender) !important;
}

.background-purple-2 {
  background-color: var(--bright-lilac) !important;
}

.text-purple-2 {
  color: var(--bright-lilac) !important;
}

.background-purple-3 {
  background-color: var(--french-mauve) !important;
}

.text-purple-3 {
  color: var(--french-mauve) !important;
}

.background-purple-5 {
  background-color: var(--dark-orchid) !important;
}

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

.background-purple-6 {
  background-color: var(--dark-magenta) !important;
}

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

.background-purple-7 {
  background-color: var(--eminence) !important;
}

.text-purple-7 {
  color: var(--eminence) !important;
}

.background-blue,
.background-blue-4 {
  background-color: var(--queen-blue) !important;
}

.text-blue,
.text-blue-4 {
  color: var(--queen-blue) !important;
}

.background-blue-1 {
  background-color: var(--light-steel-blue) !important;
}

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

.background-blue-2 {
  background-color: var(--air-superiority-blue) !important;
}

.text-blue-2 {
  color: var(--air-superiority-blue) !important;
}

.background-blue-3 {
  background-color: var(--glaucous) !important;
}

.text-blue-3 {
  color: var(--glaucous) !important;
}

.background-blue-5 {
  background-color: var(--bdazzled-blue) !important;
}

.text-blue-5 {
  color: var(--bdazzled-blue) !important;
}

.background-blue-6 {
  background-color: var(--indigo-dye) !important;
}

.text-blue-6 {
  color: var(--indigo-dye) !important;
}

.background-blue-7 {
  background-color: var(--gunmetal) !important;
}

.text-blue-7 {
  color: var(--gunmetal) !important;
}

.background-red,
.background-red-4 {
  background-color: var(--permanent-geranium-lake) !important;
}

.text-red,
.text-red-4 {
  color: var(--permanent-geranium-lake) !important;
}

.background-red-1 {
  background-color: var(--light-coral) !important;
}

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

.background-red-2 {
  background-color: var(--sizzling-red) !important;
}

.text-red-2 {
  color: var(--sizzling-red) !important;
}

.background-red-3 {
  background-color: var(--red-salsa) !important;
}

.text-red-3 {
  color: var(--red-salsa) !important;
}

.background-red-5 {
  background-color: var(--maximum-red) !important;
}

.text-red-5 {
  color: var(--maximum-red) !important;
}

.background-red-6 {
  background-color: var(--carnelian) !important;
}

.text-red-6 {
  color: var(--carnelian) !important;
}

.background-red-7 {
  background-color: var(--carmine) !important;
}

.text-red-7 {
  color: var(--carmine) !important;
}

.background-pink,
.background-pink-4 {
  background-color: var(--paradise-pink) !important;
}

.text-pink,
.text-pink-4 {
  color: var(--paradise-pink) !important;
}

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

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

.background-pink-2 {
  background-color: var(--mauvelous) !important;
}

.text-pink-2 {
  color: var(--mauvelous) !important;
}

.background-pink-3 {
  background-color: var(--shimmering-blush) !important;
}

.text-pink-3 {
  color: var(--shimmering-blush) !important;
}

.background-pink-5 {
  background-color: var(--brick-red) !important;
}

.text-pink-5 {
  color: var(--brick-red) !important;
}

.background-pink-6 {
  background-color: var(--cardinal) !important;
}

.text-pink-6 {
  color: var(--cardinal) !important;
}

.background-pink-7 {
  background-color: var(--crimson-ua) !important;
}

.text-pink-7 {
  color: var(--crimson-ua) !important;
}

.background-yellow,
.background-yellow-4 {
  background-color: var(--jonqull) !important;
}

.text-yellow,
.text-yellow-4 {
  color: var(--jonqull) !important;
}

.background-yellow-1 {
  background-color: var(--jasmine) !important;
}

.text-yellow-1 {
  color: var(--jasmine) !important;
}

.background-yellow-2 {
  background-color: var(--napies-yellow) !important;
}

.text-yellow-2 {
  color: var(--napies-yellow) !important;
}

.background-yellow-3 {
  background-color: var(--yellow-munsell) !important;
}

.text-yellow-3 {
  color: var(--yellow-munsell) !important;
}

.background-yellow-5 {
  background-color: var(--gold-metallic) !important;
}

.text-yellow-5 {
  color: var(--gold-metallic) !important;
}

.background-yellow-6 {
  background-color: var(--lemon-curry) !important;
}

.text-yellow-6 {
  color: var(--lemon-curry) !important;
}

.background-yellow-7 {
  background-color: var(--gold) !important;
}

.text-yellow-7 {
  color: var(--gold) !important;
}

.background-orange,
.background-orange-4 {
  background-color: var(--orange-peel) !important;
}

.text-orange,
.text-orange-4 {
  color: var(--orange-peel) !important;
}

.background-orange-1 {
  background-color: var(--deep-champagne) !important;
}

.text-orange-1 {
  color: var(--deep-champagne) !important;
}

.background-orange-2 {
  background-color: var(--mellow-apricot) !important;
}

.text-orange-2 {
  color: var(--mellow-apricot) !important;
}

.background-orange-3 {
  background-color: var(--yellow-orange) !important;
}

.text-orange-3 {
  color: var(--yellow-orange) !important;
}

.background-orange-5 {
  background-color: var(--tangerine) !important;
}

.text-orange-5 {
  color: var(--tangerine) !important;
}

.background-orange-6 {
  background-color: var(--fulvous) !important;
}

.text-orange-6 {
  color: var(--fulvous) !important;
}

.background-orange-7 {
  background-color: var(--liver-dogs) !important;
}

.text-orange-7 {
  color: var(--liver-dogs) !important;
}

.background-green,
.background-green-4 {
  background-color: var(--sap-green) !important;
}

.text-green,
.text-green-4 {
  color: var(--sap-green) !important;
}

.background-green-1 {
  background-color: var(--lime-green) !important;
}

.text-green-1 {
  color: var(--lime-green) !important;
}

.background-green-2 {
  background-color: var(--green-ryb) !important;
}

.text-green-2 {
  color: var(--green-ryb) !important;
}

.background-green-3 {
  background-color: var(--slimy-green) !important;
}

.text-green-3 {
  color: var(--slimy-green) !important;
}

.background-green-5 {
  background-color: var(--lincoln-green) !important;
}

.text-green-5 {
  color: var(--lincoln-green) !important;
}

.background-green-6 {
  background-color: var(--forest-green-traditional) !important;
}

.text-green-6 {
  color: var(--forest-green-traditional) !important;
}

.background-green-7 {
  background-color: var(--phthalo-green) !important;
}

.text-green-7 {
  color: var(--phthalo-green) !important;
}

.background-brown,
.background-brown-4 {
  background-color: var(--golden-brown) !important;
}

.text-brown,
.text-brown-4 {
  color: var(--golden-brown) !important;
}

.background-brown-1 {
  background-color: var(--fawn) !important;
}

.text-brown-1 {
  color: var(--fawn) !important;
}

.background-brown-2 {
  background-color: var(--camel) !important;
}

.text-brown-2 {
  color: var(--camel) !important;
}

.background-brown-3 {
  background-color: var(--copper) !important;
}

.text-brown-3 {
  color: var(--copper) !important;
}

.background-brown-5 {
  background-color: var(--coyote-brown) !important;
}

.text-brown-5 {
  color: var(--coyote-brown) !important;
}

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

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

.background-brown-7 {
  background-color: var(--cafe-noir) !important;
}

.text-brown-7 {
  color: var(--cafe-noir) !important;
}

.background-grey,
.background-grey-4 {
  background-color: var(--jet) !important;
}

.text-grey,
.text-grey-4 {
  color: var(--jet) !important;
}

.background-grey-1 {
  background-color: var(--spanish-grey) !important;
}

.text-grey-1 {
  color: var(--spanish-grey) !important;
}

.background-grey-2 {
  background-color: var(--dim-grey) !important;
}

.text-grey-2 {
  color: var(--dim-grey) !important;
}

.background-grey-3 {
  background-color: var(--davys-grey) !important;
}

.text-grey-3 {
  color: var(--davys-grey) !important;
}

.background-grey-5 {
  background-color: var(--eerie-black) !important;
}

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

.background-grey-6 {
  background-color: var(--eerie-black-darker) !important;
}

.text-grey-6 {
  color: var(--eerie-black-darker) !important;
}

.background-grey-7 {
  background-color: var(--rich-black-fogra-39) !important;
}

.text-grey-7 {
  color: var(--rich-black-fogra-39) !important;
}

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

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

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

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

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

.text-transparent {
  color: transparent !important;
}

.background-inherit {
  background-color: inherit !important;
}

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

.background-current-color {
  background-color: currentColor !important;
}

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

.background-black,
.background-purple-4,
.background-purple-5,
.background-purple-6,
.background-purple-7,
.background-blue,
.background-blue-4,
.background-blue-5,
.background-blue-6,
.background-blue-7,
.background-red,
.background-red-4,
.background-red-5,
.background-red-6,
.background-red-7,
.background-pink,
.background-pink-4,
.background-pink-5,
.background-pink-6,
.background-pink-7,
.background-yellow-6,
.background-yellow-7,
.background-orange-5,
.background-orange-6,
.background-orange-7,
.background-green,
.background-green-4,
.background-green-5,
.background-green-6,
.background-green-7,
.background-brown-5,
.background-brown-6,
.background-brown-7,
.background-grey,
.background-grey-4,
.background-grey-1,
.background-grey-2,
.background-grey-3,
.background-grey-5,
.background-grey-6,
.background-grey-7,
.background-dark {
  color: var(--light);
}

.background-white,
.background-purple-1,
.background-purple-2,
.background-purple-3,
.background-blue-1,
.background-blue-2,
.background-blue-3,
.background-red-1,
.background-red-2,
.background-red-3,
.background-pink-1,
.background-pink-2,
.background-pink-3,
.background-yellow,
.background-yellow-4,
.background-yellow-1,
.background-yellow-2,
.background-yellow-3,
.background-yellow-5,
.background-orange,
.background-orange-4,
.background-orange-1,
.background-orange-2,
.background-orange-3,
.background-green-1,
.background-green-2,
.background-green-3,
.background-brown,
.background-brown-4,
.background-brown-1,
.background-brown-2,
.background-brown-3,
.background-light,
.background-transparent {
  color: var(--dark);
}
/* ====* Coloring System *==== */

/* Shadow */
.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.shadow-mini {
  -webkit-box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.19) !important;
          box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.19) !important;
}

.shadow-small {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
}

.shadow-medium {
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.18) !important;
          box-shadow: 0 3px 2px rgba(0, 0, 0, 0.18) !important;
}

.shadow-large {
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.17) !important;
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.17) !important;
}

.shadow-maxi {
  -webkit-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.16) !important;
          box-shadow: 0 9px 10px rgba(0, 0, 0, 0.16) !important;
}
/* ====* Shadow *==== */

/* Shadow :hover */
.shadow-hover-none,
.shadow-hover-mini,
.shadow-hover-small,
.shadow-hover-medium,
.shadow-hover-large,
.shadow-hover-maxi {
  -webkit-transition: 160ms linear;
  -o-transition: 160ms linear;
  transition: 160ms linear;
}

.shadow-hover-none:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.shadow-hover-mini:hover {
  -webkit-box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.19) !important;
          box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.19) !important;
}

.shadow-hover-small:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
}

.shadow-hover-medium:hover {
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.18) !important;
          box-shadow: 0 3px 2px rgba(0, 0, 0, 0.18) !important;
}

.shadow-hover-large:hover {
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.17) !important;
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.17) !important;
}

.shadow-hover-maxi:hover {
  -webkit-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.20) !important;
          box-shadow: 0 9px 10px rgba(0, 0, 0, 0.20) !important;
}
/* ====* Shadow :hover *==== */

/* ======* Utilities *====== */


/* Format Tag */
hr {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 1px;
  max-height: 1px;
  background-color: rgba(0,0,0,0.20);
  border: none !important;
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 9px auto;
}
/* ====* Format Tag *==== */

/* Typography */
h1, h2, h3,
h4, h5, h6,
p {
  letter-spacing: 0.6px;
}

h1 {
  font-size: 2.2rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.56rem;
}

h4 {
  font-size: 1.32rem;
}

h5 {
  font-size: 1.08rem;
}

h6 {
  font-size: 0.94rem;
}

p {
  font-size: 14px;
}

@media only screen and (min-width: 993px) {
  p {
    font-size: 16px;
  }
}
/* ======* Typography *====== */

/* Components */
a:hover {
  cursor: pointer;
}

[class*="button"], .button-mini {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 25px;
  margin: 2px 1px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-left: 13px;
  padding-right: 13px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: var(--queen-blue);
  color: var(--light);
  text-transform: uppercase;
  -webkit-transition: all 360ms ease;
       -o-transition: all 360ms ease;
          transition: all 360ms ease;
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.17);
          box-shadow: 0 3px 2px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  border: none;
  cursor: pointer;
}

.button-small {
  height: 29px;
  padding-left: 11px;
  padding-right: 11px;
}

.button-medium {
  height: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.button-large {
  height: 41px;
  padding-left: 18px;
  padding-right: 18px;
}

.button-maxi {
  height: 49px;
  padding-left: 23px;
  padding-right: 23px;
}

[class*="button"]:hover {
  -webkit-filter: brightness(109%);
          filter: brightness(109%);
  -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.18);
          box-shadow: 0 0px 2px rgba(0, 0, 0, 0.18);
}

[class*="button"].button-outline {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: transparent;
  border: 1px solid currentColor;
  color: var(--queen-blue);
}

[class*="button"].button-outline:hover {
  background-color: var(--queen-blue);
  border-color: var(--queen-blue);
  color: var(--light);
}

[class*="button"].button-outline.text-black:hover {
  background-color: var(--pure-black);
  border-color: var(--pure-black);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-white:hover {
  background-color: var(--pure-white);
  border-color: var(--pure-white);
  color: var(--dark) !important;
}

[class*="button"].button-outline.text-purple-1:hover {
  background-color: var(--pink-lavender);
  border-color: var(--pink-lavender);
  color: rgba(0, 0, 0, 0.82) !important;
}

[class*="button"].button-outline.text-purple-2:hover {
  background-color: var(--bright-lilac);
  border-color: var(--bright-lilac);
  color: rgba(0, 0, 0, 0.82) !important;
}

[class*="button"].button-outline.text-purple-3:hover {
  background-color: var(--french-mauve);
  border-color: var(--french-mauve);
  color: rgba(0, 0, 0, 0.82) !important;
}

[class*="button"].button-outline.text-purple:hover,
[class*="button"].button-outline.text-purple-4:hover {
  background-color: var(--medium-orchid);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-purple-5:hover {
  background-color: var(--dark-orchid);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-purple-6:hover {
  background-color: var(--dark-magenta);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-purple-7:hover {
  background-color: var(--eminence);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-blue-1:hover {
  background-color: var(--light-steel-blue);
  border-color: var(--light-steel-blue);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-blue-2:hover {
  background-color: var(--air-superiority-blue);
  border-color: var(--air-superiority-blue);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-blue-3:hover {
  background-color: var(--glaucous);
  border-color: var(--glaucous);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-blue:hover,
[class*="button"].button-outline.text-blue-4:hover {
  background-color: var(--queen-blue);
  border-color: var(--queen-blue);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-blue-5:hover {
  background-color: var(--bdazzled-blue);
  border-color: var(--bdazzled-blue);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-blue-6:hover {
  background-color: var(--indigo-dye);
  border-color: var(--indigo-dye);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-blue-7:hover {
  background-color: var(--gunmetal);
  border-color: var(--gunmetal);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-red-1:hover {
  background-color: var(--light-coral);
  border-color: var(--light-coral);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-red-2:hover {
  background-color: var(--sizzling-red);
  border-color: var(--sizzling-red);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-red-3:hover {
  background-color: var(--red-salsa);
  border-color: var(--red-salsa);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-red:hover,
[class*="button"].button-outline.text-red-4:hover {
  background-color: var(--permanent-geranium-lake);
  border-color: var(--permanent-geranium-lake);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-red-5:hover {
  background-color: var(--maximum-red);
  border-color: var(--maximum-red);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-red-6:hover {
  background-color: var(--carnelian);
  border-color: var(--carnelian);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-red-7:hover {
  background-color: var(--carmine);
  border-color: var(--carmine);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-pink-1:hover {
  background-color: var(--light-pink);
  border-color: var(--light-pink);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-pink-2:hover {
  background-color: var(--mauvelous);
  border-color: var(--mauvelous);
  color: rgba(0, 0, 0, 0.68) !important;
}

[class*="button"].button-outline.text-pink-3:hover {
  background-color: var(--shimmering-blush);
  border-color: var(--shimmering-blush);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-pink:hover,
[class*="button"].button-outline.text-pink-4:hover {
  background-color: var(--paradise-pink);
  border-color: var(--paradise-pink);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-pink-5:hover {
  background-color: var(--brick-red);
  border-color: var(--brick-red);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-pink-6:hover {
  background-color: var(--cardinal);
  border-color: var(--cardinal);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-pink-7:hover {
  background-color: var(--crimson-ua);
  border-color: var(--crimson-ua);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-yellow-1:hover {
  background-color: var(--jasmine);
  border-color: var(--jasmine);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-yellow-2:hover {
  background-color: var(--napies-yellow);
  border-color: var(--napies-yellow);
  color: rgba(0, 0, 0, 0.68) !important;
}

[class*="button"].button-outline.text-yellow-3:hover {
  background-color: var(--yellow-munsell);
  border-color: var(--yellow-munsell);
  color: rgba(0, 0, 0, 0.70) !important;
}

[class*="button"].button-outline.text-yellow:hover,
[class*="button"].button-outline.text-yellow-4:hover {
  background-color: var(--jonqull);
  border-color: var(--jonqull);
  color: rgba(0, 0, 0, 0.70) !important;
}

[class*="button"].button-outline.text-yellow-5:hover {
  background-color: var(--gold-metallic);
  border-color: var(--gold-metallic);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-yellow-6:hover {
  background-color: var(--lemon-curry);
  border-color: var(--lemon-curry);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-yellow-7:hover {
  background-color: var(--gold);
  border-color: var(--gold);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-orange-1:hover {
  background-color: var(--deep-champagne);
  border-color: var(--deep-champagne);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-orange-2:hover {
  background-color: var(--mellow-apricot);
  border-color: var(--mellow-apricot);
  color: rgba(0, 0, 0, 0.68) !important;
}

[class*="button"].button-outline.text-orange-3:hover {
  background-color: var(--yellow-orange);
  border-color: var(--yellow-orange);
  color: rgba(0, 0, 0, 0.70) !important;
}

[class*="button"].button-outline.text-orange:hover,
[class*="button"].button-outline.text-orange-4:hover {
  background-color: var(--orange-peel);
  border-color: var(--orange-peel);
  color: rgba(0, 0, 0, 0.70) !important;
}

[class*="button"].button-outline.text-orange-5:hover {
  background-color: var(--tangerine);
  border-color: var(--tangerine);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-orange-6:hover {
  background-color: var(--fulvous);
  border-color: var(--fulvous);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-orange-7:hover {
  background-color: var(--liver-dogs);
  border-color: var(--liver-dogs);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-green-1:hover {
  background-color: var(--lime-green);
  border-color: var(--lime-green);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-green-2:hover {
  background-color: var(--green-ryb);
  border-color: var(--green-ryb);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-green-3:hover {
  background-color: var(--slimy-green);
  border-color: var(--slimy-green);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-green:hover,
[class*="button"].button-outline.text-green-4:hover {
  background-color: var(--sap-green);
  border-color: var(--sap-green);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-green-5:hover {
  background-color: var(--lincoln-green);
  border-color: var(--lincoln-green);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-green-6:hover {
  background-color: var(--forest-green-traditional);
  border-color: var(--forest-green-traditional);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-green-7:hover {
  background-color: var(--phthalo-green);
  border-color: var(--phthalo-green);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-brown-1:hover {
  background-color: var(--fawn);
  border-color: var(--fawn);
  color: rgba(0, 0, 0, 0.62) !important;
}

[class*="button"].button-outline.text-brown-2:hover {
  background-color: var(--camel);
  border-color: var(--camel);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-brown-3:hover {
  background-color: var(--copper);
  border-color: var(--copper);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-brown:hover,
[class*="button"].button-outline.text-brown-4:hover {
  background-color: var(--golden-brown);
  border-color: var(--golden-brown);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-brown-5:hover {
  background-color: var(--coyote-brown);
  border-color: var(--coyote-brown);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-brown-6:hover {
  background-color: var(--dark-brown);
  border-color: var(--dark-brown);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-brown-7:hover {
  background-color: var(--cafe-noir);
  border-color: var(--cafe-noir);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-grey-1:hover {
  background-color: var(--spanish-grey);
  border-color: var(--spanish-grey);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-grey-2:hover {
  background-color: var(--dim-grey);
  border-color: var(--dim-grey);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-grey-3:hover {
  background-color: var(--davys-grey);
  border-color: var(--davys-grey);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-grey:hover,
[class*="button"].button-outline.text-grey-4:hover {
  background-color: var(--jet);
  border-color: var(--jet);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-grey-5:hover {
  background-color: var(--eerie-black);
  border-color: var(--eerie-black);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-grey-6:hover {
  background-color: var(--eerie-black-darker);
  border-color: var(--eerie-black-darker);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-grey-7:hover {
  background-color: var(--rich-black-fogra-39);
  border-color: var(--rich-black-fogra-39);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-light:hover {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--light) !important;
}

[class*="button"].button-outline.text-dark:hover {
  background-color: var(--light);
  border-color: var(--light);
  color: rgba(0, 0, 0, 0.70) !important;
}

[class*="button"].button-outline.button-passive,
[class*="button"].button-outline.button-passive * {
  background-color: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.41);
  border: 1px solid currentColor;
}

[class*="button"] i,
[class*="button"].button-outline i,
[class*="button"].button-outline.button-passive i {
  display: inline-block;
  padding: 0;
  border: none !important;
  outline: none !important;
  margin-right: 2px;
  margin-left: 2px;
  -webkit-transition: all 360ms ease;
  -o-transition: all 360ms ease;
  transition: all 360ms ease;
}

[class*="button"] i.icon-left,
[class*="button"].button-outline i.icon-left,
[class*="button"].button-outline.button-passive i.icon-left {
  margin-right: 8px;
  margin-left: 0;
}

[class*="button"] i.icon-right,
[class*="button"].button-outline i.icon-right,
[class*="button"].button-outline.button-passive i.icon-right {
  margin-left: 8px !important;
  margin-right: 0 !important;
}

[class*="button"].button-outline.button-passive:hover,
[class*="button"].button-outline.button-passive:hover * {
  color: rgba(0, 0, 0, 0.92);
}

[class*="button"][disabled] {
  pointer-events: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-filter: brightness(85%) !important;
          filter: brightness(85%) !important;
}
/* ====* Buttons *==== */


/* Table */
table {
  border: 1px solid rgba(0, 0, 0, 0.48);
  text-align: left;
  border-collapse: collapse;
}

table thead tr th,
table tbody tr td {
  padding: 15px;
}

table thead tr th:not(:last-child),
table tbody tr td:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.48);
}

table thead tr,
table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.48);
}

table tbody tr:last-child {
  border: none;
}
/* ====* Table *==== */

/* ======* Components *====== */


/* Forms */
input {
  outline: none;
  border: none;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.18);
          box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-size: 1rem;
  -webkit-transition: 420ms ease;
  -o-transition: 420ms ease;
  transition: 420ms ease;
}

input:focus {
  -webkit-box-shadow: inset 0 0 1px 1px var(--queen-blue);
          box-shadow: inset 0 0 1px 1px var(--queen-blue);
}

/* input:user-valid {
  box-shadow: inset 0 0 1px 1px var(--sap-green);
} */

input:user-invalid {
  -webkit-box-shadow: inset 0 0 1px 1px var(--permanent-geranium-lake);
          box-shadow: inset 0 0 1px 1px var(--permanent-geranium-lake);
}
/* ====* Forms *==== */