@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}
@charset "UTF-8";
/** Settings: Colors, Media Queries */
/**
Settings
*/
/**
* Colors
*/
:root {
  --black: #000000;
  --white: #ffffff;
  --main: #33d1bf;
  --text: #151515;
  --link: #0059e9;
  --primary: #011750;
  --secondary: #373737;
  --danger: #e95959;
  --success: #1a3790;
  --warning: #ffe27e;
  --info: #174e85;
  --light: #f0f0f0;
  --dark: #0d0d0d;
  --shade: #343434;
  --gray: #555555;
  --silent: #c5c5c5;
  --sea: #bdd5dd;
  --paper: #f2f2f2;
  --off: #e9e9e9;
  --day: #f1efe9;
  --warm: #f8f2d8;
  --transparent: #ffffff00;
  --primary-t: 1, 23, 80;
  --primary-link: 0, 89, 233;
  --alpha-0: 0;
  --alpha-3: 0.3;
  --alpha-5: 0.5;
  --alpha-8: 0.8;
  --alpha-1: 1;
}

#_followMouse{
  background: linear-gradient(120deg, #fff 0%, #33d1bf 35%, #a1fff4 55%, #fff 100%) repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: 0;
  background-size: 100%;
}



.word {

	perspective: 1000px;
}

.word span {
	cursor: pointer;
	display: inline-block;
	font-size: 100px;
	user-select: none;
	line-height: .8;
}

.word span:nth-child(1).active {
	animation: balance 1.5s ease-out;
	transform-origin: bottom left;
}

@keyframes balance {
	0%, 100% {
		transform: rotate(0deg);
	}

	30%, 60% {
		transform: rotate(-45deg);
	}
}

.word span:nth-child(2).active {
	animation: shrinkjump 1s ease-in-out;
	transform-origin: bottom center;
}

@keyframes shrinkjump {
	10%, 35% {
		transform: scale(2, .2) translate(0, 0);
	}

	45%, 50% {
		transform: scale(1) translate(0, -150px);
	}

	80% {
		transform: scale(1) translate(0, 0);
	}
}

.word span:nth-child(3).active {
	animation: falling 2s ease-out;
	transform-origin: bottom center;
}

@keyframes falling {
	12% {
		transform: rotateX(240deg);
	}

	24% {
		transform: rotateX(150deg);
	}

	36% {
		transform: rotateX(200deg);
	}

	48% {
		transform: rotateX(175deg);
	}

	60%, 85% {
		transform: rotateX(180deg);
	}

	100% {
		transform: rotateX(0deg);
	}
}

.word span:nth-child(4).active {
	animation: rotate 1s ease-out;
}

@keyframes rotate {
	20%, 80% {
		transform: rotateY(180deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}

.word span:nth-child(5).active {
	animation: toplong 1.5s linear;
}

@keyframes toplong {
	10%, 40% {
		transform: translateY(-48vh) scaleY(1);
	}

	90% {
		transform: translateY(-48vh) scaleY(4);
	}
}



.fixed {
	position: fixed;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
}


/**
* Media
*/
:root {
  --slide-height: 100vh;
  --slide-minheight: 500px;
  --slide-maxheight: unset;
  --xs: 5px;
  --sm: 8px;
  --md: 13px;
  --lg: 21px;
  --xl: 34px;
  --xx: 55px;
  --default-a: 8px;
  --default-b: 13px;
  --default-c: 21px;
  --default-d: 34px;
  --default-e: 55px;
  --default-f: 89px;
}

/* @font-face {
  font-family: norm;
  src: url("../0_static/fonts/HelveticaNeueLight.otf") format("otf");
}
@font-face {
  font-family: text;
  src: url("../0_static/fonts/HelveticaNeueMedium.otf") format("otf");
}
@font-face {
  font-family: bold;
  src: url("../0_static/fonts/HelveticaNeueBold.otf") format("otf");
}
@font-face {
  font-family: semibold;
  src: url("../0_static/fonts/HelveticaNeueMedium.otf") format("otf");
}
@font-face {
  font-family: medium;
  src: url("../0_static/fonts/HelveticaNeueMedium.otf") format("otf");
}
@font-face {
  font-family: title;
  src: url("../0_static/fonts/HelveticaNeueHeavy.otf") format("otf");
}
:root {
  --base-type: 17.99px;
} */

/** Tools: Mixin Functions */
/**
Tools
Globally used mixins and functions.
*/
/**
* Calculates Rem
*/
/**
* Returns font-size with rem value
*/
/**
* Return line-height with rem value
*/
@media (max-width: 332px) {
  .flex > .col-ss-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important;
  }
  .flex > .col-ss-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important;
  }
  .flex > .col-ss-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
  .flex > .col-ss-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important;
  }
  .flex > .col-ss-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important;
  }
  .flex > .col-ss-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .flex > .col-ss-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important;
  }
  .flex > .col-ss-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important;
  }
  .flex > .col-ss-9 {
    flex: 0 0 auto;
    width: 75% !important;
  }
  .flex > .col-ss-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important;
  }
  .flex > .col-ss-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important;
  }
  .flex > .col-ss-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .flex > .col-xs-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important;
  }
  .flex > .col-xs-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important;
  }
  .flex > .col-xs-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
  .flex > .col-xs-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important;
  }
  .flex > .col-xs-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important;
  }
  .flex > .col-xs-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .flex > .col-xs-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important;
  }
  .flex > .col-xs-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important;
  }
  .flex > .col-xs-9 {
    flex: 0 0 auto;
    width: 75% !important;
  }
  .flex > .col-xs-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important;
  }
  .flex > .col-xs-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important;
  }
  .flex > .col-xs-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media (max-width: 576px) {
  .flex > .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important;
  }
  .flex > .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important;
  }
  .flex > .col-sm-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
  .flex > .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important;
  }
  .flex > .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important;
  }
  .flex > .col-sm-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .flex > .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important;
  }
  .flex > .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important;
  }
  .flex > .col-sm-9 {
    flex: 0 0 auto;
    width: 75% !important;
  }
  .flex > .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important;
  }
  .flex > .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important;
  }
  .flex > .col-sm-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .flex > .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important;
  }
  .flex > .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important;
  }
  .flex > .col-md-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
  .flex > .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important;
  }
  .flex > .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important;
  }
  .flex > .col-md-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .flex > .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important;
  }
  .flex > .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important;
  }
  .flex > .col-md-9 {
    flex: 0 0 auto;
    width: 75% !important;
  }
  .flex > .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important;
  }
  .flex > .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important;
  }
  .flex > .col-md-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media (max-width: 992px) {
  .flex > .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important;
  }
  .flex > .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important;
  }
  .flex > .col-lg-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
  .flex > .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important;
  }
  .flex > .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important;
  }
  .flex > .col-lg-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .flex > .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important;
  }
  .flex > .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important;
  }
  .flex > .col-lg-9 {
    flex: 0 0 auto;
    width: 75% !important;
  }
  .flex > .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important;
  }
  .flex > .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important;
  }
  .flex > .col-lg-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media (max-width: 1200px) {
  .flex > .col-ll-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important;
  }
  .flex > .col-ll-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important;
  }
  .flex > .col-ll-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
  .flex > .col-ll-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important;
  }
  .flex > .col-ll-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important;
  }
  .flex > .col-ll-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .flex > .col-ll-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important;
  }
  .flex > .col-ll-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important;
  }
  .flex > .col-ll-9 {
    flex: 0 0 auto;
    width: 75% !important;
  }
  .flex > .col-ll-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important;
  }
  .flex > .col-ll-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important;
  }
  .flex > .col-ll-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media (max-width: 1600px) {
  .flex > .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important;
  }
  .flex > .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important;
  }
  .flex > .col-xl-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
  .flex > .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important;
  }
  .flex > .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important;
  }
  .flex > .col-xl-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .flex > .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important;
  }
  .flex > .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important;
  }
  .flex > .col-xl-9 {
    flex: 0 0 auto;
    width: 75% !important;
  }
  .flex > .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important;
  }
  .flex > .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important;
  }
  .flex > .col-xl-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media (max-width: 1920px) {
  .flex > .col-xx-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important;
  }
  .flex > .col-xx-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important;
  }
  .flex > .col-xx-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }
  .flex > .col-xx-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important;
  }
  .flex > .col-xx-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important;
  }
  .flex > .col-xx-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
  .flex > .col-xx-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important;
  }
  .flex > .col-xx-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important;
  }
  .flex > .col-xx-9 {
    flex: 0 0 auto;
    width: 75% !important;
  }
  .flex > .col-xx-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important;
  }
  .flex > .col-xx-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important;
  }
  .flex > .col-xx-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
.align-items-auto {
  align-items: auto;
}

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

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

.align-items-end {
  align-items: end;
}

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

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

.align-items-inherit {
  align-items: inherit;
}

.align-items-initial {
  align-items: initial;
}

.align-items-lagacy {
  align-items: lagacy;
}

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

.align-items-normal {
  align-items: normal;
}

.align-items-revert {
  align-items: revert;
}

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

.align-items-space-around {
  align-items: space-around;
}

.align-items-space-between {
  align-items: space-between;
}

.align-items-self-end {
  align-items: self-end;
}

.align-items-self-start {
  align-items: self-start;
}

.align-items-space-evenly {
  align-items: space-evenly;
}

.align-items-start {
  align-items: start;
}

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

.align-items-unset {
  align-items: unset;
}

.justify-content-auto {
  justify-content: auto;
}

.justify-content-baseline {
  justify-content: baseline;
}

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

.justify-content-end {
  justify-content: end;
}

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

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

.justify-content-inherit {
  justify-content: inherit;
}

.justify-content-initial {
  justify-content: initial;
}

.justify-content-lagacy {
  justify-content: lagacy;
}

.justify-content-left {
  justify-content: left;
}

.justify-content-normal {
  justify-content: normal;
}

.justify-content-revert {
  justify-content: revert;
}

.justify-content-right {
  justify-content: right;
}

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

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

.justify-content-self-end {
  justify-content: self-end;
}

.justify-content-self-start {
  justify-content: self-start;
}

.justify-content-space-evenly {
  justify-content: space-evenly;
}

.justify-content-start {
  justify-content: start;
}

.justify-content-stretch {
  justify-content: stretch;
}

.justify-content-unset {
  justify-content: unset;
}

.align-content-auto {
  align-content: auto;
}

.align-content-baseline {
  align-content: baseline;
}

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

.align-content-end {
  align-content: end;
}

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

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

.align-content-inherit {
  align-content: inherit;
}

.align-content-initial {
  align-content: initial;
}

.align-content-lagacy {
  align-content: lagacy;
}

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

.align-content-normal {
  align-content: normal;
}

.align-content-revert {
  align-content: revert;
}

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

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

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

.align-content-self-end {
  align-content: self-end;
}

.align-content-self-start {
  align-content: self-start;
}

.align-content-space-evenly {
  align-content: space-evenly;
}

.align-content-start {
  align-content: start;
}

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

.align-content-unset {
  align-content: unset;
}

.justify-items-auto {
  justify-items: auto;
}

.justify-items-baseline {
  justify-items: baseline;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-flex-end {
  justify-items: flex-end;
}

.justify-items-flex-start {
  justify-items: flex-start;
}

.justify-items-inherit {
  justify-items: inherit;
}

.justify-items-initial {
  justify-items: initial;
}

.justify-items-lagacy {
  justify-items: lagacy;
}

.justify-items-left {
  justify-items: left;
}

.justify-items-normal {
  justify-items: normal;
}

.justify-items-revert {
  justify-items: revert;
}

.justify-items-right {
  justify-items: right;
}

.justify-items-space-around {
  justify-items: space-around;
}

.justify-items-space-between {
  justify-items: space-between;
}

.justify-items-self-end {
  justify-items: self-end;
}

.justify-items-self-start {
  justify-items: self-start;
}

.justify-items-space-evenly {
  justify-items: space-evenly;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-stretch {
  justify-items: stretch;
}

.justify-items-unset {
  justify-items: unset;
}

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

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

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

.align-self-end {
  align-self: end;
}

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

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

.align-self-inherit {
  align-self: inherit;
}

.align-self-initial {
  align-self: initial;
}

.align-self-lagacy {
  align-self: lagacy;
}

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

.align-self-normal {
  align-self: normal;
}

.align-self-revert {
  align-self: revert;
}

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

.align-self-space-around {
  align-self: space-around;
}

.align-self-space-between {
  align-self: space-between;
}

.align-self-self-end {
  align-self: self-end;
}

.align-self-self-start {
  align-self: self-start;
}

.align-self-space-evenly {
  align-self: space-evenly;
}

.align-self-start {
  align-self: start;
}

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

.align-self-unset {
  align-self: unset;
}

/** Generic: Reset normalize or HTML5 reset. */
/**
Generic
CSS resets and normalizing rules to create a foundation for your styles.
*/
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.2; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
} */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.2;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
* scrollbar
*/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: var(--primary);
  box-shadow: 0px 0px 8px 3px rgba(224, 224, 224, 0.45);
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 1;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/** Objects: Layout Patterns */
/**
Objects
Style rules for elements responsible for layout or structuring.
*/
.btn, button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=search] {
  padding: 0;
  border: none;
  font-weight: 500;
  padding-right: 21px;
  line-height: 39px;
  cursor: pointer;
  position: relative;
  border: 2px solid transparent;
  color: var(--white);
  top: 0px;
  float: none;
  display: inline-block;
  height: 42px;
  background-color: var(--primary);
  padding-left: 21px;
  transition: all 300ms ease-in-out;
}
.btn:hover, button:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=search]:hover {
  /*background-color: var(--link);*/
  /*transition: all 500ms ease-in-out;*/
}

.btn-ghost {
  background-color: transparent;
  color: var(--primary);
  padding: 0;
  padding-right: 30px;
}
.btn-ghost::before {
  background-color: transparent;
  top: calc(50% - 5px);
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  border: solid var(--primary);
  border-left: 2px;
  border-top: 2px;
  position: absolute;
  transform: rotate(-45deg);
  transition: all 300ms ease-in-out;
}
.btn-ghost:hover {
  color: var(--link);
  background-color: transparent;
}
.btn-ghost:hover::before {
  border-color: var(--link);
  right: 0px;
  transition: all 300ms ease-in-out;
}

.btn-full {
  background-color: transparent;
  color: var(--primary);
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 0;
  padding-right: 30px;
}
.btn-full::after {
  background-color: transparent;
  content: "";
  width: 10px;
  height: 10px;
  top: 15.5px;
  right: 13px;
  border: solid var(--primary);
  border-left: 2px;
  border-top: 2px;
  position: absolute;
  transform: rotate(-45deg);
  transition: all 300ms ease-in-out;
}
.btn-full:hover {
  color: var(--link);
  background-color: transparent;
}
.btn-full:hover::after {
  border-color: var(--link);
  right: 8px;
  transition: right 300ms ease-in-out;
}

.btn-round {
  border-radius: 144px;
}
.btn-round::after {
  right: 18px;
}
.btn-round:hover::after {
  right: 5px;
}

.btn-outline {
  background-color: transparent !important;
  border: 2px solid var(--primary);
  display: inline-block;
  color: var(--primary);
  transition: all 500ms ease-in-out;
}
.btn-outline:hover {
  background-color: var(--link) !important;
  border-color: var(--link);
  transition: all 500ms ease-in-out;
  color: var(--white);
}

.pointer {
  cursor: pointer !important;
}

.grab {
  cursor: grab !important;
}

.btn-underline {
  background-color: transparent;
  border: 0px;
  padding-left: 0;
  padding-right: 0;
  color: var(--primary);
  position: relative;
  cursor: pointer;
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-underline::after {
  height: 100%;
  width: 0;
  position: absolute;
  content: "";
  top: 0px;
  transition: all 500ms ease-in-out;
  left: 0px;
  border-bottom: 2px solid var(--link);
}
.btn-underline:hover {
  background-color: transparent;
  border-color: var(--link);
  transition: all 500ms ease-in-out;
  color: var(--link);
}
.btn-underline:hover::after {
  width: 100%;
}

.active::after {
  width: 100%;
  border-bottom: 2px solid var(--primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-outline--black {
  cursor: pointer;
  border: 2px solid var(--black);
  color: var(--black);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--black:hover {
  background-color: var(--black);
  transition: all 500ms ease-in-out;
}

.btn-outline--white {
  cursor: pointer;
  border: 2px solid var(--white);
  color: var(--white);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--white:hover {
  background-color: var(--white);
  transition: all 500ms ease-in-out;
}

.btn-outline--main {
  cursor: pointer;
  border: 2px solid var(--main);
  color: var(--main);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--main:hover {
  background-color: var(--main);
  transition: all 500ms ease-in-out;
}

.btn-outline--text {
  cursor: pointer;
  border: 2px solid var(--text);
  color: var(--text);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--text:hover {
  background-color: var(--text);
  transition: all 500ms ease-in-out;
}

.btn-outline--link {
  cursor: pointer;
  border: 2px solid var(--link);
  color: var(link);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--link:hover {
  background-color: var(link);
  transition: all 500ms ease-in-out;
}

.btn-outline--primary {
  cursor: pointer;
  border: 2px solid var(--primary);
  color: var(--primary);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--primary:hover {
  background-color: var(--primary);
  transition: all 500ms ease-in-out;
}

.btn-outline--secondary {
  cursor: pointer;
  border: 2px solid var(--secondary);
  color: var(--secondary);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--secondary:hover {
  background-color: var(--secondary);
  transition: all 500ms ease-in-out;
}

.btn-outline--danger {
  cursor: pointer;
  border: 2px solid var(--danger);
  color: var(--danger);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--danger:hover {
  background-color: var(--danger);
  transition: all 500ms ease-in-out;
}

.btn-outline--success {
  cursor: pointer;
  border: 2px solid var(--success);
  color: var(--success);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--success:hover {
  background-color: var(--success);
  transition: all 500ms ease-in-out;
}

.btn-outline--warning {
  cursor: pointer;
  border: 2px solid var(--warning);
  color: var(--warning);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--warning:hover {
  background-color: var(--warning);
  transition: all 500ms ease-in-out;
}

.btn-outline--info {
  cursor: pointer;
  border: 2px solid var(--info);
  color: var(--info);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--info:hover {
  background-color: var(--info);
  transition: all 500ms ease-in-out;
}

.btn-outline--light {
  cursor: pointer;
  border: 2px solid var(--light);
  color: var(--light);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--light:hover {
  background-color: var(--light);
  transition: all 500ms ease-in-out;
}

.btn-outline--dark {
  cursor: pointer;
  border: 2px solid var(--dark);
  color: var(--dark);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--dark:hover {
  background-color: var(--dark);
  transition: all 500ms ease-in-out;
}

.btn-outline--shade {
  cursor: pointer;
  border: 2px solid var(--shade);
  color: var(--shade);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--shade:hover {
  background-color: var(--shade);
  transition: all 500ms ease-in-out;
}

.btn-outline--gray {
  cursor: pointer;
  border: 2px solid var(--gray);
  color: var(--gray);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--gray:hover {
  background-color: var(--gray);
  transition: all 500ms ease-in-out;
}

.btn-outline--silent {
  cursor: pointer;
  border: 2px solid var(--silent);
  color: var(--silent);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--silent:hover {
  background-color: var(--silent);
  transition: all 500ms ease-in-out;
}

.btn-outline--sea {
  cursor: pointer;
  border: 2px solid var(--sea);
  color: var(--sea);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--sea:hover {
  background-color: var(--sea);
  transition: all 500ms ease-in-out;
}

.btn-outline--paper {
  cursor: pointer;
  border: 2px solid var(--paper);
  color: var(--paper);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--paper:hover {
  background-color: var(--paper);
  transition: all 500ms ease-in-out;
}

.btn-outline--off {
  cursor: pointer;
  border: 2px solid var(--off);
  color: var(--off);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--off:hover {
  background-color: var(--off);
  transition: all 500ms ease-in-out;
}

.btn-outline--day {
  cursor: pointer;
  border: 2px solid var(--day);
  color: var(--day);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--day:hover {
  background-color: var(--day);
  transition: all 500ms ease-in-out;
}

.btn-outline--warm {
  cursor: pointer;
  border: 2px solid var(--warm);
  color: var(--warm);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--warm:hover {
  background-color: var(--warm);
  transition: all 500ms ease-in-out;
}

.btn-outline--transparent {
  cursor: pointer;
  border: 2px solid var(--transparent);
  color: var(--transparent);
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.btn-outline--transparent:hover {
  background-color: var(--transparent);
  transition: all 500ms ease-in-out;
}

.btn-outline-hover--black:hover {
  border: solid var(--black) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--white:hover {
  border: solid var(--white) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--main:hover {
  border: solid var(--main) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--text:hover {
  border: solid var(--text) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--link:hover {
  border: solid var(--link) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--primary:hover {
  border: solid var(--primary) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--secondary:hover {
  border: solid var(--secondary) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--danger:hover {
  border: solid var(--danger) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--success:hover {
  border: solid var(--success) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--warning:hover {
  border: solid var(--warning) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--info:hover {
  border: solid var(--info) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--light:hover {
  border: solid var(--light) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--dark:hover {
  border: solid var(--dark) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--shade:hover {
  border: solid var(--shade) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--gray:hover {
  border: solid var(--gray) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--silent:hover {
  border: solid var(--silent) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--sea:hover {
  border: solid var(--sea) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--paper:hover {
  border: solid var(--paper) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--off:hover {
  border: solid var(--off) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--day:hover {
  border: solid var(--day) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--warm:hover {
  border: solid var(--warm) 5px;
  transition: all 350ms ease-in-out;
}

.btn-outline-hover--transparent:hover {
  border: solid var(--transparent) 5px;
  transition: all 350ms ease-in-out;
}

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

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

.main {
  color: var(--main);
}

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

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

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

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

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

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

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

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

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

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

.shade {
  color: var(--shade);
}

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

.silent {
  color: var(--silent);
}

.sea {
  color: var(--sea);
}

.paper {
  color: var(--paper);
}

.off {
  color: var(--off);
}

.day {
  color: var(--day);
}

.warm {
  color: var(--warm);
}

.transparent {
  color: var(--transparent);
}

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

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

.hover--main:hover {
  color: var(--main);
}

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

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

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

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

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

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

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

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

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

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

.hover--shade:hover {
  color: var(--shade);
}

.hover--gray:hover {
  color: var(--gray);
}

.hover--silent:hover {
  color: var(--silent);
}

.hover--sea:hover {
  color: var(--sea);
}

.hover--paper:hover {
  color: var(--paper);
}

.hover--off:hover {
  color: var(--off);
}

.hover--day:hover {
  color: var(--day);
}

.hover--warm:hover {
  color: var(--warm);
}

.hover--transparent:hover {
  color: var(--transparent);
}

.hover-outline--0 {
  border-width: 0px;
}
.hover-outline--0:hover {
  border-width: 0px !important;
}

.hover-outline--1 {
  border-width: 1px;
}
.hover-outline--1:hover {
  border-width: 1px !important;
}

.hover-outline--2 {
  border-width: 2px;
}
.hover-outline--2:hover {
  border-width: 2px !important;
}

.hover-outline--3 {
  border-width: 3px;
}
.hover-outline--3:hover {
  border-width: 3px !important;
}

.hover-outline--5 {
  border-width: 5px;
}
.hover-outline--5:hover {
  border-width: 5px !important;
}

.hover-outline--8 {
  border-width: 8px;
}
.hover-outline--8:hover {
  border-width: 8px !important;
}

.hover-outline--13 {
  border-width: 13px;
}
.hover-outline--13:hover {
  border-width: 13px !important;
}

.hover-outline--21 {
  border-width: 21px;
}
.hover-outline--21:hover {
  border-width: 21px !important;
}

.hover-outline--34 {
  border-width: 34px;
}
.hover-outline--34:hover {
  border-width: 34px !important;
}

.hover-outline--55 {
  border-width: 55px;
}
.hover-outline--55:hover {
  border-width: 55px !important;
}

.hover-outline--89 {
  border-width: 89px;
}
.hover-outline--89:hover {
  border-width: 89px !important;
}

.hover-outline--144 {
  border-width: 144px;
}
.hover-outline--144:hover {
  border-width: 144px !important;
}

.transition {
  transition: all 350ms ease-in-out;
}
.transition::after {
  transition: all 350ms ease-in-out;
}
.transition::before {
  transition: all 350ms ease-in-out;
}
.transition:hover {
  transition: all 350ms ease-in-out;
}

.bg-hover--black:hover {
  background-color: var(--black) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--white:hover {
  background-color: var(--white) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--main:hover {
  background-color: var(--main) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--text:hover {
  background-color: var(--text) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--link:hover {
  background-color: var(--link) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--primary:hover {
  background-color: var(--primary) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--secondary:hover {
  background-color: var(--secondary) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--danger:hover {
  background-color: var(--danger) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--success:hover {
  background-color: var(--success) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--warning:hover {
  background-color: var(--warning) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--info:hover {
  background-color: var(--info) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--light:hover {
  background-color: var(--light) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--dark:hover {
  background-color: var(--dark) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--shade:hover {
  background-color: var(--shade) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--gray:hover {
  background-color: var(--gray) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--silent:hover {
  background-color: var(--silent) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--sea:hover {
  background-color: var(--sea) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--paper:hover {
  background-color: var(--paper) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--off:hover {
  background-color: var(--off) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--day:hover {
  background-color: var(--day) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--warm:hover {
  background-color: var(--warm) !important;
  transition: all 350ms ease-in-out;
}

.bg-hover--transparent:hover {
  background-color: var(--transparent) !important;
  transition: all 350ms ease-in-out;
}

.links:hover {
  filter: brightness(200%);
  cursor: pointer;
}

.mouse_scroll {
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 100px;
  margin-top: 125px;
  position: absolute;
  z-index: 999;
  right: 34px;
  bottom: 34px;
}
.mouse_scroll .m_scroll_arrows {
  display: block;
  width: 5px;
  height: 5px; /* IE 9 */ /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  margin: 0 0 3px 4px;
  width: 16px;
  height: 16px;
}
.mouse_scroll .mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid var(--white);
  top: 170px;
}
.mouse_scroll .mouse .wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: var(--white);
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid var(--white);
  border-radius: 8px;
  animation: mouse-wheel 0.6s linear infinite;
}
.mouse_scroll .mouse .unu {
  margin-top: 1px;
}
.mouse_scroll .mouse .unu, .mouse_scroll .mouse .doi, .mouse_scroll .mouse .trei {
  animation: mouse-scroll 1s infinite;
}
.mouse_scroll .mouse .unu {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-direction: alternate;
  animation-delay: alternate;
}
.mouse_scroll .mouse .doi {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
  animation-delay: 0.2s;
  animation-direction: alternate;
  margin-top: -6px;
}
.mouse_scroll .mouse .trei {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
  animation-delay: 0.3s;
  animation-direction: alternate;
  margin-top: -6px;
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mouse-wheel {
  0% {
    top: 1px;
  }
  25% {
    top: 2px;
  }
  50% {
    top: 3px;
  }
  75% {
    top: 2px;
  }
  100% {
    top: 1px;
  }
}

input[type=radio] {
  position: absolute;
  display: block;
  height: 0px;
  width: 0px;
  border: 2px solid transparent;
  cursor: pointer;
  margin-right: 34px;
  border-radius: 50%;
  border-radius: 0px;
  line-height: 25px;
  background-image: none;
  content: "";
}
input[type=radio]::before {
  background-color: var(--white);
  height: 25px;
  top: 0px;
  width: 25px;
  position: absolute;
  border-radius: 50%;
  z-index: 100;
  content: "";
  border: 2px solid var(--primary);
  box-sizing: border-box;
  transition: all 500ms ease-in-out;
}
input[type=radio]::after {
  background-color: var(--off);
  position: absolute;
  z-index: 100;
  left: 8px;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin: 2px 0px;
  border: 2px solid var(--off);
  border-width: 0;
  content: "";
  transition: all 500ms ease-in-out;
}
input[type=radio]:checked::before {
  background-color: var(--primary);
}
input[type=radio]:checked::after {
  border-color: var(--white);
}
input[type=radio]:hover::before {
  background-color: var(--link);
  border-color: var(--link);
}

input[type=checkbox] {
  position: absolute;
  display: block;
  height: 0px;
  width: 0px;
  cursor: pointer;
  margin-right: 34px;
  border-radius: 0px;
  line-height: 25px;
  background-image: none;
  content: "";
}
input[type=checkbox]::before {
  background-color: var(--white);
  height: 25px;
  top: 0px;
  width: 25px;
  position: absolute;
  z-index: 100;
  content: "";
  border: 2px solid var(--primary);
  box-sizing: border-box;
  transition: all 500ms ease-in-out;
}
input[type=checkbox]::after {
  background-color: transparent;
  position: absolute;
  z-index: 100;
  left: 8px;
  top: 0px;
  width: 7px;
  height: 13px;
  margin: 2px 0px;
  border: solid var(--off);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: "";
  transition: all 500ms ease-in-out;
}
input[type=checkbox]:checked::before {
  background-color: var(--primary);
}
input[type=checkbox]:checked::after {
  border-color: var(--white);
}
input[type=checkbox]:hover::before {
  /*background-color: var(--link);*/
  /*border-color: var(--link);*/
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=time],
input[type=url],
input[type=hidden],
input[type=month],
input[type=number],
input[type=search] {
  cursor: text;
  height: 39px;
  border: 0px;
  background-color: var(--off);
  margin: 0;
  color: #000559;
  position: relative;
  padding: 0;
  top: 0px;
  border-top: 0px solid var(--off);
  border-bottom: 2px solid var(--primary);
  outline: none;
  transition: all 500ms ease-in-out;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=hidden]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus {
  /*background-color: var(--white);*/
  /*border-color: var(--link);*/
  transition: all 500ms ease-in-out;
}

input[type=checkbox] + * {
  padding-left: 34px;
}

input[type=radio] + * {
  padding-left: 34px;
}

label {
  padding: 0px;
  padding-right: 13px;
}
label::before {
  border-radius: 50px;
}
label::after {
  border-radius: 50px;
}

body {
  color: var(--dark);
}

/** Base: Typography settings live... */
/**
* Base
*/
/**
Elements
Style rules for bare HTML elements (like h1 or button).



*/
/*a {*/
/*  color: var(--link);*/
/*  text-decoration: none;*/
/*}*/
/*a:visited {*/
/*  color: var(--info);*/
/*}*/
/*a:hover {*/
/*  color: var(--info);*/
/*  text-decoration: underline;*/
/*}*/
/*a:active {*/
/*  color: var(--info);*/
/*}*/

.container {
  max-width: var(--desktop);
  width: 100%;
  margin: 0px auto;
  padding: 0 var(--default-c);
}

.container--fluid {
  max-width: 100vw;
  margin: 0px auto;
  padding: 0 var(--default-c);
}

.grid {
  display: grid;
}

.g-x--6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.g-x--8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.g-x--10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.g-x--12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.g-x--13 {
  grid-template-columns: repeat(13, minmax(0, 1fr));
}

.g-y--6 {
  display: grid;
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.g-y--8 {
  display: grid;
  grid-template-rows: repeat(8, minmax(0, 1fr));
}

.g-y--10 {
  display: grid;
  grid-template-rows: repeat(10, minmax(0, 1fr));
}

.g-y--12 {
  display: grid;
  grid-template-rows: repeat(12, minmax(0, 1fr));
}

.g-y--13 {
  display: grid;
  grid-template-rows: repeat(13, minmax(0, 1fr));
}

.g-x--auto {
  grid-column: auto;
}

.g-y--auto {
  grid-row: auto;
}

.grid > .y--1 {
  grid-row: span 1;
}

.grid > .y--2 {
  grid-row: span 2;
}

.grid > .y--3 {
  grid-row: span 3;
}

.grid > .y--4 {
  grid-row: span 4;
}

.grid > .y--5 {
  grid-row: span 5;
}

.grid > .y--6 {
  grid-row: span 6;
}

.grid > .y--7 {
  grid-row: span 7;
}

.grid > .y--8 {
  grid-row: span 8;
}

.grid > .y--9 {
  grid-row: span 9;
}

.grid > .y--10 {
  grid-row: span 10;
}

.grid > .y--11 {
  grid-row: span 11;
}

.grid > .y--12 {
  grid-row: span 12;
}

.grid > .y--13 {
  grid-row: span 13;
}

.grid > .x--1 {
  grid-column: span 1;
}

.grid > .x--2 {
  grid-column: span 2;
}

.grid > .x--3 {
  grid-column: span 3;
}

.grid > .x--4 {
  grid-column: span 4;
}

.grid > .x--5 {
  grid-column: span 5;
}

.grid > .x--6 {
  grid-column: span 6;
}

.grid > .x--7 {
  grid-column: span 7;
}

.grid > .x--8 {
  grid-column: span 8;
}

.grid > .x--9 {
  grid-column: span 9;
}

.grid > .x--10 {
  grid-column: span 10;
}

.grid > .x--11 {
  grid-column: span 11;
}

.grid > .x--12 {
  grid-column: span 12;
}

.grid > .x--13 {
  grid-column: span 13;
}

.grid > .x-start--0 {
  grid-column-start: 0;
}

.grid > .x-start--1 {
  grid-column-start: 1;
}

.grid > .x-start--2 {
  grid-column-start: 2;
}

.grid > .x-start--3 {
  grid-column-start: 3;
}

.grid > .x-start--4 {
  grid-column-start: 4;
}

.grid > .x-start--5 {
  grid-column-start: 5;
}

.grid > .x-start--6 {
  grid-column-start: 6;
}

.grid > .x-start--7 {
  grid-column-start: 7;
}

.grid > .x-start--8 {
  grid-column-start: 8;
}

.grid > .x-start--9 {
  grid-column-start: 9;
}

.grid > .x-start--10 {
  grid-column-start: 10;
}

.grid > .x-start--11 {
  grid-column-start: 11;
}

.grid > .x-start--12 {
  grid-column-start: 12;
}

.grid > .x-start--13 {
  grid-column-start: 13;
}

.grid > .x-end--0 {
  grid-column-end: 0;
}

.grid > .x-end--1 {
  grid-column-end: 1;
}

.grid > .x-end--2 {
  grid-column-end: 2;
}

.grid > .x-end--3 {
  grid-column-end: 3;
}

.grid > .x-end--4 {
  grid-column-end: 4;
}

.grid > .x-end--5 {
  grid-column-end: 5;
}

.grid > .x-end--6 {
  grid-column-end: 6;
}

.grid > .x-end--7 {
  grid-column-end: 7;
}

.grid > .x-end--8 {
  grid-column-end: 8;
}

.grid > .x-end--9 {
  grid-column-end: 9;
}

.grid > .x-end--10 {
  grid-column-end: 10;
}

.grid > .x-end--11 {
  grid-column-end: 11;
}

.grid > .x-end--12 {
  grid-column-end: 12;
}

.grid > .x-end--13 {
  grid-column-end: 13;
}

.gap--0 {
  grid-gap: 0rem;
  gap: 0rem;
}

.gap--1 {
  grid-gap: 0.0555864369rem;
  gap: 0.0555864369rem;
}

.gap--2 {
  grid-gap: 0.1111728738rem;
  gap: 0.1111728738rem;
}

.gap--3 {
  grid-gap: 0.1667593107rem;
  gap: 0.1667593107rem;
}

.gap--5 {
  grid-gap: 0.2779321845rem;
  gap: 0.2779321845rem;
}

.gap--8 {
  grid-gap: 0.4446914953rem;
  gap: 0.4446914953rem;
}

.gap--13 {
  grid-gap: 0.7226236798rem;
  gap: 0.7226236798rem;
}

.gap--21 {
  grid-gap: 1.1673151751rem;
  gap: 1.1673151751rem;
}

.gap--34 {
  grid-gap: 1.8899388549rem;
  gap: 1.8899388549rem;
}

.gap--55 {
  grid-gap: 3.05725403rem;
  gap: 3.05725403rem;
}

.gap--89 {
  grid-gap: 4.9471928849rem;
  gap: 4.9471928849rem;
}

.gap--144 {
  grid-gap: 8.004446915rem;
  gap: 8.004446915rem;
}

.x-gap--0 {
  -moz-column-gap: 0rem;
       column-gap: 0rem;
}

.x-gap--1 {
  -moz-column-gap: 0.0555864369rem;
       column-gap: 0.0555864369rem;
}

.x-gap--2 {
  -moz-column-gap: 0.1111728738rem;
       column-gap: 0.1111728738rem;
}

.x-gap--3 {
  -moz-column-gap: 0.1667593107rem;
       column-gap: 0.1667593107rem;
}

.x-gap--5 {
  -moz-column-gap: 0.2779321845rem;
       column-gap: 0.2779321845rem;
}

.x-gap--8 {
  -moz-column-gap: 0.4446914953rem;
       column-gap: 0.4446914953rem;
}

.x-gap--13 {
  -moz-column-gap: 0.7226236798rem;
       column-gap: 0.7226236798rem;
}

.x-gap--21 {
  -moz-column-gap: 1.1673151751rem;
       column-gap: 1.1673151751rem;
}

.x-gap--34 {
  -moz-column-gap: 1.8899388549rem;
       column-gap: 1.8899388549rem;
}

.x-gap--55 {
  -moz-column-gap: 3.05725403rem;
       column-gap: 3.05725403rem;
}

.x-gap--89 {
  -moz-column-gap: 4.9471928849rem;
       column-gap: 4.9471928849rem;
}

.x-gap--144 {
  -moz-column-gap: 8.004446915rem;
       column-gap: 8.004446915rem;
}

.y-gap--0 {
  row-gap: 0rem;
}

.y-gap--1 {
  row-gap: 0.0555864369rem;
}

.y-gap--2 {
  row-gap: 0.1111728738rem;
}

.y-gap--3 {
  row-gap: 0.1667593107rem;
}

.y-gap--5 {
  row-gap: 0.2779321845rem;
}

.y-gap--8 {
  row-gap: 0.4446914953rem;
}

.y-gap--13 {
  row-gap: 0.7226236798rem;
}

.y-gap--21 {
  row-gap: 1.1673151751rem;
}

.y-gap--34 {
  row-gap: 1.8899388549rem;
}

.y-gap--55 {
  row-gap: 3.05725403rem;
}

.y-gap--89 {
  row-gap: 4.9471928849rem;
}

.y-gap--144 {
  row-gap: 8.004446915rem;
}

@media (max-width: 332px) {
  .grid > .x-ss--1 {
    grid-column: span 1;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--1 {
    grid-column: span 1;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--1 {
    grid-column: span 1;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--1 {
    grid-column: span 1;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--1 {
    grid-column: span 1;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--1 {
    grid-column: span 1;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--1 {
    grid-column: span 1;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--1 {
    grid-column: span 1;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--2 {
    grid-column: span 2;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--2 {
    grid-column: span 2;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--2 {
    grid-column: span 2;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--2 {
    grid-column: span 2;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--2 {
    grid-column: span 2;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--2 {
    grid-column: span 2;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--2 {
    grid-column: span 2;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--2 {
    grid-column: span 2;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--3 {
    grid-column: span 3;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--3 {
    grid-column: span 3;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--3 {
    grid-column: span 3;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--3 {
    grid-column: span 3;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--3 {
    grid-column: span 3;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--3 {
    grid-column: span 3;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--3 {
    grid-column: span 3;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--3 {
    grid-column: span 3;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--4 {
    grid-column: span 4;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--4 {
    grid-column: span 4;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--4 {
    grid-column: span 4;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--4 {
    grid-column: span 4;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--4 {
    grid-column: span 4;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--4 {
    grid-column: span 4;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--4 {
    grid-column: span 4;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--4 {
    grid-column: span 4;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--5 {
    grid-column: span 5;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--5 {
    grid-column: span 5;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--5 {
    grid-column: span 5;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--5 {
    grid-column: span 5;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--5 {
    grid-column: span 5;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--5 {
    grid-column: span 5;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--5 {
    grid-column: span 5;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--5 {
    grid-column: span 5;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--6 {
    grid-column: span 6;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--6 {
    grid-column: span 6;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--6 {
    grid-column: span 6;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--6 {
    grid-column: span 6;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--6 {
    grid-column: span 6;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--6 {
    grid-column: span 6;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--6 {
    grid-column: span 6;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--6 {
    grid-column: span 6;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--7 {
    grid-column: span 7;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--7 {
    grid-column: span 7;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--7 {
    grid-column: span 7;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--7 {
    grid-column: span 7;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--7 {
    grid-column: span 7;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--7 {
    grid-column: span 7;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--7 {
    grid-column: span 7;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--7 {
    grid-column: span 7;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--8 {
    grid-column: span 8;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--8 {
    grid-column: span 8;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--8 {
    grid-column: span 8;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--8 {
    grid-column: span 8;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--8 {
    grid-column: span 8;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--8 {
    grid-column: span 8;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--8 {
    grid-column: span 8;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--8 {
    grid-column: span 8;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--9 {
    grid-column: span 9;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--9 {
    grid-column: span 9;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--9 {
    grid-column: span 9;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--9 {
    grid-column: span 9;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--9 {
    grid-column: span 9;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--9 {
    grid-column: span 9;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--9 {
    grid-column: span 9;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--9 {
    grid-column: span 9;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--10 {
    grid-column: span 10;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--10 {
    grid-column: span 10;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--10 {
    grid-column: span 10;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--10 {
    grid-column: span 10;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--10 {
    grid-column: span 10;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--10 {
    grid-column: span 10;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--10 {
    grid-column: span 10;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--10 {
    grid-column: span 10;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--11 {
    grid-column: span 11;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--11 {
    grid-column: span 11;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--11 {
    grid-column: span 11;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--11 {
    grid-column: span 11;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--11 {
    grid-column: span 11;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--11 {
    grid-column: span 11;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--11 {
    grid-column: span 11;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--11 {
    grid-column: span 11;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--12 {
    grid-column: span 12;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--12 {
    grid-column: span 12;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--12 {
    grid-column: span 12;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--12 {
    grid-column: span 12;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--12 {
    grid-column: span 12;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--12 {
    grid-column: span 12;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--12 {
    grid-column: span 12;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--12 {
    grid-column: span 12;
  }
}
@media (max-width: 332px) {
  .grid > .x-ss--13 {
    grid-column: span 13;
  }
}
@media (max-width: 480px) {
  .grid > .x-xs--13 {
    grid-column: span 13;
  }
}
@media (max-width: 576px) {
  .grid > .x-sm--13 {
    grid-column: span 13;
  }
}
@media (max-width: 768px) {
  .grid > .x-md--13 {
    grid-column: span 13;
  }
}
@media (max-width: 992px) {
  .grid > .x-lg--13 {
    grid-column: span 13;
  }
}
@media (max-width: 1200px) {
  .grid > .x-ll--13 {
    grid-column: span 13;
  }
}
@media (max-width: 1600px) {
  .grid > .x-xl--13 {
    grid-column: span 13;
  }
}
@media (max-width: 1920px) {
  .grid > .x-xx--13 {
    grid-column: span 13;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--1 {
    grid-row: span 1;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--1 {
    grid-row: span 1;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--1 {
    grid-row: span 1;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--1 {
    grid-row: span 1;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--1 {
    grid-row: span 1;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--1 {
    grid-row: span 1;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--1 {
    grid-row: span 1;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--1 {
    grid-row: span 1;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--2 {
    grid-row: span 2;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--2 {
    grid-row: span 2;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--2 {
    grid-row: span 2;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--2 {
    grid-row: span 2;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--2 {
    grid-row: span 2;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--2 {
    grid-row: span 2;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--2 {
    grid-row: span 2;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--2 {
    grid-row: span 2;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--3 {
    grid-row: span 3;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--3 {
    grid-row: span 3;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--3 {
    grid-row: span 3;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--3 {
    grid-row: span 3;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--3 {
    grid-row: span 3;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--3 {
    grid-row: span 3;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--3 {
    grid-row: span 3;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--3 {
    grid-row: span 3;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--4 {
    grid-row: span 4;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--4 {
    grid-row: span 4;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--4 {
    grid-row: span 4;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--4 {
    grid-row: span 4;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--4 {
    grid-row: span 4;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--4 {
    grid-row: span 4;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--4 {
    grid-row: span 4;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--4 {
    grid-row: span 4;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--5 {
    grid-row: span 5;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--5 {
    grid-row: span 5;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--5 {
    grid-row: span 5;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--5 {
    grid-row: span 5;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--5 {
    grid-row: span 5;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--5 {
    grid-row: span 5;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--5 {
    grid-row: span 5;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--5 {
    grid-row: span 5;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--6 {
    grid-row: span 6;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--6 {
    grid-row: span 6;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--6 {
    grid-row: span 6;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--6 {
    grid-row: span 6;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--6 {
    grid-row: span 6;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--6 {
    grid-row: span 6;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--6 {
    grid-row: span 6;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--6 {
    grid-row: span 6;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--7 {
    grid-row: span 7;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--7 {
    grid-row: span 7;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--7 {
    grid-row: span 7;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--7 {
    grid-row: span 7;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--7 {
    grid-row: span 7;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--7 {
    grid-row: span 7;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--7 {
    grid-row: span 7;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--7 {
    grid-row: span 7;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--8 {
    grid-row: span 8;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--8 {
    grid-row: span 8;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--8 {
    grid-row: span 8;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--8 {
    grid-row: span 8;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--8 {
    grid-row: span 8;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--8 {
    grid-row: span 8;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--8 {
    grid-row: span 8;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--8 {
    grid-row: span 8;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--9 {
    grid-row: span 9;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--9 {
    grid-row: span 9;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--9 {
    grid-row: span 9;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--9 {
    grid-row: span 9;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--9 {
    grid-row: span 9;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--9 {
    grid-row: span 9;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--9 {
    grid-row: span 9;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--9 {
    grid-row: span 9;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--10 {
    grid-row: span 10;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--10 {
    grid-row: span 10;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--10 {
    grid-row: span 10;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--10 {
    grid-row: span 10;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--10 {
    grid-row: span 10;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--10 {
    grid-row: span 10;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--10 {
    grid-row: span 10;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--10 {
    grid-row: span 10;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--11 {
    grid-row: span 11;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--11 {
    grid-row: span 11;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--11 {
    grid-row: span 11;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--11 {
    grid-row: span 11;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--11 {
    grid-row: span 11;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--11 {
    grid-row: span 11;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--11 {
    grid-row: span 11;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--11 {
    grid-row: span 11;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--12 {
    grid-row: span 12;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--12 {
    grid-row: span 12;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--12 {
    grid-row: span 12;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--12 {
    grid-row: span 12;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--12 {
    grid-row: span 12;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--12 {
    grid-row: span 12;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--12 {
    grid-row: span 12;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--12 {
    grid-row: span 12;
  }
}
@media (max-width: 332px) {
  .grid > .y-ss--13 {
    grid-row: span 13;
  }
}
@media (max-width: 480px) {
  .grid > .y-xs--13 {
    grid-row: span 13;
  }
}
@media (max-width: 576px) {
  .grid > .y-sm--13 {
    grid-row: span 13;
  }
}
@media (max-width: 768px) {
  .grid > .y-md--13 {
    grid-row: span 13;
  }
}
@media (max-width: 992px) {
  .grid > .y-lg--13 {
    grid-row: span 13;
  }
}
@media (max-width: 1200px) {
  .grid > .y-ll--13 {
    grid-row: span 13;
  }
}
@media (max-width: 1600px) {
  .grid > .y-xl--13 {
    grid-row: span 13;
  }
}
@media (max-width: 1920px) {
  .grid > .y-xx--13 {
    grid-row: span 13;
  }
}
.g-6 .align-right {
  grid-column-end: 7;
}

.g-8 .align-right {
  grid-column-end: 9;
}

.g-10 .align-right {
  grid-column-end: 11;
}

.g-12 .align-right {
  grid-column-end: 13;
}

.g-13 .align-right {
  grid-column-end: 14;
}

.flex {
  display: flex;
}

.f--wrap {
  flex-wrap: wrap;
}

.f--nowrap {
  flex-wrap: nowrap;
}

.f--wrap-reverse {
  flex-wrap: wrap-reverse;
}

.f--full {
  flex: 1;
}

.f-direction--row {
  flex-direction: row;
}

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

.f-direction--column {
  flex-direction: column;
}

.f-direction--column-reverse {
  flex-direction: column-reverse;
}

@media (max-width: 332px) {
  .f-direction-ss--row {
    flex-direction: row;
  }
}
@media (max-width: 480px) {
  .f-direction-xs--row {
    flex-direction: row;
  }
}
@media (max-width: 576px) {
  .f-direction-sm--row {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .f-direction-md--row {
    flex-direction: row;
  }
}
@media (max-width: 992px) {
  .f-direction-lg--row {
    flex-direction: row;
  }
}
@media (max-width: 1200px) {
  .f-direction-ll--row {
    flex-direction: row;
  }
}
@media (max-width: 1600px) {
  .f-direction-xl--row {
    flex-direction: row;
  }
}
@media (max-width: 1920px) {
  .f-direction-xx--row {
    flex-direction: row;
  }
}
@media (max-width: 332px) {
  .f-direction-ss--row-reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 480px) {
  .f-direction-xs--row-reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 576px) {
  .f-direction-sm--row-reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .f-direction-md--row-reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 992px) {
  .f-direction-lg--row-reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1200px) {
  .f-direction-ll--row-reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1600px) {
  .f-direction-xl--row-reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1920px) {
  .f-direction-xx--row-reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 332px) {
  .f-direction-ss--column {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .f-direction-xs--column {
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .f-direction-sm--column {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .f-direction-md--column {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .f-direction-lg--column {
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .f-direction-ll--column {
    flex-direction: column;
  }
}
@media (max-width: 1600px) {
  .f-direction-xl--column {
    flex-direction: column;
  }
}
@media (max-width: 1920px) {
  .f-direction-xx--column {
    flex-direction: column;
  }
}
@media (max-width: 332px) {
  .f-direction-ss--column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 480px) {
  .f-direction-xs--column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 576px) {
  .f-direction-sm--column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .f-direction-md--column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 992px) {
  .f-direction-lg--column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1200px) {
  .f-direction-ll--column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1600px) {
  .f-direction-xl--column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1920px) {
  .f-direction-xx--column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 332px) {
  .flex > .f-ss--wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .flex > .f-xs--wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .flex > .f-sm--wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .flex > .f-md--wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .flex > .f-lg--wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 1200px) {
  .flex > .f-ll--wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 1600px) {
  .flex > .f-xl--wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 1920px) {
  .flex > .f-xx--wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 332px) {
  .flex > .f-ss--nowrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 480px) {
  .flex > .f-xs--nowrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 576px) {
  .flex > .f-sm--nowrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 768px) {
  .flex > .f-md--nowrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 992px) {
  .flex > .f-lg--nowrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1200px) {
  .flex > .f-ll--nowrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1600px) {
  .flex > .f-xl--nowrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1920px) {
  .flex > .f-xx--nowrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 332px) {
  .flex > .f-ss--wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 480px) {
  .flex > .f-xs--wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 576px) {
  .flex > .f-sm--wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 768px) {
  .flex > .f-md--wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 992px) {
  .flex > .f-lg--wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 1200px) {
  .flex > .f-ll--wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 1600px) {
  .flex > .f-xl--wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 1920px) {
  .flex > .f-xx--wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
.f--6 > .x--0 {
  flex: 0 0 auto;
  width: 0%;
}

.f--6 > .x--1 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.f--6 > .x--2 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.f--6 > .x--3 {
  flex: 0 0 auto;
  width: 50%;
}

.f--6 > .x--4 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.f--6 > .x--5 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.f--6 > .x--6 {
  flex: 0 0 auto;
  width: 100%;
}

.f--8 > .x--0 {
  flex: 0 0 auto;
  width: 0%;
}

.f--8 > .x--1 {
  flex: 0 0 auto;
  width: 12.5%;
}

.f--8 > .x--2 {
  flex: 0 0 auto;
  width: 25%;
}

.f--8 > .x--3 {
  flex: 0 0 auto;
  width: 37.5%;
}

.f--8 > .x--4 {
  flex: 0 0 auto;
  width: 50%;
}

.f--8 > .x--5 {
  flex: 0 0 auto;
  width: 62.5%;
}

.f--8 > .x--6 {
  flex: 0 0 auto;
  width: 75%;
}

.f--8 > .x--7 {
  flex: 0 0 auto;
  width: 87.5%;
}

.f--8 > .x--8 {
  flex: 0 0 auto;
  width: 100%;
}

.f--10 > .x--0 {
  flex: 0 0 auto;
  width: 0%;
}

.f--10 > .x--1 {
  flex: 0 0 auto;
  width: 10%;
}

.f--10 > .x--2 {
  flex: 0 0 auto;
  width: 20%;
}

.f--10 > .x--3 {
  flex: 0 0 auto;
  width: 30%;
}

.f--10 > .x--4 {
  flex: 0 0 auto;
  width: 40%;
}

.f--10 > .x--5 {
  flex: 0 0 auto;
  width: 50%;
}

.f--10 > .x--6 {
  flex: 0 0 auto;
  width: 60%;
}

.f--10 > .x--7 {
  flex: 0 0 auto;
  width: 70%;
}

.f--10 > .x--8 {
  flex: 0 0 auto;
  width: 80%;
}

.f--10 > .x--9 {
  flex: 0 0 auto;
  width: 90%;
}

.f--10 > .x--10 {
  flex: 0 0 auto;
  width: 100%;
}

.f--12 > .x--0 {
  flex: 0 0 auto;
  width: 0%;
}

.f--12 > .x--1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.f--12 > .x--2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.f--12 > .x--3 {
  flex: 0 0 auto;
  width: 25%;
}

.f--12 > .x--4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.f--12 > .x--5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.f--12 > .x--6 {
  flex: 0 0 auto;
  width: 50%;
}

.f--12 > .x--7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.f--12 > .x--8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.f--12 > .x--9 {
  flex: 0 0 auto;
  width: 75%;
}

.f--12 > .x--10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.f--12 > .x--11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.f--12 > .x--12 {
  flex: 0 0 auto;
  width: 100%;
}

.f--13 > .x--0 {
  flex: 0 0 auto;
  width: 0%;
}

.f--13 > .x--1 {
  flex: 0 0 auto;
  width: 7.6923076923%;
}

.f--13 > .x--2 {
  flex: 0 0 auto;
  width: 15.3846153846%;
}

.f--13 > .x--3 {
  flex: 0 0 auto;
  width: 23.0769230769%;
}

.f--13 > .x--4 {
  flex: 0 0 auto;
  width: 30.7692307692%;
}

.f--13 > .x--5 {
  flex: 0 0 auto;
  width: 38.4615384615%;
}

.f--13 > .x--6 {
  flex: 0 0 auto;
  width: 46.1538461538%;
}

.f--13 > .x--7 {
  flex: 0 0 auto;
  width: 53.8461538462%;
}

.f--13 > .x--8 {
  flex: 0 0 auto;
  width: 61.5384615385%;
}

.f--13 > .x--9 {
  flex: 0 0 auto;
  width: 69.2307692308%;
}

.f--13 > .x--10 {
  flex: 0 0 auto;
  width: 76.9230769231%;
}

.f--13 > .x--11 {
  flex: 0 0 auto;
  width: 84.6153846154%;
}

.f--13 > .x--12 {
  flex: 0 0 auto;
  width: 92.3076923077%;
}

.f--13 > .x--13 {
  flex: 0 0 auto;
  width: 100%;
}

.f--6 > .y--0 {
  flex: 0 0 auto;
  height: 0%;
}

.f--6 > .y--1 {
  flex: 0 0 auto;
  height: 16.6666666667%;
}

.f--6 > .y--2 {
  flex: 0 0 auto;
  height: 33.3333333333%;
}

.f--6 > .y--3 {
  flex: 0 0 auto;
  height: 50%;
}

.f--6 > .y--4 {
  flex: 0 0 auto;
  height: 66.6666666667%;
}

.f--6 > .y--5 {
  flex: 0 0 auto;
  height: 83.3333333333%;
}

.f--6 > .y--6 {
  flex: 0 0 auto;
  height: 100%;
}

.f--8 > .y--0 {
  flex: 0 0 auto;
  height: 0%;
}

.f--8 > .y--1 {
  flex: 0 0 auto;
  height: 12.5%;
}

.f--8 > .y--2 {
  flex: 0 0 auto;
  height: 25%;
}

.f--8 > .y--3 {
  flex: 0 0 auto;
  height: 37.5%;
}

.f--8 > .y--4 {
  flex: 0 0 auto;
  height: 50%;
}

.f--8 > .y--5 {
  flex: 0 0 auto;
  height: 62.5%;
}

.f--8 > .y--6 {
  flex: 0 0 auto;
  height: 75%;
}

.f--8 > .y--7 {
  flex: 0 0 auto;
  height: 87.5%;
}

.f--8 > .y--8 {
  flex: 0 0 auto;
  height: 100%;
}

.f--10 > .y--0 {
  flex: 0 0 auto;
  height: 0%;
}

.f--10 > .y--1 {
  flex: 0 0 auto;
  height: 10%;
}

.f--10 > .y--2 {
  flex: 0 0 auto;
  height: 20%;
}

.f--10 > .y--3 {
  flex: 0 0 auto;
  height: 30%;
}

.f--10 > .y--4 {
  flex: 0 0 auto;
  height: 40%;
}

.f--10 > .y--5 {
  flex: 0 0 auto;
  height: 50%;
}

.f--10 > .y--6 {
  flex: 0 0 auto;
  height: 60%;
}

.f--10 > .y--7 {
  flex: 0 0 auto;
  height: 70%;
}

.f--10 > .y--8 {
  flex: 0 0 auto;
  height: 80%;
}

.f--10 > .y--9 {
  flex: 0 0 auto;
  height: 90%;
}

.f--10 > .y--10 {
  flex: 0 0 auto;
  height: 100%;
}

.f--12 > .y--0 {
  flex: 0 0 auto;
  height: 0%;
}

.f--12 > .y--1 {
  flex: 0 0 auto;
  height: 8.3333333333%;
}

.f--12 > .y--2 {
  flex: 0 0 auto;
  height: 16.6666666667%;
}

.f--12 > .y--3 {
  flex: 0 0 auto;
  height: 25%;
}

.f--12 > .y--4 {
  flex: 0 0 auto;
  height: 33.3333333333%;
}

.f--12 > .y--5 {
  flex: 0 0 auto;
  height: 41.6666666667%;
}

.f--12 > .y--6 {
  flex: 0 0 auto;
  height: 50%;
}

.f--12 > .y--7 {
  flex: 0 0 auto;
  height: 58.3333333333%;
}

.f--12 > .y--8 {
  flex: 0 0 auto;
  height: 66.6666666667%;
}

.f--12 > .y--9 {
  flex: 0 0 auto;
  height: 75%;
}

.f--12 > .y--10 {
  flex: 0 0 auto;
  height: 83.3333333333%;
}

.f--12 > .y--11 {
  flex: 0 0 auto;
  height: 91.6666666667%;
}

.f--12 > .y--12 {
  flex: 0 0 auto;
  height: 100%;
}

.f--13 > .y--0 {
  flex: 0 0 auto;
  height: 0%;
}

.f--13 > .y--1 {
  flex: 0 0 auto;
  height: 7.6923076923%;
}

.f--13 > .y--2 {
  flex: 0 0 auto;
  height: 15.3846153846%;
}

.f--13 > .y--3 {
  flex: 0 0 auto;
  height: 23.0769230769%;
}

.f--13 > .y--4 {
  flex: 0 0 auto;
  height: 30.7692307692%;
}

.f--13 > .y--5 {
  flex: 0 0 auto;
  height: 38.4615384615%;
}

.f--13 > .y--6 {
  flex: 0 0 auto;
  height: 46.1538461538%;
}

.f--13 > .y--7 {
  flex: 0 0 auto;
  height: 53.8461538462%;
}

.f--13 > .y--8 {
  flex: 0 0 auto;
  height: 61.5384615385%;
}

.f--13 > .y--9 {
  flex: 0 0 auto;
  height: 69.2307692308%;
}

.f--13 > .y--10 {
  flex: 0 0 auto;
  height: 76.9230769231%;
}

.f--13 > .y--11 {
  flex: 0 0 auto;
  height: 84.6153846154%;
}

.f--13 > .y--12 {
  flex: 0 0 auto;
  height: 92.3076923077%;
}

.f--13 > .y--13 {
  flex: 0 0 auto;
  height: 100%;
}

@media (max-width: 332px) {
  .f--6 > .x-ss--1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 480px) {
  .f--6 > .x-xs--1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 576px) {
  .f--6 > .x-sm--1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 768px) {
  .f--6 > .x-md--1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 992px) {
  .f--6 > .x-lg--1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 1200px) {
  .f--6 > .x-ll--1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 1600px) {
  .f--6 > .x-xl--1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 1920px) {
  .f--6 > .x-xx--1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 332px) {
  .f--6 > .x-ss--2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 480px) {
  .f--6 > .x-xs--2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 576px) {
  .f--6 > .x-sm--2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 768px) {
  .f--6 > .x-md--2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 992px) {
  .f--6 > .x-lg--2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 1200px) {
  .f--6 > .x-ll--2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 1600px) {
  .f--6 > .x-xl--2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 1920px) {
  .f--6 > .x-xx--2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 332px) {
  .f--6 > .x-ss--3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .f--6 > .x-xs--3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .f--6 > .x-sm--3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 768px) {
  .f--6 > .x-md--3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 992px) {
  .f--6 > .x-lg--3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .f--6 > .x-ll--3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1600px) {
  .f--6 > .x-xl--3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1920px) {
  .f--6 > .x-xx--3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 332px) {
  .f--6 > .x-ss--4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 480px) {
  .f--6 > .x-xs--4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 576px) {
  .f--6 > .x-sm--4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 768px) {
  .f--6 > .x-md--4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 992px) {
  .f--6 > .x-lg--4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 1200px) {
  .f--6 > .x-ll--4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 1600px) {
  .f--6 > .x-xl--4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 1920px) {
  .f--6 > .x-xx--4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 332px) {
  .f--6 > .x-ss--5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 480px) {
  .f--6 > .x-xs--5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 576px) {
  .f--6 > .x-sm--5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 768px) {
  .f--6 > .x-md--5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 992px) {
  .f--6 > .x-lg--5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 1200px) {
  .f--6 > .x-ll--5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 1600px) {
  .f--6 > .x-xl--5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 1920px) {
  .f--6 > .x-xx--5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 332px) {
  .f--6 > .x-ss--6 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .f--6 > .x-xs--6 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .f--6 > .x-sm--6 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .f--6 > .x-md--6 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .f--6 > .x-lg--6 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .f--6 > .x-ll--6 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .f--6 > .x-xl--6 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1920px) {
  .f--6 > .x-xx--6 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 332px) {
  .f--8 > .x-ss--1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}
@media (max-width: 480px) {
  .f--8 > .x-xs--1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}
@media (max-width: 576px) {
  .f--8 > .x-sm--1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}
@media (max-width: 768px) {
  .f--8 > .x-md--1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}
@media (max-width: 992px) {
  .f--8 > .x-lg--1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}
@media (max-width: 1200px) {
  .f--8 > .x-ll--1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}
@media (max-width: 1600px) {
  .f--8 > .x-xl--1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}
@media (max-width: 1920px) {
  .f--8 > .x-xx--1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}
@media (max-width: 332px) {
  .f--8 > .x-ss--2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 480px) {
  .f--8 > .x-xs--2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 576px) {
  .f--8 > .x-sm--2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 768px) {
  .f--8 > .x-md--2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 992px) {
  .f--8 > .x-lg--2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 1200px) {
  .f--8 > .x-ll--2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 1600px) {
  .f--8 > .x-xl--2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 1920px) {
  .f--8 > .x-xx--2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 332px) {
  .f--8 > .x-ss--3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
}
@media (max-width: 480px) {
  .f--8 > .x-xs--3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
}
@media (max-width: 576px) {
  .f--8 > .x-sm--3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
}
@media (max-width: 768px) {
  .f--8 > .x-md--3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
}
@media (max-width: 992px) {
  .f--8 > .x-lg--3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
}
@media (max-width: 1200px) {
  .f--8 > .x-ll--3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
}
@media (max-width: 1600px) {
  .f--8 > .x-xl--3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
}
@media (max-width: 1920px) {
  .f--8 > .x-xx--3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
}
@media (max-width: 332px) {
  .f--8 > .x-ss--4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .f--8 > .x-xs--4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .f--8 > .x-sm--4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 768px) {
  .f--8 > .x-md--4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 992px) {
  .f--8 > .x-lg--4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .f--8 > .x-ll--4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1600px) {
  .f--8 > .x-xl--4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1920px) {
  .f--8 > .x-xx--4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 332px) {
  .f--8 > .x-ss--5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
}
@media (max-width: 480px) {
  .f--8 > .x-xs--5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
}
@media (max-width: 576px) {
  .f--8 > .x-sm--5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
}
@media (max-width: 768px) {
  .f--8 > .x-md--5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
}
@media (max-width: 992px) {
  .f--8 > .x-lg--5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
}
@media (max-width: 1200px) {
  .f--8 > .x-ll--5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
}
@media (max-width: 1600px) {
  .f--8 > .x-xl--5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
}
@media (max-width: 1920px) {
  .f--8 > .x-xx--5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
}
@media (max-width: 332px) {
  .f--8 > .x-ss--6 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 480px) {
  .f--8 > .x-xs--6 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 576px) {
  .f--8 > .x-sm--6 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 768px) {
  .f--8 > .x-md--6 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 992px) {
  .f--8 > .x-lg--6 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 1200px) {
  .f--8 > .x-ll--6 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 1600px) {
  .f--8 > .x-xl--6 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 1920px) {
  .f--8 > .x-xx--6 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 332px) {
  .f--8 > .x-ss--7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
}
@media (max-width: 480px) {
  .f--8 > .x-xs--7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
}
@media (max-width: 576px) {
  .f--8 > .x-sm--7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
}
@media (max-width: 768px) {
  .f--8 > .x-md--7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
}
@media (max-width: 992px) {
  .f--8 > .x-lg--7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
}
@media (max-width: 1200px) {
  .f--8 > .x-ll--7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
}
@media (max-width: 1600px) {
  .f--8 > .x-xl--7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
}
@media (max-width: 1920px) {
  .f--8 > .x-xx--7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
}
@media (max-width: 332px) {
  .f--8 > .x-ss--8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .f--8 > .x-xs--8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .f--8 > .x-sm--8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .f--8 > .x-md--8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .f--8 > .x-lg--8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .f--8 > .x-ll--8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .f--8 > .x-xl--8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1920px) {
  .f--8 > .x-xx--8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--1 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--1 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--1 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--1 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--1 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--1 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--1 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--1 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--3 {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--3 {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--3 {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--3 {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--3 {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--3 {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--3 {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--3 {
    flex: 0 0 auto;
    width: 30%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--4 {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--4 {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--4 {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--4 {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--4 {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--4 {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--4 {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--4 {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--5 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--5 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--5 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--5 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--5 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--5 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--5 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--5 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--6 {
    flex: 0 0 auto;
    width: 60%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--6 {
    flex: 0 0 auto;
    width: 60%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--6 {
    flex: 0 0 auto;
    width: 60%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--6 {
    flex: 0 0 auto;
    width: 60%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--6 {
    flex: 0 0 auto;
    width: 60%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--6 {
    flex: 0 0 auto;
    width: 60%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--6 {
    flex: 0 0 auto;
    width: 60%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--6 {
    flex: 0 0 auto;
    width: 60%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--7 {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--7 {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--7 {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--7 {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--7 {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--7 {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--7 {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--7 {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--8 {
    flex: 0 0 auto;
    width: 80%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--8 {
    flex: 0 0 auto;
    width: 80%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--8 {
    flex: 0 0 auto;
    width: 80%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--8 {
    flex: 0 0 auto;
    width: 80%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--8 {
    flex: 0 0 auto;
    width: 80%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--8 {
    flex: 0 0 auto;
    width: 80%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--8 {
    flex: 0 0 auto;
    width: 80%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--8 {
    flex: 0 0 auto;
    width: 80%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--9 {
    flex: 0 0 auto;
    width: 90%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--9 {
    flex: 0 0 auto;
    width: 90%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--9 {
    flex: 0 0 auto;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--9 {
    flex: 0 0 auto;
    width: 90%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--9 {
    flex: 0 0 auto;
    width: 90%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--9 {
    flex: 0 0 auto;
    width: 90%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--9 {
    flex: 0 0 auto;
    width: 90%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--9 {
    flex: 0 0 auto;
    width: 90%;
  }
}
@media (max-width: 332px) {
  .f--10 > .x-ss--10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .f--10 > .x-xs--10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .f--10 > .x-sm--10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .f--10 > .x-md--10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .f--10 > .x-lg--10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .f--10 > .x-ll--10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .f--10 > .x-xl--10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1920px) {
  .f--10 > .x-xx--10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (max-width: 332px) {
  .f--12 > .x-ss--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .f--12 > .x-xs--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .f--12 > .x-sm--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .f--12 > .x-md--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .f--12 > .x-lg--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .f--12 > .x-ll--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .f--12 > .x-xl--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1920px) {
  .f--12 > .x-xx--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--1 {
    flex: 0 0 auto;
    width: 7.6923076923%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--1 {
    flex: 0 0 auto;
    width: 7.6923076923%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--1 {
    flex: 0 0 auto;
    width: 7.6923076923%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--1 {
    flex: 0 0 auto;
    width: 7.6923076923%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--1 {
    flex: 0 0 auto;
    width: 7.6923076923%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--1 {
    flex: 0 0 auto;
    width: 7.6923076923%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--1 {
    flex: 0 0 auto;
    width: 7.6923076923%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--1 {
    flex: 0 0 auto;
    width: 7.6923076923%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--2 {
    flex: 0 0 auto;
    width: 15.3846153846%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--2 {
    flex: 0 0 auto;
    width: 15.3846153846%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--2 {
    flex: 0 0 auto;
    width: 15.3846153846%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--2 {
    flex: 0 0 auto;
    width: 15.3846153846%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--2 {
    flex: 0 0 auto;
    width: 15.3846153846%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--2 {
    flex: 0 0 auto;
    width: 15.3846153846%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--2 {
    flex: 0 0 auto;
    width: 15.3846153846%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--2 {
    flex: 0 0 auto;
    width: 15.3846153846%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--3 {
    flex: 0 0 auto;
    width: 23.0769230769%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--3 {
    flex: 0 0 auto;
    width: 23.0769230769%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--3 {
    flex: 0 0 auto;
    width: 23.0769230769%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--3 {
    flex: 0 0 auto;
    width: 23.0769230769%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--3 {
    flex: 0 0 auto;
    width: 23.0769230769%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--3 {
    flex: 0 0 auto;
    width: 23.0769230769%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--3 {
    flex: 0 0 auto;
    width: 23.0769230769%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--3 {
    flex: 0 0 auto;
    width: 23.0769230769%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--4 {
    flex: 0 0 auto;
    width: 30.7692307692%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--4 {
    flex: 0 0 auto;
    width: 30.7692307692%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--4 {
    flex: 0 0 auto;
    width: 30.7692307692%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--4 {
    flex: 0 0 auto;
    width: 30.7692307692%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--4 {
    flex: 0 0 auto;
    width: 30.7692307692%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--4 {
    flex: 0 0 auto;
    width: 30.7692307692%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--4 {
    flex: 0 0 auto;
    width: 30.7692307692%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--4 {
    flex: 0 0 auto;
    width: 30.7692307692%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--5 {
    flex: 0 0 auto;
    width: 38.4615384615%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--5 {
    flex: 0 0 auto;
    width: 38.4615384615%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--5 {
    flex: 0 0 auto;
    width: 38.4615384615%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--5 {
    flex: 0 0 auto;
    width: 38.4615384615%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--5 {
    flex: 0 0 auto;
    width: 38.4615384615%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--5 {
    flex: 0 0 auto;
    width: 38.4615384615%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--5 {
    flex: 0 0 auto;
    width: 38.4615384615%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--5 {
    flex: 0 0 auto;
    width: 38.4615384615%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--6 {
    flex: 0 0 auto;
    width: 46.1538461538%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--6 {
    flex: 0 0 auto;
    width: 46.1538461538%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--6 {
    flex: 0 0 auto;
    width: 46.1538461538%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--6 {
    flex: 0 0 auto;
    width: 46.1538461538%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--6 {
    flex: 0 0 auto;
    width: 46.1538461538%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--6 {
    flex: 0 0 auto;
    width: 46.1538461538%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--6 {
    flex: 0 0 auto;
    width: 46.1538461538%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--6 {
    flex: 0 0 auto;
    width: 46.1538461538%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--7 {
    flex: 0 0 auto;
    width: 53.8461538462%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--7 {
    flex: 0 0 auto;
    width: 53.8461538462%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--7 {
    flex: 0 0 auto;
    width: 53.8461538462%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--7 {
    flex: 0 0 auto;
    width: 53.8461538462%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--7 {
    flex: 0 0 auto;
    width: 53.8461538462%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--7 {
    flex: 0 0 auto;
    width: 53.8461538462%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--7 {
    flex: 0 0 auto;
    width: 53.8461538462%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--7 {
    flex: 0 0 auto;
    width: 53.8461538462%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--8 {
    flex: 0 0 auto;
    width: 61.5384615385%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--8 {
    flex: 0 0 auto;
    width: 61.5384615385%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--8 {
    flex: 0 0 auto;
    width: 61.5384615385%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--8 {
    flex: 0 0 auto;
    width: 61.5384615385%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--8 {
    flex: 0 0 auto;
    width: 61.5384615385%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--8 {
    flex: 0 0 auto;
    width: 61.5384615385%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--8 {
    flex: 0 0 auto;
    width: 61.5384615385%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--8 {
    flex: 0 0 auto;
    width: 61.5384615385%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--9 {
    flex: 0 0 auto;
    width: 69.2307692308%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--9 {
    flex: 0 0 auto;
    width: 69.2307692308%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--9 {
    flex: 0 0 auto;
    width: 69.2307692308%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--9 {
    flex: 0 0 auto;
    width: 69.2307692308%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--9 {
    flex: 0 0 auto;
    width: 69.2307692308%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--9 {
    flex: 0 0 auto;
    width: 69.2307692308%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--9 {
    flex: 0 0 auto;
    width: 69.2307692308%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--9 {
    flex: 0 0 auto;
    width: 69.2307692308%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--10 {
    flex: 0 0 auto;
    width: 76.9230769231%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--10 {
    flex: 0 0 auto;
    width: 76.9230769231%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--10 {
    flex: 0 0 auto;
    width: 76.9230769231%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--10 {
    flex: 0 0 auto;
    width: 76.9230769231%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--10 {
    flex: 0 0 auto;
    width: 76.9230769231%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--10 {
    flex: 0 0 auto;
    width: 76.9230769231%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--10 {
    flex: 0 0 auto;
    width: 76.9230769231%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--10 {
    flex: 0 0 auto;
    width: 76.9230769231%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--11 {
    flex: 0 0 auto;
    width: 84.6153846154%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--11 {
    flex: 0 0 auto;
    width: 84.6153846154%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--11 {
    flex: 0 0 auto;
    width: 84.6153846154%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--11 {
    flex: 0 0 auto;
    width: 84.6153846154%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--11 {
    flex: 0 0 auto;
    width: 84.6153846154%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--11 {
    flex: 0 0 auto;
    width: 84.6153846154%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--11 {
    flex: 0 0 auto;
    width: 84.6153846154%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--11 {
    flex: 0 0 auto;
    width: 84.6153846154%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--12 {
    flex: 0 0 auto;
    width: 92.3076923077%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--12 {
    flex: 0 0 auto;
    width: 92.3076923077%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--12 {
    flex: 0 0 auto;
    width: 92.3076923077%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--12 {
    flex: 0 0 auto;
    width: 92.3076923077%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--12 {
    flex: 0 0 auto;
    width: 92.3076923077%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--12 {
    flex: 0 0 auto;
    width: 92.3076923077%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--12 {
    flex: 0 0 auto;
    width: 92.3076923077%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--12 {
    flex: 0 0 auto;
    width: 92.3076923077%;
  }
}
@media (max-width: 332px) {
  .f--13 > .x-ss--13 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .f--13 > .x-xs--13 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .f--13 > .x-sm--13 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .f--13 > .x-md--13 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .f--13 > .x-lg--13 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .f--13 > .x-ll--13 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .f--13 > .x-xl--13 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1920px) {
  .f--13 > .x-xx--13 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.flex > .f-grow--1 {
  flex-grow: 1;
}

.flex > .f-grow--2 {
  flex-grow: 2;
}

.flex > .f-grow--3 {
  flex-grow: 3;
}

.flex > .f-grow--4 {
  flex-grow: 4;
}

.flex > .f-grow--5 {
  flex-grow: 5;
}

.flex > .f-grow--6 {
  flex-grow: 6;
}

.flex > .f-grow--7 {
  flex-grow: 7;
}

.flex > .f-grow--8 {
  flex-grow: 8;
}

.flex > .f-grow--9 {
  flex-grow: 9;
}

.flex > .f-grow--10 {
  flex-grow: 10;
}

.flex > .f-grow--11 {
  flex-grow: 11;
}

.flex > .f-grow--12 {
  flex-grow: 12;
}

.flex > .f-grow--13 {
  flex-grow: 13;
}

.flex > .f-basis--0p {
  flex-basis: 0%;
}

.flex > .f-basis--5p {
  flex-basis: 5%;
}

.flex > .f-basis--10p {
  flex-basis: 10%;
}

.flex > .f-basis--15p {
  flex-basis: 15%;
}

.flex > .f-basis--20p {
  flex-basis: 20%;
}

.flex > .f-basis--25p {
  flex-basis: 25%;
}

.flex > .f-basis--30p {
  flex-basis: 30%;
}

.flex > .f-basis--35p {
  flex-basis: 35%;
}

.flex > .f-basis--40p {
  flex-basis: 40%;
}

.flex > .f-basis--45p {
  flex-basis: 45%;
}

.flex > .f-basis--50p {
  flex-basis: 50%;
}

.flex > .f-basis--55p {
  flex-basis: 55%;
}

.flex > .f-basis--60p {
  flex-basis: 60%;
}

.flex > .f-basis--65p {
  flex-basis: 65%;
}

.flex > .f-basis--70p {
  flex-basis: 70%;
}

.flex > .f-basis--75p {
  flex-basis: 75%;
}

.flex > .f-basis--80p {
  flex-basis: 80%;
}

.flex > .f-basis--85p {
  flex-basis: 85%;
}

.flex > .f-basis--90p {
  flex-basis: 90%;
}

.flex > .f-basis--95p {
  flex-basis: 95%;
}

.flex > .f-basis--100p {
  flex-basis: 100%;
}

.flex > .f-basis--auto {
  flex-basis: auto;
}

.flex > .f-basis--max-content {
  flex-basis: max-content;
}

.flex > .f-basis--min-content {
  flex-basis: min-content;
}

.flex > .f-basis--fit-content {
  flex-basis: fit-content;
}

.flex > .f-basis--content {
  flex-basis: content;
}

.flex > .f-basis--inherit {
  flex-basis: inherit;
}

.flex > .f-basis--initial {
  flex-basis: initial;
}

.flex > .f-basis--revert {
  flex-basis: revert;
}

.flex > .f-basis--revert-layer {
  flex-basis: revert-layer;
}

.flex > .f-basis--unset {
  flex-basis: unset;
}

.order--1 {
  order: 1;
}

.order--2 {
  order: 2;
}

.order--3 {
  order: 3;
}

.order--4 {
  order: 4;
}

.order--5 {
  order: 5;
}

.order--6 {
  order: 6;
}

.order--7 {
  order: 7;
}

.order--8 {
  order: 8;
}

.order--9 {
  order: 9;
}

.order--10 {
  order: 10;
}

.order--11 {
  order: 11;
}

.order--12 {
  order: 12;
}

.order--13 {
  order: 13;
}

@media (max-width: 332px) {
  .order-ss--1 {
    order: 1;
  }
  .order-ss--2 {
    order: 2;
  }
  .order-ss--3 {
    order: 3;
  }
  .order-ss--4 {
    order: 4;
  }
  .order-ss--5 {
    order: 5;
  }
  .order-ss--6 {
    order: 6;
  }
  .order-ss--7 {
    order: 7;
  }
  .order-ss--8 {
    order: 8;
  }
  .order-ss--9 {
    order: 9;
  }
  .order-ss--10 {
    order: 10;
  }
  .order-ss--11 {
    order: 11;
  }
  .order-ss--12 {
    order: 12;
  }
  .order-ss--13 {
    order: 13;
  }
}
@media (max-width: 480px) {
  .order-xs--1 {
    order: 1;
  }
  .order-xs--2 {
    order: 2;
  }
  .order-xs--3 {
    order: 3;
  }
  .order-xs--4 {
    order: 4;
  }
  .order-xs--5 {
    order: 5;
  }
  .order-xs--6 {
    order: 6;
  }
  .order-xs--7 {
    order: 7;
  }
  .order-xs--8 {
    order: 8;
  }
  .order-xs--9 {
    order: 9;
  }
  .order-xs--10 {
    order: 10;
  }
  .order-xs--11 {
    order: 11;
  }
  .order-xs--12 {
    order: 12;
  }
  .order-xs--13 {
    order: 13;
  }
}
@media (max-width: 576px) {
  .order-sm--1 {
    order: 1;
  }
  .order-sm--2 {
    order: 2;
  }
  .order-sm--3 {
    order: 3;
  }
  .order-sm--4 {
    order: 4;
  }
  .order-sm--5 {
    order: 5;
  }
  .order-sm--6 {
    order: 6;
  }
  .order-sm--7 {
    order: 7;
  }
  .order-sm--8 {
    order: 8;
  }
  .order-sm--9 {
    order: 9;
  }
  .order-sm--10 {
    order: 10;
  }
  .order-sm--11 {
    order: 11;
  }
  .order-sm--12 {
    order: 12;
  }
  .order-sm--13 {
    order: 13;
  }
}
@media (max-width: 768px) {
  .order-md--1 {
    order: 1;
  }
  .order-md--2 {
    order: 2;
  }
  .order-md--3 {
    order: 3;
  }
  .order-md--4 {
    order: 4;
  }
  .order-md--5 {
    order: 5;
  }
  .order-md--6 {
    order: 6;
  }
  .order-md--7 {
    order: 7;
  }
  .order-md--8 {
    order: 8;
  }
  .order-md--9 {
    order: 9;
  }
  .order-md--10 {
    order: 10;
  }
  .order-md--11 {
    order: 11;
  }
  .order-md--12 {
    order: 12;
  }
  .order-md--13 {
    order: 13;
  }
}
@media (max-width: 992px) {
  .order-lg--1 {
    order: 1;
  }
  .order-lg--2 {
    order: 2;
  }
  .order-lg--3 {
    order: 3;
  }
  .order-lg--4 {
    order: 4;
  }
  .order-lg--5 {
    order: 5;
  }
  .order-lg--6 {
    order: 6;
  }
  .order-lg--7 {
    order: 7;
  }
  .order-lg--8 {
    order: 8;
  }
  .order-lg--9 {
    order: 9;
  }
  .order-lg--10 {
    order: 10;
  }
  .order-lg--11 {
    order: 11;
  }
  .order-lg--12 {
    order: 12;
  }
  .order-lg--13 {
    order: 13;
  }
}
@media (max-width: 1200px) {
  .order-ll--1 {
    order: 1;
  }
  .order-ll--2 {
    order: 2;
  }
  .order-ll--3 {
    order: 3;
  }
  .order-ll--4 {
    order: 4;
  }
  .order-ll--5 {
    order: 5;
  }
  .order-ll--6 {
    order: 6;
  }
  .order-ll--7 {
    order: 7;
  }
  .order-ll--8 {
    order: 8;
  }
  .order-ll--9 {
    order: 9;
  }
  .order-ll--10 {
    order: 10;
  }
  .order-ll--11 {
    order: 11;
  }
  .order-ll--12 {
    order: 12;
  }
  .order-ll--13 {
    order: 13;
  }
}
@media (max-width: 1600px) {
  .order-xl--1 {
    order: 1;
  }
  .order-xl--2 {
    order: 2;
  }
  .order-xl--3 {
    order: 3;
  }
  .order-xl--4 {
    order: 4;
  }
  .order-xl--5 {
    order: 5;
  }
  .order-xl--6 {
    order: 6;
  }
  .order-xl--7 {
    order: 7;
  }
  .order-xl--8 {
    order: 8;
  }
  .order-xl--9 {
    order: 9;
  }
  .order-xl--10 {
    order: 10;
  }
  .order-xl--11 {
    order: 11;
  }
  .order-xl--12 {
    order: 12;
  }
  .order-xl--13 {
    order: 13;
  }
}
@media (max-width: 1920px) {
  .order-xx--1 {
    order: 1;
  }
  .order-xx--2 {
    order: 2;
  }
  .order-xx--3 {
    order: 3;
  }
  .order-xx--4 {
    order: 4;
  }
  .order-xx--5 {
    order: 5;
  }
  .order-xx--6 {
    order: 6;
  }
  .order-xx--7 {
    order: 7;
  }
  .order-xx--8 {
    order: 8;
  }
  .order-xx--9 {
    order: 9;
  }
  .order-xx--10 {
    order: 10;
  }
  .order-xx--11 {
    order: 11;
  }
  .order-xx--12 {
    order: 12;
  }
  .order-xx--13 {
    order: 13;
  }
}
.order--revers :last-child {
  order: -1;
}

@media (max-width: 332px) {
  .hide--ss {
    display: none;
  }
}
@media (max-width: 480px) {
  .hide--xs {
    display: none;
  }
}
@media (max-width: 576px) {
  .hide--sm {
    display: none;
  }
}
@media (max-width: 768px) {
  .hide--md {
    display: none;
  }
}
@media (max-width: 992px) {
  .hide--lg {
    display: none;
  }
}
@media (max-width: 1200px) {
  .hide--ll {
    display: none;
  }
}
@media (max-width: 1600px) {
  .hide--xl {
    display: none;
  }
}
@media (max-width: 1920px) {
  .hide--xx {
    display: none;
  }
}
@media (max-width: 332px) {
  .show--ss {
    display: block;
  }
}
@media (max-width: 480px) {
  .show--xs {
    display: block;
  }
}
@media (max-width: 576px) {
  .show--sm {
    display: block;
  }
}
@media (max-width: 768px) {
  .show--md {
    display: block;
  }
}
@media (max-width: 992px) {
  .show--lg {
    display: block;
  }
}
@media (max-width: 1200px) {
  .show--ll {
    display: block;
  }
}
@media (max-width: 1600px) {
  .show--xl {
    display: block;
  }
}
@media (max-width: 1920px) {
  .show--xx {
    display: block;
  }
}
.position--unset {
  position: unset;
}

.position--fixed {
  position: fixed;
}

.position--static {
  position: static;
}

.position--sticky {
  position: sticky;
}

.position--inherit {
  position: inherit;
}

.position--initial {
  position: initial;
}

.position--absolute {
  position: absolute;
}

.position--relative {
  position: relative;
}

@media (max-width: 332px) {
  .position-ss--unset {
    position: unset;
  }
  .position-ss--fixed {
    position: fixed;
  }
  .position-ss--static {
    position: static;
  }
  .position-ss--sticky {
    position: sticky;
  }
  .position-ss--inherit {
    position: inherit;
  }
  .position-ss--initial {
    position: initial;
  }
  .position-ss--absolute {
    position: absolute;
  }
  .position-ss--relative {
    position: relative;
  }
}
@media (max-width: 480px) {
  .position-xs--unset {
    position: unset;
  }
  .position-xs--fixed {
    position: fixed;
  }
  .position-xs--static {
    position: static;
  }
  .position-xs--sticky {
    position: sticky;
  }
  .position-xs--inherit {
    position: inherit;
  }
  .position-xs--initial {
    position: initial;
  }
  .position-xs--absolute {
    position: absolute;
  }
  .position-xs--relative {
    position: relative;
  }
}
@media (max-width: 576px) {
  .position-sm--unset {
    position: unset;
  }
  .position-sm--fixed {
    position: fixed;
  }
  .position-sm--static {
    position: static;
  }
  .position-sm--sticky {
    position: sticky;
  }
  .position-sm--inherit {
    position: inherit;
  }
  .position-sm--initial {
    position: initial;
  }
  .position-sm--absolute {
    position: absolute;
  }
  .position-sm--relative {
    position: relative;
  }
}
@media (max-width: 768px) {
  .position-md--unset {
    position: unset;
  }
  .position-md--fixed {
    position: fixed;
  }
  .position-md--static {
    position: static;
  }
  .position-md--sticky {
    position: sticky;
  }
  .position-md--inherit {
    position: inherit;
  }
  .position-md--initial {
    position: initial;
  }
  .position-md--absolute {
    position: absolute;
  }
  .position-md--relative {
    position: relative;
  }
}
@media (max-width: 992px) {
  .position-lg--unset {
    position: unset;
  }
  .position-lg--fixed {
    position: fixed;
  }
  .position-lg--static {
    position: static;
  }
  .position-lg--sticky {
    position: sticky;
  }
  .position-lg--inherit {
    position: inherit;
  }
  .position-lg--initial {
    position: initial;
  }
  .position-lg--absolute {
    position: absolute;
  }
  .position-lg--relative {
    position: relative;
  }
}
@media (max-width: 1200px) {
  .position-ll--unset {
    position: unset;
  }
  .position-ll--fixed {
    position: fixed;
  }
  .position-ll--static {
    position: static;
  }
  .position-ll--sticky {
    position: sticky;
  }
  .position-ll--inherit {
    position: inherit;
  }
  .position-ll--initial {
    position: initial;
  }
  .position-ll--absolute {
    position: absolute;
  }
  .position-ll--relative {
    position: relative;
  }
}
@media (max-width: 1600px) {
  .position-xl--unset {
    position: unset;
  }
  .position-xl--fixed {
    position: fixed;
  }
  .position-xl--static {
    position: static;
  }
  .position-xl--sticky {
    position: sticky;
  }
  .position-xl--inherit {
    position: inherit;
  }
  .position-xl--initial {
    position: initial;
  }
  .position-xl--absolute {
    position: absolute;
  }
  .position-xl--relative {
    position: relative;
  }
}
@media (max-width: 1920px) {
  .position-xx--unset {
    position: unset;
  }
  .position-xx--fixed {
    position: fixed;
  }
  .position-xx--static {
    position: static;
  }
  .position-xx--sticky {
    position: sticky;
  }
  .position-xx--inherit {
    position: inherit;
  }
  .position-xx--initial {
    position: initial;
  }
  .position-xx--absolute {
    position: absolute;
  }
  .position-xx--relative {
    position: relative;
  }
}
.border--0 {
  border-width: 0rem;
}

.border--1 {
  border-width: 0.0555864369rem;
}

.border--2 {
  border-width: 0.1111728738rem;
}

.border--3 {
  border-width: 0.1667593107rem;
}

.border--5 {
  border-width: 0.2779321845rem;
}

.border--8 {
  border-width: 0.4446914953rem;
}

.border--13 {
  border-width: 0.7226236798rem;
}

.border--21 {
  border-width: 1.1673151751rem;
}

.border--34 {
  border-width: 1.8899388549rem;
}

.border--55 {
  border-width: 3.05725403rem;
}

.border--89 {
  border-width: 4.9471928849rem;
}

.border--144 {
  border-width: 8.004446915rem;
}

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

.border-top--1 {
  border-top: 0.0555864369rem;
}

.border-top--2 {
  border-top: 0.1111728738rem;
}

.border-top--3 {
  border-top: 0.1667593107rem;
}

.border-top--5 {
  border-top: 0.2779321845rem;
}

.border-top--8 {
  border-top: 0.4446914953rem;
}

.border-top--13 {
  border-top: 0.7226236798rem;
}

.border-top--21 {
  border-top: 1.1673151751rem;
}

.border-top--34 {
  border-top: 1.8899388549rem;
}

.border-top--55 {
  border-top: 3.05725403rem;
}

.border-top--89 {
  border-top: 4.9471928849rem;
}

.border-top--144 {
  border-top: 8.004446915rem;
}

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

.border-right--1 {
  border-right: 0.0555864369rem;
}

.border-right--2 {
  border-right: 0.1111728738rem;
}

.border-right--3 {
  border-right: 0.1667593107rem;
}

.border-right--5 {
  border-right: 0.2779321845rem;
}

.border-right--8 {
  border-right: 0.4446914953rem;
}

.border-right--13 {
  border-right: 0.7226236798rem;
}

.border-right--21 {
  border-right: 1.1673151751rem;
}

.border-right--34 {
  border-right: 1.8899388549rem;
}

.border-right--55 {
  border-right: 3.05725403rem;
}

.border-right--89 {
  border-right: 4.9471928849rem;
}

.border-right--144 {
  border-right: 8.004446915rem;
}

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

.border-bottom--1 {
  border-bottom: 0.0555864369rem;
}

.border-bottom--2 {
  border-bottom: 0.1111728738rem;
}

.border-bottom--3 {
  border-bottom: 0.1667593107rem;
}

.border-bottom--5 {
  border-bottom: 0.2779321845rem;
}

.border-bottom--8 {
  border-bottom: 0.4446914953rem;
}

.border-bottom--13 {
  border-bottom: 0.7226236798rem;
}

.border-bottom--21 {
  border-bottom: 1.1673151751rem;
}

.border-bottom--34 {
  border-bottom: 1.8899388549rem;
}

.border-bottom--55 {
  border-bottom: 3.05725403rem;
}

.border-bottom--89 {
  border-bottom: 4.9471928849rem;
}

.border-bottom--144 {
  border-bottom: 8.004446915rem;
}

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

.border-left--1 {
  border-left: 0.0555864369rem;
}

.border-left--2 {
  border-left: 0.1111728738rem;
}

.border-left--3 {
  border-left: 0.1667593107rem;
}

.border-left--5 {
  border-left: 0.2779321845rem;
}

.border-left--8 {
  border-left: 0.4446914953rem;
}

.border-left--13 {
  border-left: 0.7226236798rem;
}

.border-left--21 {
  border-left: 1.1673151751rem;
}

.border-left--34 {
  border-left: 1.8899388549rem;
}

.border-left--55 {
  border-left: 3.05725403rem;
}

.border-left--89 {
  border-left: 4.9471928849rem;
}

.border-left--144 {
  border-left: 8.004446915rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-top--main {
  border-top-color: var(--main);
  border-top-color: var(--main);
}

.border-top--text {
  border-top-color: var(--text);
  border-top-color: var(--text);
}

.border-top--link {
  border-top-color: var(link);
  border-top-color: var(--link);
}

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

.border-top--secondary {
  border-top-color: var(--secondary);
  border-top-color: var(--secondary);
}

.border-top--danger {
  border-top-color: var(--danger);
  border-top-color: var(--danger);
}

.border-top--success {
  border-top-color: var(--success);
  border-top-color: var(--success);
}

.border-top--warning {
  border-top-color: var(--warning);
  border-top-color: var(--warning);
}

.border-top--info {
  border-top-color: var(--info);
  border-top-color: var(--info);
}

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

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

.border-top--shade {
  border-top-color: var(--shade);
  border-top-color: var(--shade);
}

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

.border-top--silent {
  border-top-color: var(--silent);
  border-top-color: var(--silent);
}

.border-top--sea {
  border-top-color: var(--sea);
  border-top-color: var(--sea);
}

.border-top--paper {
  border-top-color: var(--paper);
  border-top-color: var(--paper);
}

.border-top--off {
  border-top-color: var(--off);
  border-top-color: var(--off);
}

.border-top--day {
  border-top-color: var(--day);
  border-top-color: var(--day);
}

.border-top--warm {
  border-top-color: var(--warm);
  border-top-color: var(--warm);
}

.border-top--transparent {
  border-top-color: var(--transparent);
  border-top-color: var(--transparent);
}

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

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

.border-right--main {
  border-right-color: var(--main);
  border-right-color: var(--main);
}

.border-right--text {
  border-right-color: var(--text);
  border-right-color: var(--text);
}

.border-right--link {
  border-right-color: var(link);
  border-right-color: var(--link);
}

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

.border-right--secondary {
  border-right-color: var(--secondary);
  border-right-color: var(--secondary);
}

.border-right--danger {
  border-right-color: var(--danger);
  border-right-color: var(--danger);
}

.border-right--success {
  border-right-color: var(--success);
  border-right-color: var(--success);
}

.border-right--warning {
  border-right-color: var(--warning);
  border-right-color: var(--warning);
}

.border-right--info {
  border-right-color: var(--info);
  border-right-color: var(--info);
}

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

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

.border-right--shade {
  border-right-color: var(--shade);
  border-right-color: var(--shade);
}

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

.border-right--silent {
  border-right-color: var(--silent);
  border-right-color: var(--silent);
}

.border-right--sea {
  border-right-color: var(--sea);
  border-right-color: var(--sea);
}

.border-right--paper {
  border-right-color: var(--paper);
  border-right-color: var(--paper);
}

.border-right--off {
  border-right-color: var(--off);
  border-right-color: var(--off);
}

.border-right--day {
  border-right-color: var(--day);
  border-right-color: var(--day);
}

.border-right--warm {
  border-right-color: var(--warm);
  border-right-color: var(--warm);
}

.border-right--transparent {
  border-right-color: var(--transparent);
  border-right-color: var(--transparent);
}

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

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

.border-bottom--main {
  border-bottom-color: var(--main);
  border-bottom-color: var(--main);
}

.border-bottom--text {
  border-bottom-color: var(--text);
  border-bottom-color: var(--text);
}

.border-bottom--link {
  border-bottom-color: var(link);
  border-bottom-color: var(--link);
}

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

.border-bottom--secondary {
  border-bottom-color: var(--secondary);
  border-bottom-color: var(--secondary);
}

.border-bottom--danger {
  border-bottom-color: var(--danger);
  border-bottom-color: var(--danger);
}

.border-bottom--success {
  border-bottom-color: var(--success);
  border-bottom-color: var(--success);
}

.border-bottom--warning {
  border-bottom-color: var(--warning);
  border-bottom-color: var(--warning);
}

.border-bottom--info {
  border-bottom-color: var(--info);
  border-bottom-color: var(--info);
}

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

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

.border-bottom--shade {
  border-bottom-color: var(--shade);
  border-bottom-color: var(--shade);
}

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

.border-bottom--silent {
  border-bottom-color: var(--silent);
  border-bottom-color: var(--silent);
}

.border-bottom--sea {
  border-bottom-color: var(--sea);
  border-bottom-color: var(--sea);
}

.border-bottom--paper {
  border-bottom-color: var(--paper);
  border-bottom-color: var(--paper);
}

.border-bottom--off {
  border-bottom-color: var(--off);
  border-bottom-color: var(--off);
}

.border-bottom--day {
  border-bottom-color: var(--day);
  border-bottom-color: var(--day);
}

.border-bottom--warm {
  border-bottom-color: var(--warm);
  border-bottom-color: var(--warm);
}

.border-bottom--transparent {
  border-bottom-color: var(--transparent);
  border-bottom-color: var(--transparent);
}

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

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

.border-left--main {
  border-left-color: var(--main);
  border-left-color: var(--main);
}

.border-left--text {
  border-left-color: var(--text);
  border-left-color: var(--text);
}

.border-left--link {
  border-left-color: var(link);
  border-left-color: var(--link);
}

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

.border-left--secondary {
  border-left-color: var(--secondary);
  border-left-color: var(--secondary);
}

.border-left--danger {
  border-left-color: var(--danger);
  border-left-color: var(--danger);
}

.border-left--success {
  border-left-color: var(--success);
  border-left-color: var(--success);
}

.border-left--warning {
  border-left-color: var(--warning);
  border-left-color: var(--warning);
}

.border-left--info {
  border-left-color: var(--info);
  border-left-color: var(--info);
}

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

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

.border-left--shade {
  border-left-color: var(--shade);
  border-left-color: var(--shade);
}

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

.border-left--silent {
  border-left-color: var(--silent);
  border-left-color: var(--silent);
}

.border-left--sea {
  border-left-color: var(--sea);
  border-left-color: var(--sea);
}

.border-left--paper {
  border-left-color: var(--paper);
  border-left-color: var(--paper);
}

.border-left--off {
  border-left-color: var(--off);
  border-left-color: var(--off);
}

.border-left--day {
  border-left-color: var(--day);
  border-left-color: var(--day);
}

.border-left--warm {
  border-left-color: var(--warm);
  border-left-color: var(--warm);
}

.border-left--transparent {
  border-left-color: var(--transparent);
  border-left-color: var(--transparent);
}

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

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

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

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

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

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

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

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

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

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

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

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

.border-top--0 {
  border-top-width: 0rem;
}

.border-top--1 {
  border-top-width: 0.0555864369rem;
}

.border-top--2 {
  border-top-width: 0.1111728738rem;
}

.border-top--3 {
  border-top-width: 0.1667593107rem;
}

.border-top--5 {
  border-top-width: 0.2779321845rem;
}

.border-top--8 {
  border-top-width: 0.4446914953rem;
}

.border-top--13 {
  border-top-width: 0.7226236798rem;
}

.border-top--21 {
  border-top-width: 1.1673151751rem;
}

.border-top--34 {
  border-top-width: 1.8899388549rem;
}

.border-top--55 {
  border-top-width: 3.05725403rem;
}

.border-top--89 {
  border-top-width: 4.9471928849rem;
}

.border-top--144 {
  border-top-width: 8.004446915rem;
}

.border-right--0 {
  border-right-width: 0rem;
}

.border-right--1 {
  border-right-width: 0.0555864369rem;
}

.border-right--2 {
  border-right-width: 0.1111728738rem;
}

.border-right--3 {
  border-right-width: 0.1667593107rem;
}

.border-right--5 {
  border-right-width: 0.2779321845rem;
}

.border-right--8 {
  border-right-width: 0.4446914953rem;
}

.border-right--13 {
  border-right-width: 0.7226236798rem;
}

.border-right--21 {
  border-right-width: 1.1673151751rem;
}

.border-right--34 {
  border-right-width: 1.8899388549rem;
}

.border-right--55 {
  border-right-width: 3.05725403rem;
}

.border-right--89 {
  border-right-width: 4.9471928849rem;
}

.border-right--144 {
  border-right-width: 8.004446915rem;
}

.border-bottom--0 {
  border-bottom-width: 0rem;
}

.border-bottom--1 {
  border-bottom-width: 0.0555864369rem;
}

.border-bottom--2 {
  border-bottom-width: 0.1111728738rem;
}

.border-bottom--3 {
  border-bottom-width: 0.1667593107rem;
}

.border-bottom--5 {
  border-bottom-width: 0.2779321845rem;
}

.border-bottom--8 {
  border-bottom-width: 0.4446914953rem;
}

.border-bottom--13 {
  border-bottom-width: 0.7226236798rem;
}

.border-bottom--21 {
  border-bottom-width: 1.1673151751rem;
}

.border-bottom--34 {
  border-bottom-width: 1.8899388549rem;
}

.border-bottom--55 {
  border-bottom-width: 3.05725403rem;
}

.border-bottom--89 {
  border-bottom-width: 4.9471928849rem;
}

.border-bottom--144 {
  border-bottom-width: 8.004446915rem;
}

.border-left--0 {
  border-left-width: 0rem;
}

.border-left--1 {
  border-left-width: 0.0555864369rem;
}

.border-left--2 {
  border-left-width: 0.1111728738rem;
}

.border-left--3 {
  border-left-width: 0.1667593107rem;
}

.border-left--5 {
  border-left-width: 0.2779321845rem;
}

.border-left--8 {
  border-left-width: 0.4446914953rem;
}

.border-left--13 {
  border-left-width: 0.7226236798rem;
}

.border-left--21 {
  border-left-width: 1.1673151751rem;
}

.border-left--34 {
  border-left-width: 1.8899388549rem;
}

.border-left--55 {
  border-left-width: 3.05725403rem;
}

.border-left--89 {
  border-left-width: 4.9471928849rem;
}

.border-left--144 {
  border-left-width: 8.004446915rem;
}

.border--0p {
  border-radius: 0%;
}

.border--5p {
  border-radius: 5%;
}

.border--10p {
  border-radius: 10%;
}

.border--15p {
  border-radius: 15%;
}

.border--20p {
  border-radius: 20%;
}

.border--25p {
  border-radius: 25%;
}

.border--30p {
  border-radius: 30%;
}

.border--35p {
  border-radius: 35%;
}

.border--40p {
  border-radius: 40%;
}

.border--45p {
  border-radius: 45%;
}

.border--50p {
  border-radius: 50%;
}

.border--55p {
  border-radius: 55%;
}

.border--60p {
  border-radius: 60%;
}

.border--65p {
  border-radius: 65%;
}

.border--70p {
  border-radius: 70%;
}

.border--75p {
  border-radius: 75%;
}

.border--80p {
  border-radius: 80%;
}

.border--85p {
  border-radius: 85%;
}

.border--90p {
  border-radius: 90%;
}

.border--95p {
  border-radius: 95%;
}

.border--100p {
  border-radius: 100%;
}

.border-top-left--0p {
  border-top-left-radius: 0%;
}

.border-top-left--5p {
  border-top-left-radius: 5%;
}

.border-top-left--10p {
  border-top-left-radius: 10%;
}

.border-top-left--15p {
  border-top-left-radius: 15%;
}

.border-top-left--20p {
  border-top-left-radius: 20%;
}

.border-top-left--25p {
  border-top-left-radius: 25%;
}

.border-top-left--30p {
  border-top-left-radius: 30%;
}

.border-top-left--35p {
  border-top-left-radius: 35%;
}

.border-top-left--40p {
  border-top-left-radius: 40%;
}

.border-top-left--45p {
  border-top-left-radius: 45%;
}

.border-top-left--50p {
  border-top-left-radius: 50%;
}

.border-top-left--55p {
  border-top-left-radius: 55%;
}

.border-top-left--60p {
  border-top-left-radius: 60%;
}

.border-top-left--65p {
  border-top-left-radius: 65%;
}

.border-top-left--70p {
  border-top-left-radius: 70%;
}

.border-top-left--75p {
  border-top-left-radius: 75%;
}

.border-top-left--80p {
  border-top-left-radius: 80%;
}

.border-top-left--85p {
  border-top-left-radius: 85%;
}

.border-top-left--90p {
  border-top-left-radius: 90%;
}

.border-top-left--95p {
  border-top-left-radius: 95%;
}

.border-top-left--100p {
  border-top-left-radius: 100%;
}

.border-top-right--0p {
  border-top-right-radius: 0%;
}

.border-top-right--5p {
  border-top-right-radius: 5%;
}

.border-top-right--10p {
  border-top-right-radius: 10%;
}

.border-top-right--15p {
  border-top-right-radius: 15%;
}

.border-top-right--20p {
  border-top-right-radius: 20%;
}

.border-top-right--25p {
  border-top-right-radius: 25%;
}

.border-top-right--30p {
  border-top-right-radius: 30%;
}

.border-top-right--35p {
  border-top-right-radius: 35%;
}

.border-top-right--40p {
  border-top-right-radius: 40%;
}

.border-top-right--45p {
  border-top-right-radius: 45%;
}

.border-top-right--50p {
  border-top-right-radius: 50%;
}

.border-top-right--55p {
  border-top-right-radius: 55%;
}

.border-top-right--60p {
  border-top-right-radius: 60%;
}

.border-top-right--65p {
  border-top-right-radius: 65%;
}

.border-top-right--70p {
  border-top-right-radius: 70%;
}

.border-top-right--75p {
  border-top-right-radius: 75%;
}

.border-top-right--80p {
  border-top-right-radius: 80%;
}

.border-top-right--85p {
  border-top-right-radius: 85%;
}

.border-top-right--90p {
  border-top-right-radius: 90%;
}

.border-top-right--95p {
  border-top-right-radius: 95%;
}

.border-top-right--100p {
  border-top-right-radius: 100%;
}

.border-bottom-right--0p {
  border-bottom-right-radius: 0%;
}

.border-bottom-right--5p {
  border-bottom-right-radius: 5%;
}

.border-bottom-right--10p {
  border-bottom-right-radius: 10%;
}

.border-bottom-right--15p {
  border-bottom-right-radius: 15%;
}

.border-bottom-right--20p {
  border-bottom-right-radius: 20%;
}

.border-bottom-right--25p {
  border-bottom-right-radius: 25%;
}

.border-bottom-right--30p {
  border-bottom-right-radius: 30%;
}

.border-bottom-right--35p {
  border-bottom-right-radius: 35%;
}

.border-bottom-right--40p {
  border-bottom-right-radius: 40%;
}

.border-bottom-right--45p {
  border-bottom-right-radius: 45%;
}

.border-bottom-right--50p {
  border-bottom-right-radius: 50%;
}

.border-bottom-right--55p {
  border-bottom-right-radius: 55%;
}

.border-bottom-right--60p {
  border-bottom-right-radius: 60%;
}

.border-bottom-right--65p {
  border-bottom-right-radius: 65%;
}

.border-bottom-right--70p {
  border-bottom-right-radius: 70%;
}

.border-bottom-right--75p {
  border-bottom-right-radius: 75%;
}

.border-bottom-right--80p {
  border-bottom-right-radius: 80%;
}

.border-bottom-right--85p {
  border-bottom-right-radius: 85%;
}

.border-bottom-right--90p {
  border-bottom-right-radius: 90%;
}

.border-bottom-right--95p {
  border-bottom-right-radius: 95%;
}

.border-bottom-right--100p {
  border-bottom-right-radius: 100%;
}

.border-bottom-left--0p {
  border-bottom-left-radius: 0%;
}

.border-bottom-left--5p {
  border-bottom-left-radius: 5%;
}

.border-bottom-left--10p {
  border-bottom-left-radius: 10%;
}

.border-bottom-left--15p {
  border-bottom-left-radius: 15%;
}

.border-bottom-left--20p {
  border-bottom-left-radius: 20%;
}

.border-bottom-left--25p {
  border-bottom-left-radius: 25%;
}

.border-bottom-left--30p {
  border-bottom-left-radius: 30%;
}

.border-bottom-left--35p {
  border-bottom-left-radius: 35%;
}

.border-bottom-left--40p {
  border-bottom-left-radius: 40%;
}

.border-bottom-left--45p {
  border-bottom-left-radius: 45%;
}

.border-bottom-left--50p {
  border-bottom-left-radius: 50%;
}

.border-bottom-left--55p {
  border-bottom-left-radius: 55%;
}

.border-bottom-left--60p {
  border-bottom-left-radius: 60%;
}

.border-bottom-left--65p {
  border-bottom-left-radius: 65%;
}

.border-bottom-left--70p {
  border-bottom-left-radius: 70%;
}

.border-bottom-left--75p {
  border-bottom-left-radius: 75%;
}

.border-bottom-left--80p {
  border-bottom-left-radius: 80%;
}

.border-bottom-left--85p {
  border-bottom-left-radius: 85%;
}

.border-bottom-left--90p {
  border-bottom-left-radius: 90%;
}

.border-bottom-left--95p {
  border-bottom-left-radius: 95%;
}

.border-bottom-left--100p {
  border-bottom-left-radius: 100%;
}

.animate {
  transition: all 350ms ease-in-out;
}

.w--0 {
  width: 0px;
}

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

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

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

.w--5 {
  width: 5px;
}

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

.w--13 {
  width: 13px;
}

.w--21 {
  width: 21px;
}

.w--34 {
  width: 34px;
}
.w--34 {
  width: 34px;
}

.w--55 {
  width: 55px;
}

.w--89 {
  width: 89px;
}

.w--144 {
  width: 144px;
}

.w--unset {
  width: unset;
}

.w--initial {
  width: initial;
}

.w--inherit {
  width: inherit;
}

.w--0r {
  width: 0rem;
}

.w--1r {
  width: 1rem;
}

.w--2r {
  width: 2rem;
}

.w--3r {
  width: 3rem;
}

.w--5r {
  width: 5rem;
}

.w--8r {
  width: 8rem;
}

.w--13r {
  width: 13rem;
}

.w--21r {
  width: 21rem;
}

.w--34r {
  width: 34rem;
}

.w--55r {
  width: 55rem;
}

.w--89r {
  width: 89rem;
}

.w--144r {
  width: 144rem;
}

.w--unset {
  width: unset;
}

.w--initial {
  width: initial;
}

.w--inherit {
  width: inherit;
}

.w--0p {
  width: 0%;
}

.w--5p {
  width: 5%;
}

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

.w--15p {
  width: 15%;
}

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

.w--25p {
  width: 25%;
}

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

.w--35p {
  width: 35%;
}

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

.w--45p {
  width: 45%;
}

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

.w--55p {
  width: 55%;
}

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

.w--65p {
  width: 65%;
}

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

.w--75p {
  width: 75%;
}

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

.w--85p {
  width: 85%;
}

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

.w--95p {
  width: 95%;
}

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

.w--0vw {
  width: 0vw;
}

.w--5vw {
  width: 5vw;
}

.w--10vw {
  width: 10vw;
}

.w--15vw {
  width: 15vw;
}

.w--20vw {
  width: 20vw;
}

.w--25vw {
  width: 25vw;
}

.w--30vw {
  width: 30vw;
}

.w--35vw {
  width: 35vw;
}

.w--40vw {
  width: 40vw;
}

.w--45vw {
  width: 45vw;
}

.w--50vw {
  width: 50vw;
}

.w--55vw {
  width: 55vw;
}

.w--60vw {
  width: 60vw;
}

.w--65vw {
  width: 65vw;
}

.w--70vw {
  width: 70vw;
}

.w--75vw {
  width: 75vw;
}

.w--80vw {
  width: 80vw;
}

.w--85vw {
  width: 85vw;
}

.w--90vw {
  width: 90vw;
}

.w--95vw {
  width: 95vw;
}

.w--100vw {
  width: 100vw;
}

.w--0vh {
  width: 0vh;
}

.w--5vh {
  width: 5vh;
}

.w--10vh {
  width: 10vh;
}

.w--15vh {
  width: 15vh;
}

.w--20vh {
  width: 20vh;
}

.w--25vh {
  width: 25vh;
}

.w--30vh {
  width: 30vh;
}

.w--35vh {
  width: 35vh;
}

.w--40vh {
  width: 40vh;
}

.w--45vh {
  width: 45vh;
}

.w--50vh {
  width: 50vh;
}

.w--55vh {
  width: 55vh;
}

.w--60vh {
  width: 60vh;
}

.w--65vh {
  width: 65vh;
}

.w--70vh {
  width: 70vh;
}

.w--75vh {
  width: 75vh;
}

.w--80vh {
  width: 80vh;
}

.w--85vh {
  width: 85vh;
}

.w--90vh {
  width: 90vh;
}

.w--95vh {
  width: 95vh;
}

.w--100vh {
  width: 100vh;
}

.h--0 {
  height: 0px;
}

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

.h--2 {
  height: 2px;
}

.h--3 {
  height: 3px;
}

.h--5 {
  height: 5px;
}

.h--8 {
  height: 8px;
}

.h--13 {
  height: 13px;
}

.h--21 {
  height: 21px;
}

.h--34 {
  height: 34px;
}

.h--55 {
  height: 55px;
}

.h--89 {
  height: 89px;
}

.h--144 {
  height: 144px;
}

.h--unset {
  height: unset;
}

.h--initial {
  height: initial;
}

.h--inherit {
  height: inherit;
}

.h--0r {
  height: 0rem;
}

.h--1r {
  height: 1rem;
}

.h--2r {
  height: 2rem;
}

.h--3r {
  height: 3rem;
}

.h--5r {
  height: 5rem;
}

.h--8r {
  height: 8rem;
}

.h--13r {
  height: 13rem;
}

.h--21r {
  height: 21rem;
}

.h--34r {
  height: 34rem;
}

.h--55r {
  height: 55rem;
}

.h--89r {
  height: 89rem;
}

.h--144r {
  height: 144rem;
}

.h--unset {
  height: unset;
}

.h--initial {
  height: initial;
}

.h--inherit {
  height: inherit;
}

.h--0p {
  height: 0%;
}

.h--5p {
  height: 5%;
}

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

.h--15p {
  height: 15%;
}

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

.h--25p {
  height: 25%;
}

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

.h--35p {
  height: 35%;
}

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

.h--45p {
  height: 45%;
}

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

.h--55p {
  height: 55%;
}

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

.h--65p {
  height: 65%;
}

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

.h--75p {
  height: 75%;
}

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

.h--85p {
  height: 85%;
}

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

.h--95p {
  height: 95%;
}

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

.h--0vw {
  height: 0vw;
}

.h--5vw {
  height: 5vw;
}

.h--10vw {
  height: 10vw;
}

.h--15vw {
  height: 15vw;
}

.h--20vw {
  height: 20vw;
}

.h--25vw {
  height: 25vw;
}

.h--30vw {
  height: 30vw;
}

.h--35vw {
  height: 35vw;
}

.h--40vw {
  height: 40vw;
}

.h--45vw {
  height: 45vw;
}

.h--50vw {
  height: 50vw;
}

.h--55vw {
  height: 55vw;
}

.h--60vw {
  height: 60vw;
}

.h--65vw {
  height: 65vw;
}

.h--70vw {
  height: 70vw;
}

.h--75vw {
  height: 75vw;
}

.h--80vw {
  height: 80vw;
}

.h--85vw {
  height: 85vw;
}

.h--90vw {
  height: 90vw;
}

.h--95vw {
  height: 95vw;
}

.h--100vw {
  height: 100vw;
}

.h--0vh {
  height: 0vh;
}

.h--5vh {
  height: 5vh;
}

.h--10vh {
  height: 10vh;
}

.h--15vh {
  height: 15vh;
}

.h--20vh {
  height: 20vh;
}

.h--25vh {
  height: 25vh;
}

.h--30vh {
  height: 30vh;
}

.h--35vh {
  height: 35vh;
}

.h--40vh {
  height: 40vh;
}

.h--45vh {
  height: 45vh;
}

.h--50vh {
  height: 50vh;
}

.h--55vh {
  height: 55vh;
}

.h--60vh {
  height: 60vh;
}

.h--65vh {
  height: 65vh;
}

.h--70vh {
  height: 70vh;
}

.h--75vh {
  height: 75vh;
}

.h--80vh {
  height: 80vh;
}

.h--85vh {
  height: 85vh;
}

.h--90vh {
  height: 90vh;
}

.h--95vh {
  height: 95vh;
}

.h--100vh {
  height: 100vh;
}

@media (max-width: 332px) {
  .w-ss--0 {
    width: 0px;
  }
  .w-ss--1 {
    width: 1px;
  }
  .w-ss--2 {
    width: 2px;
  }
  .w-ss--3 {
    width: 3px;
  }
  .w-ss--5 {
    width: 5px;
  }
  .w-ss--8 {
    width: 8px;
  }
  .w-ss--13 {
    width: 13px;
  }
  .w-ss--21 {
    width: 21px;
  }
  .w-ss--34 {
    width: 34px;
  }
  .w-ss--55 {
    width: 55px;
  }
  .w-ss--89 {
    width: 89px;
  }
  .w-ss--144 {
    width: 144px;
  }
  .w-ss--0r {
    width: 0rem;
  }
  .w-ss--1r {
    width: 1rem;
  }
  .w-ss--2r {
    width: 2rem;
  }
  .w-ss--3r {
    width: 3rem;
  }
  .w-ss--5r {
    width: 5rem;
  }
  .w-ss--8r {
    width: 8rem;
  }
  .w-ss--13r {
    width: 13rem;
  }
  .w-ss--21r {
    width: 21rem;
  }
  .w-ss--34r {
    width: 34rem;
  }
  .w-ss--55r {
    width: 55rem;
  }
  .w-ss--89r {
    width: 89rem;
  }
  .w-ss--144r {
    width: 144rem;
  }
  .w-ss--0p {
    width: 0%;
  }
  .w-ss--5p {
    width: 5%;
  }
  .w-ss--10p {
    width: 10%;
  }
  .w-ss--15p {
    width: 15%;
  }
  .w-ss--20p {
    width: 20%;
  }
  .w-ss--25p {
    width: 25%;
  }
  .w-ss--30p {
    width: 30%;
  }
  .w-ss--35p {
    width: 35%;
  }
  .w-ss--40p {
    width: 40%;
  }
  .w-ss--45p {
    width: 45%;
  }
  .w-ss--50p {
    width: 50%;
  }
  .w-ss--55p {
    width: 55%;
  }
  .w-ss--60p {
    width: 60%;
  }
  .w-ss--65p {
    width: 65%;
  }
  .w-ss--70p {
    width: 70%;
  }
  .w-ss--75p {
    width: 75%;
  }
  .w-ss--80p {
    width: 80%;
  }
  .w-ss--85p {
    width: 85%;
  }
  .w-ss--90p {
    width: 90%;
  }
  .w-ss--95p {
    width: 95%;
  }
  .w-ss--100p {
    width: 100%;
  }
  .w-ss--0vw {
    width: 0vw;
  }
  .w-ss--5vw {
    width: 5vw;
  }
  .w-ss--10vw {
    width: 10vw;
  }
  .w-ss--15vw {
    width: 15vw;
  }
  .w-ss--20vw {
    width: 20vw;
  }
  .w-ss--25vw {
    width: 25vw;
  }
  .w-ss--30vw {
    width: 30vw;
  }
  .w-ss--35vw {
    width: 35vw;
  }
  .w-ss--40vw {
    width: 40vw;
  }
  .w-ss--45vw {
    width: 45vw;
  }
  .w-ss--50vw {
    width: 50vw;
  }
  .w-ss--55vw {
    width: 55vw;
  }
  .w-ss--60vw {
    width: 60vw;
  }
  .w-ss--65vw {
    width: 65vw;
  }
  .w-ss--70vw {
    width: 70vw;
  }
  .w-ss--75vw {
    width: 75vw;
  }
  .w-ss--80vw {
    width: 80vw;
  }
  .w-ss--85vw {
    width: 85vw;
  }
  .w-ss--90vw {
    width: 90vw;
  }
  .w-ss--95vw {
    width: 95vw;
  }
  .w-ss--100vw {
    width: 100vw;
  }
  .w-ss--0vh {
    width: 0vh;
  }
  .w-ss--5vh {
    width: 5vh;
  }
  .w-ss--10vh {
    width: 10vh;
  }
  .w-ss--15vh {
    width: 15vh;
  }
  .w-ss--20vh {
    width: 20vh;
  }
  .w-ss--25vh {
    width: 25vh;
  }
  .w-ss--30vh {
    width: 30vh;
  }
  .w-ss--35vh {
    width: 35vh;
  }
  .w-ss--40vh {
    width: 40vh;
  }
  .w-ss--45vh {
    width: 45vh;
  }
  .w-ss--50vh {
    width: 50vh;
  }
  .w-ss--55vh {
    width: 55vh;
  }
  .w-ss--60vh {
    width: 60vh;
  }
  .w-ss--65vh {
    width: 65vh;
  }
  .w-ss--70vh {
    width: 70vh;
  }
  .w-ss--75vh {
    width: 75vh;
  }
  .w-ss--80vh {
    width: 80vh;
  }
  .w-ss--85vh {
    width: 85vh;
  }
  .w-ss--90vh {
    width: 90vh;
  }
  .w-ss--95vh {
    width: 95vh;
  }
  .w-ss--100vh {
    width: 100vh;
  }
  .h-ss--0 {
    height: 0px;
  }
  .h-ss--1 {
    height: 1px;
  }
  .h-ss--2 {
    height: 2px;
  }
  .h-ss--3 {
    height: 3px;
  }
  .h-ss--5 {
    height: 5px;
  }
  .h-ss--8 {
    height: 8px;
  }
  .h-ss--13 {
    height: 13px;
  }
  .h-ss--21 {
    height: 21px;
  }
  .h-ss--34 {
    height: 34px;
  }
  .h-ss--55 {
    height: 55px;
  }
  .h-ss--89 {
    height: 89px;
  }
  .h-ss--144 {
    height: 144px;
  }
  .h-ss--0r {
    height: 0rem;
  }
  .h-ss--1r {
    height: 1rem;
  }
  .h-ss--2r {
    height: 2rem;
  }
  .h-ss--3r {
    height: 3rem;
  }
  .h-ss--5r {
    height: 5rem;
  }
  .h-ss--8r {
    height: 8rem;
  }
  .h-ss--13r {
    height: 13rem;
  }
  .h-ss--21r {
    height: 21rem;
  }
  .h-ss--34r {
    height: 34rem;
  }
  .h-ss--55r {
    height: 55rem;
  }
  .h-ss--89r {
    height: 89rem;
  }
  .h-ss--144r {
    height: 144rem;
  }
  .h-ss--0p {
    height: 0%;
  }
  .h-ss--5p {
    height: 5%;
  }
  .h-ss--10p {
    height: 10%;
  }
  .h-ss--15p {
    height: 15%;
  }
  .h-ss--20p {
    height: 20%;
  }
  .h-ss--25p {
    height: 25%;
  }
  .h-ss--30p {
    height: 30%;
  }
  .h-ss--35p {
    height: 35%;
  }
  .h-ss--40p {
    height: 40%;
  }
  .h-ss--45p {
    height: 45%;
  }
  .h-ss--50p {
    height: 50%;
  }
  .h-ss--55p {
    height: 55%;
  }
  .h-ss--60p {
    height: 60%;
  }
  .h-ss--65p {
    height: 65%;
  }
  .h-ss--70p {
    height: 70%;
  }
  .h-ss--75p {
    height: 75%;
  }
  .h-ss--80p {
    height: 80%;
  }
  .h-ss--85p {
    height: 85%;
  }
  .h-ss--90p {
    height: 90%;
  }
  .h-ss--95p {
    height: 95%;
  }
  .h-ss--100p {
    height: 100%;
  }
  .h-ss--0vw {
    height: 0vw;
  }
  .h-ss--5vw {
    height: 5vw;
  }
  .h-ss--10vw {
    height: 10vw;
  }
  .h-ss--15vw {
    height: 15vw;
  }
  .h-ss--20vw {
    height: 20vw;
  }
  .h-ss--25vw {
    height: 25vw;
  }
  .h-ss--30vw {
    height: 30vw;
  }
  .h-ss--35vw {
    height: 35vw;
  }
  .h-ss--40vw {
    height: 40vw;
  }
  .h-ss--45vw {
    height: 45vw;
  }
  .h-ss--50vw {
    height: 50vw;
  }
  .h-ss--55vw {
    height: 55vw;
  }
  .h-ss--60vw {
    height: 60vw;
  }
  .h-ss--65vw {
    height: 65vw;
  }
  .h-ss--70vw {
    height: 70vw;
  }
  .h-ss--75vw {
    height: 75vw;
  }
  .h-ss--80vw {
    height: 80vw;
  }
  .h-ss--85vw {
    height: 85vw;
  }
  .h-ss--90vw {
    height: 90vw;
  }
  .h-ss--95vw {
    height: 95vw;
  }
  .h-ss--100vw {
    height: 100vw;
  }
  .h-ss--0vh {
    height: 0vh;
  }
  .h-ss--5vh {
    height: 5vh;
  }
  .h-ss--10vh {
    height: 10vh;
  }
  .h-ss--15vh {
    height: 15vh;
  }
  .h-ss--20vh {
    height: 20vh;
  }
  .h-ss--25vh {
    height: 25vh;
  }
  .h-ss--30vh {
    height: 30vh;
  }
  .h-ss--35vh {
    height: 35vh;
  }
  .h-ss--40vh {
    height: 40vh;
  }
  .h-ss--45vh {
    height: 45vh;
  }
  .h-ss--50vh {
    height: 50vh;
  }
  .h-ss--55vh {
    height: 55vh;
  }
  .h-ss--60vh {
    height: 60vh;
  }
  .h-ss--65vh {
    height: 65vh;
  }
  .h-ss--70vh {
    height: 70vh;
  }
  .h-ss--75vh {
    height: 75vh;
  }
  .h-ss--80vh {
    height: 80vh;
  }
  .h-ss--85vh {
    height: 85vh;
  }
  .h-ss--90vh {
    height: 90vh;
  }
  .h-ss--95vh {
    height: 95vh;
  }
  .h-ss--100vh {
    height: 100vh;
  }
}
@media (max-width: 480px) {
  .w-xs--0 {
    width: 0px;
  }
  .w-xs--1 {
    width: 1px;
  }
  .w-xs--2 {
    width: 2px;
  }
  .w-xs--3 {
    width: 3px;
  }
  .w-xs--5 {
    width: 5px;
  }
  .w-xs--8 {
    width: 8px;
  }
  .w-xs--13 {
    width: 13px;
  }
  .w-xs--21 {
    width: 21px;
  }
  .w-xs--34 {
    width: 34px;
  }
  .w-xs--55 {
    width: 55px;
  }
  .w-xs--89 {
    width: 89px;
  }
  .w-xs--144 {
    width: 144px;
  }
  .w-xs--0r {
    width: 0rem;
  }
  .w-xs--1r {
    width: 1rem;
  }
  .w-xs--2r {
    width: 2rem;
  }
  .w-xs--3r {
    width: 3rem;
  }
  .w-xs--5r {
    width: 5rem;
  }
  .w-xs--8r {
    width: 8rem;
  }
  .w-xs--13r {
    width: 13rem;
  }
  .w-xs--21r {
    width: 21rem;
  }
  .w-xs--34r {
    width: 34rem;
  }
  .w-xs--55r {
    width: 55rem;
  }
  .w-xs--89r {
    width: 89rem;
  }
  .w-xs--144r {
    width: 144rem;
  }
  .w-xs--0p {
    width: 0%;
  }
  .w-xs--5p {
    width: 5%;
  }
  .w-xs--10p {
    width: 10%;
  }
  .w-xs--15p {
    width: 15%;
  }
  .w-xs--20p {
    width: 20%;
  }
  .w-xs--25p {
    width: 25%;
  }
  .w-xs--30p {
    width: 30%;
  }
  .w-xs--35p {
    width: 35%;
  }
  .w-xs--40p {
    width: 40%;
  }
  .w-xs--45p {
    width: 45%;
  }
  .w-xs--50p {
    width: 50%;
  }
  .w-xs--55p {
    width: 55%;
  }
  .w-xs--60p {
    width: 60%;
  }
  .w-xs--65p {
    width: 65%;
  }
  .w-xs--70p {
    width: 70%;
  }
  .w-xs--75p {
    width: 75%;
  }
  .w-xs--80p {
    width: 80%;
  }
  .w-xs--85p {
    width: 85%;
  }
  .w-xs--90p {
    width: 90%;
  }
  .w-xs--95p {
    width: 95%;
  }
  .w-xs--100p {
    width: 100%;
  }
  .w-xs--0vw {
    width: 0vw;
  }
  .w-xs--5vw {
    width: 5vw;
  }
  .w-xs--10vw {
    width: 10vw;
  }
  .w-xs--15vw {
    width: 15vw;
  }
  .w-xs--20vw {
    width: 20vw;
  }
  .w-xs--25vw {
    width: 25vw;
  }
  .w-xs--30vw {
    width: 30vw;
  }
  .w-xs--35vw {
    width: 35vw;
  }
  .w-xs--40vw {
    width: 40vw;
  }
  .w-xs--45vw {
    width: 45vw;
  }
  .w-xs--50vw {
    width: 50vw;
  }
  .w-xs--55vw {
    width: 55vw;
  }
  .w-xs--60vw {
    width: 60vw;
  }
  .w-xs--65vw {
    width: 65vw;
  }
  .w-xs--70vw {
    width: 70vw;
  }
  .w-xs--75vw {
    width: 75vw;
  }
  .w-xs--80vw {
    width: 80vw;
  }
  .w-xs--85vw {
    width: 85vw;
  }
  .w-xs--90vw {
    width: 90vw;
  }
  .w-xs--95vw {
    width: 95vw;
  }
  .w-xs--100vw {
    width: 100vw;
  }
  .w-xs--0vh {
    width: 0vh;
  }
  .w-xs--5vh {
    width: 5vh;
  }
  .w-xs--10vh {
    width: 10vh;
  }
  .w-xs--15vh {
    width: 15vh;
  }
  .w-xs--20vh {
    width: 20vh;
  }
  .w-xs--25vh {
    width: 25vh;
  }
  .w-xs--30vh {
    width: 30vh;
  }
  .w-xs--35vh {
    width: 35vh;
  }
  .w-xs--40vh {
    width: 40vh;
  }
  .w-xs--45vh {
    width: 45vh;
  }
  .w-xs--50vh {
    width: 50vh;
  }
  .w-xs--55vh {
    width: 55vh;
  }
  .w-xs--60vh {
    width: 60vh;
  }
  .w-xs--65vh {
    width: 65vh;
  }
  .w-xs--70vh {
    width: 70vh;
  }
  .w-xs--75vh {
    width: 75vh;
  }
  .w-xs--80vh {
    width: 80vh;
  }
  .w-xs--85vh {
    width: 85vh;
  }
  .w-xs--90vh {
    width: 90vh;
  }
  .w-xs--95vh {
    width: 95vh;
  }
  .w-xs--100vh {
    width: 100vh;
  }
  .h-xs--0 {
    height: 0px;
  }
  .h-xs--1 {
    height: 1px;
  }
  .h-xs--2 {
    height: 2px;
  }
  .h-xs--3 {
    height: 3px;
  }
  .h-xs--5 {
    height: 5px;
  }
  .h-xs--8 {
    height: 8px;
  }
  .h-xs--13 {
    height: 13px;
  }
  .h-xs--21 {
    height: 21px;
  }
  .h-xs--34 {
    height: 34px;
  }
  .h-xs--55 {
    height: 55px;
  }
  .h-xs--89 {
    height: 89px;
  }
  .h-xs--144 {
    height: 144px;
  }
  .h-xs--0r {
    height: 0rem;
  }
  .h-xs--1r {
    height: 1rem;
  }
  .h-xs--2r {
    height: 2rem;
  }
  .h-xs--3r {
    height: 3rem;
  }
  .h-xs--5r {
    height: 5rem;
  }
  .h-xs--8r {
    height: 8rem;
  }
  .h-xs--13r {
    height: 13rem;
  }
  .h-xs--21r {
    height: 21rem;
  }
  .h-xs--34r {
    height: 34rem;
  }
  .h-xs--55r {
    height: 55rem;
  }
  .h-xs--89r {
    height: 89rem;
  }
  .h-xs--144r {
    height: 144rem;
  }
  .h-xs--0p {
    height: 0%;
  }
  .h-xs--5p {
    height: 5%;
  }
  .h-xs--10p {
    height: 10%;
  }
  .h-xs--15p {
    height: 15%;
  }
  .h-xs--20p {
    height: 20%;
  }
  .h-xs--25p {
    height: 25%;
  }
  .h-xs--30p {
    height: 30%;
  }
  .h-xs--35p {
    height: 35%;
  }
  .h-xs--40p {
    height: 40%;
  }
  .h-xs--45p {
    height: 45%;
  }
  .h-xs--50p {
    height: 50%;
  }
  .h-xs--55p {
    height: 55%;
  }
  .h-xs--60p {
    height: 60%;
  }
  .h-xs--65p {
    height: 65%;
  }
  .h-xs--70p {
    height: 70%;
  }
  .h-xs--75p {
    height: 75%;
  }
  .h-xs--80p {
    height: 80%;
  }
  .h-xs--85p {
    height: 85%;
  }
  .h-xs--90p {
    height: 90%;
  }
  .h-xs--95p {
    height: 95%;
  }
  .h-xs--100p {
    height: 100%;
  }
  .h-xs--0vw {
    height: 0vw;
  }
  .h-xs--5vw {
    height: 5vw;
  }
  .h-xs--10vw {
    height: 10vw;
  }
  .h-xs--15vw {
    height: 15vw;
  }
  .h-xs--20vw {
    height: 20vw;
  }
  .h-xs--25vw {
    height: 25vw;
  }
  .h-xs--30vw {
    height: 30vw;
  }
  .h-xs--35vw {
    height: 35vw;
  }
  .h-xs--40vw {
    height: 40vw;
  }
  .h-xs--45vw {
    height: 45vw;
  }
  .h-xs--50vw {
    height: 50vw;
  }
  .h-xs--55vw {
    height: 55vw;
  }
  .h-xs--60vw {
    height: 60vw;
  }
  .h-xs--65vw {
    height: 65vw;
  }
  .h-xs--70vw {
    height: 70vw;
  }
  .h-xs--75vw {
    height: 75vw;
  }
  .h-xs--80vw {
    height: 80vw;
  }
  .h-xs--85vw {
    height: 85vw;
  }
  .h-xs--90vw {
    height: 90vw;
  }
  .h-xs--95vw {
    height: 95vw;
  }
  .h-xs--100vw {
    height: 100vw;
  }
  .h-xs--0vh {
    height: 0vh;
  }
  .h-xs--5vh {
    height: 5vh;
  }
  .h-xs--10vh {
    height: 10vh;
  }
  .h-xs--15vh {
    height: 15vh;
  }
  .h-xs--20vh {
    height: 20vh;
  }
  .h-xs--25vh {
    height: 25vh;
  }
  .h-xs--30vh {
    height: 30vh;
  }
  .h-xs--35vh {
    height: 35vh;
  }
  .h-xs--40vh {
    height: 40vh;
  }
  .h-xs--45vh {
    height: 45vh;
  }
  .h-xs--50vh {
    height: 50vh;
  }
  .h-xs--55vh {
    height: 55vh;
  }
  .h-xs--60vh {
    height: 60vh;
  }
  .h-xs--65vh {
    height: 65vh;
  }
  .h-xs--70vh {
    height: 70vh;
  }
  .h-xs--75vh {
    height: 75vh;
  }
  .h-xs--80vh {
    height: 80vh;
  }
  .h-xs--85vh {
    height: 85vh;
  }
  .h-xs--90vh {
    height: 90vh;
  }
  .h-xs--95vh {
    height: 95vh;
  }
  .h-xs--100vh {
    height: 100vh;
  }
}
@media (max-width: 576px) {
  .w-sm--0 {
    width: 0px;
  }
  .w-sm--1 {
    width: 1px;
  }
  .w-sm--2 {
    width: 2px;
  }
  .w-sm--3 {
    width: 3px;
  }
  .w-sm--5 {
    width: 5px;
  }
  .w-sm--8 {
    width: 8px;
  }
  .w-sm--13 {
    width: 13px;
  }
  .w-sm--21 {
    width: 21px;
  }
  .w-sm--34 {
    width: 34px;
  }
  .w-sm--55 {
    width: 55px;
  }
  .w-sm--89 {
    width: 89px;
  }
  .w-sm--144 {
    width: 144px;
  }
  .w-sm--0r {
    width: 0rem;
  }
  .w-sm--1r {
    width: 1rem;
  }
  .w-sm--2r {
    width: 2rem;
  }
  .w-sm--3r {
    width: 3rem;
  }
  .w-sm--5r {
    width: 5rem;
  }
  .w-sm--8r {
    width: 8rem;
  }
  .w-sm--13r {
    width: 13rem;
  }
  .w-sm--21r {
    width: 21rem;
  }
  .w-sm--34r {
    width: 34rem;
  }
  .w-sm--55r {
    width: 55rem;
  }
  .w-sm--89r {
    width: 89rem;
  }
  .w-sm--144r {
    width: 144rem;
  }
  .w-sm--0p {
    width: 0%;
  }
  .w-sm--5p {
    width: 5%;
  }
  .w-sm--10p {
    width: 10%;
  }
  .w-sm--15p {
    width: 15%;
  }
  .w-sm--20p {
    width: 20%;
  }
  .w-sm--25p {
    width: 25%;
  }
  .w-sm--30p {
    width: 30%;
  }
  .w-sm--35p {
    width: 35%;
  }
  .w-sm--40p {
    width: 40%;
  }
  .w-sm--45p {
    width: 45%;
  }
  .w-sm--50p {
    width: 50%;
  }
  .w-sm--55p {
    width: 55%;
  }
  .w-sm--60p {
    width: 60%;
  }
  .w-sm--65p {
    width: 65%;
  }
  .w-sm--70p {
    width: 70%;
  }
  .w-sm--75p {
    width: 75%;
  }
  .w-sm--80p {
    width: 80%;
  }
  .w-sm--85p {
    width: 85%;
  }
  .w-sm--90p {
    width: 90%;
  }
  .w-sm--95p {
    width: 95%;
  }
  .w-sm--100p {
    width: 100%;
  }
  .w-sm--0vw {
    width: 0vw;
  }
  .w-sm--5vw {
    width: 5vw;
  }
  .w-sm--10vw {
    width: 10vw;
  }
  .w-sm--15vw {
    width: 15vw;
  }
  .w-sm--20vw {
    width: 20vw;
  }
  .w-sm--25vw {
    width: 25vw;
  }
  .w-sm--30vw {
    width: 30vw;
  }
  .w-sm--35vw {
    width: 35vw;
  }
  .w-sm--40vw {
    width: 40vw;
  }
  .w-sm--45vw {
    width: 45vw;
  }
  .w-sm--50vw {
    width: 50vw;
  }
  .w-sm--55vw {
    width: 55vw;
  }
  .w-sm--60vw {
    width: 60vw;
  }
  .w-sm--65vw {
    width: 65vw;
  }
  .w-sm--70vw {
    width: 70vw;
  }
  .w-sm--75vw {
    width: 75vw;
  }
  .w-sm--80vw {
    width: 80vw;
  }
  .w-sm--85vw {
    width: 85vw;
  }
  .w-sm--90vw {
    width: 90vw;
  }
  .w-sm--95vw {
    width: 95vw;
  }
  .w-sm--100vw {
    width: 100vw;
  }
  .w-sm--0vh {
    width: 0vh;
  }
  .w-sm--5vh {
    width: 5vh;
  }
  .w-sm--10vh {
    width: 10vh;
  }
  .w-sm--15vh {
    width: 15vh;
  }
  .w-sm--20vh {
    width: 20vh;
  }
  .w-sm--25vh {
    width: 25vh;
  }
  .w-sm--30vh {
    width: 30vh;
  }
  .w-sm--35vh {
    width: 35vh;
  }
  .w-sm--40vh {
    width: 40vh;
  }
  .w-sm--45vh {
    width: 45vh;
  }
  .w-sm--50vh {
    width: 50vh;
  }
  .w-sm--55vh {
    width: 55vh;
  }
  .w-sm--60vh {
    width: 60vh;
  }
  .w-sm--65vh {
    width: 65vh;
  }
  .w-sm--70vh {
    width: 70vh;
  }
  .w-sm--75vh {
    width: 75vh;
  }
  .w-sm--80vh {
    width: 80vh;
  }
  .w-sm--85vh {
    width: 85vh;
  }
  .w-sm--90vh {
    width: 90vh;
  }
  .w-sm--95vh {
    width: 95vh;
  }
  .w-sm--100vh {
    width: 100vh;
  }
  .h-sm--0 {
    height: 0px;
  }
  .h-sm--1 {
    height: 1px;
  }
  .h-sm--2 {
    height: 2px;
  }
  .h-sm--3 {
    height: 3px;
  }
  .h-sm--5 {
    height: 5px;
  }
  .h-sm--8 {
    height: 8px;
  }
  .h-sm--13 {
    height: 13px;
  }
  .h-sm--21 {
    height: 21px;
  }
  .h-sm--34 {
    height: 34px;
  }
  .h-sm--55 {
    height: 55px;
  }
  .h-sm--89 {
    height: 89px;
  }
  .h-sm--144 {
    height: 144px;
  }
  .h-sm--0r {
    height: 0rem;
  }
  .h-sm--1r {
    height: 1rem;
  }
  .h-sm--2r {
    height: 2rem;
  }
  .h-sm--3r {
    height: 3rem;
  }
  .h-sm--5r {
    height: 5rem;
  }
  .h-sm--8r {
    height: 8rem;
  }
  .h-sm--13r {
    height: 13rem;
  }
  .h-sm--21r {
    height: 21rem;
  }
  .h-sm--34r {
    height: 34rem;
  }
  .h-sm--55r {
    height: 55rem;
  }
  .h-sm--89r {
    height: 89rem;
  }
  .h-sm--144r {
    height: 144rem;
  }
  .h-sm--0p {
    height: 0%;
  }
  .h-sm--5p {
    height: 5%;
  }
  .h-sm--10p {
    height: 10%;
  }
  .h-sm--15p {
    height: 15%;
  }
  .h-sm--20p {
    height: 20%;
  }
  .h-sm--25p {
    height: 25%;
  }
  .h-sm--30p {
    height: 30%;
  }
  .h-sm--35p {
    height: 35%;
  }
  .h-sm--40p {
    height: 40%;
  }
  .h-sm--45p {
    height: 45%;
  }
  .h-sm--50p {
    height: 50%;
  }
  .h-sm--55p {
    height: 55%;
  }
  .h-sm--60p {
    height: 60%;
  }
  .h-sm--65p {
    height: 65%;
  }
  .h-sm--70p {
    height: 70%;
  }
  .h-sm--75p {
    height: 75%;
  }
  .h-sm--80p {
    height: 80%;
  }
  .h-sm--85p {
    height: 85%;
  }
  .h-sm--90p {
    height: 90%;
  }
  .h-sm--95p {
    height: 95%;
  }
  .h-sm--100p {
    height: 100%;
  }
  .h-sm--0vw {
    height: 0vw;
  }
  .h-sm--5vw {
    height: 5vw;
  }
  .h-sm--10vw {
    height: 10vw;
  }
  .h-sm--15vw {
    height: 15vw;
  }
  .h-sm--20vw {
    height: 20vw;
  }
  .h-sm--25vw {
    height: 25vw;
  }
  .h-sm--30vw {
    height: 30vw;
  }
  .h-sm--35vw {
    height: 35vw;
  }
  .h-sm--40vw {
    height: 40vw;
  }
  .h-sm--45vw {
    height: 45vw;
  }
  .h-sm--50vw {
    height: 50vw;
  }
  .h-sm--55vw {
    height: 55vw;
  }
  .h-sm--60vw {
    height: 60vw;
  }
  .h-sm--65vw {
    height: 65vw;
  }
  .h-sm--70vw {
    height: 70vw;
  }
  .h-sm--75vw {
    height: 75vw;
  }
  .h-sm--80vw {
    height: 80vw;
  }
  .h-sm--85vw {
    height: 85vw;
  }
  .h-sm--90vw {
    height: 90vw;
  }
  .h-sm--95vw {
    height: 95vw;
  }
  .h-sm--100vw {
    height: 100vw;
  }
  .h-sm--0vh {
    height: 0vh;
  }
  .h-sm--5vh {
    height: 5vh;
  }
  .h-sm--10vh {
    height: 10vh;
  }
  .h-sm--15vh {
    height: 15vh;
  }
  .h-sm--20vh {
    height: 20vh;
  }
  .h-sm--25vh {
    height: 25vh;
  }
  .h-sm--30vh {
    height: 30vh;
  }
  .h-sm--35vh {
    height: 35vh;
  }
  .h-sm--40vh {
    height: 40vh;
  }
  .h-sm--45vh {
    height: 45vh;
  }
  .h-sm--50vh {
    height: 50vh;
  }
  .h-sm--55vh {
    height: 55vh;
  }
  .h-sm--60vh {
    height: 60vh;
  }
  .h-sm--65vh {
    height: 65vh;
  }
  .h-sm--70vh {
    height: 70vh;
  }
  .h-sm--75vh {
    height: 75vh;
  }
  .h-sm--80vh {
    height: 80vh;
  }
  .h-sm--85vh {
    height: 85vh;
  }
  .h-sm--90vh {
    height: 90vh;
  }
  .h-sm--95vh {
    height: 95vh;
  }
  .h-sm--100vh {
    height: 100vh;
  }
}
@media (max-width: 768px) {
  .w-md--0 {
    width: 0px;
  }
  .w-md--1 {
    width: 1px;
  }
  .w-md--2 {
    width: 2px;
  }
  .w-md--3 {
    width: 3px;
  }
  .w-md--5 {
    width: 5px;
  }
  .w-md--8 {
    width: 8px;
  }
  .w-md--13 {
    width: 13px;
  }
  .w-md--21 {
    width: 21px;
  }
  .w-md--34 {
    width: 34px;
  }
  .w-md--55 {
    width: 55px;
  }
  .w-md--89 {
    width: 89px;
  }
  .w-md--144 {
    width: 144px;
  }
  .w-md--0r {
    width: 0rem;
  }
  .w-md--1r {
    width: 1rem;
  }
  .w-md--2r {
    width: 2rem;
  }
  .w-md--3r {
    width: 3rem;
  }
  .w-md--5r {
    width: 5rem;
  }
  .w-md--8r {
    width: 8rem;
  }
  .w-md--13r {
    width: 13rem;
  }
  .w-md--21r {
    width: 21rem;
  }
  .w-md--34r {
    width: 34rem;
  }
  .w-md--55r {
    width: 55rem;
  }
  .w-md--89r {
    width: 89rem;
  }
  .w-md--144r {
    width: 144rem;
  }
  .w-md--0p {
    width: 0%;
  }
  .w-md--5p {
    width: 5%;
  }
  .w-md--10p {
    width: 10%;
  }
  .w-md--15p {
    width: 15%;
  }
  .w-md--20p {
    width: 20%;
  }
  .w-md--25p {
    width: 25%;
  }
  .w-md--30p {
    width: 30%;
  }
  .w-md--35p {
    width: 35%;
  }
  .w-md--40p {
    width: 40%;
  }
  .w-md--45p {
    width: 45%;
  }
  .w-md--50p {
    width: 50%;
  }
  .w-md--55p {
    width: 55%;
  }
  .w-md--60p {
    width: 60%;
  }
  .w-md--65p {
    width: 65%;
  }
  .w-md--70p {
    width: 70%;
  }
  .w-md--75p {
    width: 75%;
  }
  .w-md--80p {
    width: 80%;
  }
  .w-md--85p {
    width: 85%;
  }
  .w-md--90p {
    width: 90%;
  }
  .w-md--95p {
    width: 95%;
  }
  .w-md--100p {
    width: 100%;
  }
  .w-md--0vw {
    width: 0vw;
  }
  .w-md--5vw {
    width: 5vw;
  }
  .w-md--10vw {
    width: 10vw;
  }
  .w-md--15vw {
    width: 15vw;
  }
  .w-md--20vw {
    width: 20vw;
  }
  .w-md--25vw {
    width: 25vw;
  }
  .w-md--30vw {
    width: 30vw;
  }
  .w-md--35vw {
    width: 35vw;
  }
  .w-md--40vw {
    width: 40vw;
  }
  .w-md--45vw {
    width: 45vw;
  }
  .w-md--50vw {
    width: 50vw;
  }
  .w-md--55vw {
    width: 55vw;
  }
  .w-md--60vw {
    width: 60vw;
  }
  .w-md--65vw {
    width: 65vw;
  }
  .w-md--70vw {
    width: 70vw;
  }
  .w-md--75vw {
    width: 75vw;
  }
  .w-md--80vw {
    width: 80vw;
  }
  .w-md--85vw {
    width: 85vw;
  }
  .w-md--90vw {
    width: 90vw;
  }
  .w-md--95vw {
    width: 95vw;
  }
  .w-md--100vw {
    width: 100vw;
  }
  .w-md--0vh {
    width: 0vh;
  }
  .w-md--5vh {
    width: 5vh;
  }
  .w-md--10vh {
    width: 10vh;
  }
  .w-md--15vh {
    width: 15vh;
  }
  .w-md--20vh {
    width: 20vh;
  }
  .w-md--25vh {
    width: 25vh;
  }
  .w-md--30vh {
    width: 30vh;
  }
  .w-md--35vh {
    width: 35vh;
  }
  .w-md--40vh {
    width: 40vh;
  }
  .w-md--45vh {
    width: 45vh;
  }
  .w-md--50vh {
    width: 50vh;
  }
  .w-md--55vh {
    width: 55vh;
  }
  .w-md--60vh {
    width: 60vh;
  }
  .w-md--65vh {
    width: 65vh;
  }
  .w-md--70vh {
    width: 70vh;
  }
  .w-md--75vh {
    width: 75vh;
  }
  .w-md--80vh {
    width: 80vh;
  }
  .w-md--85vh {
    width: 85vh;
  }
  .w-md--90vh {
    width: 90vh;
  }
  .w-md--95vh {
    width: 95vh;
  }
  .w-md--100vh {
    width: 100vh;
  }
  .h-md--0 {
    height: 0px;
  }
  .h-md--1 {
    height: 1px;
  }
  .h-md--2 {
    height: 2px;
  }
  .h-md--3 {
    height: 3px;
  }
  .h-md--5 {
    height: 5px;
  }
  .h-md--8 {
    height: 8px;
  }
  .h-md--13 {
    height: 13px;
  }
  .h-md--21 {
    height: 21px;
  }
  .h-md--34 {
    height: 34px;
  }
  .h-md--55 {
    height: 55px;
  }
  .h-md--89 {
    height: 89px;
  }
  .h-md--144 {
    height: 144px;
  }
  .h-md--0r {
    height: 0rem;
  }
  .h-md--1r {
    height: 1rem;
  }
  .h-md--2r {
    height: 2rem;
  }
  .h-md--3r {
    height: 3rem;
  }
  .h-md--5r {
    height: 5rem;
  }
  .h-md--8r {
    height: 8rem;
  }
  .h-md--13r {
    height: 13rem;
  }
  .h-md--21r {
    height: 21rem;
  }
  .h-md--34r {
    height: 34rem;
  }
  .h-md--55r {
    height: 55rem;
  }
  .h-md--89r {
    height: 89rem;
  }
  .h-md--144r {
    height: 144rem;
  }
  .h-md--0p {
    height: 0%;
  }
  .h-md--5p {
    height: 5%;
  }
  .h-md--10p {
    height: 10%;
  }
  .h-md--15p {
    height: 15%;
  }
  .h-md--20p {
    height: 20%;
  }
  .h-md--25p {
    height: 25%;
  }
  .h-md--30p {
    height: 30%;
  }
  .h-md--35p {
    height: 35%;
  }
  .h-md--40p {
    height: 40%;
  }
  .h-md--45p {
    height: 45%;
  }
  .h-md--50p {
    height: 50%;
  }
  .h-md--55p {
    height: 55%;
  }
  .h-md--60p {
    height: 60%;
  }
  .h-md--65p {
    height: 65%;
  }
  .h-md--70p {
    height: 70%;
  }
  .h-md--75p {
    height: 75%;
  }
  .h-md--80p {
    height: 80%;
  }
  .h-md--85p {
    height: 85%;
  }
  .h-md--90p {
    height: 90%;
  }
  .h-md--95p {
    height: 95%;
  }
  .h-md--100p {
    height: 100%;
  }
  .h-md--0vw {
    height: 0vw;
  }
  .h-md--5vw {
    height: 5vw;
  }
  .h-md--10vw {
    height: 10vw;
  }
  .h-md--15vw {
    height: 15vw;
  }
  .h-md--20vw {
    height: 20vw;
  }
  .h-md--25vw {
    height: 25vw;
  }
  .h-md--30vw {
    height: 30vw;
  }
  .h-md--35vw {
    height: 35vw;
  }
  .h-md--40vw {
    height: 40vw;
  }
  .h-md--45vw {
    height: 45vw;
  }
  .h-md--50vw {
    height: 50vw;
  }
  .h-md--55vw {
    height: 55vw;
  }
  .h-md--60vw {
    height: 60vw;
  }
  .h-md--65vw {
    height: 65vw;
  }
  .h-md--70vw {
    height: 70vw;
  }
  .h-md--75vw {
    height: 75vw;
  }
  .h-md--80vw {
    height: 80vw;
  }
  .h-md--85vw {
    height: 85vw;
  }
  .h-md--90vw {
    height: 90vw;
  }
  .h-md--95vw {
    height: 95vw;
  }
  .h-md--100vw {
    height: 100vw;
  }
  .h-md--0vh {
    height: 0vh;
  }
  .h-md--5vh {
    height: 5vh;
  }
  .h-md--10vh {
    height: 10vh;
  }
  .h-md--15vh {
    height: 15vh;
  }
  .h-md--20vh {
    height: 20vh;
  }
  .h-md--25vh {
    height: 25vh;
  }
  .h-md--30vh {
    height: 30vh;
  }
  .h-md--35vh {
    height: 35vh;
  }
  .h-md--40vh {
    height: 40vh;
  }
  .h-md--45vh {
    height: 45vh;
  }
  .h-md--50vh {
    height: 50vh;
  }
  .h-md--55vh {
    height: 55vh;
  }
  .h-md--60vh {
    height: 60vh;
  }
  .h-md--65vh {
    height: 65vh;
  }
  .h-md--70vh {
    height: 70vh;
  }
  .h-md--75vh {
    height: 75vh;
  }
  .h-md--80vh {
    height: 80vh;
  }
  .h-md--85vh {
    height: 85vh;
  }
  .h-md--90vh {
    height: 90vh;
  }
  .h-md--95vh {
    height: 95vh;
  }
  .h-md--100vh {
    height: 100vh;
  }
}
@media (max-width: 992px) {
  .w-lg--0 {
    width: 0px;
  }
  .w-lg--1 {
    width: 1px;
  }
  .w-lg--2 {
    width: 2px;
  }
  .w-lg--3 {
    width: 3px;
  }
  .w-lg--5 {
    width: 5px;
  }
  .w-lg--8 {
    width: 8px;
  }
  .w-lg--13 {
    width: 13px;
  }
  .w-lg--21 {
    width: 21px;
  }
  .w-lg--34 {
    width: 34px;
  }
  .w-lg--55 {
    width: 55px;
  }
  .w-lg--89 {
    width: 89px;
  }
  .w-lg--144 {
    width: 144px;
  }
  .w-lg--0r {
    width: 0rem;
  }
  .w-lg--1r {
    width: 1rem;
  }
  .w-lg--2r {
    width: 2rem;
  }
  .w-lg--3r {
    width: 3rem;
  }
  .w-lg--5r {
    width: 5rem;
  }
  .w-lg--8r {
    width: 8rem;
  }
  .w-lg--13r {
    width: 13rem;
  }
  .w-lg--21r {
    width: 21rem;
  }
  .w-lg--34r {
    width: 34rem;
  }
  .w-lg--55r {
    width: 55rem;
  }
  .w-lg--89r {
    width: 89rem;
  }
  .w-lg--144r {
    width: 144rem;
  }
  .w-lg--0p {
    width: 0%;
  }
  .w-lg--5p {
    width: 5%;
  }
  .w-lg--10p {
    width: 10%;
  }
  .w-lg--15p {
    width: 15%;
  }
  .w-lg--20p {
    width: 20%;
  }
  .w-lg--25p {
    width: 25%;
  }
  .w-lg--30p {
    width: 30%;
  }
  .w-lg--35p {
    width: 35%;
  }
  .w-lg--40p {
    width: 40%;
  }
  .w-lg--45p {
    width: 45%;
  }
  .w-lg--50p {
    width: 50%;
  }
  .w-lg--55p {
    width: 55%;
  }
  .w-lg--60p {
    width: 60%;
  }
  .w-lg--65p {
    width: 65%;
  }
  .w-lg--70p {
    width: 70%;
  }
  .w-lg--75p {
    width: 75%;
  }
  .w-lg--80p {
    width: 80%;
  }
  .w-lg--85p {
    width: 85%;
  }
  .w-lg--90p {
    width: 90%;
  }
  .w-lg--95p {
    width: 95%;
  }
  .w-lg--100p {
    width: 100%;
  }
  .w-lg--0vw {
    width: 0vw;
  }
  .w-lg--5vw {
    width: 5vw;
  }
  .w-lg--10vw {
    width: 10vw;
  }
  .w-lg--15vw {
    width: 15vw;
  }
  .w-lg--20vw {
    width: 20vw;
  }
  .w-lg--25vw {
    width: 25vw;
  }
  .w-lg--30vw {
    width: 30vw;
  }
  .w-lg--35vw {
    width: 35vw;
  }
  .w-lg--40vw {
    width: 40vw;
  }
  .w-lg--45vw {
    width: 45vw;
  }
  .w-lg--50vw {
    width: 50vw;
  }
  .w-lg--55vw {
    width: 55vw;
  }
  .w-lg--60vw {
    width: 60vw;
  }
  .w-lg--65vw {
    width: 65vw;
  }
  .w-lg--70vw {
    width: 70vw;
  }
  .w-lg--75vw {
    width: 75vw;
  }
  .w-lg--80vw {
    width: 80vw;
  }
  .w-lg--85vw {
    width: 85vw;
  }
  .w-lg--90vw {
    width: 90vw;
  }
  .w-lg--95vw {
    width: 95vw;
  }
  .w-lg--100vw {
    width: 100vw;
  }
  .w-lg--0vh {
    width: 0vh;
  }
  .w-lg--5vh {
    width: 5vh;
  }
  .w-lg--10vh {
    width: 10vh;
  }
  .w-lg--15vh {
    width: 15vh;
  }
  .w-lg--20vh {
    width: 20vh;
  }
  .w-lg--25vh {
    width: 25vh;
  }
  .w-lg--30vh {
    width: 30vh;
  }
  .w-lg--35vh {
    width: 35vh;
  }
  .w-lg--40vh {
    width: 40vh;
  }
  .w-lg--45vh {
    width: 45vh;
  }
  .w-lg--50vh {
    width: 50vh;
  }
  .w-lg--55vh {
    width: 55vh;
  }
  .w-lg--60vh {
    width: 60vh;
  }
  .w-lg--65vh {
    width: 65vh;
  }
  .w-lg--70vh {
    width: 70vh;
  }
  .w-lg--75vh {
    width: 75vh;
  }
  .w-lg--80vh {
    width: 80vh;
  }
  .w-lg--85vh {
    width: 85vh;
  }
  .w-lg--90vh {
    width: 90vh;
  }
  .w-lg--95vh {
    width: 95vh;
  }
  .w-lg--100vh {
    width: 100vh;
  }
  .h-lg--0 {
    height: 0px;
  }
  .h-lg--1 {
    height: 1px;
  }
  .h-lg--2 {
    height: 2px;
  }
  .h-lg--3 {
    height: 3px;
  }
  .h-lg--5 {
    height: 5px;
  }
  .h-lg--8 {
    height: 8px;
  }
  .h-lg--13 {
    height: 13px;
  }
  .h-lg--21 {
    height: 21px;
  }
  .h-lg--34 {
    height: 34px;
  }
  .h-lg--55 {
    height: 55px;
  }
  .h-lg--89 {
    height: 89px;
  }
  .h-lg--144 {
    height: 144px;
  }
  .h-lg--0r {
    height: 0rem;
  }
  .h-lg--1r {
    height: 1rem;
  }
  .h-lg--2r {
    height: 2rem;
  }
  .h-lg--3r {
    height: 3rem;
  }
  .h-lg--5r {
    height: 5rem;
  }
  .h-lg--8r {
    height: 8rem;
  }
  .h-lg--13r {
    height: 13rem;
  }
  .h-lg--21r {
    height: 21rem;
  }
  .h-lg--34r {
    height: 34rem;
  }
  .h-lg--55r {
    height: 55rem;
  }
  .h-lg--89r {
    height: 89rem;
  }
  .h-lg--144r {
    height: 144rem;
  }
  .h-lg--0p {
    height: 0%;
  }
  .h-lg--5p {
    height: 5%;
  }
  .h-lg--10p {
    height: 10%;
  }
  .h-lg--15p {
    height: 15%;
  }
  .h-lg--20p {
    height: 20%;
  }
  .h-lg--25p {
    height: 25%;
  }
  .h-lg--30p {
    height: 30%;
  }
  .h-lg--35p {
    height: 35%;
  }
  .h-lg--40p {
    height: 40%;
  }
  .h-lg--45p {
    height: 45%;
  }
  .h-lg--50p {
    height: 50%;
  }
  .h-lg--55p {
    height: 55%;
  }
  .h-lg--60p {
    height: 60%;
  }
  .h-lg--65p {
    height: 65%;
  }
  .h-lg--70p {
    height: 70%;
  }
  .h-lg--75p {
    height: 75%;
  }
  .h-lg--80p {
    height: 80%;
  }
  .h-lg--85p {
    height: 85%;
  }
  .h-lg--90p {
    height: 90%;
  }
  .h-lg--95p {
    height: 95%;
  }
  .h-lg--100p {
    height: 100%;
  }
  .h-lg--0vw {
    height: 0vw;
  }
  .h-lg--5vw {
    height: 5vw;
  }
  .h-lg--10vw {
    height: 10vw;
  }
  .h-lg--15vw {
    height: 15vw;
  }
  .h-lg--20vw {
    height: 20vw;
  }
  .h-lg--25vw {
    height: 25vw;
  }
  .h-lg--30vw {
    height: 30vw;
  }
  .h-lg--35vw {
    height: 35vw;
  }
  .h-lg--40vw {
    height: 40vw;
  }
  .h-lg--45vw {
    height: 45vw;
  }
  .h-lg--50vw {
    height: 50vw;
  }
  .h-lg--55vw {
    height: 55vw;
  }
  .h-lg--60vw {
    height: 60vw;
  }
  .h-lg--65vw {
    height: 65vw;
  }
  .h-lg--70vw {
    height: 70vw;
  }
  .h-lg--75vw {
    height: 75vw;
  }
  .h-lg--80vw {
    height: 80vw;
  }
  .h-lg--85vw {
    height: 85vw;
  }
  .h-lg--90vw {
    height: 90vw;
  }
  .h-lg--95vw {
    height: 95vw;
  }
  .h-lg--100vw {
    height: 100vw;
  }
  .h-lg--0vh {
    height: 0vh;
  }
  .h-lg--5vh {
    height: 5vh;
  }
  .h-lg--10vh {
    height: 10vh;
  }
  .h-lg--15vh {
    height: 15vh;
  }
  .h-lg--20vh {
    height: 20vh;
  }
  .h-lg--25vh {
    height: 25vh;
  }
  .h-lg--30vh {
    height: 30vh;
  }
  .h-lg--35vh {
    height: 35vh;
  }
  .h-lg--40vh {
    height: 40vh;
  }
  .h-lg--45vh {
    height: 45vh;
  }
  .h-lg--50vh {
    height: 50vh;
  }
  .h-lg--55vh {
    height: 55vh;
  }
  .h-lg--60vh {
    height: 60vh;
  }
  .h-lg--65vh {
    height: 65vh;
  }
  .h-lg--70vh {
    height: 70vh;
  }
  .h-lg--75vh {
    height: 75vh;
  }
  .h-lg--80vh {
    height: 80vh;
  }
  .h-lg--85vh {
    height: 85vh;
  }
  .h-lg--90vh {
    height: 90vh;
  }
  .h-lg--95vh {
    height: 95vh;
  }
  .h-lg--100vh {
    height: 100vh;
  }
}
@media (max-width: 1200px) {
  .w-ll--0 {
    width: 0px;
  }
  .w-ll--1 {
    width: 1px;
  }
  .w-ll--2 {
    width: 2px;
  }
  .w-ll--3 {
    width: 3px;
  }
  .w-ll--5 {
    width: 5px;
  }
  .w-ll--8 {
    width: 8px;
  }
  .w-ll--13 {
    width: 13px;
  }
  .w-ll--21 {
    width: 21px;
  }
  .w-ll--34 {
    width: 34px;
  }
  .w-ll--55 {
    width: 55px;
  }
  .w-ll--89 {
    width: 89px;
  }
  .w-ll--144 {
    width: 144px;
  }
  .w-ll--0r {
    width: 0rem;
  }
  .w-ll--1r {
    width: 1rem;
  }
  .w-ll--2r {
    width: 2rem;
  }
  .w-ll--3r {
    width: 3rem;
  }
  .w-ll--5r {
    width: 5rem;
  }
  .w-ll--8r {
    width: 8rem;
  }
  .w-ll--13r {
    width: 13rem;
  }
  .w-ll--21r {
    width: 21rem;
  }
  .w-ll--34r {
    width: 34rem;
  }
  .w-ll--55r {
    width: 55rem;
  }
  .w-ll--89r {
    width: 89rem;
  }
  .w-ll--144r {
    width: 144rem;
  }
  .w-ll--0p {
    width: 0%;
  }
  .w-ll--5p {
    width: 5%;
  }
  .w-ll--10p {
    width: 10%;
  }
  .w-ll--15p {
    width: 15%;
  }
  .w-ll--20p {
    width: 20%;
  }
  .w-ll--25p {
    width: 25%;
  }
  .w-ll--30p {
    width: 30%;
  }
  .w-ll--35p {
    width: 35%;
  }
  .w-ll--40p {
    width: 40%;
  }
  .w-ll--45p {
    width: 45%;
  }
  .w-ll--50p {
    width: 50%;
  }
  .w-ll--55p {
    width: 55%;
  }
  .w-ll--60p {
    width: 60%;
  }
  .w-ll--65p {
    width: 65%;
  }
  .w-ll--70p {
    width: 70%;
  }
  .w-ll--75p {
    width: 75%;
  }
  .w-ll--80p {
    width: 80%;
  }
  .w-ll--85p {
    width: 85%;
  }
  .w-ll--90p {
    width: 90%;
  }
  .w-ll--95p {
    width: 95%;
  }
  .w-ll--100p {
    width: 100%;
  }
  .w-ll--0vw {
    width: 0vw;
  }
  .w-ll--5vw {
    width: 5vw;
  }
  .w-ll--10vw {
    width: 10vw;
  }
  .w-ll--15vw {
    width: 15vw;
  }
  .w-ll--20vw {
    width: 20vw;
  }
  .w-ll--25vw {
    width: 25vw;
  }
  .w-ll--30vw {
    width: 30vw;
  }
  .w-ll--35vw {
    width: 35vw;
  }
  .w-ll--40vw {
    width: 40vw;
  }
  .w-ll--45vw {
    width: 45vw;
  }
  .w-ll--50vw {
    width: 50vw;
  }
  .w-ll--55vw {
    width: 55vw;
  }
  .w-ll--60vw {
    width: 60vw;
  }
  .w-ll--65vw {
    width: 65vw;
  }
  .w-ll--70vw {
    width: 70vw;
  }
  .w-ll--75vw {
    width: 75vw;
  }
  .w-ll--80vw {
    width: 80vw;
  }
  .w-ll--85vw {
    width: 85vw;
  }
  .w-ll--90vw {
    width: 90vw;
  }
  .w-ll--95vw {
    width: 95vw;
  }
  .w-ll--100vw {
    width: 100vw;
  }
  .w-ll--0vh {
    width: 0vh;
  }
  .w-ll--5vh {
    width: 5vh;
  }
  .w-ll--10vh {
    width: 10vh;
  }
  .w-ll--15vh {
    width: 15vh;
  }
  .w-ll--20vh {
    width: 20vh;
  }
  .w-ll--25vh {
    width: 25vh;
  }
  .w-ll--30vh {
    width: 30vh;
  }
  .w-ll--35vh {
    width: 35vh;
  }
  .w-ll--40vh {
    width: 40vh;
  }
  .w-ll--45vh {
    width: 45vh;
  }
  .w-ll--50vh {
    width: 50vh;
  }
  .w-ll--55vh {
    width: 55vh;
  }
  .w-ll--60vh {
    width: 60vh;
  }
  .w-ll--65vh {
    width: 65vh;
  }
  .w-ll--70vh {
    width: 70vh;
  }
  .w-ll--75vh {
    width: 75vh;
  }
  .w-ll--80vh {
    width: 80vh;
  }
  .w-ll--85vh {
    width: 85vh;
  }
  .w-ll--90vh {
    width: 90vh;
  }
  .w-ll--95vh {
    width: 95vh;
  }
  .w-ll--100vh {
    width: 100vh;
  }
  .h-ll--0 {
    height: 0px;
  }
  .h-ll--1 {
    height: 1px;
  }
  .h-ll--2 {
    height: 2px;
  }
  .h-ll--3 {
    height: 3px;
  }
  .h-ll--5 {
    height: 5px;
  }
  .h-ll--8 {
    height: 8px;
  }
  .h-ll--13 {
    height: 13px;
  }
  .h-ll--21 {
    height: 21px;
  }
  .h-ll--34 {
    height: 34px;
  }
  .h-ll--55 {
    height: 55px;
  }
  .h-ll--89 {
    height: 89px;
  }
  .h-ll--144 {
    height: 144px;
  }
  .h-ll--0r {
    height: 0rem;
  }
  .h-ll--1r {
    height: 1rem;
  }
  .h-ll--2r {
    height: 2rem;
  }
  .h-ll--3r {
    height: 3rem;
  }
  .h-ll--5r {
    height: 5rem;
  }
  .h-ll--8r {
    height: 8rem;
  }
  .h-ll--13r {
    height: 13rem;
  }
  .h-ll--21r {
    height: 21rem;
  }
  .h-ll--34r {
    height: 34rem;
  }
  .h-ll--55r {
    height: 55rem;
  }
  .h-ll--89r {
    height: 89rem;
  }
  .h-ll--144r {
    height: 144rem;
  }
  .h-ll--0p {
    height: 0%;
  }
  .h-ll--5p {
    height: 5%;
  }
  .h-ll--10p {
    height: 10%;
  }
  .h-ll--15p {
    height: 15%;
  }
  .h-ll--20p {
    height: 20%;
  }
  .h-ll--25p {
    height: 25%;
  }
  .h-ll--30p {
    height: 30%;
  }
  .h-ll--35p {
    height: 35%;
  }
  .h-ll--40p {
    height: 40%;
  }
  .h-ll--45p {
    height: 45%;
  }
  .h-ll--50p {
    height: 50%;
  }
  .h-ll--55p {
    height: 55%;
  }
  .h-ll--60p {
    height: 60%;
  }
  .h-ll--65p {
    height: 65%;
  }
  .h-ll--70p {
    height: 70%;
  }
  .h-ll--75p {
    height: 75%;
  }
  .h-ll--80p {
    height: 80%;
  }
  .h-ll--85p {
    height: 85%;
  }
  .h-ll--90p {
    height: 90%;
  }
  .h-ll--95p {
    height: 95%;
  }
  .h-ll--100p {
    height: 100%;
  }
  .h-ll--0vw {
    height: 0vw;
  }
  .h-ll--5vw {
    height: 5vw;
  }
  .h-ll--10vw {
    height: 10vw;
  }
  .h-ll--15vw {
    height: 15vw;
  }
  .h-ll--20vw {
    height: 20vw;
  }
  .h-ll--25vw {
    height: 25vw;
  }
  .h-ll--30vw {
    height: 30vw;
  }
  .h-ll--35vw {
    height: 35vw;
  }
  .h-ll--40vw {
    height: 40vw;
  }
  .h-ll--45vw {
    height: 45vw;
  }
  .h-ll--50vw {
    height: 50vw;
  }
  .h-ll--55vw {
    height: 55vw;
  }
  .h-ll--60vw {
    height: 60vw;
  }
  .h-ll--65vw {
    height: 65vw;
  }
  .h-ll--70vw {
    height: 70vw;
  }
  .h-ll--75vw {
    height: 75vw;
  }
  .h-ll--80vw {
    height: 80vw;
  }
  .h-ll--85vw {
    height: 85vw;
  }
  .h-ll--90vw {
    height: 90vw;
  }
  .h-ll--95vw {
    height: 95vw;
  }
  .h-ll--100vw {
    height: 100vw;
  }
  .h-ll--0vh {
    height: 0vh;
  }
  .h-ll--5vh {
    height: 5vh;
  }
  .h-ll--10vh {
    height: 10vh;
  }
  .h-ll--15vh {
    height: 15vh;
  }
  .h-ll--20vh {
    height: 20vh;
  }
  .h-ll--25vh {
    height: 25vh;
  }
  .h-ll--30vh {
    height: 30vh;
  }
  .h-ll--35vh {
    height: 35vh;
  }
  .h-ll--40vh {
    height: 40vh;
  }
  .h-ll--45vh {
    height: 45vh;
  }
  .h-ll--50vh {
    height: 50vh;
  }
  .h-ll--55vh {
    height: 55vh;
  }
  .h-ll--60vh {
    height: 60vh;
  }
  .h-ll--65vh {
    height: 65vh;
  }
  .h-ll--70vh {
    height: 70vh;
  }
  .h-ll--75vh {
    height: 75vh;
  }
  .h-ll--80vh {
    height: 80vh;
  }
  .h-ll--85vh {
    height: 85vh;
  }
  .h-ll--90vh {
    height: 90vh;
  }
  .h-ll--95vh {
    height: 95vh;
  }
  .h-ll--100vh {
    height: 100vh;
  }
}
@media (max-width: 1600px) {
  .w-xl--0 {
    width: 0px;
  }
  .w-xl--1 {
    width: 1px;
  }
  .w-xl--2 {
    width: 2px;
  }
  .w-xl--3 {
    width: 3px;
  }
  .w-xl--5 {
    width: 5px;
  }
  .w-xl--8 {
    width: 8px;
  }
  .w-xl--13 {
    width: 13px;
  }
  .w-xl--21 {
    width: 21px;
  }
  .w-xl--34 {
    width: 34px;
  }
  .w-xl--55 {
    width: 55px;
  }
  .w-xl--89 {
    width: 89px;
  }
  .w-xl--144 {
    width: 144px;
  }
  .w-xl--0r {
    width: 0rem;
  }
  .w-xl--1r {
    width: 1rem;
  }
  .w-xl--2r {
    width: 2rem;
  }
  .w-xl--3r {
    width: 3rem;
  }
  .w-xl--5r {
    width: 5rem;
  }
  .w-xl--8r {
    width: 8rem;
  }
  .w-xl--13r {
    width: 13rem;
  }
  .w-xl--21r {
    width: 21rem;
  }
  .w-xl--34r {
    width: 34rem;
  }
  .w-xl--55r {
    width: 55rem;
  }
  .w-xl--89r {
    width: 89rem;
  }
  .w-xl--144r {
    width: 144rem;
  }
  .w-xl--0p {
    width: 0%;
  }
  .w-xl--5p {
    width: 5%;
  }
  .w-xl--10p {
    width: 10%;
  }
  .w-xl--15p {
    width: 15%;
  }
  .w-xl--20p {
    width: 20%;
  }
  .w-xl--25p {
    width: 25%;
  }
  .w-xl--30p {
    width: 30%;
  }
  .w-xl--35p {
    width: 35%;
  }
  .w-xl--40p {
    width: 40%;
  }
  .w-xl--45p {
    width: 45%;
  }
  .w-xl--50p {
    width: 50%;
  }
  .w-xl--55p {
    width: 55%;
  }
  .w-xl--60p {
    width: 60%;
  }
  .w-xl--65p {
    width: 65%;
  }
  .w-xl--70p {
    width: 70%;
  }
  .w-xl--75p {
    width: 75%;
  }
  .w-xl--80p {
    width: 80%;
  }
  .w-xl--85p {
    width: 85%;
  }
  .w-xl--90p {
    width: 90%;
  }
  .w-xl--95p {
    width: 95%;
  }
  .w-xl--100p {
    width: 100%;
  }
  .w-xl--0vw {
    width: 0vw;
  }
  .w-xl--5vw {
    width: 5vw;
  }
  .w-xl--10vw {
    width: 10vw;
  }
  .w-xl--15vw {
    width: 15vw;
  }
  .w-xl--20vw {
    width: 20vw;
  }
  .w-xl--25vw {
    width: 25vw;
  }
  .w-xl--30vw {
    width: 30vw;
  }
  .w-xl--35vw {
    width: 35vw;
  }
  .w-xl--40vw {
    width: 40vw;
  }
  .w-xl--45vw {
    width: 45vw;
  }
  .w-xl--50vw {
    width: 50vw;
  }
  .w-xl--55vw {
    width: 55vw;
  }
  .w-xl--60vw {
    width: 60vw;
  }
  .w-xl--65vw {
    width: 65vw;
  }
  .w-xl--70vw {
    width: 70vw;
  }
  .w-xl--75vw {
    width: 75vw;
  }
  .w-xl--80vw {
    width: 80vw;
  }
  .w-xl--85vw {
    width: 85vw;
  }
  .w-xl--90vw {
    width: 90vw;
  }
  .w-xl--95vw {
    width: 95vw;
  }
  .w-xl--100vw {
    width: 100vw;
  }
  .w-xl--0vh {
    width: 0vh;
  }
  .w-xl--5vh {
    width: 5vh;
  }
  .w-xl--10vh {
    width: 10vh;
  }
  .w-xl--15vh {
    width: 15vh;
  }
  .w-xl--20vh {
    width: 20vh;
  }
  .w-xl--25vh {
    width: 25vh;
  }
  .w-xl--30vh {
    width: 30vh;
  }
  .w-xl--35vh {
    width: 35vh;
  }
  .w-xl--40vh {
    width: 40vh;
  }
  .w-xl--45vh {
    width: 45vh;
  }
  .w-xl--50vh {
    width: 50vh;
  }
  .w-xl--55vh {
    width: 55vh;
  }
  .w-xl--60vh {
    width: 60vh;
  }
  .w-xl--65vh {
    width: 65vh;
  }
  .w-xl--70vh {
    width: 70vh;
  }
  .w-xl--75vh {
    width: 75vh;
  }
  .w-xl--80vh {
    width: 80vh;
  }
  .w-xl--85vh {
    width: 85vh;
  }
  .w-xl--90vh {
    width: 90vh;
  }
  .w-xl--95vh {
    width: 95vh;
  }
  .w-xl--100vh {
    width: 100vh;
  }
  .h-xl--0 {
    height: 0px;
  }
  .h-xl--1 {
    height: 1px;
  }
  .h-xl--2 {
    height: 2px;
  }
  .h-xl--3 {
    height: 3px;
  }
  .h-xl--5 {
    height: 5px;
  }
  .h-xl--8 {
    height: 8px;
  }
  .h-xl--13 {
    height: 13px;
  }
  .h-xl--21 {
    height: 21px;
  }
  .h-xl--34 {
    height: 34px;
  }
  .h-xl--55 {
    height: 55px;
  }
  .h-xl--89 {
    height: 89px;
  }
  .h-xl--144 {
    height: 144px;
  }
  .h-xl--0r {
    height: 0rem;
  }
  .h-xl--1r {
    height: 1rem;
  }
  .h-xl--2r {
    height: 2rem;
  }
  .h-xl--3r {
    height: 3rem;
  }
  .h-xl--5r {
    height: 5rem;
  }
  .h-xl--8r {
    height: 8rem;
  }
  .h-xl--13r {
    height: 13rem;
  }
  .h-xl--21r {
    height: 21rem;
  }
  .h-xl--34r {
    height: 34rem;
  }
  .h-xl--55r {
    height: 55rem;
  }
  .h-xl--89r {
    height: 89rem;
  }
  .h-xl--144r {
    height: 144rem;
  }
  .h-xl--0p {
    height: 0%;
  }
  .h-xl--5p {
    height: 5%;
  }
  .h-xl--10p {
    height: 10%;
  }
  .h-xl--15p {
    height: 15%;
  }
  .h-xl--20p {
    height: 20%;
  }
  .h-xl--25p {
    height: 25%;
  }
  .h-xl--30p {
    height: 30%;
  }
  .h-xl--35p {
    height: 35%;
  }
  .h-xl--40p {
    height: 40%;
  }
  .h-xl--45p {
    height: 45%;
  }
  .h-xl--50p {
    height: 50%;
  }
  .h-xl--55p {
    height: 55%;
  }
  .h-xl--60p {
    height: 60%;
  }
  .h-xl--65p {
    height: 65%;
  }
  .h-xl--70p {
    height: 70%;
  }
  .h-xl--75p {
    height: 75%;
  }
  .h-xl--80p {
    height: 80%;
  }
  .h-xl--85p {
    height: 85%;
  }
  .h-xl--90p {
    height: 90%;
  }
  .h-xl--95p {
    height: 95%;
  }
  .h-xl--100p {
    height: 100%;
  }
  .h-xl--0vw {
    height: 0vw;
  }
  .h-xl--5vw {
    height: 5vw;
  }
  .h-xl--10vw {
    height: 10vw;
  }
  .h-xl--15vw {
    height: 15vw;
  }
  .h-xl--20vw {
    height: 20vw;
  }
  .h-xl--25vw {
    height: 25vw;
  }
  .h-xl--30vw {
    height: 30vw;
  }
  .h-xl--35vw {
    height: 35vw;
  }
  .h-xl--40vw {
    height: 40vw;
  }
  .h-xl--45vw {
    height: 45vw;
  }
  .h-xl--50vw {
    height: 50vw;
  }
  .h-xl--55vw {
    height: 55vw;
  }
  .h-xl--60vw {
    height: 60vw;
  }
  .h-xl--65vw {
    height: 65vw;
  }
  .h-xl--70vw {
    height: 70vw;
  }
  .h-xl--75vw {
    height: 75vw;
  }
  .h-xl--80vw {
    height: 80vw;
  }
  .h-xl--85vw {
    height: 85vw;
  }
  .h-xl--90vw {
    height: 90vw;
  }
  .h-xl--95vw {
    height: 95vw;
  }
  .h-xl--100vw {
    height: 100vw;
  }
  .h-xl--0vh {
    height: 0vh;
  }
  .h-xl--5vh {
    height: 5vh;
  }
  .h-xl--10vh {
    height: 10vh;
  }
  .h-xl--15vh {
    height: 15vh;
  }
  .h-xl--20vh {
    height: 20vh;
  }
  .h-xl--25vh {
    height: 25vh;
  }
  .h-xl--30vh {
    height: 30vh;
  }
  .h-xl--35vh {
    height: 35vh;
  }
  .h-xl--40vh {
    height: 40vh;
  }
  .h-xl--45vh {
    height: 45vh;
  }
  .h-xl--50vh {
    height: 50vh;
  }
  .h-xl--55vh {
    height: 55vh;
  }
  .h-xl--60vh {
    height: 60vh;
  }
  .h-xl--65vh {
    height: 65vh;
  }
  .h-xl--70vh {
    height: 70vh;
  }
  .h-xl--75vh {
    height: 75vh;
  }
  .h-xl--80vh {
    height: 80vh;
  }
  .h-xl--85vh {
    height: 85vh;
  }
  .h-xl--90vh {
    height: 90vh;
  }
  .h-xl--95vh {
    height: 95vh;
  }
  .h-xl--100vh {
    height: 100vh;
  }
}
@media (max-width: 1920px) {
  .w-xx--0 {
    width: 0px;
  }
  .w-xx--1 {
    width: 1px;
  }
  .w-xx--2 {
    width: 2px;
  }
  .w-xx--3 {
    width: 3px;
  }
  .w-xx--5 {
    width: 5px;
  }
  .w-xx--8 {
    width: 8px;
  }
  .w-xx--13 {
    width: 13px;
  }
  .w-xx--21 {
    width: 21px;
  }
  .w-xx--34 {
    width: 34px;
  }
  .w-xx--55 {
    width: 55px;
  }
  .w-xx--89 {
    width: 89px;
  }
  .w-xx--144 {
    width: 144px;
  }
  .w-xx--0r {
    width: 0rem;
  }
  .w-xx--1r {
    width: 1rem;
  }
  .w-xx--2r {
    width: 2rem;
  }
  .w-xx--3r {
    width: 3rem;
  }
  .w-xx--5r {
    width: 5rem;
  }
  .w-xx--8r {
    width: 8rem;
  }
  .w-xx--13r {
    width: 13rem;
  }
  .w-xx--21r {
    width: 21rem;
  }
  .w-xx--34r {
    width: 34rem;
  }
  .w-xx--55r {
    width: 55rem;
  }
  .w-xx--89r {
    width: 89rem;
  }
  .w-xx--144r {
    width: 144rem;
  }
  .w-xx--0p {
    width: 0%;
  }
  .w-xx--5p {
    width: 5%;
  }
  .w-xx--10p {
    width: 10%;
  }
  .w-xx--15p {
    width: 15%;
  }
  .w-xx--20p {
    width: 20%;
  }
  .w-xx--25p {
    width: 25%;
  }
  .w-xx--30p {
    width: 30%;
  }
  .w-xx--35p {
    width: 35%;
  }
  .w-xx--40p {
    width: 40%;
  }
  .w-xx--45p {
    width: 45%;
  }
  .w-xx--50p {
    width: 50%;
  }
  .w-xx--55p {
    width: 55%;
  }
  .w-xx--60p {
    width: 60%;
  }
  .w-xx--65p {
    width: 65%;
  }
  .w-xx--70p {
    width: 70%;
  }
  .w-xx--75p {
    width: 75%;
  }
  .w-xx--80p {
    width: 80%;
  }
  .w-xx--85p {
    width: 85%;
  }
  .w-xx--90p {
    width: 90%;
  }
  .w-xx--95p {
    width: 95%;
  }
  .w-xx--100p {
    width: 100%;
  }
  .w-xx--0vw {
    width: 0vw;
  }
  .w-xx--5vw {
    width: 5vw;
  }
  .w-xx--10vw {
    width: 10vw;
  }
  .w-xx--15vw {
    width: 15vw;
  }
  .w-xx--20vw {
    width: 20vw;
  }
  .w-xx--25vw {
    width: 25vw;
  }
  .w-xx--30vw {
    width: 30vw;
  }
  .w-xx--35vw {
    width: 35vw;
  }
  .w-xx--40vw {
    width: 40vw;
  }
  .w-xx--45vw {
    width: 45vw;
  }
  .w-xx--50vw {
    width: 50vw;
  }
  .w-xx--55vw {
    width: 55vw;
  }
  .w-xx--60vw {
    width: 60vw;
  }
  .w-xx--65vw {
    width: 65vw;
  }
  .w-xx--70vw {
    width: 70vw;
  }
  .w-xx--75vw {
    width: 75vw;
  }
  .w-xx--80vw {
    width: 80vw;
  }
  .w-xx--85vw {
    width: 85vw;
  }
  .w-xx--90vw {
    width: 90vw;
  }
  .w-xx--95vw {
    width: 95vw;
  }
  .w-xx--100vw {
    width: 100vw;
  }
  .w-xx--0vh {
    width: 0vh;
  }
  .w-xx--5vh {
    width: 5vh;
  }
  .w-xx--10vh {
    width: 10vh;
  }
  .w-xx--15vh {
    width: 15vh;
  }
  .w-xx--20vh {
    width: 20vh;
  }
  .w-xx--25vh {
    width: 25vh;
  }
  .w-xx--30vh {
    width: 30vh;
  }
  .w-xx--35vh {
    width: 35vh;
  }
  .w-xx--40vh {
    width: 40vh;
  }
  .w-xx--45vh {
    width: 45vh;
  }
  .w-xx--50vh {
    width: 50vh;
  }
  .w-xx--55vh {
    width: 55vh;
  }
  .w-xx--60vh {
    width: 60vh;
  }
  .w-xx--65vh {
    width: 65vh;
  }
  .w-xx--70vh {
    width: 70vh;
  }
  .w-xx--75vh {
    width: 75vh;
  }
  .w-xx--80vh {
    width: 80vh;
  }
  .w-xx--85vh {
    width: 85vh;
  }
  .w-xx--90vh {
    width: 90vh;
  }
  .w-xx--95vh {
    width: 95vh;
  }
  .w-xx--100vh {
    width: 100vh;
  }
  .h-xx--0 {
    height: 0px;
  }
  .h-xx--1 {
    height: 1px;
  }
  .h-xx--2 {
    height: 2px;
  }
  .h-xx--3 {
    height: 3px;
  }
  .h-xx--5 {
    height: 5px;
  }
  .h-xx--8 {
    height: 8px;
  }
  .h-xx--13 {
    height: 13px;
  }
  .h-xx--21 {
    height: 21px;
  }
  .h-xx--34 {
    height: 34px;
  }
  .h-xx--55 {
    height: 55px;
  }
  .h-xx--89 {
    height: 89px;
  }
  .h-xx--144 {
    height: 144px;
  }
  .h-xx--0r {
    height: 0rem;
  }
  .h-xx--1r {
    height: 1rem;
  }
  .h-xx--2r {
    height: 2rem;
  }
  .h-xx--3r {
    height: 3rem;
  }
  .h-xx--5r {
    height: 5rem;
  }
  .h-xx--8r {
    height: 8rem;
  }
  .h-xx--13r {
    height: 13rem;
  }
  .h-xx--21r {
    height: 21rem;
  }
  .h-xx--34r {
    height: 34rem;
  }
  .h-xx--55r {
    height: 55rem;
  }
  .h-xx--89r {
    height: 89rem;
  }
  .h-xx--144r {
    height: 144rem;
  }
  .h-xx--0p {
    height: 0%;
  }
  .h-xx--5p {
    height: 5%;
  }
  .h-xx--10p {
    height: 10%;
  }
  .h-xx--15p {
    height: 15%;
  }
  .h-xx--20p {
    height: 20%;
  }
  .h-xx--25p {
    height: 25%;
  }
  .h-xx--30p {
    height: 30%;
  }
  .h-xx--35p {
    height: 35%;
  }
  .h-xx--40p {
    height: 40%;
  }
  .h-xx--45p {
    height: 45%;
  }
  .h-xx--50p {
    height: 50%;
  }
  .h-xx--55p {
    height: 55%;
  }
  .h-xx--60p {
    height: 60%;
  }
  .h-xx--65p {
    height: 65%;
  }
  .h-xx--70p {
    height: 70%;
  }
  .h-xx--75p {
    height: 75%;
  }
  .h-xx--80p {
    height: 80%;
  }
  .h-xx--85p {
    height: 85%;
  }
  .h-xx--90p {
    height: 90%;
  }
  .h-xx--95p {
    height: 95%;
  }
  .h-xx--100p {
    height: 100%;
  }
  .h-xx--0vw {
    height: 0vw;
  }
  .h-xx--5vw {
    height: 5vw;
  }
  .h-xx--10vw {
    height: 10vw;
  }
  .h-xx--15vw {
    height: 15vw;
  }
  .h-xx--20vw {
    height: 20vw;
  }
  .h-xx--25vw {
    height: 25vw;
  }
  .h-xx--30vw {
    height: 30vw;
  }
  .h-xx--35vw {
    height: 35vw;
  }
  .h-xx--40vw {
    height: 40vw;
  }
  .h-xx--45vw {
    height: 45vw;
  }
  .h-xx--50vw {
    height: 50vw;
  }
  .h-xx--55vw {
    height: 55vw;
  }
  .h-xx--60vw {
    height: 60vw;
  }
  .h-xx--65vw {
    height: 65vw;
  }
  .h-xx--70vw {
    height: 70vw;
  }
  .h-xx--75vw {
    height: 75vw;
  }
  .h-xx--80vw {
    height: 80vw;
  }
  .h-xx--85vw {
    height: 85vw;
  }
  .h-xx--90vw {
    height: 90vw;
  }
  .h-xx--95vw {
    height: 95vw;
  }
  .h-xx--100vw {
    height: 100vw;
  }
  .h-xx--0vh {
    height: 0vh;
  }
  .h-xx--5vh {
    height: 5vh;
  }
  .h-xx--10vh {
    height: 10vh;
  }
  .h-xx--15vh {
    height: 15vh;
  }
  .h-xx--20vh {
    height: 20vh;
  }
  .h-xx--25vh {
    height: 25vh;
  }
  .h-xx--30vh {
    height: 30vh;
  }
  .h-xx--35vh {
    height: 35vh;
  }
  .h-xx--40vh {
    height: 40vh;
  }
  .h-xx--45vh {
    height: 45vh;
  }
  .h-xx--50vh {
    height: 50vh;
  }
  .h-xx--55vh {
    height: 55vh;
  }
  .h-xx--60vh {
    height: 60vh;
  }
  .h-xx--65vh {
    height: 65vh;
  }
  .h-xx--70vh {
    height: 70vh;
  }
  .h-xx--75vh {
    height: 75vh;
  }
  .h-xx--80vh {
    height: 80vh;
  }
  .h-xx--85vh {
    height: 85vh;
  }
  .h-xx--90vh {
    height: 90vh;
  }
  .h-xx--95vh {
    height: 95vh;
  }
  .h-xx--100vh {
    height: 100vh;
  }
}
.xy--0 {
  height: 0px;
  width: 0px;
}

.xy--1 {
  height: 1px;
  width: 1px;
}

.xy--2 {
  height: 2px;
  width: 2px;
}

.xy--3 {
  height: 3px;
  width: 3px;
}

.xy--5 {
  height: 5px;
  width: 5px;
}

.xy--8 {
  height: 8px;
  width: 8px;
}

.xy--13 {
  height: 13px;
  width: 13px;
}

.xy--21 {
  height: 21px;
  width: 21px;
}

.xy--34 {
  height: 34px;
  width: 34px;
}

.xy--55 {
  height: 55px;
  width: 55px;
}

.xy--89 {
  height: 89px;
  width: 89px;
}

.xy--144 {
  height: 144px;
  width: 144px;
}

.xy--0r {
  height: 0rem;
  width: 0rem;
}

.xy--1r {
  height: 1rem;
  width: 1rem;
}

.xy--2r {
  height: 2rem;
  width: 2rem;
}

.xy--3r {
  height: 3rem;
  width: 3rem;
}

.xy--5r {
  height: 5rem;
  width: 5rem;
}

.xy--8r {
  height: 8rem;
  width: 8rem;
}

.xy--13r {
  height: 13rem;
  width: 13rem;
}

.xy--21r {
  height: 21rem;
  width: 21rem;
}

.xy--34r {
  height: 34rem;
  width: 34rem;
}

.xy--55r {
  height: 55rem;
  width: 55rem;
}

.xy--89r {
  height: 89rem;
  width: 89rem;
}

.xy--144r {
  height: 144rem;
  width: 144rem;
}

.xy--0p {
  height: 0%;
  width: 0%;
}

.xy--5p {
  height: 5%;
  width: 5%;
}

.xy--10p {
  height: 10%;
  width: 10%;
}

.xy--15p {
  height: 15%;
  width: 15%;
}

.xy--20p {
  height: 20%;
  width: 20%;
}

.xy--25p {
  height: 25%;
  width: 25%;
}

.xy--30p {
  height: 30%;
  width: 30%;
}

.xy--35p {
  height: 35%;
  width: 35%;
}

.xy--40p {
  height: 40%;
  width: 40%;
}

.xy--45p {
  height: 45%;
  width: 45%;
}

.xy--50p {
  height: 50%;
  width: 50%;
}

.xy--55p {
  height: 55%;
  width: 55%;
}

.xy--60p {
  height: 60%;
  width: 60%;
}

.xy--65p {
  height: 65%;
  width: 65%;
}

.xy--70p {
  height: 70%;
  width: 70%;
}

.xy--75p {
  height: 75%;
  width: 75%;
}

.xy--80p {
  height: 80%;
  width: 80%;
}

.xy--85p {
  height: 85%;
  width: 85%;
}

.xy--90p {
  height: 90%;
  width: 90%;
}

.xy--95p {
  height: 95%;
  width: 95%;
}

.xy--100p {
  height: 100%;
  width: 100%;
}

.xy--0vw {
  height: 0vw;
  width: 0vw;
}

.xy--5vw {
  height: 5vw;
  width: 5vw;
}

.xy--10vw {
  height: 10vw;
  width: 10vw;
}

.xy--15vw {
  height: 15vw;
  width: 15vw;
}

.xy--20vw {
  height: 20vw;
  width: 20vw;
}

.xy--25vw {
  height: 25vw;
  width: 25vw;
}

.xy--30vw {
  height: 30vw;
  width: 30vw;
}

.xy--35vw {
  height: 35vw;
  width: 35vw;
}

.xy--40vw {
  height: 40vw;
  width: 40vw;
}

.xy--45vw {
  height: 45vw;
  width: 45vw;
}

.xy--50vw {
  height: 50vw;
  width: 50vw;
}

.xy--55vw {
  height: 55vw;
  width: 55vw;
}

.xy--60vw {
  height: 60vw;
  width: 60vw;
}

.xy--65vw {
  height: 65vw;
  width: 65vw;
}

.xy--70vw {
  height: 70vw;
  width: 70vw;
}

.xy--75vw {
  height: 75vw;
  width: 75vw;
}

.xy--80vw {
  height: 80vw;
  width: 80vw;
}

.xy--85vw {
  height: 85vw;
  width: 85vw;
}

.xy--90vw {
  height: 90vw;
  width: 90vw;
}

.xy--95vw {
  height: 95vw;
  width: 95vw;
}

.xy--100vw {
  height: 100vw;
  width: 100vw;
}

.xy--0vh {
  height: 0vh;
  width: 0vh;
}

.xy--5vh {
  height: 5vh;
  width: 5vh;
}

.xy--10vh {
  height: 10vh;
  width: 10vh;
}

.xy--15vh {
  height: 15vh;
  width: 15vh;
}

.xy--20vh {
  height: 20vh;
  width: 20vh;
}

.xy--25vh {
  height: 25vh;
  width: 25vh;
}

.xy--30vh {
  height: 30vh;
  width: 30vh;
}

.xy--35vh {
  height: 35vh;
  width: 35vh;
}

.xy--40vh {
  height: 40vh;
  width: 40vh;
}

.xy--45vh {
  height: 45vh;
  width: 45vh;
}

.xy--50vh {
  height: 50vh;
  width: 50vh;
}

.xy--55vh {
  height: 55vh;
  width: 55vh;
}

.xy--60vh {
  height: 60vh;
  width: 60vh;
}

.xy--65vh {
  height: 65vh;
  width: 65vh;
}

.xy--70vh {
  height: 70vh;
  width: 70vh;
}

.xy--75vh {
  height: 75vh;
  width: 75vh;
}

.xy--80vh {
  height: 80vh;
  width: 80vh;
}

.xy--85vh {
  height: 85vh;
  width: 85vh;
}

.xy--90vh {
  height: 90vh;
  width: 90vh;
}

.xy--95vh {
  height: 95vh;
  width: 95vh;
}

.xy--100vh {
  height: 100vh;
  width: 100vh;
}

.w--auto {
  width: auto;
}

.h--auto {
  height: auto;
}

/* ed values */
.display--block {
  display: block;
}

.display--inline {
  display: inline;
}

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

.display--flex {
  display: flex;
}

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

.display--grid {
  display: grid;
}

.display--inline-grid {
  display: inline-grid;
}

.display--flow-root {
  display: flow-root;
}

.display--none {
  display: none;
}

.display--contents {
  display: contents;
}

.display--block-flow {
  display: block-flow;
}

.display--inline-flow {
  display: inline-flow;
}

.display--inline-flow-root {
  display: inline-flow-root;
}

.display--block-flex {
  display: block-flex;
}

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

.display--block-grid {
  display: block-grid;
}

.display--inline-grid {
  display: inline-grid;
}

.display--blockflow-root {
  display: blockflow-root;
}

.display--table {
  display: table;
}

.display--table-row {
  display: table-row;
}

.display--list-item {
  display: list-item;
}

.display--inherit {
  display: inherit;
}

.display--initial {
  display: initial;
}

.display--revert {
  display: revert;
}

.display--revert-layer {
  display: revert-layer;
}

.display--unset {
  display: unset;
}

@media only screen and (min-width: 480px) and (max-width: 576px) {
  .sm--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .md--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .lg--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1600px) {
  .xl--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .xx--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 332px) {
  .ss--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 480px) {
  .xs--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 576px) {
  .sm--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 768px) {
  .md--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 992px) {
  .lg--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 1200px) {
  .ll--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 1600px) {
  .xl--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 1920px) {
  .xx--hide {
    display: none;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 332px) {
  .ss--show {
    display: block;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 480px) {
  .xs--show {
    display: block;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 576px) {
  .sm--show {
    display: block;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 768px) {
  .md--show {
    display: block;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 992px) {
  .lg--show {
    display: block;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 1200px) {
  .ll--show {
    display: block;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 1600px) {
  .xl--show {
    display: block;
    transition: all 300ms ease-in-out;
  }
}
@media (max-width: 1920px) {
  .xx--show {
    display: block;
    transition: all 300ms ease-in-out;
  }
}
.overflow--hidden {
  overflow: hidden;
}

.overflow--scroll {
  overflow: scroll;
}

.overflow--visible {
  overflow: visible;
}

.overflow--inherit {
  overflow: inherit;
}

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

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

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

.obj-fit--scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.shade--left {
  position: relative;
}
.shade--left::after {
  width: 100%;
  height: calc(100% + 100px);
  content: " ";
  top: -100px;
  z-index: -100;
  position: absolute;
  left: 0px;
  background: transparent;
  background: linear-gradient(89deg, rgb(26, 55, 144) 0%, rgb(26, 55, 144) 35%, rgba(26, 55, 144, 0) 100%);
}

.ratio--h {
  height: 161.8%;
}

/* body, html {
  font-size: var(--base-type); = 16px
  font-family: "norm", sans-serif;
} */

h1 {
  font-family: "Poppins", sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .small, .subheading, .title, .caption, .display, .displayBig {
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  line-height: 1.2;
  word-break: keep-all;
}

.f-size--0 {
  font-size: 0rem;
}

.f-size--1 {
  font-size: 0.0555864369rem;
}

.f-size--2 {
  font-size: 0.1111728738rem;
}

.f-size--3 {
  font-size: 0.1667593107rem;
}

.f-size--5 {
  font-size: 0.2779321845rem;
}

.f-size--8 {
  font-size: 0.4446914953rem;
}

.f-size--13 {
  font-size: 0.7226236798rem;
}

.f-size--21 {
  font-size: 1.1673151751rem;
}

.f-size--34 {
  font-size: 1.8899388549rem;
}

.f-size--55 {
  font-size: 3.05725403rem;
}

.f-size--89 {
  font-size: 4.9471928849rem;
}

.f-size--144 {
  font-size: 8.004446915rem;
}

@media (max-width: 332px) {
  .f-size-ss--0 {
    font-size: 0rem;
  }
  .f-size-ss--1 {
    font-size: 0.0555864369rem;
  }
  .f-size-ss--2 {
    font-size: 0.1111728738rem;
  }
  .f-size-ss--3 {
    font-size: 0.1667593107rem;
  }
  .f-size-ss--5 {
    font-size: 0.2779321845rem;
  }
  .f-size-ss--8 {
    font-size: 0.4446914953rem;
  }
  .f-size-ss--13 {
    font-size: 0.7226236798rem;
  }
  .f-size-ss--21 {
    font-size: 1.1673151751rem;
  }
  .f-size-ss--34 {
    font-size: 1.8899388549rem;
  }
  .f-size-ss--55 {
    font-size: 3.05725403rem;
  }
  .f-size-ss--89 {
    font-size: 4.9471928849rem;
  }
  .f-size-ss--144 {
    font-size: 8.004446915rem;
  }
}
@media (max-width: 480px) {
  .f-size-xs--0 {
    font-size: 0rem;
  }
  .f-size-xs--1 {
    font-size: 0.0555864369rem;
  }
  .f-size-xs--2 {
    font-size: 0.1111728738rem;
  }
  .f-size-xs--3 {
    font-size: 0.1667593107rem;
  }
  .f-size-xs--5 {
    font-size: 0.2779321845rem;
  }
  .f-size-xs--8 {
    font-size: 0.4446914953rem;
  }
  .f-size-xs--13 {
    font-size: 0.7226236798rem;
  }
  .f-size-xs--21 {
    font-size: 1.1673151751rem;
  }
  .f-size-xs--34 {
    font-size: 1.8899388549rem;
  }
  .f-size-xs--55 {
    font-size: 3.05725403rem;
  }
  .f-size-xs--89 {
    font-size: 4.9471928849rem;
  }
  .f-size-xs--144 {
    font-size: 8.004446915rem;
  }
}
@media (max-width: 576px) {
  .f-size-sm--0 {
    font-size: 0rem;
  }
  .f-size-sm--1 {
    font-size: 0.0555864369rem;
  }
  .f-size-sm--2 {
    font-size: 0.1111728738rem;
  }
  .f-size-sm--3 {
    font-size: 0.1667593107rem;
  }
  .f-size-sm--5 {
    font-size: 0.2779321845rem;
  }
  .f-size-sm--8 {
    font-size: 0.4446914953rem;
  }
  .f-size-sm--13 {
    font-size: 0.7226236798rem;
  }
  .f-size-sm--21 {
    font-size: 1.1673151751rem;
  }
  .f-size-sm--34 {
    font-size: 1.8899388549rem;
  }
  .f-size-sm--55 {
    font-size: 3.05725403rem;
  }
  .f-size-sm--89 {
    font-size: 4.9471928849rem;
  }
  .f-size-sm--144 {
    font-size: 8.004446915rem;
  }
}
@media (max-width: 768px) {
  .f-size-md--0 {
    font-size: 0rem;
  }
  .f-size-md--1 {
    font-size: 0.0555864369rem;
  }
  .f-size-md--2 {
    font-size: 0.1111728738rem;
  }
  .f-size-md--3 {
    font-size: 0.1667593107rem;
  }
  .f-size-md--5 {
    font-size: 0.2779321845rem;
  }
  .f-size-md--8 {
    font-size: 0.4446914953rem;
  }
  .f-size-md--13 {
    font-size: 0.7226236798rem;
  }
  .f-size-md--21 {
    font-size: 1.1673151751rem;
  }
  .f-size-md--34 {
    font-size: 1.8899388549rem;
  }
  .f-size-md--55 {
    font-size: 3.05725403rem;
  }
  .f-size-md--89 {
    font-size: 4.9471928849rem;
  }
  .f-size-md--144 {
    font-size: 8.004446915rem;
  }
}
@media (max-width: 992px) {
  .f-size-lg--0 {
    font-size: 0rem;
  }
  .f-size-lg--1 {
    font-size: 0.0555864369rem;
  }
  .f-size-lg--2 {
    font-size: 0.1111728738rem;
  }
  .f-size-lg--3 {
    font-size: 0.1667593107rem;
  }
  .f-size-lg--5 {
    font-size: 0.2779321845rem;
  }
  .f-size-lg--8 {
    font-size: 0.4446914953rem;
  }
  .f-size-lg--13 {
    font-size: 0.7226236798rem;
  }
  .f-size-lg--21 {
    font-size: 1.1673151751rem;
  }
  .f-size-lg--34 {
    font-size: 1.8899388549rem;
  }
  .f-size-lg--55 {
    font-size: 3.05725403rem;
  }
  .f-size-lg--89 {
    font-size: 4.9471928849rem;
  }
  .f-size-lg--144 {
    font-size: 8.004446915rem;
  }
}
@media (max-width: 1200px) {
  .f-size-ll--0 {
    font-size: 0rem;
  }
  .f-size-ll--1 {
    font-size: 0.0555864369rem;
  }
  .f-size-ll--2 {
    font-size: 0.1111728738rem;
  }
  .f-size-ll--3 {
    font-size: 0.1667593107rem;
  }
  .f-size-ll--5 {
    font-size: 0.2779321845rem;
  }
  .f-size-ll--8 {
    font-size: 0.4446914953rem;
  }
  .f-size-ll--13 {
    font-size: 0.7226236798rem;
  }
  .f-size-ll--21 {
    font-size: 1.1673151751rem;
  }
  .f-size-ll--34 {
    font-size: 1.8899388549rem;
  }
  .f-size-ll--55 {
    font-size: 3.05725403rem;
  }
  .f-size-ll--89 {
    font-size: 4.9471928849rem;
  }
  .f-size-ll--144 {
    font-size: 8.004446915rem;
  }
}
@media (max-width: 1600px) {
  .f-size-xl--0 {
    font-size: 0rem;
  }
  .f-size-xl--1 {
    font-size: 0.0555864369rem;
  }
  .f-size-xl--2 {
    font-size: 0.1111728738rem;
  }
  .f-size-xl--3 {
    font-size: 0.1667593107rem;
  }
  .f-size-xl--5 {
    font-size: 0.2779321845rem;
  }
  .f-size-xl--8 {
    font-size: 0.4446914953rem;
  }
  .f-size-xl--13 {
    font-size: 0.7226236798rem;
  }
  .f-size-xl--21 {
    font-size: 1.1673151751rem;
  }
  .f-size-xl--34 {
    font-size: 1.8899388549rem;
  }
  .f-size-xl--55 {
    font-size: 3.05725403rem;
  }
  .f-size-xl--89 {
    font-size: 4.9471928849rem;
  }
  .f-size-xl--144 {
    font-size: 8.004446915rem;
  }
}
@media (max-width: 1920px) {
  .f-size-xx--0 {
    font-size: 0rem;
  }
  .f-size-xx--1 {
    font-size: 0.0555864369rem;
  }
  .f-size-xx--2 {
    font-size: 0.1111728738rem;
  }
  .f-size-xx--3 {
    font-size: 0.1667593107rem;
  }
  .f-size-xx--5 {
    font-size: 0.2779321845rem;
  }
  .f-size-xx--8 {
    font-size: 0.4446914953rem;
  }
  .f-size-xx--13 {
    font-size: 0.7226236798rem;
  }
  .f-size-xx--21 {
    font-size: 1.1673151751rem;
  }
  .f-size-xx--34 {
    font-size: 1.8899388549rem;
  }
  .f-size-xx--55 {
    font-size: 3.05725403rem;
  }
  .f-size-xx--89 {
    font-size: 4.9471928849rem;
  }
  .f-size-xx--144 {
    font-size: 8.004446915rem;
  }
}
displayBig {
  font-size: 6.8315730962rem;
}

.displayBig {
  font-size: clamp(5.3rem, 6.8vmax, 7.8rem);
}

display {
  font-size: 4.2240133407rem;
}

.display {
  font-size: clamp(3.2rem, 4.2vmax, 5.2rem);
}

h1 {
  font-size: 3.4130072262rem;
}

.h1 {
  font-size: clamp(2.6rem, 3.4vmax, 4.4rem);
}

h2 {
  font-size: 2.2734852696rem;
}

.h2 {
  font-size: clamp(1.7rem, 2.3vmax, 3.3rem);
}

h3 {
  font-size: 1.6675931073rem;
}

.h3 {
  font-size: clamp(1.3rem, 1.7vmax, 2.7rem);
}

h4 {
  font-size: 1.3618677043rem;
}

.h4 {
  font-size: clamp(1rem, 1.4vmax, 2.4rem);
}

h5 {
  font-size: 1.1389660923rem;
}

.h5 {
  font-size: clamp(0.9rem, 1.1vmax, 2.1rem);
}

h6 {
  font-size: 0.9760978321rem;
}

.h6 {
  font-size: clamp(0.8rem, 1vmax, 2rem);
}

small {
  font-size: 0.7226236798rem;
}

.small {
  font-size: clamp(0.6rem, 0.7vmax, 1.7rem);
}

subheading {
  font-size: 2.2734852696rem;
}

.subheading {
  font-size: clamp(1.7rem, 2.3vmax, 3.3rem);
}

title {
  font-size: 1.1389660923rem;
}

.title {
  font-size: clamp(0.9rem, 1.1vmax, 2.1rem);
}

caption {
  font-size: 0.9760978321rem;
}

.caption {
  font-size: clamp(0.8rem, 1vmax, 2rem);
}

p, .p {
  font-weight: 400;
}

.f--bold {
  font-weight: 700;
}

.f--medium {
  font-weight: 500;
}

.f--regular {
  font-weight: 400;
}

.f--lighter {
  font-weight: 300;
}

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

.f--underline--dotted {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

.f--underline--wavy {
  -webkit-text-decoration: var(--main) underline wavy;
          text-decoration: var(--main) underline wavy;
}

.f--uppercase {
  text-transform: uppercase;
}

.f--italic {
  font-style: italic;
}

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

f--del, .f--del {
  -webkit-text-decoration: line-through var(--danger);
          text-decoration: line-through var(--danger);
  background-color: var(--warm);
}

f--ins, .f--ins {
  text-decoration: none;
  background-color: var(--warning);
}

.f--inc--0p {
  font-size: 100%;
}

.f--inc--5p {
  font-size: 105%;
}

.f--inc--10p {
  font-size: 110%;
}

.f--inc--15p {
  font-size: 115%;
}

.f--inc--20p {
  font-size: 120%;
}

.f--inc--25p {
  font-size: 125%;
}

.f--inc--30p {
  font-size: 130%;
}

.f--inc--35p {
  font-size: 135%;
}

.f--inc--40p {
  font-size: 140%;
}

.f--inc--45p {
  font-size: 145%;
}

.f--inc--50p {
  font-size: 150%;
}

.f--inc--55p {
  font-size: 155%;
}

.f--inc--60p {
  font-size: 160%;
}

.f--inc--65p {
  font-size: 165%;
}

.f--inc--70p {
  font-size: 170%;
}

.f--inc--75p {
  font-size: 175%;
}

.f--inc--80p {
  font-size: 180%;
}

.f--inc--85p {
  font-size: 185%;
}

.f--inc--90p {
  font-size: 190%;
}

.f--inc--95p {
  font-size: 195%;
}

.f--inc--100p {
  font-size: 200%;
}

.f--inc--105p {
  font-size: 205%;
}

.f--dec--0p {
  font-size: 100%;
}

.f--dec--5p {
  font-size: 95%;
}

.f--dec--10p {
  font-size: 90%;
}

.f--dec--15p {
  font-size: 85%;
}

.f--dec--20p {
  font-size: 80%;
}

.f--dec--25p {
  font-size: 75%;
}

.f--dec--30p {
  font-size: 70%;
}

.f--dec--35p {
  font-size: 65%;
}

.f--dec--40p {
  font-size: 60%;
}

.f--dec--45p {
  font-size: 55%;
}

.f--dec--50p {
  font-size: 50%;
}

.f--dec--55p {
  font-size: 45%;
}

.f--dec--60p {
  font-size: 40%;
}

.f--dec--65p {
  font-size: 35%;
}

.f--dec--70p {
  font-size: 30%;
}

.f--dec--75p {
  font-size: 25%;
}

.f--dec--80p {
  font-size: 20%;
}

.f--dec--85p {
  font-size: 15%;
}

.f--dec--90p {
  font-size: 10%;
}

.f--dec--95p {
  font-size: 5%;
}

.f--dec--100p {
  font-size: 0%;
}

.f--dec--105p {
  font-size: -5%;
}

.action-bar__close {
  display: none;
}

.zoom {
  cursor: pointer;
}
.zoom .zoom__item {
  transform: scale(1);
  transition: all 300ms ease;
}
.zoom .zoom__item--1 {
  transform: scale(1);
  transition: all 300ms ease;
}
.zoom .zoom__item--2 {
  transform: scale(1);
  transition: all 300ms ease;
}
.zoom:hover .zoom__item {
  transform: scale(1.025);
  transition: all 300ms ease;
}
.zoom:hover .zoom__item--1 {
  transform: scale(1.1);
  transition: all 300ms ease;
}
.zoom:hover .zoom__item--2 {
  transform: scale(1.2);
  transition: all 300ms ease;
}

.zoom.current {
  cursor: pointer;
  transform: scale(1);
  transition: all 300ms ease;
}
.zoom.current:hover {
  transform: scale(1.025);
  transition: all 300ms ease;
}

.zoom__inbox {
  cursor: pointer;
}
.zoom__inbox::before {
  position: absolute;
  height: 100%;
  width: 100%;
  display: inline-block;
  top: 0px;
  background: inherit;
  left: 0px;
  content: " ";
  transform: scale(1);
  transition: all 300ms ease;
}
.zoom__inbox:hover::before {
  transform: scale(1.04);
  transition: all 300ms ease;
}

.zoom__inbox-background {
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.zoom__inbox-background .bg-img {
  transform: scale(1);
  transition: all 300ms ease;
}
.zoom__inbox-background:hover {
  transform: scale(1);
  transition: all 300ms ease;
}
.zoom__inbox-background:hover .bg-img {
  transform: scale(1.13);
  transition: all 300ms ease;
}

.bg--zoom {
  position: relative;
  overflow: hidden;
}
.bg--zoom::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: inherit;
  transform: scale(1);
  transition: 300ms ease all;
}
.bg--zoom:hover::after {
  transform: scale(1.1);
  transition: 300ms ease all;
}

.bg-grayscale--zoom {
  position: relative;
  overflow: hidden;
}
.bg-grayscale--zoom::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: inherit;
  transform: scale(1);
  transition: 300ms ease all;
}
.bg-grayscale--zoom:hover::after {
  transform: scale(1.1);
  transition: 300ms ease all;
  filter: grayscale(100%);
}

.zindex--0 {
  z-index: 0;
}

.zindex--50 {
  z-index: 50;
}

.zindex--100 {
  z-index: 100;
}

.zindex--150 {
  z-index: 150;
}

.zindex--200 {
  z-index: 200;
}

.zindex--250 {
  z-index: 250;
}

.zindex--300 {
  z-index: 300;
}

.zindex--350 {
  z-index: 350;
}

.zindex--400 {
  z-index: 400;
}

.zindex--450 {
  z-index: 450;
}

.zindex--500 {
  z-index: 500;
}

.zindex--550 {
  z-index: 550;
}

.zindex--600 {
  z-index: 600;
}

.zindex--650 {
  z-index: 650;
}

.zindex--700 {
  z-index: 700;
}

.zindex--750 {
  z-index: 750;
}

.zindex--800 {
  z-index: 800;
}

.zindex--850 {
  z-index: 850;
}

.zindex--900 {
  z-index: 900;
}

.zindex--950 {
  z-index: 950;
}

.zindex--1000 {
  z-index: 1000;
}

@media (max-width: 332px) {
  .zindex-ss--1050 {
    z-index: 1050;
  }
  .zindex-ss--1100 {
    z-index: 1100;
  }
  .zindex-ss--1150 {
    z-index: 1150;
  }
  .zindex-ss--1200 {
    z-index: 1200;
  }
  .zindex-ss--1250 {
    z-index: 1250;
  }
  .zindex-ss--1300 {
    z-index: 1300;
  }
  .zindex-ss--1350 {
    z-index: 1350;
  }
  .zindex-ss--1400 {
    z-index: 1400;
  }
  .zindex-ss--1450 {
    z-index: 1450;
  }
  .zindex-ss--1500 {
    z-index: 1500;
  }
  .zindex-ss--1550 {
    z-index: 1550;
  }
  .zindex-ss--1600 {
    z-index: 1600;
  }
  .zindex-ss--1650 {
    z-index: 1650;
  }
  .zindex-ss--1700 {
    z-index: 1700;
  }
  .zindex-ss--1750 {
    z-index: 1750;
  }
  .zindex-ss--1800 {
    z-index: 1800;
  }
  .zindex-ss--1850 {
    z-index: 1850;
  }
  .zindex-ss--1900 {
    z-index: 1900;
  }
  .zindex-ss--1950 {
    z-index: 1950;
  }
  .zindex-ss--2000 {
    z-index: 2000;
  }
  .zindex-ss--2050 {
    z-index: 2050;
  }
}
@media (max-width: 480px) {
  .zindex-xs--1050 {
    z-index: 1050;
  }
  .zindex-xs--1100 {
    z-index: 1100;
  }
  .zindex-xs--1150 {
    z-index: 1150;
  }
  .zindex-xs--1200 {
    z-index: 1200;
  }
  .zindex-xs--1250 {
    z-index: 1250;
  }
  .zindex-xs--1300 {
    z-index: 1300;
  }
  .zindex-xs--1350 {
    z-index: 1350;
  }
  .zindex-xs--1400 {
    z-index: 1400;
  }
  .zindex-xs--1450 {
    z-index: 1450;
  }
  .zindex-xs--1500 {
    z-index: 1500;
  }
  .zindex-xs--1550 {
    z-index: 1550;
  }
  .zindex-xs--1600 {
    z-index: 1600;
  }
  .zindex-xs--1650 {
    z-index: 1650;
  }
  .zindex-xs--1700 {
    z-index: 1700;
  }
  .zindex-xs--1750 {
    z-index: 1750;
  }
  .zindex-xs--1800 {
    z-index: 1800;
  }
  .zindex-xs--1850 {
    z-index: 1850;
  }
  .zindex-xs--1900 {
    z-index: 1900;
  }
  .zindex-xs--1950 {
    z-index: 1950;
  }
  .zindex-xs--2000 {
    z-index: 2000;
  }
  .zindex-xs--2050 {
    z-index: 2050;
  }
}
@media (max-width: 576px) {
  .zindex-sm--1050 {
    z-index: 1050;
  }
  .zindex-sm--1100 {
    z-index: 1100;
  }
  .zindex-sm--1150 {
    z-index: 1150;
  }
  .zindex-sm--1200 {
    z-index: 1200;
  }
  .zindex-sm--1250 {
    z-index: 1250;
  }
  .zindex-sm--1300 {
    z-index: 1300;
  }
  .zindex-sm--1350 {
    z-index: 1350;
  }
  .zindex-sm--1400 {
    z-index: 1400;
  }
  .zindex-sm--1450 {
    z-index: 1450;
  }
  .zindex-sm--1500 {
    z-index: 1500;
  }
  .zindex-sm--1550 {
    z-index: 1550;
  }
  .zindex-sm--1600 {
    z-index: 1600;
  }
  .zindex-sm--1650 {
    z-index: 1650;
  }
  .zindex-sm--1700 {
    z-index: 1700;
  }
  .zindex-sm--1750 {
    z-index: 1750;
  }
  .zindex-sm--1800 {
    z-index: 1800;
  }
  .zindex-sm--1850 {
    z-index: 1850;
  }
  .zindex-sm--1900 {
    z-index: 1900;
  }
  .zindex-sm--1950 {
    z-index: 1950;
  }
  .zindex-sm--2000 {
    z-index: 2000;
  }
  .zindex-sm--2050 {
    z-index: 2050;
  }
}
@media (max-width: 768px) {
  .zindex-md--1050 {
    z-index: 1050;
  }
  .zindex-md--1100 {
    z-index: 1100;
  }
  .zindex-md--1150 {
    z-index: 1150;
  }
  .zindex-md--1200 {
    z-index: 1200;
  }
  .zindex-md--1250 {
    z-index: 1250;
  }
  .zindex-md--1300 {
    z-index: 1300;
  }
  .zindex-md--1350 {
    z-index: 1350;
  }
  .zindex-md--1400 {
    z-index: 1400;
  }
  .zindex-md--1450 {
    z-index: 1450;
  }
  .zindex-md--1500 {
    z-index: 1500;
  }
  .zindex-md--1550 {
    z-index: 1550;
  }
  .zindex-md--1600 {
    z-index: 1600;
  }
  .zindex-md--1650 {
    z-index: 1650;
  }
  .zindex-md--1700 {
    z-index: 1700;
  }
  .zindex-md--1750 {
    z-index: 1750;
  }
  .zindex-md--1800 {
    z-index: 1800;
  }
  .zindex-md--1850 {
    z-index: 1850;
  }
  .zindex-md--1900 {
    z-index: 1900;
  }
  .zindex-md--1950 {
    z-index: 1950;
  }
  .zindex-md--2000 {
    z-index: 2000;
  }
  .zindex-md--2050 {
    z-index: 2050;
  }
}
@media (max-width: 992px) {
  .zindex-lg--1050 {
    z-index: 1050;
  }
  .zindex-lg--1100 {
    z-index: 1100;
  }
  .zindex-lg--1150 {
    z-index: 1150;
  }
  .zindex-lg--1200 {
    z-index: 1200;
  }
  .zindex-lg--1250 {
    z-index: 1250;
  }
  .zindex-lg--1300 {
    z-index: 1300;
  }
  .zindex-lg--1350 {
    z-index: 1350;
  }
  .zindex-lg--1400 {
    z-index: 1400;
  }
  .zindex-lg--1450 {
    z-index: 1450;
  }
  .zindex-lg--1500 {
    z-index: 1500;
  }
  .zindex-lg--1550 {
    z-index: 1550;
  }
  .zindex-lg--1600 {
    z-index: 1600;
  }
  .zindex-lg--1650 {
    z-index: 1650;
  }
  .zindex-lg--1700 {
    z-index: 1700;
  }
  .zindex-lg--1750 {
    z-index: 1750;
  }
  .zindex-lg--1800 {
    z-index: 1800;
  }
  .zindex-lg--1850 {
    z-index: 1850;
  }
  .zindex-lg--1900 {
    z-index: 1900;
  }
  .zindex-lg--1950 {
    z-index: 1950;
  }
  .zindex-lg--2000 {
    z-index: 2000;
  }
  .zindex-lg--2050 {
    z-index: 2050;
  }
}
@media (max-width: 1200px) {
  .zindex-ll--1050 {
    z-index: 1050;
  }
  .zindex-ll--1100 {
    z-index: 1100;
  }
  .zindex-ll--1150 {
    z-index: 1150;
  }
  .zindex-ll--1200 {
    z-index: 1200;
  }
  .zindex-ll--1250 {
    z-index: 1250;
  }
  .zindex-ll--1300 {
    z-index: 1300;
  }
  .zindex-ll--1350 {
    z-index: 1350;
  }
  .zindex-ll--1400 {
    z-index: 1400;
  }
  .zindex-ll--1450 {
    z-index: 1450;
  }
  .zindex-ll--1500 {
    z-index: 1500;
  }
  .zindex-ll--1550 {
    z-index: 1550;
  }
  .zindex-ll--1600 {
    z-index: 1600;
  }
  .zindex-ll--1650 {
    z-index: 1650;
  }
  .zindex-ll--1700 {
    z-index: 1700;
  }
  .zindex-ll--1750 {
    z-index: 1750;
  }
  .zindex-ll--1800 {
    z-index: 1800;
  }
  .zindex-ll--1850 {
    z-index: 1850;
  }
  .zindex-ll--1900 {
    z-index: 1900;
  }
  .zindex-ll--1950 {
    z-index: 1950;
  }
  .zindex-ll--2000 {
    z-index: 2000;
  }
  .zindex-ll--2050 {
    z-index: 2050;
  }
}
@media (max-width: 1600px) {
  .zindex-xl--1050 {
    z-index: 1050;
  }
  .zindex-xl--1100 {
    z-index: 1100;
  }
  .zindex-xl--1150 {
    z-index: 1150;
  }
  .zindex-xl--1200 {
    z-index: 1200;
  }
  .zindex-xl--1250 {
    z-index: 1250;
  }
  .zindex-xl--1300 {
    z-index: 1300;
  }
  .zindex-xl--1350 {
    z-index: 1350;
  }
  .zindex-xl--1400 {
    z-index: 1400;
  }
  .zindex-xl--1450 {
    z-index: 1450;
  }
  .zindex-xl--1500 {
    z-index: 1500;
  }
  .zindex-xl--1550 {
    z-index: 1550;
  }
  .zindex-xl--1600 {
    z-index: 1600;
  }
  .zindex-xl--1650 {
    z-index: 1650;
  }
  .zindex-xl--1700 {
    z-index: 1700;
  }
  .zindex-xl--1750 {
    z-index: 1750;
  }
  .zindex-xl--1800 {
    z-index: 1800;
  }
  .zindex-xl--1850 {
    z-index: 1850;
  }
  .zindex-xl--1900 {
    z-index: 1900;
  }
  .zindex-xl--1950 {
    z-index: 1950;
  }
  .zindex-xl--2000 {
    z-index: 2000;
  }
  .zindex-xl--2050 {
    z-index: 2050;
  }
}
@media (max-width: 1920px) {
  .zindex-xx--1050 {
    z-index: 1050;
  }
  .zindex-xx--1100 {
    z-index: 1100;
  }
  .zindex-xx--1150 {
    z-index: 1150;
  }
  .zindex-xx--1200 {
    z-index: 1200;
  }
  .zindex-xx--1250 {
    z-index: 1250;
  }
  .zindex-xx--1300 {
    z-index: 1300;
  }
  .zindex-xx--1350 {
    z-index: 1350;
  }
  .zindex-xx--1400 {
    z-index: 1400;
  }
  .zindex-xx--1450 {
    z-index: 1450;
  }
  .zindex-xx--1500 {
    z-index: 1500;
  }
  .zindex-xx--1550 {
    z-index: 1550;
  }
  .zindex-xx--1600 {
    z-index: 1600;
  }
  .zindex-xx--1650 {
    z-index: 1650;
  }
  .zindex-xx--1700 {
    z-index: 1700;
  }
  .zindex-xx--1750 {
    z-index: 1750;
  }
  .zindex-xx--1800 {
    z-index: 1800;
  }
  .zindex-xx--1850 {
    z-index: 1850;
  }
  .zindex-xx--1900 {
    z-index: 1900;
  }
  .zindex-xx--1950 {
    z-index: 1950;
  }
  .zindex-xx--2000 {
    z-index: 2000;
  }
  .zindex-xx--2050 {
    z-index: 2050;
  }
}
.shade-left--black {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--black), 1) 0%, rgba(var(--black), 0.5) 48%, rgba(var(--black), 0) 100%);
}

.shade-left--white {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0.5) 48%, rgba(var(--white), 0) 100%);
}

.shade-left--main {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--main), 1) 0%, rgba(var(--main), 0.5) 48%, rgba(var(--main), 0) 100%);
}

.shade-left--text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--text), 1) 0%, rgba(var(--text), 0.5) 48%, rgba(var(--text), 0) 100%);
}

.shade-left--link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(link), 1) 0%, rgba(var(link), 0.5) 48%, rgba(var(link), 0) 100%);
}

.shade-left--primary {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--primary), 1) 0%, rgba(var(--primary), 0.5) 48%, rgba(var(--primary), 0) 100%);
}

.shade-left--secondary {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--secondary), 1) 0%, rgba(var(--secondary), 0.5) 48%, rgba(var(--secondary), 0) 100%);
}

.shade-left--danger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--danger), 1) 0%, rgba(var(--danger), 0.5) 48%, rgba(var(--danger), 0) 100%);
}

.shade-left--success {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--success), 1) 0%, rgba(var(--success), 0.5) 48%, rgba(var(--success), 0) 100%);
}

.shade-left--warning {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--warning), 1) 0%, rgba(var(--warning), 0.5) 48%, rgba(var(--warning), 0) 100%);
}

.shade-left--info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--info), 1) 0%, rgba(var(--info), 0.5) 48%, rgba(var(--info), 0) 100%);
}

.shade-left--light {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--light), 1) 0%, rgba(var(--light), 0.5) 48%, rgba(var(--light), 0) 100%);
}

.shade-left--dark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--dark), 1) 0%, rgba(var(--dark), 0.5) 48%, rgba(var(--dark), 0) 100%);
}

.shade-left--shade {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--shade), 1) 0%, rgba(var(--shade), 0.5) 48%, rgba(var(--shade), 0) 100%);
}

.shade-left--gray {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--gray), 1) 0%, rgba(var(--gray), 0.5) 48%, rgba(var(--gray), 0) 100%);
}

.shade-left--silent {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--silent), 1) 0%, rgba(var(--silent), 0.5) 48%, rgba(var(--silent), 0) 100%);
}

.shade-left--sea {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--sea), 1) 0%, rgba(var(--sea), 0.5) 48%, rgba(var(--sea), 0) 100%);
}

.shade-left--paper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--paper), 1) 0%, rgba(var(--paper), 0.5) 48%, rgba(var(--paper), 0) 100%);
}

.shade-left--off {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--off), 1) 0%, rgba(var(--off), 0.5) 48%, rgba(var(--off), 0) 100%);
}

.shade-left--day {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--day), 1) 0%, rgba(var(--day), 0.5) 48%, rgba(var(--day), 0) 100%);
}

.shade-left--warm {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--warm), 1) 0%, rgba(var(--warm), 0.5) 48%, rgba(var(--warm), 0) 100%);
}

.shade-left--transparent {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--transparent), 1) 0%, rgba(var(--transparent), 0.5) 48%, rgba(var(--transparent), 0) 100%);
}

.shade-left--primary {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(var(--primary-t), var(--alpha-1)) 0%, rgba(var(--primary-t), var(--alpha-0)) 55%, rgba(var(--primary-t), var(--alpha-0)) 100%);
}

.btn-plus {
  position: relative;
  width: 42px;
  height: 42px;
  margin: 6.5px;
}
.btn-plus::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 99%, 52% 49%, 0 49%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 99%, 52% 49%, 0 49%);
  height: 28px;
  width: 28px;
  content: "";
  position: absolute;
  background: yellow;
  bottom: 0px;
  background: linear-gradient(233deg, var(--info) 0%, var(--main) 100%);
}
.btn-plus::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 99%, 52% 49%, 0 49%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 99%, 52% 49%, 0 49%);
  height: 28px;
  width: 28px;
  content: "";
  position: absolute;
  background: red;
  right: 0;
  rotate: 180deg;
  background: linear-gradient(145deg, var(--day) 0%, var(--day) 49%, var(--main) 49%, var(--main) 100%);
}

.btn-plus--light {
  position: relative;
  width: 42px;
  height: 42px;
  margin: 6.5px;
}
.btn-plus--light::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 99%, 52% 49%, 0 49%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 99%, 52% 49%, 0 49%);
  height: 28px;
  width: 28px;
  content: "";
  position: absolute;
  bottom: 0px;
  background: linear-gradient(233deg, var(--primary) 0%, var(--secondary) 100%);
}
.btn-plus--light::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 99%, 52% 49%, 0 49%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 99%, 52% 49%, 0 49%);
  height: 28px;
  width: 28px;
  content: "";
  position: absolute;
  right: 0;
  rotate: 180deg;
  background: linear-gradient(145deg, var(--silent) 0%, var(--silent) 49%, var(--info) 49%, var(--info) 100%);
}

/* * {
  box-sizing: border-box !important;
  box-sizing: border-box;
} */

.p-top--0 {
  padding-top: 0rem;
}

.p-top--1 {
  padding-top: 0.0555864369rem;
}

.p-top--2 {
  padding-top: 0.1111728738rem;
}

.p-top--3 {
  padding-top: 0.1667593107rem;
}

.p-top--5 {
  padding-top: 0.2779321845rem;
}

.p-top--8 {
  padding-top: 0.4446914953rem;
}

.p-top--13 {
  padding-top: 0.7226236798rem;
}

.p-top--21 {
  padding-top: 1.1673151751rem;
}

.p-top--34 {
  padding-top: 1.8899388549rem;
}

.p-top--55 {
  padding-top: 3.05725403rem;
}

.p-top--89 {
  padding-top: 4.9471928849rem;
}

.p-top--144 {
  padding-top: 8.004446915rem;
}

.p-right--0 {
  padding-right: 0rem;
}

.p-right--1 {
  padding-right: 0.0555864369rem;
}

.p-right--2 {
  padding-right: 0.1111728738rem;
}

.p-right--3 {
  padding-right: 0.1667593107rem;
}

.p-right--5 {
  padding-right: 0.2779321845rem;
}

.p-right--8 {
  padding-right: 0.4446914953rem;
}

.p-right--13 {
  padding-right: 0.7226236798rem;
}

.p-right--21 {
  padding-right: 1.1673151751rem;
}

.p-right--34 {
  padding-right: 1.8899388549rem;
}

.p-right--55 {
  padding-right: 3.05725403rem;
}

.p-right--89 {
  padding-right: 4.9471928849rem;
}

.p-right--144 {
  padding-right: 8.004446915rem;
}

.p-bottom--0 {
  padding-bottom: 0rem;
}

.p-bottom--1 {
  padding-bottom: 0.0555864369rem;
}

.p-bottom--2 {
  padding-bottom: 0.1111728738rem;
}

.p-bottom--3 {
  padding-bottom: 0.1667593107rem;
}

.p-bottom--5 {
  padding-bottom: 0.2779321845rem;
}

.p-bottom--8 {
  padding-bottom: 0.4446914953rem;
}

.p-bottom--13 {
  padding-bottom: 0.7226236798rem;
}

.p-bottom--21 {
  padding-bottom: 1.1673151751rem;
}

.p-bottom--34 {
  padding-bottom: 1.8899388549rem;
}

.p-bottom--55 {
  padding-bottom: 3.05725403rem;
}

.p-bottom--89 {
  padding-bottom: 4.9471928849rem;
}

.p-bottom--144 {
  padding-bottom: 8.004446915rem;
}

.p-left--0 {
  padding-left: 0rem;
}

.p-left--1 {
  padding-left: 0.0555864369rem;
}

.p-left--2 {
  padding-left: 0.1111728738rem;
}

.p-left--3 {
  padding-left: 0.1667593107rem;
}

.p-left--5 {
  padding-left: 0.2779321845rem;
}

.p-left--8 {
  padding-left: 0.4446914953rem;
}

.p-left--13 {
  padding-left: 0.7226236798rem;
}

.p-left--21 {
  padding-left: 1.1673151751rem;
}

.p-left--34 {
  padding-left: 1.8899388549rem;
}

.p-left--55 {
  padding-left: 3.05725403rem;
}

.p-left--89 {
  padding-left: 4.9471928849rem;
}

.p-left--144 {
  padding-left: 8.004446915rem;
}

.p-top--0-i {
  padding-top: 0rem !important;
}

.p-top--1-i {
  padding-top: 0.0555864369rem !important;
}

.p-top--2-i {
  padding-top: 0.1111728738rem !important;
}

.p-top--3-i {
  padding-top: 0.1667593107rem !important;
}

.p-top--5-i {
  padding-top: 0.2779321845rem !important;
}

.p-top--8-i {
  padding-top: 0.4446914953rem !important;
}

.p-top--13-i {
  padding-top: 0.7226236798rem !important;
}

.p-top--21-i {
  padding-top: 1.1673151751rem !important;
}

.p-top--34-i {
  padding-top: 1.8899388549rem !important;
}

.p-top--55-i {
  padding-top: 3.05725403rem !important;
}

.p-top--89-i {
  padding-top: 4.9471928849rem !important;
}

.p-top--144-i {
  padding-top: 8.004446915rem !important;
}

.p-right--0-i {
  padding-right: 0rem !important;
}

.p-right--1-i {
  padding-right: 0.0555864369rem !important;
}

.p-right--2-i {
  padding-right: 0.1111728738rem !important;
}

.p-right--3-i {
  padding-right: 0.1667593107rem !important;
}

.p-right--5-i {
  padding-right: 0.2779321845rem !important;
}

.p-right--8-i {
  padding-right: 0.4446914953rem !important;
}

.p-right--13-i {
  padding-right: 0.7226236798rem !important;
}

.p-right--21-i {
  padding-right: 1.1673151751rem !important;
}

.p-right--34-i {
  padding-right: 1.8899388549rem !important;
}

.p-right--55-i {
  padding-right: 3.05725403rem !important;
}

.p-right--89-i {
  padding-right: 4.9471928849rem !important;
}

.p-right--144-i {
  padding-right: 8.004446915rem !important;
}

.p-bottom--0-i {
  padding-bottom: 0rem !important;
}

.p-bottom--1-i {
  padding-bottom: 0.0555864369rem !important;
}

.p-bottom--2-i {
  padding-bottom: 0.1111728738rem !important;
}

.p-bottom--3-i {
  padding-bottom: 0.1667593107rem !important;
}

.p-bottom--5-i {
  padding-bottom: 0.2779321845rem !important;
}

.p-bottom--8-i {
  padding-bottom: 0.4446914953rem !important;
}

.p-bottom--13-i {
  padding-bottom: 0.7226236798rem !important;
}

.p-bottom--21-i {
  padding-bottom: 1.1673151751rem !important;
}

.p-bottom--34-i {
  padding-bottom: 1.8899388549rem !important;
}

.p-bottom--55-i {
  padding-bottom: 3.05725403rem !important;
}

.p-bottom--89-i {
  padding-bottom: 4.9471928849rem !important;
}

.p-bottom--144-i {
  padding-bottom: 8.004446915rem !important;
}

.p-left--0-i {
  padding-left: 0rem !important;
}

.p-left--1-i {
  padding-left: 0.0555864369rem !important;
}

.p-left--2-i {
  padding-left: 0.1111728738rem !important;
}

.p-left--3-i {
  padding-left: 0.1667593107rem !important;
}

.p-left--5-i {
  padding-left: 0.2779321845rem !important;
}

.p-left--8-i {
  padding-left: 0.4446914953rem !important;
}

.p-left--13-i {
  padding-left: 0.7226236798rem !important;
}

.p-left--21-i {
  padding-left: 1.1673151751rem !important;
}

.p-left--34-i {
  padding-left: 1.8899388549rem !important;
}

.p-left--55-i {
  padding-left: 3.05725403rem !important;
}

.p-left--89-i {
  padding-left: 4.9471928849rem !important;
}

.p-left--144-i {
  padding-left: 8.004446915rem !important;
}

.p--0 {
  padding: 0rem;
}

.p--1 {
  padding: 0.0555864369rem;
}

.p--2 {
  padding: 0.1111728738rem;
}

.p--3 {
  padding: 0.1667593107rem;
}

.p--5 {
  padding: 0.2779321845rem;
}

.p--8 {
  padding: 0.4446914953rem;
}

.p--13 {
  padding: 0.7226236798rem;
}

.p--21 {
  padding: 1.1673151751rem;
}

.p--34 {
  padding: 1.8899388549rem;
}

.p--55 {
  padding: 3.05725403rem;
}

.p--89 {
  padding: 4.9471928849rem;
}

.p--144 {
  padding: 8.004446915rem;
}

@media (max-width: 332px) {
  .p-ss--0 {
    padding: 0rem;
  }
  .p-ss--1 {
    padding: 0.0555864369rem;
  }
  .p-ss--2 {
    padding: 0.1111728738rem;
  }
  .p-ss--3 {
    padding: 0.1667593107rem;
  }
  .p-ss--5 {
    padding: 0.2779321845rem;
  }
  .p-ss--8 {
    padding: 0.4446914953rem;
  }
  .p-ss--13 {
    padding: 0.7226236798rem;
  }
  .p-ss--21 {
    padding: 1.1673151751rem;
  }
  .p-ss--34 {
    padding: 1.8899388549rem;
  }
  .p-ss--55 {
    padding: 3.05725403rem;
  }
  .p-ss--89 {
    padding: 4.9471928849rem;
  }
  .p-ss--144 {
    padding: 8.004446915rem;
  }
}
@media (max-width: 480px) {
  .p-xs--0 {
    padding: 0rem;
  }
  .p-xs--1 {
    padding: 0.0555864369rem;
  }
  .p-xs--2 {
    padding: 0.1111728738rem;
  }
  .p-xs--3 {
    padding: 0.1667593107rem;
  }
  .p-xs--5 {
    padding: 0.2779321845rem;
  }
  .p-xs--8 {
    padding: 0.4446914953rem;
  }
  .p-xs--13 {
    padding: 0.7226236798rem;
  }
  .p-xs--21 {
    padding: 1.1673151751rem;
  }
  .p-xs--34 {
    padding: 1.8899388549rem;
  }
  .p-xs--55 {
    padding: 3.05725403rem;
  }
  .p-xs--89 {
    padding: 4.9471928849rem;
  }
  .p-xs--144 {
    padding: 8.004446915rem;
  }
}
@media (max-width: 576px) {
  .p-sm--0 {
    padding: 0rem;
  }
  .p-sm--1 {
    padding: 0.0555864369rem;
  }
  .p-sm--2 {
    padding: 0.1111728738rem;
  }
  .p-sm--3 {
    padding: 0.1667593107rem;
  }
  .p-sm--5 {
    padding: 0.2779321845rem;
  }
  .p-sm--8 {
    padding: 0.4446914953rem;
  }
  .p-sm--13 {
    padding: 0.7226236798rem;
  }
  .p-sm--21 {
    padding: 1.1673151751rem;
  }
  .p-sm--34 {
    padding: 1.8899388549rem;
  }
  .p-sm--55 {
    padding: 3.05725403rem;
  }
  .p-sm--89 {
    padding: 4.9471928849rem;
  }
  .p-sm--144 {
    padding: 8.004446915rem;
  }
}
@media (max-width: 768px) {
  .p-md--0 {
    padding: 0rem;
  }
  .p-md--1 {
    padding: 0.0555864369rem;
  }
  .p-md--2 {
    padding: 0.1111728738rem;
  }
  .p-md--3 {
    padding: 0.1667593107rem;
  }
  .p-md--5 {
    padding: 0.2779321845rem;
  }
  .p-md--8 {
    padding: 0.4446914953rem;
  }
  .p-md--13 {
    padding: 0.7226236798rem;
  }
  .p-md--21 {
    padding: 1.1673151751rem;
  }
  .p-md--34 {
    padding: 1.8899388549rem;
  }
  .p-md--55 {
    padding: 3.05725403rem;
  }
  .p-md--89 {
    padding: 4.9471928849rem;
  }
  .p-md--144 {
    padding: 8.004446915rem;
  }
}
@media (max-width: 992px) {
  .p-lg--0 {
    padding: 0rem;
  }
  .p-lg--1 {
    padding: 0.0555864369rem;
  }
  .p-lg--2 {
    padding: 0.1111728738rem;
  }
  .p-lg--3 {
    padding: 0.1667593107rem;
  }
  .p-lg--5 {
    padding: 0.2779321845rem;
  }
  .p-lg--8 {
    padding: 0.4446914953rem;
  }
  .p-lg--13 {
    padding: 0.7226236798rem;
  }
  .p-lg--21 {
    padding: 1.1673151751rem;
  }
  .p-lg--34 {
    padding: 1.8899388549rem;
  }
  .p-lg--55 {
    padding: 3.05725403rem;
  }
  .p-lg--89 {
    padding: 4.9471928849rem;
  }
  .p-lg--144 {
    padding: 8.004446915rem;
  }
}
@media (max-width: 1200px) {
  .p-ll--0 {
    padding: 0rem;
  }
  .p-ll--1 {
    padding: 0.0555864369rem;
  }
  .p-ll--2 {
    padding: 0.1111728738rem;
  }
  .p-ll--3 {
    padding: 0.1667593107rem;
  }
  .p-ll--5 {
    padding: 0.2779321845rem;
  }
  .p-ll--8 {
    padding: 0.4446914953rem;
  }
  .p-ll--13 {
    padding: 0.7226236798rem;
  }
  .p-ll--21 {
    padding: 1.1673151751rem;
  }
  .p-ll--34 {
    padding: 1.8899388549rem;
  }
  .p-ll--55 {
    padding: 3.05725403rem;
  }
  .p-ll--89 {
    padding: 4.9471928849rem;
  }
  .p-ll--144 {
    padding: 8.004446915rem;
  }
}
@media (max-width: 1600px) {
  .p-xl--0 {
    padding: 0rem;
  }
  .p-xl--1 {
    padding: 0.0555864369rem;
  }
  .p-xl--2 {
    padding: 0.1111728738rem;
  }
  .p-xl--3 {
    padding: 0.1667593107rem;
  }
  .p-xl--5 {
    padding: 0.2779321845rem;
  }
  .p-xl--8 {
    padding: 0.4446914953rem;
  }
  .p-xl--13 {
    padding: 0.7226236798rem;
  }
  .p-xl--21 {
    padding: 1.1673151751rem;
  }
  .p-xl--34 {
    padding: 1.8899388549rem;
  }
  .p-xl--55 {
    padding: 3.05725403rem;
  }
  .p-xl--89 {
    padding: 4.9471928849rem;
  }
  .p-xl--144 {
    padding: 8.004446915rem;
  }
}
@media (max-width: 1920px) {
  .p-xx--0 {
    padding: 0rem;
  }
  .p-xx--1 {
    padding: 0.0555864369rem;
  }
  .p-xx--2 {
    padding: 0.1111728738rem;
  }
  .p-xx--3 {
    padding: 0.1667593107rem;
  }
  .p-xx--5 {
    padding: 0.2779321845rem;
  }
  .p-xx--8 {
    padding: 0.4446914953rem;
  }
  .p-xx--13 {
    padding: 0.7226236798rem;
  }
  .p-xx--21 {
    padding: 1.1673151751rem;
  }
  .p-xx--34 {
    padding: 1.8899388549rem;
  }
  .p-xx--55 {
    padding: 3.05725403rem;
  }
  .p-xx--89 {
    padding: 4.9471928849rem;
  }
  .p-xx--144 {
    padding: 8.004446915rem;
  }
}
.p--0p {
  padding: 0%;
}

.p--5p {
  padding: 5%;
}

.p--10p {
  padding: 10%;
}

.p--15p {
  padding: 15%;
}

.p--20p {
  padding: 20%;
}

.p--25p {
  padding: 25%;
}

.p--30p {
  padding: 30%;
}

.p--35p {
  padding: 35%;
}

.p--40p {
  padding: 40%;
}

.p--45p {
  padding: 45%;
}

.p--50p {
  padding: 50%;
}

.p--55p {
  padding: 55%;
}

.p--60p {
  padding: 60%;
}

.p--65p {
  padding: 65%;
}

.p--70p {
  padding: 70%;
}

.p--75p {
  padding: 75%;
}

.p--80p {
  padding: 80%;
}

.p--85p {
  padding: 85%;
}

.p--90p {
  padding: 90%;
}

.p--95p {
  padding: 95%;
}

.p--100p {
  padding: 100%;
}

@media (max-width: 332px) {
  .p-top-ss--0 {
    padding-top: 0rem;
  }
  .p-top-ss--1 {
    padding-top: 0.0555864369rem;
  }
  .p-top-ss--2 {
    padding-top: 0.1111728738rem;
  }
  .p-top-ss--3 {
    padding-top: 0.1667593107rem;
  }
  .p-top-ss--5 {
    padding-top: 0.2779321845rem;
  }
  .p-top-ss--8 {
    padding-top: 0.4446914953rem;
  }
  .p-top-ss--13 {
    padding-top: 0.7226236798rem;
  }
  .p-top-ss--21 {
    padding-top: 1.1673151751rem;
  }
  .p-top-ss--34 {
    padding-top: 1.8899388549rem;
  }
  .p-top-ss--55 {
    padding-top: 3.05725403rem;
  }
  .p-top-ss--89 {
    padding-top: 4.9471928849rem;
  }
  .p-top-ss--144 {
    padding-top: 8.004446915rem;
  }
  .p-right-ss--0 {
    padding-right: 0rem;
  }
  .p-right-ss--1 {
    padding-right: 0.0555864369rem;
  }
  .p-right-ss--2 {
    padding-right: 0.1111728738rem;
  }
  .p-right-ss--3 {
    padding-right: 0.1667593107rem;
  }
  .p-right-ss--5 {
    padding-right: 0.2779321845rem;
  }
  .p-right-ss--8 {
    padding-right: 0.4446914953rem;
  }
  .p-right-ss--13 {
    padding-right: 0.7226236798rem;
  }
  .p-right-ss--21 {
    padding-right: 1.1673151751rem;
  }
  .p-right-ss--34 {
    padding-right: 1.8899388549rem;
  }
  .p-right-ss--55 {
    padding-right: 3.05725403rem;
  }
  .p-right-ss--89 {
    padding-right: 4.9471928849rem;
  }
  .p-right-ss--144 {
    padding-right: 8.004446915rem;
  }
  .p-bottom-ss--0 {
    padding-bottom: 0rem;
  }
  .p-bottom-ss--1 {
    padding-bottom: 0.0555864369rem;
  }
  .p-bottom-ss--2 {
    padding-bottom: 0.1111728738rem;
  }
  .p-bottom-ss--3 {
    padding-bottom: 0.1667593107rem;
  }
  .p-bottom-ss--5 {
    padding-bottom: 0.2779321845rem;
  }
  .p-bottom-ss--8 {
    padding-bottom: 0.4446914953rem;
  }
  .p-bottom-ss--13 {
    padding-bottom: 0.7226236798rem;
  }
  .p-bottom-ss--21 {
    padding-bottom: 1.1673151751rem;
  }
  .p-bottom-ss--34 {
    padding-bottom: 1.8899388549rem;
  }
  .p-bottom-ss--55 {
    padding-bottom: 3.05725403rem;
  }
  .p-bottom-ss--89 {
    padding-bottom: 4.9471928849rem;
  }
  .p-bottom-ss--144 {
    padding-bottom: 8.004446915rem;
  }
  .p-left-ss--0 {
    padding-left: 0rem;
  }
  .p-left-ss--1 {
    padding-left: 0.0555864369rem;
  }
  .p-left-ss--2 {
    padding-left: 0.1111728738rem;
  }
  .p-left-ss--3 {
    padding-left: 0.1667593107rem;
  }
  .p-left-ss--5 {
    padding-left: 0.2779321845rem;
  }
  .p-left-ss--8 {
    padding-left: 0.4446914953rem;
  }
  .p-left-ss--13 {
    padding-left: 0.7226236798rem;
  }
  .p-left-ss--21 {
    padding-left: 1.1673151751rem;
  }
  .p-left-ss--34 {
    padding-left: 1.8899388549rem;
  }
  .p-left-ss--55 {
    padding-left: 3.05725403rem;
  }
  .p-left-ss--89 {
    padding-left: 4.9471928849rem;
  }
  .p-left-ss--144 {
    padding-left: 8.004446915rem;
  }
}
@media (max-width: 480px) {
  .p-top-xs--0 {
    padding-top: 0rem;
  }
  .p-top-xs--1 {
    padding-top: 0.0555864369rem;
  }
  .p-top-xs--2 {
    padding-top: 0.1111728738rem;
  }
  .p-top-xs--3 {
    padding-top: 0.1667593107rem;
  }
  .p-top-xs--5 {
    padding-top: 0.2779321845rem;
  }
  .p-top-xs--8 {
    padding-top: 0.4446914953rem;
  }
  .p-top-xs--13 {
    padding-top: 0.7226236798rem;
  }
  .p-top-xs--21 {
    padding-top: 1.1673151751rem;
  }
  .p-top-xs--34 {
    padding-top: 1.8899388549rem;
  }
  .p-top-xs--55 {
    padding-top: 3.05725403rem;
  }
  .p-top-xs--89 {
    padding-top: 4.9471928849rem;
  }
  .p-top-xs--144 {
    padding-top: 8.004446915rem;
  }
  .p-right-xs--0 {
    padding-right: 0rem;
  }
  .p-right-xs--1 {
    padding-right: 0.0555864369rem;
  }
  .p-right-xs--2 {
    padding-right: 0.1111728738rem;
  }
  .p-right-xs--3 {
    padding-right: 0.1667593107rem;
  }
  .p-right-xs--5 {
    padding-right: 0.2779321845rem;
  }
  .p-right-xs--8 {
    padding-right: 0.4446914953rem;
  }
  .p-right-xs--13 {
    padding-right: 0.7226236798rem;
  }
  .p-right-xs--21 {
    padding-right: 1.1673151751rem;
  }
  .p-right-xs--34 {
    padding-right: 1.8899388549rem;
  }
  .p-right-xs--55 {
    padding-right: 3.05725403rem;
  }
  .p-right-xs--89 {
    padding-right: 4.9471928849rem;
  }
  .p-right-xs--144 {
    padding-right: 8.004446915rem;
  }
  .p-bottom-xs--0 {
    padding-bottom: 0rem;
  }
  .p-bottom-xs--1 {
    padding-bottom: 0.0555864369rem;
  }
  .p-bottom-xs--2 {
    padding-bottom: 0.1111728738rem;
  }
  .p-bottom-xs--3 {
    padding-bottom: 0.1667593107rem;
  }
  .p-bottom-xs--5 {
    padding-bottom: 0.2779321845rem;
  }
  .p-bottom-xs--8 {
    padding-bottom: 0.4446914953rem;
  }
  .p-bottom-xs--13 {
    padding-bottom: 0.7226236798rem;
  }
  .p-bottom-xs--21 {
    padding-bottom: 1.1673151751rem;
  }
  .p-bottom-xs--34 {
    padding-bottom: 1.8899388549rem;
  }
  .p-bottom-xs--55 {
    padding-bottom: 3.05725403rem;
  }
  .p-bottom-xs--89 {
    padding-bottom: 4.9471928849rem;
  }
  .p-bottom-xs--144 {
    padding-bottom: 8.004446915rem;
  }
  .p-left-xs--0 {
    padding-left: 0rem;
  }
  .p-left-xs--1 {
    padding-left: 0.0555864369rem;
  }
  .p-left-xs--2 {
    padding-left: 0.1111728738rem;
  }
  .p-left-xs--3 {
    padding-left: 0.1667593107rem;
  }
  .p-left-xs--5 {
    padding-left: 0.2779321845rem;
  }
  .p-left-xs--8 {
    padding-left: 0.4446914953rem;
  }
  .p-left-xs--13 {
    padding-left: 0.7226236798rem;
  }
  .p-left-xs--21 {
    padding-left: 1.1673151751rem;
  }
  .p-left-xs--34 {
    padding-left: 1.8899388549rem;
  }
  .p-left-xs--55 {
    padding-left: 3.05725403rem;
  }
  .p-left-xs--89 {
    padding-left: 4.9471928849rem;
  }
  .p-left-xs--144 {
    padding-left: 8.004446915rem;
  }
}
@media (max-width: 576px) {
  .p-top-sm--0 {
    padding-top: 0rem;
  }
  .p-top-sm--1 {
    padding-top: 0.0555864369rem;
  }
  .p-top-sm--2 {
    padding-top: 0.1111728738rem;
  }
  .p-top-sm--3 {
    padding-top: 0.1667593107rem;
  }
  .p-top-sm--5 {
    padding-top: 0.2779321845rem;
  }
  .p-top-sm--8 {
    padding-top: 0.4446914953rem;
  }
  .p-top-sm--13 {
    padding-top: 0.7226236798rem;
  }
  .p-top-sm--21 {
    padding-top: 1.1673151751rem;
  }
  .p-top-sm--34 {
    padding-top: 1.8899388549rem;
  }
  .p-top-sm--55 {
    padding-top: 3.05725403rem;
  }
  .p-top-sm--89 {
    padding-top: 4.9471928849rem;
  }
  .p-top-sm--144 {
    padding-top: 8.004446915rem;
  }
  .p-right-sm--0 {
    padding-right: 0rem;
  }
  .p-right-sm--1 {
    padding-right: 0.0555864369rem;
  }
  .p-right-sm--2 {
    padding-right: 0.1111728738rem;
  }
  .p-right-sm--3 {
    padding-right: 0.1667593107rem;
  }
  .p-right-sm--5 {
    padding-right: 0.2779321845rem;
  }
  .p-right-sm--8 {
    padding-right: 0.4446914953rem;
  }
  .p-right-sm--13 {
    padding-right: 0.7226236798rem;
  }
  .p-right-sm--21 {
    padding-right: 1.1673151751rem;
  }
  .p-right-sm--34 {
    padding-right: 1.8899388549rem;
  }
  .p-right-sm--55 {
    padding-right: 3.05725403rem;
  }
  .p-right-sm--89 {
    padding-right: 4.9471928849rem;
  }
  .p-right-sm--144 {
    padding-right: 8.004446915rem;
  }
  .p-bottom-sm--0 {
    padding-bottom: 0rem;
  }
  .p-bottom-sm--1 {
    padding-bottom: 0.0555864369rem;
  }
  .p-bottom-sm--2 {
    padding-bottom: 0.1111728738rem;
  }
  .p-bottom-sm--3 {
    padding-bottom: 0.1667593107rem;
  }
  .p-bottom-sm--5 {
    padding-bottom: 0.2779321845rem;
  }
  .p-bottom-sm--8 {
    padding-bottom: 0.4446914953rem;
  }
  .p-bottom-sm--13 {
    padding-bottom: 0.7226236798rem;
  }
  .p-bottom-sm--21 {
    padding-bottom: 1.1673151751rem;
  }
  .p-bottom-sm--34 {
    padding-bottom: 1.8899388549rem;
  }
  .p-bottom-sm--55 {
    padding-bottom: 3.05725403rem;
  }
  .p-bottom-sm--89 {
    padding-bottom: 4.9471928849rem;
  }
  .p-bottom-sm--144 {
    padding-bottom: 8.004446915rem;
  }
  .p-left-sm--0 {
    padding-left: 0rem;
  }
  .p-left-sm--1 {
    padding-left: 0.0555864369rem;
  }
  .p-left-sm--2 {
    padding-left: 0.1111728738rem;
  }
  .p-left-sm--3 {
    padding-left: 0.1667593107rem;
  }
  .p-left-sm--5 {
    padding-left: 0.2779321845rem;
  }
  .p-left-sm--8 {
    padding-left: 0.4446914953rem;
  }
  .p-left-sm--13 {
    padding-left: 0.7226236798rem;
  }
  .p-left-sm--21 {
    padding-left: 1.1673151751rem;
  }
  .p-left-sm--34 {
    padding-left: 1.8899388549rem;
  }
  .p-left-sm--55 {
    padding-left: 3.05725403rem;
  }
  .p-left-sm--89 {
    padding-left: 4.9471928849rem;
  }
  .p-left-sm--144 {
    padding-left: 8.004446915rem;
  }
}
@media (max-width: 768px) {
  .p-top-md--0 {
    padding-top: 0rem;
  }
  .p-top-md--1 {
    padding-top: 0.0555864369rem;
  }
  .p-top-md--2 {
    padding-top: 0.1111728738rem;
  }
  .p-top-md--3 {
    padding-top: 0.1667593107rem;
  }
  .p-top-md--5 {
    padding-top: 0.2779321845rem;
  }
  .p-top-md--8 {
    padding-top: 0.4446914953rem;
  }
  .p-top-md--13 {
    padding-top: 0.7226236798rem;
  }
  .p-top-md--21 {
    padding-top: 1.1673151751rem;
  }
  .p-top-md--34 {
    padding-top: 1.8899388549rem;
  }
  .p-top-md--55 {
    padding-top: 3.05725403rem;
  }
  .p-top-md--89 {
    padding-top: 4.9471928849rem;
  }
  .p-top-md--144 {
    padding-top: 8.004446915rem;
  }
  .p-right-md--0 {
    padding-right: 0rem;
  }
  .p-right-md--1 {
    padding-right: 0.0555864369rem;
  }
  .p-right-md--2 {
    padding-right: 0.1111728738rem;
  }
  .p-right-md--3 {
    padding-right: 0.1667593107rem;
  }
  .p-right-md--5 {
    padding-right: 0.2779321845rem;
  }
  .p-right-md--8 {
    padding-right: 0.4446914953rem;
  }
  .p-right-md--13 {
    padding-right: 0.7226236798rem;
  }
  .p-right-md--21 {
    padding-right: 1.1673151751rem;
  }
  .p-right-md--34 {
    padding-right: 1.8899388549rem;
  }
  .p-right-md--55 {
    padding-right: 3.05725403rem;
  }
  .p-right-md--89 {
    padding-right: 4.9471928849rem;
  }
  .p-right-md--144 {
    padding-right: 8.004446915rem;
  }
  .p-bottom-md--0 {
    padding-bottom: 0rem;
  }
  .p-bottom-md--1 {
    padding-bottom: 0.0555864369rem;
  }
  .p-bottom-md--2 {
    padding-bottom: 0.1111728738rem;
  }
  .p-bottom-md--3 {
    padding-bottom: 0.1667593107rem;
  }
  .p-bottom-md--5 {
    padding-bottom: 0.2779321845rem;
  }
  .p-bottom-md--8 {
    padding-bottom: 0.4446914953rem;
  }
  .p-bottom-md--13 {
    padding-bottom: 0.7226236798rem;
  }
  .p-bottom-md--21 {
    padding-bottom: 1.1673151751rem;
  }
  .p-bottom-md--34 {
    padding-bottom: 1.8899388549rem;
  }
  .p-bottom-md--55 {
    padding-bottom: 3.05725403rem;
  }
  .p-bottom-md--89 {
    padding-bottom: 4.9471928849rem;
  }
  .p-bottom-md--144 {
    padding-bottom: 8.004446915rem;
  }
  .p-left-md--0 {
    padding-left: 0rem;
  }
  .p-left-md--1 {
    padding-left: 0.0555864369rem;
  }
  .p-left-md--2 {
    padding-left: 0.1111728738rem;
  }
  .p-left-md--3 {
    padding-left: 0.1667593107rem;
  }
  .p-left-md--5 {
    padding-left: 0.2779321845rem;
  }
  .p-left-md--8 {
    padding-left: 0.4446914953rem;
  }
  .p-left-md--13 {
    padding-left: 0.7226236798rem;
  }
  .p-left-md--21 {
    padding-left: 1.1673151751rem;
  }
  .p-left-md--34 {
    padding-left: 1.8899388549rem;
  }
  .p-left-md--55 {
    padding-left: 3.05725403rem;
  }
  .p-left-md--89 {
    padding-left: 4.9471928849rem;
  }
  .p-left-md--144 {
    padding-left: 8.004446915rem;
  }
}
@media (max-width: 992px) {
  .p-top-lg--0 {
    padding-top: 0rem;
  }
  .p-top-lg--1 {
    padding-top: 0.0555864369rem;
  }
  .p-top-lg--2 {
    padding-top: 0.1111728738rem;
  }
  .p-top-lg--3 {
    padding-top: 0.1667593107rem;
  }
  .p-top-lg--5 {
    padding-top: 0.2779321845rem;
  }
  .p-top-lg--8 {
    padding-top: 0.4446914953rem;
  }
  .p-top-lg--13 {
    padding-top: 0.7226236798rem;
  }
  .p-top-lg--21 {
    padding-top: 1.1673151751rem;
  }
  .p-top-lg--34 {
    padding-top: 1.8899388549rem;
  }
  .p-top-lg--55 {
    padding-top: 3.05725403rem;
  }
  .p-top-lg--89 {
    padding-top: 4.9471928849rem;
  }
  .p-top-lg--144 {
    padding-top: 8.004446915rem;
  }
  .p-right-lg--0 {
    padding-right: 0rem;
  }
  .p-right-lg--1 {
    padding-right: 0.0555864369rem;
  }
  .p-right-lg--2 {
    padding-right: 0.1111728738rem;
  }
  .p-right-lg--3 {
    padding-right: 0.1667593107rem;
  }
  .p-right-lg--5 {
    padding-right: 0.2779321845rem;
  }
  .p-right-lg--8 {
    padding-right: 0.4446914953rem;
  }
  .p-right-lg--13 {
    padding-right: 0.7226236798rem;
  }
  .p-right-lg--21 {
    padding-right: 1.1673151751rem;
  }
  .p-right-lg--34 {
    padding-right: 1.8899388549rem;
  }
  .p-right-lg--55 {
    padding-right: 3.05725403rem;
  }
  .p-right-lg--89 {
    padding-right: 4.9471928849rem;
  }
  .p-right-lg--144 {
    padding-right: 8.004446915rem;
  }
  .p-bottom-lg--0 {
    padding-bottom: 0rem;
  }
  .p-bottom-lg--1 {
    padding-bottom: 0.0555864369rem;
  }
  .p-bottom-lg--2 {
    padding-bottom: 0.1111728738rem;
  }
  .p-bottom-lg--3 {
    padding-bottom: 0.1667593107rem;
  }
  .p-bottom-lg--5 {
    padding-bottom: 0.2779321845rem;
  }
  .p-bottom-lg--8 {
    padding-bottom: 0.4446914953rem;
  }
  .p-bottom-lg--13 {
    padding-bottom: 0.7226236798rem;
  }
  .p-bottom-lg--21 {
    padding-bottom: 1.1673151751rem;
  }
  .p-bottom-lg--34 {
    padding-bottom: 1.8899388549rem;
  }
  .p-bottom-lg--55 {
    padding-bottom: 3.05725403rem;
  }
  .p-bottom-lg--89 {
    padding-bottom: 4.9471928849rem;
  }
  .p-bottom-lg--144 {
    padding-bottom: 8.004446915rem;
  }
  .p-left-lg--0 {
    padding-left: 0rem;
  }
  .p-left-lg--1 {
    padding-left: 0.0555864369rem;
  }
  .p-left-lg--2 {
    padding-left: 0.1111728738rem;
  }
  .p-left-lg--3 {
    padding-left: 0.1667593107rem;
  }
  .p-left-lg--5 {
    padding-left: 0.2779321845rem;
  }
  .p-left-lg--8 {
    padding-left: 0.4446914953rem;
  }
  .p-left-lg--13 {
    padding-left: 0.7226236798rem;
  }
  .p-left-lg--21 {
    padding-left: 1.1673151751rem;
  }
  .p-left-lg--34 {
    padding-left: 1.8899388549rem;
  }
  .p-left-lg--55 {
    padding-left: 3.05725403rem;
  }
  .p-left-lg--89 {
    padding-left: 4.9471928849rem;
  }
  .p-left-lg--144 {
    padding-left: 8.004446915rem;
  }
}
@media (max-width: 1200px) {
  .p-top-ll--0 {
    padding-top: 0rem;
  }
  .p-top-ll--1 {
    padding-top: 0.0555864369rem;
  }
  .p-top-ll--2 {
    padding-top: 0.1111728738rem;
  }
  .p-top-ll--3 {
    padding-top: 0.1667593107rem;
  }
  .p-top-ll--5 {
    padding-top: 0.2779321845rem;
  }
  .p-top-ll--8 {
    padding-top: 0.4446914953rem;
  }
  .p-top-ll--13 {
    padding-top: 0.7226236798rem;
  }
  .p-top-ll--21 {
    padding-top: 1.1673151751rem;
  }
  .p-top-ll--34 {
    padding-top: 1.8899388549rem;
  }
  .p-top-ll--55 {
    padding-top: 3.05725403rem;
  }
  .p-top-ll--89 {
    padding-top: 4.9471928849rem;
  }
  .p-top-ll--144 {
    padding-top: 8.004446915rem;
  }
  .p-right-ll--0 {
    padding-right: 0rem;
  }
  .p-right-ll--1 {
    padding-right: 0.0555864369rem;
  }
  .p-right-ll--2 {
    padding-right: 0.1111728738rem;
  }
  .p-right-ll--3 {
    padding-right: 0.1667593107rem;
  }
  .p-right-ll--5 {
    padding-right: 0.2779321845rem;
  }
  .p-right-ll--8 {
    padding-right: 0.4446914953rem;
  }
  .p-right-ll--13 {
    padding-right: 0.7226236798rem;
  }
  .p-right-ll--21 {
    padding-right: 1.1673151751rem;
  }
  .p-right-ll--34 {
    padding-right: 1.8899388549rem;
  }
  .p-right-ll--55 {
    padding-right: 3.05725403rem;
  }
  .p-right-ll--89 {
    padding-right: 4.9471928849rem;
  }
  .p-right-ll--144 {
    padding-right: 8.004446915rem;
  }
  .p-bottom-ll--0 {
    padding-bottom: 0rem;
  }
  .p-bottom-ll--1 {
    padding-bottom: 0.0555864369rem;
  }
  .p-bottom-ll--2 {
    padding-bottom: 0.1111728738rem;
  }
  .p-bottom-ll--3 {
    padding-bottom: 0.1667593107rem;
  }
  .p-bottom-ll--5 {
    padding-bottom: 0.2779321845rem;
  }
  .p-bottom-ll--8 {
    padding-bottom: 0.4446914953rem;
  }
  .p-bottom-ll--13 {
    padding-bottom: 0.7226236798rem;
  }
  .p-bottom-ll--21 {
    padding-bottom: 1.1673151751rem;
  }
  .p-bottom-ll--34 {
    padding-bottom: 1.8899388549rem;
  }
  .p-bottom-ll--55 {
    padding-bottom: 3.05725403rem;
  }
  .p-bottom-ll--89 {
    padding-bottom: 4.9471928849rem;
  }
  .p-bottom-ll--144 {
    padding-bottom: 8.004446915rem;
  }
  .p-left-ll--0 {
    padding-left: 0rem;
  }
  .p-left-ll--1 {
    padding-left: 0.0555864369rem;
  }
  .p-left-ll--2 {
    padding-left: 0.1111728738rem;
  }
  .p-left-ll--3 {
    padding-left: 0.1667593107rem;
  }
  .p-left-ll--5 {
    padding-left: 0.2779321845rem;
  }
  .p-left-ll--8 {
    padding-left: 0.4446914953rem;
  }
  .p-left-ll--13 {
    padding-left: 0.7226236798rem;
  }
  .p-left-ll--21 {
    padding-left: 1.1673151751rem;
  }
  .p-left-ll--34 {
    padding-left: 1.8899388549rem;
  }
  .p-left-ll--55 {
    padding-left: 3.05725403rem;
  }
  .p-left-ll--89 {
    padding-left: 4.9471928849rem;
  }
  .p-left-ll--144 {
    padding-left: 8.004446915rem;
  }
}
@media (max-width: 1600px) {
  .p-top-xl--0 {
    padding-top: 0rem;
  }
  .p-top-xl--1 {
    padding-top: 0.0555864369rem;
  }
  .p-top-xl--2 {
    padding-top: 0.1111728738rem;
  }
  .p-top-xl--3 {
    padding-top: 0.1667593107rem;
  }
  .p-top-xl--5 {
    padding-top: 0.2779321845rem;
  }
  .p-top-xl--8 {
    padding-top: 0.4446914953rem;
  }
  .p-top-xl--13 {
    padding-top: 0.7226236798rem;
  }
  .p-top-xl--21 {
    padding-top: 1.1673151751rem;
  }
  .p-top-xl--34 {
    padding-top: 1.8899388549rem;
  }
  .p-top-xl--55 {
    padding-top: 3.05725403rem;
  }
  .p-top-xl--89 {
    padding-top: 4.9471928849rem;
  }
  .p-top-xl--144 {
    padding-top: 8.004446915rem;
  }
  .p-right-xl--0 {
    padding-right: 0rem;
  }
  .p-right-xl--1 {
    padding-right: 0.0555864369rem;
  }
  .p-right-xl--2 {
    padding-right: 0.1111728738rem;
  }
  .p-right-xl--3 {
    padding-right: 0.1667593107rem;
  }
  .p-right-xl--5 {
    padding-right: 0.2779321845rem;
  }
  .p-right-xl--8 {
    padding-right: 0.4446914953rem;
  }
  .p-right-xl--13 {
    padding-right: 0.7226236798rem;
  }
  .p-right-xl--21 {
    padding-right: 1.1673151751rem;
  }
  .p-right-xl--34 {
    padding-right: 1.8899388549rem;
  }
  .p-right-xl--55 {
    padding-right: 3.05725403rem;
  }
  .p-right-xl--89 {
    padding-right: 4.9471928849rem;
  }
  .p-right-xl--144 {
    padding-right: 8.004446915rem;
  }
  .p-bottom-xl--0 {
    padding-bottom: 0rem;
  }
  .p-bottom-xl--1 {
    padding-bottom: 0.0555864369rem;
  }
  .p-bottom-xl--2 {
    padding-bottom: 0.1111728738rem;
  }
  .p-bottom-xl--3 {
    padding-bottom: 0.1667593107rem;
  }
  .p-bottom-xl--5 {
    padding-bottom: 0.2779321845rem;
  }
  .p-bottom-xl--8 {
    padding-bottom: 0.4446914953rem;
  }
  .p-bottom-xl--13 {
    padding-bottom: 0.7226236798rem;
  }
  .p-bottom-xl--21 {
    padding-bottom: 1.1673151751rem;
  }
  .p-bottom-xl--34 {
    padding-bottom: 1.8899388549rem;
  }
  .p-bottom-xl--55 {
    padding-bottom: 3.05725403rem;
  }
  .p-bottom-xl--89 {
    padding-bottom: 4.9471928849rem;
  }
  .p-bottom-xl--144 {
    padding-bottom: 8.004446915rem;
  }
  .p-left-xl--0 {
    padding-left: 0rem;
  }
  .p-left-xl--1 {
    padding-left: 0.0555864369rem;
  }
  .p-left-xl--2 {
    padding-left: 0.1111728738rem;
  }
  .p-left-xl--3 {
    padding-left: 0.1667593107rem;
  }
  .p-left-xl--5 {
    padding-left: 0.2779321845rem;
  }
  .p-left-xl--8 {
    padding-left: 0.4446914953rem;
  }
  .p-left-xl--13 {
    padding-left: 0.7226236798rem;
  }
  .p-left-xl--21 {
    padding-left: 1.1673151751rem;
  }
  .p-left-xl--34 {
    padding-left: 1.8899388549rem;
  }
  .p-left-xl--55 {
    padding-left: 3.05725403rem;
  }
  .p-left-xl--89 {
    padding-left: 4.9471928849rem;
  }
  .p-left-xl--144 {
    padding-left: 8.004446915rem;
  }
}
@media (max-width: 1920px) {
  .p-top-xx--0 {
    padding-top: 0rem;
  }
  .p-top-xx--1 {
    padding-top: 0.0555864369rem;
  }
  .p-top-xx--2 {
    padding-top: 0.1111728738rem;
  }
  .p-top-xx--3 {
    padding-top: 0.1667593107rem;
  }
  .p-top-xx--5 {
    padding-top: 0.2779321845rem;
  }
  .p-top-xx--8 {
    padding-top: 0.4446914953rem;
  }
  .p-top-xx--13 {
    padding-top: 0.7226236798rem;
  }
  .p-top-xx--21 {
    padding-top: 1.1673151751rem;
  }
  .p-top-xx--34 {
    padding-top: 1.8899388549rem;
  }
  .p-top-xx--55 {
    padding-top: 3.05725403rem;
  }
  .p-top-xx--89 {
    padding-top: 4.9471928849rem;
  }
  .p-top-xx--144 {
    padding-top: 8.004446915rem;
  }
  .p-right-xx--0 {
    padding-right: 0rem;
  }
  .p-right-xx--1 {
    padding-right: 0.0555864369rem;
  }
  .p-right-xx--2 {
    padding-right: 0.1111728738rem;
  }
  .p-right-xx--3 {
    padding-right: 0.1667593107rem;
  }
  .p-right-xx--5 {
    padding-right: 0.2779321845rem;
  }
  .p-right-xx--8 {
    padding-right: 0.4446914953rem;
  }
  .p-right-xx--13 {
    padding-right: 0.7226236798rem;
  }
  .p-right-xx--21 {
    padding-right: 1.1673151751rem;
  }
  .p-right-xx--34 {
    padding-right: 1.8899388549rem;
  }
  .p-right-xx--55 {
    padding-right: 3.05725403rem;
  }
  .p-right-xx--89 {
    padding-right: 4.9471928849rem;
  }
  .p-right-xx--144 {
    padding-right: 8.004446915rem;
  }
  .p-bottom-xx--0 {
    padding-bottom: 0rem;
  }
  .p-bottom-xx--1 {
    padding-bottom: 0.0555864369rem;
  }
  .p-bottom-xx--2 {
    padding-bottom: 0.1111728738rem;
  }
  .p-bottom-xx--3 {
    padding-bottom: 0.1667593107rem;
  }
  .p-bottom-xx--5 {
    padding-bottom: 0.2779321845rem;
  }
  .p-bottom-xx--8 {
    padding-bottom: 0.4446914953rem;
  }
  .p-bottom-xx--13 {
    padding-bottom: 0.7226236798rem;
  }
  .p-bottom-xx--21 {
    padding-bottom: 1.1673151751rem;
  }
  .p-bottom-xx--34 {
    padding-bottom: 1.8899388549rem;
  }
  .p-bottom-xx--55 {
    padding-bottom: 3.05725403rem;
  }
  .p-bottom-xx--89 {
    padding-bottom: 4.9471928849rem;
  }
  .p-bottom-xx--144 {
    padding-bottom: 8.004446915rem;
  }
  .p-left-xx--0 {
    padding-left: 0rem;
  }
  .p-left-xx--1 {
    padding-left: 0.0555864369rem;
  }
  .p-left-xx--2 {
    padding-left: 0.1111728738rem;
  }
  .p-left-xx--3 {
    padding-left: 0.1667593107rem;
  }
  .p-left-xx--5 {
    padding-left: 0.2779321845rem;
  }
  .p-left-xx--8 {
    padding-left: 0.4446914953rem;
  }
  .p-left-xx--13 {
    padding-left: 0.7226236798rem;
  }
  .p-left-xx--21 {
    padding-left: 1.1673151751rem;
  }
  .p-left-xx--34 {
    padding-left: 1.8899388549rem;
  }
  .p-left-xx--55 {
    padding-left: 3.05725403rem;
  }
  .p-left-xx--89 {
    padding-left: 4.9471928849rem;
  }
  .p-left-xx--144 {
    padding-left: 8.004446915rem;
  }
}
.p-top--0p {
  padding-top: 0%;
}

.p-top--5p {
  padding-top: 5%;
}

.p-top--10p {
  padding-top: 10%;
}

.p-top--15p {
  padding-top: 15%;
}

.p-top--20p {
  padding-top: 20%;
}

.p-top--25p {
  padding-top: 25%;
}

.p-top--30p {
  padding-top: 30%;
}

.p-top--35p {
  padding-top: 35%;
}

.p-top--40p {
  padding-top: 40%;
}

.p-top--45p {
  padding-top: 45%;
}

.p-top--50p {
  padding-top: 50%;
}

.p-top--55p {
  padding-top: 55%;
}

.p-top--60p {
  padding-top: 60%;
}

.p-top--65p {
  padding-top: 65%;
}

.p-top--70p {
  padding-top: 70%;
}

.p-top--75p {
  padding-top: 75%;
}

.p-top--80p {
  padding-top: 80%;
}

.p-top--85p {
  padding-top: 85%;
}

.p-top--90p {
  padding-top: 90%;
}

.p-top--95p {
  padding-top: 95%;
}

.p-top--100p {
  padding-top: 100%;
}

.p-right--0p {
  padding-right: 0%;
}

.p-right--5p {
  padding-right: 5%;
}

.p-right--10p {
  padding-right: 10%;
}

.p-right--15p {
  padding-right: 15%;
}

.p-right--20p {
  padding-right: 20%;
}

.p-right--25p {
  padding-right: 25%;
}

.p-right--30p {
  padding-right: 30%;
}

.p-right--35p {
  padding-right: 35%;
}

.p-right--40p {
  padding-right: 40%;
}

.p-right--45p {
  padding-right: 45%;
}

.p-right--50p {
  padding-right: 50%;
}

.p-right--55p {
  padding-right: 55%;
}

.p-right--60p {
  padding-right: 60%;
}

.p-right--65p {
  padding-right: 65%;
}

.p-right--70p {
  padding-right: 70%;
}

.p-right--75p {
  padding-right: 75%;
}

.p-right--80p {
  padding-right: 80%;
}

.p-right--85p {
  padding-right: 85%;
}

.p-right--90p {
  padding-right: 90%;
}

.p-right--95p {
  padding-right: 95%;
}

.p-right--100p {
  padding-right: 100%;
}

.p-bottom--0p {
  padding-bottom: 0%;
}

.p-bottom--5p {
  padding-bottom: 5%;
}

.p-bottom--10p {
  padding-bottom: 10%;
}

.p-bottom--15p {
  padding-bottom: 15%;
}

.p-bottom--20p {
  padding-bottom: 20%;
}

.p-bottom--25p {
  padding-bottom: 25%;
}

.p-bottom--30p {
  padding-bottom: 30%;
}

.p-bottom--35p {
  padding-bottom: 35%;
}

.p-bottom--40p {
  padding-bottom: 40%;
}

.p-bottom--45p {
  padding-bottom: 45%;
}

.p-bottom--50p {
  padding-bottom: 50%;
}

.p-bottom--55p {
  padding-bottom: 55%;
}

.p-bottom--60p {
  padding-bottom: 60%;
}

.p-bottom--65p {
  padding-bottom: 65%;
}

.p-bottom--70p {
  padding-bottom: 70%;
}

.p-bottom--75p {
  padding-bottom: 75%;
}

.p-bottom--80p {
  padding-bottom: 80%;
}

.p-bottom--85p {
  padding-bottom: 85%;
}

.p-bottom--90p {
  padding-bottom: 90%;
}

.p-bottom--95p {
  padding-bottom: 95%;
}

.p-bottom--100p {
  padding-bottom: 100%;
}

.p-left--0p {
  padding-left: 0%;
}

.p-left--5p {
  padding-left: 5%;
}

.p-left--10p {
  padding-left: 10%;
}

.p-left--15p {
  padding-left: 15%;
}

.p-left--20p {
  padding-left: 20%;
}

.p-left--25p {
  padding-left: 25%;
}

.p-left--30p {
  padding-left: 30%;
}

.p-left--35p {
  padding-left: 35%;
}

.p-left--40p {
  padding-left: 40%;
}

.p-left--45p {
  padding-left: 45%;
}

.p-left--50p {
  padding-left: 50%;
}

.p-left--55p {
  padding-left: 55%;
}

.p-left--60p {
  padding-left: 60%;
}

.p-left--65p {
  padding-left: 65%;
}

.p-left--70p {
  padding-left: 70%;
}

.p-left--75p {
  padding-left: 75%;
}

.p-left--80p {
  padding-left: 80%;
}

.p-left--85p {
  padding-left: 85%;
}

.p-left--90p {
  padding-left: 90%;
}

.p-left--95p {
  padding-left: 95%;
}

.p-left--100p {
  padding-left: 100%;
}

.p-child--0 > * {
  padding: 0rem;
}

.p-child--1 > * {
  padding: 0.0555864369rem;
}

.p-child--2 > * {
  padding: 0.1111728738rem;
}

.p-child--3 > * {
  padding: 0.1667593107rem;
}

.p-child--5 > * {
  padding: 0.2779321845rem;
}

.p-child--8 > * {
  padding: 0.4446914953rem;
}

.p-child--13 > * {
  padding: 0.7226236798rem;
}

.p-child--21 > * {
  padding: 1.1673151751rem;
}

.p-child--34 > * {
  padding: 1.8899388549rem;
}

.p-child--55 > * {
  padding: 3.05725403rem;
}

.p-child--89 > * {
  padding: 4.9471928849rem;
}

.p-child--144 > * {
  padding: 8.004446915rem;
}

.p-y--auto {
  padding: auto 0;
}

.p-x--auto {
  padding: 0 auto;
}

.m--0 {
  margin: 0rem;
}

.m--1 {
  margin: 0.0555864369rem;
}

.m--2 {
  margin: 0.1111728738rem;
}

.m--3 {
  margin: 0.1667593107rem;
}

.m--5 {
  margin: 0.2779321845rem;
}

.m--8 {
  margin: 0.4446914953rem;
}

.m--13 {
  margin: 0.7226236798rem;
}

.m--21 {
  margin: 1.1673151751rem;
}

.m--34 {
  margin: 1.8899388549rem;
}

.m--55 {
  margin: 3.05725403rem;
}

.m--89 {
  margin: 4.9471928849rem;
}

.m--144 {
  margin: 8.004446915rem;
}

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

.m--1-i {
  margin: 0.0555864369rem !important;
}

.m--2-i {
  margin: 0.1111728738rem !important;
}

.m--3-i {
  margin: 0.1667593107rem !important;
}

.m--5-i {
  margin: 0.2779321845rem !important;
}

.m--8-i {
  margin: 0.4446914953rem !important;
}

.m--13-i {
  margin: 0.7226236798rem !important;
}

.m--21-i {
  margin: 1.1673151751rem !important;
}

.m--34-i {
  margin: 1.8899388549rem !important;
}

.m--55-i {
  margin: 3.05725403rem !important;
}

.m--89-i {
  margin: 4.9471928849rem !important;
}

.m--144-i {
  margin: 8.004446915rem !important;
}

.m--0p {
  margin: 0%;
}

.m--5p {
  margin: 5%;
}

.m--10p {
  margin: 10%;
}

.m--15p {
  margin: 15%;
}

.m--20p {
  margin: 20%;
}

.m--25p {
  margin: 25%;
}

.m--30p {
  margin: 30%;
}

.m--35p {
  margin: 35%;
}

.m--40p {
  margin: 40%;
}

.m--45p {
  margin: 45%;
}

.m--50p {
  margin: 50%;
}

.m--55p {
  margin: 55%;
}

.m--60p {
  margin: 60%;
}

.m--65p {
  margin: 65%;
}

.m--70p {
  margin: 70%;
}

.m--75p {
  margin: 75%;
}

.m--80p {
  margin: 80%;
}

.m--85p {
  margin: 85%;
}

.m--90p {
  margin: 90%;
}

.m--95p {
  margin: 95%;
}

.m--100p {
  margin: 100%;
}

.m-top--0 {
  margin-top: 0rem;
}

.m-top--1 {
  margin-top: 0.0555864369rem;
}

.m-top--2 {
  margin-top: 0.1111728738rem;
}

.m-top--3 {
  margin-top: 0.1667593107rem;
}

.m-top--5 {
  margin-top: 0.2779321845rem;
}

.m-top--8 {
  margin-top: 0.4446914953rem;
}

.m-top--13 {
  margin-top: 0.7226236798rem;
}

.m-top--21 {
  margin-top: 1.1673151751rem;
}

.m-top--34 {
  margin-top: 1.8899388549rem;
}

.m-top--55 {
  margin-top: 3.05725403rem;
}

.m-top--89 {
  margin-top: 4.9471928849rem;
}

.m-top--144 {
  margin-top: 8.004446915rem;
}

.m-right--0 {
  margin-right: 0rem;
}

.m-right--1 {
  margin-right: 0.0555864369rem;
}

.m-right--2 {
  margin-right: 0.1111728738rem;
}

.m-right--3 {
  margin-right: 0.1667593107rem;
}

.m-right--5 {
  margin-right: 0.2779321845rem;
}

.m-right--8 {
  margin-right: 0.4446914953rem;
}

.m-right--13 {
  margin-right: 0.7226236798rem;
}

.m-right--21 {
  margin-right: 1.1673151751rem;
}

.m-right--34 {
  margin-right: 1.8899388549rem;
}

.m-right--55 {
  margin-right: 3.05725403rem;
}

.m-right--89 {
  margin-right: 4.9471928849rem;
}

.m-right--144 {
  margin-right: 8.004446915rem;
}

.m-bottom--0 {
  margin-bottom: 0rem;
}

.m-bottom--1 {
  margin-bottom: 0.0555864369rem;
}

.m-bottom--2 {
  margin-bottom: 0.1111728738rem;
}

.m-bottom--3 {
  margin-bottom: 0.1667593107rem;
}

.m-bottom--5 {
  margin-bottom: 0.2779321845rem;
}

.m-bottom--8 {
  margin-bottom: 0.4446914953rem;
}

.m-bottom--13 {
  margin-bottom: 0.7226236798rem;
}

.m-bottom--21 {
  margin-bottom: 1.1673151751rem;
}

.m-bottom--34 {
  margin-bottom: 1.8899388549rem;
}

.m-bottom--55 {
  margin-bottom: 3.05725403rem;
}

.m-bottom--89 {
  margin-bottom: 4.9471928849rem;
}

.m-bottom--144 {
  margin-bottom: 8.004446915rem;
}

.m-left--0 {
  margin-left: 0rem;
}

.m-left--1 {
  margin-left: 0.0555864369rem;
}

.m-left--2 {
  margin-left: 0.1111728738rem;
}

.m-left--3 {
  margin-left: 0.1667593107rem;
}

.m-left--5 {
  margin-left: 0.2779321845rem;
}

.m-left--8 {
  margin-left: 0.4446914953rem;
}

.m-left--13 {
  margin-left: 0.7226236798rem;
}

.m-left--21 {
  margin-left: 1.1673151751rem;
}

.m-left--34 {
  margin-left: 1.8899388549rem;
}

.m-left--55 {
  margin-left: 3.05725403rem;
}

.m-left--89 {
  margin-left: 4.9471928849rem;
}

.m-left--144 {
  margin-left: 8.004446915rem;
}

.m-top--0-i {
  margin-top: 0rem !important;
}

.m-top--1-i {
  margin-top: 0.0555864369rem !important;
}

.m-top--2-i {
  margin-top: 0.1111728738rem !important;
}

.m-top--3-i {
  margin-top: 0.1667593107rem !important;
}

.m-top--5-i {
  margin-top: 0.2779321845rem !important;
}

.m-top--8-i {
  margin-top: 0.4446914953rem !important;
}

.m-top--13-i {
  margin-top: 0.7226236798rem !important;
}

.m-top--21-i {
  margin-top: 1.1673151751rem !important;
}

.m-top--34-i {
  margin-top: 1.8899388549rem !important;
}

.m-top--55-i {
  margin-top: 3.05725403rem !important;
}

.m-top--89-i {
  margin-top: 4.9471928849rem !important;
}

.m-top--144-i {
  margin-top: 8.004446915rem !important;
}

.m-right--0-i {
  margin-right: 0rem !important;
}

.m-right--1-i {
  margin-right: 0.0555864369rem !important;
}

.m-right--2-i {
  margin-right: 0.1111728738rem !important;
}

.m-right--3-i {
  margin-right: 0.1667593107rem !important;
}

.m-right--5-i {
  margin-right: 0.2779321845rem !important;
}

.m-right--8-i {
  margin-right: 0.4446914953rem !important;
}

.m-right--13-i {
  margin-right: 0.7226236798rem !important;
}

.m-right--21-i {
  margin-right: 1.1673151751rem !important;
}

.m-right--34-i {
  margin-right: 1.8899388549rem !important;
}

.m-right--55-i {
  margin-right: 3.05725403rem !important;
}

.m-right--89-i {
  margin-right: 4.9471928849rem !important;
}

.m-right--144-i {
  margin-right: 8.004446915rem !important;
}

.m-bottom--0-i {
  margin-bottom: 0rem !important;
}

.m-bottom--1-i {
  margin-bottom: 0.0555864369rem !important;
}

.m-bottom--2-i {
  margin-bottom: 0.1111728738rem !important;
}

.m-bottom--3-i {
  margin-bottom: 0.1667593107rem !important;
}

.m-bottom--5-i {
  margin-bottom: 0.2779321845rem !important;
}

.m-bottom--8-i {
  margin-bottom: 0.4446914953rem !important;
}

.m-bottom--13-i {
  margin-bottom: 0.7226236798rem !important;
}

.m-bottom--21-i {
  margin-bottom: 1.1673151751rem !important;
}

.m-bottom--34-i {
  margin-bottom: 1.8899388549rem !important;
}

.m-bottom--55-i {
  margin-bottom: 3.05725403rem !important;
}

.m-bottom--89-i {
  margin-bottom: 4.9471928849rem !important;
}

.m-bottom--144-i {
  margin-bottom: 8.004446915rem !important;
}

.m-left--0-i {
  margin-left: 0rem !important;
}

.m-left--1-i {
  margin-left: 0.0555864369rem !important;
}

.m-left--2-i {
  margin-left: 0.1111728738rem !important;
}

.m-left--3-i {
  margin-left: 0.1667593107rem !important;
}

.m-left--5-i {
  margin-left: 0.2779321845rem !important;
}

.m-left--8-i {
  margin-left: 0.4446914953rem !important;
}

.m-left--13-i {
  margin-left: 0.7226236798rem !important;
}

.m-left--21-i {
  margin-left: 1.1673151751rem !important;
}

.m-left--34-i {
  margin-left: 1.8899388549rem !important;
}

.m-left--55-i {
  margin-left: 3.05725403rem !important;
}

.m-left--89-i {
  margin-left: 4.9471928849rem !important;
}

.m-left--144-i {
  margin-left: 8.004446915rem !important;
}

.m-top--0p {
  margin-top: 0%;
}

.m-top--5p {
  margin-top: 5%;
}

.m-top--10p {
  margin-top: 10%;
}

.m-top--15p {
  margin-top: 15%;
}

.m-top--20p {
  margin-top: 20%;
}

.m-top--25p {
  margin-top: 25%;
}

.m-top--30p {
  margin-top: 30%;
}

.m-top--35p {
  margin-top: 35%;
}

.m-top--40p {
  margin-top: 40%;
}

.m-top--45p {
  margin-top: 45%;
}

.m-top--50p {
  margin-top: 50%;
}

.m-top--55p {
  margin-top: 55%;
}

.m-top--60p {
  margin-top: 60%;
}

.m-top--65p {
  margin-top: 65%;
}

.m-top--70p {
  margin-top: 70%;
}

.m-top--75p {
  margin-top: 75%;
}

.m-top--80p {
  margin-top: 80%;
}

.m-top--85p {
  margin-top: 85%;
}

.m-top--90p {
  margin-top: 90%;
}

.m-top--95p {
  margin-top: 95%;
}

.m-right--0p {
  margin-right: 0%;
}

.m-right--5p {
  margin-right: 5%;
}

.m-right--10p {
  margin-right: 10%;
}

.m-right--15p {
  margin-right: 15%;
}

.m-right--20p {
  margin-right: 20%;
}

.m-right--25p {
  margin-right: 25%;
}

.m-right--30p {
  margin-right: 30%;
}

.m-right--35p {
  margin-right: 35%;
}

.m-right--40p {
  margin-right: 40%;
}

.m-right--45p {
  margin-right: 45%;
}

.m-right--50p {
  margin-right: 50%;
}

.m-right--55p {
  margin-right: 55%;
}

.m-right--60p {
  margin-right: 60%;
}

.m-right--65p {
  margin-right: 65%;
}

.m-right--70p {
  margin-right: 70%;
}

.m-right--75p {
  margin-right: 75%;
}

.m-right--80p {
  margin-right: 80%;
}

.m-right--85p {
  margin-right: 85%;
}

.m-right--90p {
  margin-right: 90%;
}

.m-right--95p {
  margin-right: 95%;
}

.m-bottom--0p {
  margin-bottom: 0%;
}

.m-bottom--5p {
  margin-bottom: 5%;
}

.m-bottom--10p {
  margin-bottom: 10%;
}

.m-bottom--15p {
  margin-bottom: 15%;
}

.m-bottom--20p {
  margin-bottom: 20%;
}

.m-bottom--25p {
  margin-bottom: 25%;
}

.m-bottom--30p {
  margin-bottom: 30%;
}

.m-bottom--35p {
  margin-bottom: 35%;
}

.m-bottom--40p {
  margin-bottom: 40%;
}

.m-bottom--45p {
  margin-bottom: 45%;
}

.m-bottom--50p {
  margin-bottom: 50%;
}

.m-bottom--55p {
  margin-bottom: 55%;
}

.m-bottom--60p {
  margin-bottom: 60%;
}

.m-bottom--65p {
  margin-bottom: 65%;
}

.m-bottom--70p {
  margin-bottom: 70%;
}

.m-bottom--75p {
  margin-bottom: 75%;
}

.m-bottom--80p {
  margin-bottom: 80%;
}

.m-bottom--85p {
  margin-bottom: 85%;
}

.m-bottom--90p {
  margin-bottom: 90%;
}

.m-bottom--95p {
  margin-bottom: 95%;
}

.m-left--0p {
  margin-left: 0%;
}

.m-left--5p {
  margin-left: 5%;
}

.m-left--10p {
  margin-left: 10%;
}

.m-left--15p {
  margin-left: 15%;
}

.m-left--20p {
  margin-left: 20%;
}

.m-left--25p {
  margin-left: 25%;
}

.m-left--30p {
  margin-left: 30%;
}

.m-left--35p {
  margin-left: 35%;
}

.m-left--40p {
  margin-left: 40%;
}

.m-left--45p {
  margin-left: 45%;
}

.m-left--50p {
  margin-left: 50%;
}

.m-left--55p {
  margin-left: 55%;
}

.m-left--60p {
  margin-left: 60%;
}

.m-left--65p {
  margin-left: 65%;
}

.m-left--70p {
  margin-left: 70%;
}

.m-left--75p {
  margin-left: 75%;
}

.m-left--80p {
  margin-left: 80%;
}

.m-left--85p {
  margin-left: 85%;
}

.m-left--90p {
  margin-left: 90%;
}

.m-left--95p {
  margin-left: 95%;
}

.m-child--0 > * {
  margin: 0rem;
}

.m-child--1 > * {
  margin: 0.0555864369rem;
}

.m-child--2 > * {
  margin: 0.1111728738rem;
}

.m-child--3 > * {
  margin: 0.1667593107rem;
}

.m-child--5 > * {
  margin: 0.2779321845rem;
}

.m-child--8 > * {
  margin: 0.4446914953rem;
}

.m-child--13 > * {
  margin: 0.7226236798rem;
}

.m-child--21 > * {
  margin: 1.1673151751rem;
}

.m-child--34 > * {
  margin: 1.8899388549rem;
}

.m-child--55 > * {
  margin: 3.05725403rem;
}

.m-child--89 > * {
  margin: 4.9471928849rem;
}

.m-child--144 > * {
  margin: 8.004446915rem;
}

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

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

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

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

.m-y--auto {
  margin: auto 0;
}

.m-x--auto {
  margin: 0 auto;
}

.l-h--0 {
  line-height: 0rem;
}

.l-h--1 {
  line-height: 0.0555864369rem;
}

.l-h--2 {
  line-height: 0.1111728738rem;
}

.l-h--3 {
  line-height: 0.1667593107rem;
}

.l-h--5 {
  line-height: 0.2779321845rem;
}

.l-h--8 {
  line-height: 0.4446914953rem;
}

.l-h--13 {
  line-height: 0.7226236798rem;
}

.l-h--21 {
  line-height: 1.1673151751rem;
}

.l-h--34 {
  line-height: 1.8899388549rem;
}

.l-h--55 {
  line-height: 3.05725403rem;
}

.l-h--89 {
  line-height: 4.9471928849rem;
}

.l-h--144 {
  line-height: 8.004446915rem;
}

@media (max-width: 332px) {
  .m-ss--0 {
    margin: 0rem;
  }
  .m-ss--1 {
    margin: 0.0555864369rem;
  }
  .m-ss--2 {
    margin: 0.1111728738rem;
  }
  .m-ss--3 {
    margin: 0.1667593107rem;
  }
  .m-ss--5 {
    margin: 0.2779321845rem;
  }
  .m-ss--8 {
    margin: 0.4446914953rem;
  }
  .m-ss--13 {
    margin: 0.7226236798rem;
  }
  .m-ss--21 {
    margin: 1.1673151751rem;
  }
  .m-ss--34 {
    margin: 1.8899388549rem;
  }
  .m-ss--55 {
    margin: 3.05725403rem;
  }
  .m-ss--89 {
    margin: 4.9471928849rem;
  }
  .m-ss--144 {
    margin: 8.004446915rem;
  }
}
@media (max-width: 480px) {
  .m-xs--0 {
    margin: 0rem;
  }
  .m-xs--1 {
    margin: 0.0555864369rem;
  }
  .m-xs--2 {
    margin: 0.1111728738rem;
  }
  .m-xs--3 {
    margin: 0.1667593107rem;
  }
  .m-xs--5 {
    margin: 0.2779321845rem;
  }
  .m-xs--8 {
    margin: 0.4446914953rem;
  }
  .m-xs--13 {
    margin: 0.7226236798rem;
  }
  .m-xs--21 {
    margin: 1.1673151751rem;
  }
  .m-xs--34 {
    margin: 1.8899388549rem;
  }
  .m-xs--55 {
    margin: 3.05725403rem;
  }
  .m-xs--89 {
    margin: 4.9471928849rem;
  }
  .m-xs--144 {
    margin: 8.004446915rem;
  }
}
@media (max-width: 576px) {
  .m-sm--0 {
    margin: 0rem;
  }
  .m-sm--1 {
    margin: 0.0555864369rem;
  }
  .m-sm--2 {
    margin: 0.1111728738rem;
  }
  .m-sm--3 {
    margin: 0.1667593107rem;
  }
  .m-sm--5 {
    margin: 0.2779321845rem;
  }
  .m-sm--8 {
    margin: 0.4446914953rem;
  }
  .m-sm--13 {
    margin: 0.7226236798rem;
  }
  .m-sm--21 {
    margin: 1.1673151751rem;
  }
  .m-sm--34 {
    margin: 1.8899388549rem;
  }
  .m-sm--55 {
    margin: 3.05725403rem;
  }
  .m-sm--89 {
    margin: 4.9471928849rem;
  }
  .m-sm--144 {
    margin: 8.004446915rem;
  }
}
@media (max-width: 768px) {
  .m-md--0 {
    margin: 0rem;
  }
  .m-md--1 {
    margin: 0.0555864369rem;
  }
  .m-md--2 {
    margin: 0.1111728738rem;
  }
  .m-md--3 {
    margin: 0.1667593107rem;
  }
  .m-md--5 {
    margin: 0.2779321845rem;
  }
  .m-md--8 {
    margin: 0.4446914953rem;
  }
  .m-md--13 {
    margin: 0.7226236798rem;
  }
  .m-md--21 {
    margin: 1.1673151751rem;
  }
  .m-md--34 {
    margin: 1.8899388549rem;
  }
  .m-md--55 {
    margin: 3.05725403rem;
  }
  .m-md--89 {
    margin: 4.9471928849rem;
  }
  .m-md--144 {
    margin: 8.004446915rem;
  }
}
@media (max-width: 992px) {
  .m-lg--0 {
    margin: 0rem;
  }
  .m-lg--1 {
    margin: 0.0555864369rem;
  }
  .m-lg--2 {
    margin: 0.1111728738rem;
  }
  .m-lg--3 {
    margin: 0.1667593107rem;
  }
  .m-lg--5 {
    margin: 0.2779321845rem;
  }
  .m-lg--8 {
    margin: 0.4446914953rem;
  }
  .m-lg--13 {
    margin: 0.7226236798rem;
  }
  .m-lg--21 {
    margin: 1.1673151751rem;
  }
  .m-lg--34 {
    margin: 1.8899388549rem;
  }
  .m-lg--55 {
    margin: 3.05725403rem;
  }
  .m-lg--89 {
    margin: 4.9471928849rem;
  }
  .m-lg--144 {
    margin: 8.004446915rem;
  }
}
@media (max-width: 1200px) {
  .m-ll--0 {
    margin: 0rem;
  }
  .m-ll--1 {
    margin: 0.0555864369rem;
  }
  .m-ll--2 {
    margin: 0.1111728738rem;
  }
  .m-ll--3 {
    margin: 0.1667593107rem;
  }
  .m-ll--5 {
    margin: 0.2779321845rem;
  }
  .m-ll--8 {
    margin: 0.4446914953rem;
  }
  .m-ll--13 {
    margin: 0.7226236798rem;
  }
  .m-ll--21 {
    margin: 1.1673151751rem;
  }
  .m-ll--34 {
    margin: 1.8899388549rem;
  }
  .m-ll--55 {
    margin: 3.05725403rem;
  }
  .m-ll--89 {
    margin: 4.9471928849rem;
  }
  .m-ll--144 {
    margin: 8.004446915rem;
  }
}
@media (max-width: 1600px) {
  .m-xl--0 {
    margin: 0rem;
  }
  .m-xl--1 {
    margin: 0.0555864369rem;
  }
  .m-xl--2 {
    margin: 0.1111728738rem;
  }
  .m-xl--3 {
    margin: 0.1667593107rem;
  }
  .m-xl--5 {
    margin: 0.2779321845rem;
  }
  .m-xl--8 {
    margin: 0.4446914953rem;
  }
  .m-xl--13 {
    margin: 0.7226236798rem;
  }
  .m-xl--21 {
    margin: 1.1673151751rem;
  }
  .m-xl--34 {
    margin: 1.8899388549rem;
  }
  .m-xl--55 {
    margin: 3.05725403rem;
  }
  .m-xl--89 {
    margin: 4.9471928849rem;
  }
  .m-xl--144 {
    margin: 8.004446915rem;
  }
}
@media (max-width: 1920px) {
  .m-xx--0 {
    margin: 0rem;
  }
  .m-xx--1 {
    margin: 0.0555864369rem;
  }
  .m-xx--2 {
    margin: 0.1111728738rem;
  }
  .m-xx--3 {
    margin: 0.1667593107rem;
  }
  .m-xx--5 {
    margin: 0.2779321845rem;
  }
  .m-xx--8 {
    margin: 0.4446914953rem;
  }
  .m-xx--13 {
    margin: 0.7226236798rem;
  }
  .m-xx--21 {
    margin: 1.1673151751rem;
  }
  .m-xx--34 {
    margin: 1.8899388549rem;
  }
  .m-xx--55 {
    margin: 3.05725403rem;
  }
  .m-xx--89 {
    margin: 4.9471928849rem;
  }
  .m-xx--144 {
    margin: 8.004446915rem;
  }
}
@media (max-width: 332px) {
  .m-top-ss--0 {
    margin-top: 0rem;
  }
  .m-top-ss--1 {
    margin-top: 0.0555864369rem;
  }
  .m-top-ss--2 {
    margin-top: 0.1111728738rem;
  }
  .m-top-ss--3 {
    margin-top: 0.1667593107rem;
  }
  .m-top-ss--5 {
    margin-top: 0.2779321845rem;
  }
  .m-top-ss--8 {
    margin-top: 0.4446914953rem;
  }
  .m-top-ss--13 {
    margin-top: 0.7226236798rem;
  }
  .m-top-ss--21 {
    margin-top: 1.1673151751rem;
  }
  .m-top-ss--34 {
    margin-top: 1.8899388549rem;
  }
  .m-top-ss--55 {
    margin-top: 3.05725403rem;
  }
  .m-top-ss--89 {
    margin-top: 4.9471928849rem;
  }
  .m-top-ss--144 {
    margin-top: 8.004446915rem;
  }
  .m-right-ss--0 {
    margin-right: 0rem;
  }
  .m-right-ss--1 {
    margin-right: 0.0555864369rem;
  }
  .m-right-ss--2 {
    margin-right: 0.1111728738rem;
  }
  .m-right-ss--3 {
    margin-right: 0.1667593107rem;
  }
  .m-right-ss--5 {
    margin-right: 0.2779321845rem;
  }
  .m-right-ss--8 {
    margin-right: 0.4446914953rem;
  }
  .m-right-ss--13 {
    margin-right: 0.7226236798rem;
  }
  .m-right-ss--21 {
    margin-right: 1.1673151751rem;
  }
  .m-right-ss--34 {
    margin-right: 1.8899388549rem;
  }
  .m-right-ss--55 {
    margin-right: 3.05725403rem;
  }
  .m-right-ss--89 {
    margin-right: 4.9471928849rem;
  }
  .m-right-ss--144 {
    margin-right: 8.004446915rem;
  }
  .m-bottom-ss--0 {
    margin-bottom: 0rem;
  }
  .m-bottom-ss--1 {
    margin-bottom: 0.0555864369rem;
  }
  .m-bottom-ss--2 {
    margin-bottom: 0.1111728738rem;
  }
  .m-bottom-ss--3 {
    margin-bottom: 0.1667593107rem;
  }
  .m-bottom-ss--5 {
    margin-bottom: 0.2779321845rem;
  }
  .m-bottom-ss--8 {
    margin-bottom: 0.4446914953rem;
  }
  .m-bottom-ss--13 {
    margin-bottom: 0.7226236798rem;
  }
  .m-bottom-ss--21 {
    margin-bottom: 1.1673151751rem;
  }
  .m-bottom-ss--34 {
    margin-bottom: 1.8899388549rem;
  }
  .m-bottom-ss--55 {
    margin-bottom: 3.05725403rem;
  }
  .m-bottom-ss--89 {
    margin-bottom: 4.9471928849rem;
  }
  .m-bottom-ss--144 {
    margin-bottom: 8.004446915rem;
  }
  .m-left-ss--0 {
    margin-left: 0rem;
  }
  .m-left-ss--1 {
    margin-left: 0.0555864369rem;
  }
  .m-left-ss--2 {
    margin-left: 0.1111728738rem;
  }
  .m-left-ss--3 {
    margin-left: 0.1667593107rem;
  }
  .m-left-ss--5 {
    margin-left: 0.2779321845rem;
  }
  .m-left-ss--8 {
    margin-left: 0.4446914953rem;
  }
  .m-left-ss--13 {
    margin-left: 0.7226236798rem;
  }
  .m-left-ss--21 {
    margin-left: 1.1673151751rem;
  }
  .m-left-ss--34 {
    margin-left: 1.8899388549rem;
  }
  .m-left-ss--55 {
    margin-left: 3.05725403rem;
  }
  .m-left-ss--89 {
    margin-left: 4.9471928849rem;
  }
  .m-left-ss--144 {
    margin-left: 8.004446915rem;
  }
}
@media (max-width: 480px) {
  .m-top-xs--0 {
    margin-top: 0rem;
  }
  .m-top-xs--1 {
    margin-top: 0.0555864369rem;
  }
  .m-top-xs--2 {
    margin-top: 0.1111728738rem;
  }
  .m-top-xs--3 {
    margin-top: 0.1667593107rem;
  }
  .m-top-xs--5 {
    margin-top: 0.2779321845rem;
  }
  .m-top-xs--8 {
    margin-top: 0.4446914953rem;
  }
  .m-top-xs--13 {
    margin-top: 0.7226236798rem;
  }
  .m-top-xs--21 {
    margin-top: 1.1673151751rem;
  }
  .m-top-xs--34 {
    margin-top: 1.8899388549rem;
  }
  .m-top-xs--55 {
    margin-top: 3.05725403rem;
  }
  .m-top-xs--89 {
    margin-top: 4.9471928849rem;
  }
  .m-top-xs--144 {
    margin-top: 8.004446915rem;
  }
  .m-right-xs--0 {
    margin-right: 0rem;
  }
  .m-right-xs--1 {
    margin-right: 0.0555864369rem;
  }
  .m-right-xs--2 {
    margin-right: 0.1111728738rem;
  }
  .m-right-xs--3 {
    margin-right: 0.1667593107rem;
  }
  .m-right-xs--5 {
    margin-right: 0.2779321845rem;
  }
  .m-right-xs--8 {
    margin-right: 0.4446914953rem;
  }
  .m-right-xs--13 {
    margin-right: 0.7226236798rem;
  }
  .m-right-xs--21 {
    margin-right: 1.1673151751rem;
  }
  .m-right-xs--34 {
    margin-right: 1.8899388549rem;
  }
  .m-right-xs--55 {
    margin-right: 3.05725403rem;
  }
  .m-right-xs--89 {
    margin-right: 4.9471928849rem;
  }
  .m-right-xs--144 {
    margin-right: 8.004446915rem;
  }
  .m-bottom-xs--0 {
    margin-bottom: 0rem;
  }
  .m-bottom-xs--1 {
    margin-bottom: 0.0555864369rem;
  }
  .m-bottom-xs--2 {
    margin-bottom: 0.1111728738rem;
  }
  .m-bottom-xs--3 {
    margin-bottom: 0.1667593107rem;
  }
  .m-bottom-xs--5 {
    margin-bottom: 0.2779321845rem;
  }
  .m-bottom-xs--8 {
    margin-bottom: 0.4446914953rem;
  }
  .m-bottom-xs--13 {
    margin-bottom: 0.7226236798rem;
  }
  .m-bottom-xs--21 {
    margin-bottom: 1.1673151751rem;
  }
  .m-bottom-xs--34 {
    margin-bottom: 1.8899388549rem;
  }
  .m-bottom-xs--55 {
    margin-bottom: 3.05725403rem;
  }
  .m-bottom-xs--89 {
    margin-bottom: 4.9471928849rem;
  }
  .m-bottom-xs--144 {
    margin-bottom: 8.004446915rem;
  }
  .m-left-xs--0 {
    margin-left: 0rem;
  }
  .m-left-xs--1 {
    margin-left: 0.0555864369rem;
  }
  .m-left-xs--2 {
    margin-left: 0.1111728738rem;
  }
  .m-left-xs--3 {
    margin-left: 0.1667593107rem;
  }
  .m-left-xs--5 {
    margin-left: 0.2779321845rem;
  }
  .m-left-xs--8 {
    margin-left: 0.4446914953rem;
  }
  .m-left-xs--13 {
    margin-left: 0.7226236798rem;
  }
  .m-left-xs--21 {
    margin-left: 1.1673151751rem;
  }
  .m-left-xs--34 {
    margin-left: 1.8899388549rem;
  }
  .m-left-xs--55 {
    margin-left: 3.05725403rem;
  }
  .m-left-xs--89 {
    margin-left: 4.9471928849rem;
  }
  .m-left-xs--144 {
    margin-left: 8.004446915rem;
  }
}
@media (max-width: 576px) {
  .m-top-sm--0 {
    margin-top: 0rem;
  }
  .m-top-sm--1 {
    margin-top: 0.0555864369rem;
  }
  .m-top-sm--2 {
    margin-top: 0.1111728738rem;
  }
  .m-top-sm--3 {
    margin-top: 0.1667593107rem;
  }
  .m-top-sm--5 {
    margin-top: 0.2779321845rem;
  }
  .m-top-sm--8 {
    margin-top: 0.4446914953rem;
  }
  .m-top-sm--13 {
    margin-top: 0.7226236798rem;
  }
  .m-top-sm--21 {
    margin-top: 1.1673151751rem;
  }
  .m-top-sm--34 {
    margin-top: 1.8899388549rem;
  }
  .m-top-sm--55 {
    margin-top: 3.05725403rem;
  }
  .m-top-sm--89 {
    margin-top: 4.9471928849rem;
  }
  .m-top-sm--144 {
    margin-top: 8.004446915rem;
  }
  .m-right-sm--0 {
    margin-right: 0rem;
  }
  .m-right-sm--1 {
    margin-right: 0.0555864369rem;
  }
  .m-right-sm--2 {
    margin-right: 0.1111728738rem;
  }
  .m-right-sm--3 {
    margin-right: 0.1667593107rem;
  }
  .m-right-sm--5 {
    margin-right: 0.2779321845rem;
  }
  .m-right-sm--8 {
    margin-right: 0.4446914953rem;
  }
  .m-right-sm--13 {
    margin-right: 0.7226236798rem;
  }
  .m-right-sm--21 {
    margin-right: 1.1673151751rem;
  }
  .m-right-sm--34 {
    margin-right: 1.8899388549rem;
  }
  .m-right-sm--55 {
    margin-right: 3.05725403rem;
  }
  .m-right-sm--89 {
    margin-right: 4.9471928849rem;
  }
  .m-right-sm--144 {
    margin-right: 8.004446915rem;
  }
  .m-bottom-sm--0 {
    margin-bottom: 0rem;
  }
  .m-bottom-sm--1 {
    margin-bottom: 0.0555864369rem;
  }
  .m-bottom-sm--2 {
    margin-bottom: 0.1111728738rem;
  }
  .m-bottom-sm--3 {
    margin-bottom: 0.1667593107rem;
  }
  .m-bottom-sm--5 {
    margin-bottom: 0.2779321845rem;
  }
  .m-bottom-sm--8 {
    margin-bottom: 0.4446914953rem;
  }
  .m-bottom-sm--13 {
    margin-bottom: 0.7226236798rem;
  }
  .m-bottom-sm--21 {
    margin-bottom: 1.1673151751rem;
  }
  .m-bottom-sm--34 {
    margin-bottom: 1.8899388549rem;
  }
  .m-bottom-sm--55 {
    margin-bottom: 3.05725403rem;
  }
  .m-bottom-sm--89 {
    margin-bottom: 4.9471928849rem;
  }
  .m-bottom-sm--144 {
    margin-bottom: 8.004446915rem;
  }
  .m-left-sm--0 {
    margin-left: 0rem;
  }
  .m-left-sm--1 {
    margin-left: 0.0555864369rem;
  }
  .m-left-sm--2 {
    margin-left: 0.1111728738rem;
  }
  .m-left-sm--3 {
    margin-left: 0.1667593107rem;
  }
  .m-left-sm--5 {
    margin-left: 0.2779321845rem;
  }
  .m-left-sm--8 {
    margin-left: 0.4446914953rem;
  }
  .m-left-sm--13 {
    margin-left: 0.7226236798rem;
  }
  .m-left-sm--21 {
    margin-left: 1.1673151751rem;
  }
  .m-left-sm--34 {
    margin-left: 1.8899388549rem;
  }
  .m-left-sm--55 {
    margin-left: 3.05725403rem;
  }
  .m-left-sm--89 {
    margin-left: 4.9471928849rem;
  }
  .m-left-sm--144 {
    margin-left: 8.004446915rem;
  }
}
@media (max-width: 768px) {
  .m-top-md--0 {
    margin-top: 0rem;
  }
  .m-top-md--1 {
    margin-top: 0.0555864369rem;
  }
  .m-top-md--2 {
    margin-top: 0.1111728738rem;
  }
  .m-top-md--3 {
    margin-top: 0.1667593107rem;
  }
  .m-top-md--5 {
    margin-top: 0.2779321845rem;
  }
  .m-top-md--8 {
    margin-top: 0.4446914953rem;
  }
  .m-top-md--13 {
    margin-top: 0.7226236798rem;
  }
  .m-top-md--21 {
    margin-top: 1.1673151751rem;
  }
  .m-top-md--34 {
    margin-top: 1.8899388549rem;
  }
  .m-top-md--55 {
    margin-top: 3.05725403rem;
  }
  .m-top-md--89 {
    margin-top: 4.9471928849rem;
  }
  .m-top-md--144 {
    margin-top: 8.004446915rem;
  }
  .m-right-md--0 {
    margin-right: 0rem;
  }
  .m-right-md--1 {
    margin-right: 0.0555864369rem;
  }
  .m-right-md--2 {
    margin-right: 0.1111728738rem;
  }
  .m-right-md--3 {
    margin-right: 0.1667593107rem;
  }
  .m-right-md--5 {
    margin-right: 0.2779321845rem;
  }
  .m-right-md--8 {
    margin-right: 0.4446914953rem;
  }
  .m-right-md--13 {
    margin-right: 0.7226236798rem;
  }
  .m-right-md--21 {
    margin-right: 1.1673151751rem;
  }
  .m-right-md--34 {
    margin-right: 1.8899388549rem;
  }
  .m-right-md--55 {
    margin-right: 3.05725403rem;
  }
  .m-right-md--89 {
    margin-right: 4.9471928849rem;
  }
  .m-right-md--144 {
    margin-right: 8.004446915rem;
  }
  .m-bottom-md--0 {
    margin-bottom: 0rem;
  }
  .m-bottom-md--1 {
    margin-bottom: 0.0555864369rem;
  }
  .m-bottom-md--2 {
    margin-bottom: 0.1111728738rem;
  }
  .m-bottom-md--3 {
    margin-bottom: 0.1667593107rem;
  }
  .m-bottom-md--5 {
    margin-bottom: 0.2779321845rem;
  }
  .m-bottom-md--8 {
    margin-bottom: 0.4446914953rem;
  }
  .m-bottom-md--13 {
    margin-bottom: 0.7226236798rem;
  }
  .m-bottom-md--21 {
    margin-bottom: 1.1673151751rem;
  }
  .m-bottom-md--34 {
    margin-bottom: 1.8899388549rem;
  }
  .m-bottom-md--55 {
    margin-bottom: 3.05725403rem;
  }
  .m-bottom-md--89 {
    margin-bottom: 4.9471928849rem;
  }
  .m-bottom-md--144 {
    margin-bottom: 8.004446915rem;
  }
  .m-left-md--0 {
    margin-left: 0rem;
  }
  .m-left-md--1 {
    margin-left: 0.0555864369rem;
  }
  .m-left-md--2 {
    margin-left: 0.1111728738rem;
  }
  .m-left-md--3 {
    margin-left: 0.1667593107rem;
  }
  .m-left-md--5 {
    margin-left: 0.2779321845rem;
  }
  .m-left-md--8 {
    margin-left: 0.4446914953rem;
  }
  .m-left-md--13 {
    margin-left: 0.7226236798rem;
  }
  .m-left-md--21 {
    margin-left: 1.1673151751rem;
  }
  .m-left-md--34 {
    margin-left: 1.8899388549rem;
  }
  .m-left-md--55 {
    margin-left: 3.05725403rem;
  }
  .m-left-md--89 {
    margin-left: 4.9471928849rem;
  }
  .m-left-md--144 {
    margin-left: 8.004446915rem;
  }
}
@media (max-width: 992px) {
  .m-top-lg--0 {
    margin-top: 0rem;
  }
  .m-top-lg--1 {
    margin-top: 0.0555864369rem;
  }
  .m-top-lg--2 {
    margin-top: 0.1111728738rem;
  }
  .m-top-lg--3 {
    margin-top: 0.1667593107rem;
  }
  .m-top-lg--5 {
    margin-top: 0.2779321845rem;
  }
  .m-top-lg--8 {
    margin-top: 0.4446914953rem;
  }
  .m-top-lg--13 {
    margin-top: 0.7226236798rem;
  }
  .m-top-lg--21 {
    margin-top: 1.1673151751rem;
  }
  .m-top-lg--34 {
    margin-top: 1.8899388549rem;
  }
  .m-top-lg--55 {
    margin-top: 3.05725403rem;
  }
  .m-top-lg--89 {
    margin-top: 4.9471928849rem;
  }
  .m-top-lg--144 {
    margin-top: 8.004446915rem;
  }
  .m-right-lg--0 {
    margin-right: 0rem;
  }
  .m-right-lg--1 {
    margin-right: 0.0555864369rem;
  }
  .m-right-lg--2 {
    margin-right: 0.1111728738rem;
  }
  .m-right-lg--3 {
    margin-right: 0.1667593107rem;
  }
  .m-right-lg--5 {
    margin-right: 0.2779321845rem;
  }
  .m-right-lg--8 {
    margin-right: 0.4446914953rem;
  }
  .m-right-lg--13 {
    margin-right: 0.7226236798rem;
  }
  .m-right-lg--21 {
    margin-right: 1.1673151751rem;
  }
  .m-right-lg--34 {
    margin-right: 1.8899388549rem;
  }
  .m-right-lg--55 {
    margin-right: 3.05725403rem;
  }
  .m-right-lg--89 {
    margin-right: 4.9471928849rem;
  }
  .m-right-lg--144 {
    margin-right: 8.004446915rem;
  }
  .m-bottom-lg--0 {
    margin-bottom: 0rem;
  }
  .m-bottom-lg--1 {
    margin-bottom: 0.0555864369rem;
  }
  .m-bottom-lg--2 {
    margin-bottom: 0.1111728738rem;
  }
  .m-bottom-lg--3 {
    margin-bottom: 0.1667593107rem;
  }
  .m-bottom-lg--5 {
    margin-bottom: 0.2779321845rem;
  }
  .m-bottom-lg--8 {
    margin-bottom: 0.4446914953rem;
  }
  .m-bottom-lg--13 {
    margin-bottom: 0.7226236798rem;
  }
  .m-bottom-lg--21 {
    margin-bottom: 1.1673151751rem;
  }
  .m-bottom-lg--34 {
    margin-bottom: 1.8899388549rem;
  }
  .m-bottom-lg--55 {
    margin-bottom: 3.05725403rem;
  }
  .m-bottom-lg--89 {
    margin-bottom: 4.9471928849rem;
  }
  .m-bottom-lg--144 {
    margin-bottom: 8.004446915rem;
  }
  .m-left-lg--0 {
    margin-left: 0rem;
  }
  .m-left-lg--1 {
    margin-left: 0.0555864369rem;
  }
  .m-left-lg--2 {
    margin-left: 0.1111728738rem;
  }
  .m-left-lg--3 {
    margin-left: 0.1667593107rem;
  }
  .m-left-lg--5 {
    margin-left: 0.2779321845rem;
  }
  .m-left-lg--8 {
    margin-left: 0.4446914953rem;
  }
  .m-left-lg--13 {
    margin-left: 0.7226236798rem;
  }
  .m-left-lg--21 {
    margin-left: 1.1673151751rem;
  }
  .m-left-lg--34 {
    margin-left: 1.8899388549rem;
  }
  .m-left-lg--55 {
    margin-left: 3.05725403rem;
  }
  .m-left-lg--89 {
    margin-left: 4.9471928849rem;
  }
  .m-left-lg--144 {
    margin-left: 8.004446915rem;
  }
}
@media (max-width: 1200px) {
  .m-top-ll--0 {
    margin-top: 0rem;
  }
  .m-top-ll--1 {
    margin-top: 0.0555864369rem;
  }
  .m-top-ll--2 {
    margin-top: 0.1111728738rem;
  }
  .m-top-ll--3 {
    margin-top: 0.1667593107rem;
  }
  .m-top-ll--5 {
    margin-top: 0.2779321845rem;
  }
  .m-top-ll--8 {
    margin-top: 0.4446914953rem;
  }
  .m-top-ll--13 {
    margin-top: 0.7226236798rem;
  }
  .m-top-ll--21 {
    margin-top: 1.1673151751rem;
  }
  .m-top-ll--34 {
    margin-top: 1.8899388549rem;
  }
  .m-top-ll--55 {
    margin-top: 3.05725403rem;
  }
  .m-top-ll--89 {
    margin-top: 4.9471928849rem;
  }
  .m-top-ll--144 {
    margin-top: 8.004446915rem;
  }
  .m-right-ll--0 {
    margin-right: 0rem;
  }
  .m-right-ll--1 {
    margin-right: 0.0555864369rem;
  }
  .m-right-ll--2 {
    margin-right: 0.1111728738rem;
  }
  .m-right-ll--3 {
    margin-right: 0.1667593107rem;
  }
  .m-right-ll--5 {
    margin-right: 0.2779321845rem;
  }
  .m-right-ll--8 {
    margin-right: 0.4446914953rem;
  }
  .m-right-ll--13 {
    margin-right: 0.7226236798rem;
  }
  .m-right-ll--21 {
    margin-right: 1.1673151751rem;
  }
  .m-right-ll--34 {
    margin-right: 1.8899388549rem;
  }
  .m-right-ll--55 {
    margin-right: 3.05725403rem;
  }
  .m-right-ll--89 {
    margin-right: 4.9471928849rem;
  }
  .m-right-ll--144 {
    margin-right: 8.004446915rem;
  }
  .m-bottom-ll--0 {
    margin-bottom: 0rem;
  }
  .m-bottom-ll--1 {
    margin-bottom: 0.0555864369rem;
  }
  .m-bottom-ll--2 {
    margin-bottom: 0.1111728738rem;
  }
  .m-bottom-ll--3 {
    margin-bottom: 0.1667593107rem;
  }
  .m-bottom-ll--5 {
    margin-bottom: 0.2779321845rem;
  }
  .m-bottom-ll--8 {
    margin-bottom: 0.4446914953rem;
  }
  .m-bottom-ll--13 {
    margin-bottom: 0.7226236798rem;
  }
  .m-bottom-ll--21 {
    margin-bottom: 1.1673151751rem;
  }
  .m-bottom-ll--34 {
    margin-bottom: 1.8899388549rem;
  }
  .m-bottom-ll--55 {
    margin-bottom: 3.05725403rem;
  }
  .m-bottom-ll--89 {
    margin-bottom: 4.9471928849rem;
  }
  .m-bottom-ll--144 {
    margin-bottom: 8.004446915rem;
  }
  .m-left-ll--0 {
    margin-left: 0rem;
  }
  .m-left-ll--1 {
    margin-left: 0.0555864369rem;
  }
  .m-left-ll--2 {
    margin-left: 0.1111728738rem;
  }
  .m-left-ll--3 {
    margin-left: 0.1667593107rem;
  }
  .m-left-ll--5 {
    margin-left: 0.2779321845rem;
  }
  .m-left-ll--8 {
    margin-left: 0.4446914953rem;
  }
  .m-left-ll--13 {
    margin-left: 0.7226236798rem;
  }
  .m-left-ll--21 {
    margin-left: 1.1673151751rem;
  }
  .m-left-ll--34 {
    margin-left: 1.8899388549rem;
  }
  .m-left-ll--55 {
    margin-left: 3.05725403rem;
  }
  .m-left-ll--89 {
    margin-left: 4.9471928849rem;
  }
  .m-left-ll--144 {
    margin-left: 8.004446915rem;
  }
}
@media (max-width: 1600px) {
  .m-top-xl--0 {
    margin-top: 0rem;
  }
  .m-top-xl--1 {
    margin-top: 0.0555864369rem;
  }
  .m-top-xl--2 {
    margin-top: 0.1111728738rem;
  }
  .m-top-xl--3 {
    margin-top: 0.1667593107rem;
  }
  .m-top-xl--5 {
    margin-top: 0.2779321845rem;
  }
  .m-top-xl--8 {
    margin-top: 0.4446914953rem;
  }
  .m-top-xl--13 {
    margin-top: 0.7226236798rem;
  }
  .m-top-xl--21 {
    margin-top: 1.1673151751rem;
  }
  .m-top-xl--34 {
    margin-top: 1.8899388549rem;
  }
  .m-top-xl--55 {
    margin-top: 3.05725403rem;
  }
  .m-top-xl--89 {
    margin-top: 4.9471928849rem;
  }
  .m-top-xl--144 {
    margin-top: 8.004446915rem;
  }
  .m-right-xl--0 {
    margin-right: 0rem;
  }
  .m-right-xl--1 {
    margin-right: 0.0555864369rem;
  }
  .m-right-xl--2 {
    margin-right: 0.1111728738rem;
  }
  .m-right-xl--3 {
    margin-right: 0.1667593107rem;
  }
  .m-right-xl--5 {
    margin-right: 0.2779321845rem;
  }
  .m-right-xl--8 {
    margin-right: 0.4446914953rem;
  }
  .m-right-xl--13 {
    margin-right: 0.7226236798rem;
  }
  .m-right-xl--21 {
    margin-right: 1.1673151751rem;
  }
  .m-right-xl--34 {
    margin-right: 1.8899388549rem;
  }
  .m-right-xl--55 {
    margin-right: 3.05725403rem;
  }
  .m-right-xl--89 {
    margin-right: 4.9471928849rem;
  }
  .m-right-xl--144 {
    margin-right: 8.004446915rem;
  }
  .m-bottom-xl--0 {
    margin-bottom: 0rem;
  }
  .m-bottom-xl--1 {
    margin-bottom: 0.0555864369rem;
  }
  .m-bottom-xl--2 {
    margin-bottom: 0.1111728738rem;
  }
  .m-bottom-xl--3 {
    margin-bottom: 0.1667593107rem;
  }
  .m-bottom-xl--5 {
    margin-bottom: 0.2779321845rem;
  }
  .m-bottom-xl--8 {
    margin-bottom: 0.4446914953rem;
  }
  .m-bottom-xl--13 {
    margin-bottom: 0.7226236798rem;
  }
  .m-bottom-xl--21 {
    margin-bottom: 1.1673151751rem;
  }
  .m-bottom-xl--34 {
    margin-bottom: 1.8899388549rem;
  }
  .m-bottom-xl--55 {
    margin-bottom: 3.05725403rem;
  }
  .m-bottom-xl--89 {
    margin-bottom: 4.9471928849rem;
  }
  .m-bottom-xl--144 {
    margin-bottom: 8.004446915rem;
  }
  .m-left-xl--0 {
    margin-left: 0rem;
  }
  .m-left-xl--1 {
    margin-left: 0.0555864369rem;
  }
  .m-left-xl--2 {
    margin-left: 0.1111728738rem;
  }
  .m-left-xl--3 {
    margin-left: 0.1667593107rem;
  }
  .m-left-xl--5 {
    margin-left: 0.2779321845rem;
  }
  .m-left-xl--8 {
    margin-left: 0.4446914953rem;
  }
  .m-left-xl--13 {
    margin-left: 0.7226236798rem;
  }
  .m-left-xl--21 {
    margin-left: 1.1673151751rem;
  }
  .m-left-xl--34 {
    margin-left: 1.8899388549rem;
  }
  .m-left-xl--55 {
    margin-left: 3.05725403rem;
  }
  .m-left-xl--89 {
    margin-left: 4.9471928849rem;
  }
  .m-left-xl--144 {
    margin-left: 8.004446915rem;
  }
}
@media (max-width: 1920px) {
  .m-top-xx--0 {
    margin-top: 0rem;
  }
  .m-top-xx--1 {
    margin-top: 0.0555864369rem;
  }
  .m-top-xx--2 {
    margin-top: 0.1111728738rem;
  }
  .m-top-xx--3 {
    margin-top: 0.1667593107rem;
  }
  .m-top-xx--5 {
    margin-top: 0.2779321845rem;
  }
  .m-top-xx--8 {
    margin-top: 0.4446914953rem;
  }
  .m-top-xx--13 {
    margin-top: 0.7226236798rem;
  }
  .m-top-xx--21 {
    margin-top: 1.1673151751rem;
  }
  .m-top-xx--34 {
    margin-top: 1.8899388549rem;
  }
  .m-top-xx--55 {
    margin-top: 3.05725403rem;
  }
  .m-top-xx--89 {
    margin-top: 4.9471928849rem;
  }
  .m-top-xx--144 {
    margin-top: 8.004446915rem;
  }
  .m-right-xx--0 {
    margin-right: 0rem;
  }
  .m-right-xx--1 {
    margin-right: 0.0555864369rem;
  }
  .m-right-xx--2 {
    margin-right: 0.1111728738rem;
  }
  .m-right-xx--3 {
    margin-right: 0.1667593107rem;
  }
  .m-right-xx--5 {
    margin-right: 0.2779321845rem;
  }
  .m-right-xx--8 {
    margin-right: 0.4446914953rem;
  }
  .m-right-xx--13 {
    margin-right: 0.7226236798rem;
  }
  .m-right-xx--21 {
    margin-right: 1.1673151751rem;
  }
  .m-right-xx--34 {
    margin-right: 1.8899388549rem;
  }
  .m-right-xx--55 {
    margin-right: 3.05725403rem;
  }
  .m-right-xx--89 {
    margin-right: 4.9471928849rem;
  }
  .m-right-xx--144 {
    margin-right: 8.004446915rem;
  }
  .m-bottom-xx--0 {
    margin-bottom: 0rem;
  }
  .m-bottom-xx--1 {
    margin-bottom: 0.0555864369rem;
  }
  .m-bottom-xx--2 {
    margin-bottom: 0.1111728738rem;
  }
  .m-bottom-xx--3 {
    margin-bottom: 0.1667593107rem;
  }
  .m-bottom-xx--5 {
    margin-bottom: 0.2779321845rem;
  }
  .m-bottom-xx--8 {
    margin-bottom: 0.4446914953rem;
  }
  .m-bottom-xx--13 {
    margin-bottom: 0.7226236798rem;
  }
  .m-bottom-xx--21 {
    margin-bottom: 1.1673151751rem;
  }
  .m-bottom-xx--34 {
    margin-bottom: 1.8899388549rem;
  }
  .m-bottom-xx--55 {
    margin-bottom: 3.05725403rem;
  }
  .m-bottom-xx--89 {
    margin-bottom: 4.9471928849rem;
  }
  .m-bottom-xx--144 {
    margin-bottom: 8.004446915rem;
  }
  .m-left-xx--0 {
    margin-left: 0rem;
  }
  .m-left-xx--1 {
    margin-left: 0.0555864369rem;
  }
  .m-left-xx--2 {
    margin-left: 0.1111728738rem;
  }
  .m-left-xx--3 {
    margin-left: 0.1667593107rem;
  }
  .m-left-xx--5 {
    margin-left: 0.2779321845rem;
  }
  .m-left-xx--8 {
    margin-left: 0.4446914953rem;
  }
  .m-left-xx--13 {
    margin-left: 0.7226236798rem;
  }
  .m-left-xx--21 {
    margin-left: 1.1673151751rem;
  }
  .m-left-xx--34 {
    margin-left: 1.8899388549rem;
  }
  .m-left-xx--55 {
    margin-left: 3.05725403rem;
  }
  .m-left-xx--89 {
    margin-left: 4.9471928849rem;
  }
  .m-left-xx--144 {
    margin-left: 8.004446915rem;
  }
}
.radius--0 {
  border-radius: 0rem;
}

.radius--1 {
  border-radius: 0.0555864369rem;
}

.radius--2 {
  border-radius: 0.1111728738rem;
}

.radius--3 {
  border-radius: 0.1667593107rem;
}

.radius--5 {
  border-radius: 0.2779321845rem;
}

.radius--8 {
  border-radius: 0.4446914953rem;
}

.radius--13 {
  border-radius: 0.7226236798rem;
}

.radius--21 {
  border-radius: 1.1673151751rem;
}

.radius--34 {
  border-radius: 1.8899388549rem;
}

.radius--55 {
  border-radius: 3.05725403rem;
}

.radius--89 {
  border-radius: 4.9471928849rem;
}

.radius--144 {
  border-radius: 8.004446915rem;
}

.radius--0i {
  border-radius: 0rem !important;
}

.radius--1i {
  border-radius: 0.0555864369rem !important;
}

.radius--2i {
  border-radius: 0.1111728738rem !important;
}

.radius--3i {
  border-radius: 0.1667593107rem !important;
}

.radius--5i {
  border-radius: 0.2779321845rem !important;
}

.radius--8i {
  border-radius: 0.4446914953rem !important;
}

.radius--13i {
  border-radius: 0.7226236798rem !important;
}

.radius--21i {
  border-radius: 1.1673151751rem !important;
}

.radius--34i {
  border-radius: 1.8899388549rem !important;
}

.radius--55i {
  border-radius: 3.05725403rem !important;
}

.radius--89i {
  border-radius: 4.9471928849rem !important;
}

.radius--144i {
  border-radius: 8.004446915rem !important;
}

.radius--0p {
  border-radius: 0%;
}

.radius--5p {
  border-radius: 5%;
}

.radius--10p {
  border-radius: 10%;
}

.radius--15p {
  border-radius: 15%;
}

.radius--20p {
  border-radius: 20%;
}

.radius--25p {
  border-radius: 25%;
}

.radius--30p {
  border-radius: 30%;
}

.radius--35p {
  border-radius: 35%;
}

.radius--40p {
  border-radius: 40%;
}

.radius--45p {
  border-radius: 45%;
}

.radius--50p {
  border-radius: 50%;
}

.radius--55p {
  border-radius: 55%;
}

.radius--60p {
  border-radius: 60%;
}

.radius--65p {
  border-radius: 65%;
}

.radius--70p {
  border-radius: 70%;
}

.radius--75p {
  border-radius: 75%;
}

.radius--80p {
  border-radius: 80%;
}

.radius--85p {
  border-radius: 85%;
}

.radius--90p {
  border-radius: 90%;
}

.radius--95p {
  border-radius: 95%;
}

.radius--100p {
  border-radius: 100%;
}

.radius--105p {
  border-radius: 105%;
}

.radius-top-left--0p {
  border-top-left-radius: 0%;
}

.radius-top-right--0p {
  border-top-right-radius: 0%;
}

.radius-bottom-right--0p {
  border-bottom-right-radius: 0%;
}

.radius-bottom-left--0p {
  border-bottom-left-radius: 0%;
}

.radius-top-left--5p {
  border-top-left-radius: 5%;
}

.radius-top-right--5p {
  border-top-right-radius: 5%;
}

.radius-bottom-right--5p {
  border-bottom-right-radius: 5%;
}

.radius-bottom-left--5p {
  border-bottom-left-radius: 5%;
}

.radius-top-left--10p {
  border-top-left-radius: 10%;
}

.radius-top-right--10p {
  border-top-right-radius: 10%;
}

.radius-bottom-right--10p {
  border-bottom-right-radius: 10%;
}

.radius-bottom-left--10p {
  border-bottom-left-radius: 10%;
}

.radius-top-left--15p {
  border-top-left-radius: 15%;
}

.radius-top-right--15p {
  border-top-right-radius: 15%;
}

.radius-bottom-right--15p {
  border-bottom-right-radius: 15%;
}

.radius-bottom-left--15p {
  border-bottom-left-radius: 15%;
}

.radius-top-left--20p {
  border-top-left-radius: 20%;
}

.radius-top-right--20p {
  border-top-right-radius: 20%;
}

.radius-bottom-right--20p {
  border-bottom-right-radius: 20%;
}

.radius-bottom-left--20p {
  border-bottom-left-radius: 20%;
}

.radius-top-left--25p {
  border-top-left-radius: 25%;
}

.radius-top-right--25p {
  border-top-right-radius: 25%;
}

.radius-bottom-right--25p {
  border-bottom-right-radius: 25%;
}

.radius-bottom-left--25p {
  border-bottom-left-radius: 25%;
}

.radius-top-left--30p {
  border-top-left-radius: 30%;
}

.radius-top-right--30p {
  border-top-right-radius: 30%;
}

.radius-bottom-right--30p {
  border-bottom-right-radius: 30%;
}

.radius-bottom-left--30p {
  border-bottom-left-radius: 30%;
}

.radius-top-left--35p {
  border-top-left-radius: 35%;
}

.radius-top-right--35p {
  border-top-right-radius: 35%;
}

.radius-bottom-right--35p {
  border-bottom-right-radius: 35%;
}

.radius-bottom-left--35p {
  border-bottom-left-radius: 35%;
}

.radius-top-left--40p {
  border-top-left-radius: 40%;
}

.radius-top-right--40p {
  border-top-right-radius: 40%;
}

.radius-bottom-right--40p {
  border-bottom-right-radius: 40%;
}

.radius-bottom-left--40p {
  border-bottom-left-radius: 40%;
}

.radius-top-left--45p {
  border-top-left-radius: 45%;
}

.radius-top-right--45p {
  border-top-right-radius: 45%;
}

.radius-bottom-right--45p {
  border-bottom-right-radius: 45%;
}

.radius-bottom-left--45p {
  border-bottom-left-radius: 45%;
}

.radius-top-left--50p {
  border-top-left-radius: 50%;
}

.radius-top-right--50p {
  border-top-right-radius: 50%;
}

.radius-bottom-right--50p {
  border-bottom-right-radius: 50%;
}

.radius-bottom-left--50p {
  border-bottom-left-radius: 50%;
}

.radius-top-left--55p {
  border-top-left-radius: 55%;
}

.radius-top-right--55p {
  border-top-right-radius: 55%;
}

.radius-bottom-right--55p {
  border-bottom-right-radius: 55%;
}

.radius-bottom-left--55p {
  border-bottom-left-radius: 55%;
}

.radius-top-left--60p {
  border-top-left-radius: 60%;
}

.radius-top-right--60p {
  border-top-right-radius: 60%;
}

.radius-bottom-right--60p {
  border-bottom-right-radius: 60%;
}

.radius-bottom-left--60p {
  border-bottom-left-radius: 60%;
}

.radius-top-left--65p {
  border-top-left-radius: 65%;
}

.radius-top-right--65p {
  border-top-right-radius: 65%;
}

.radius-bottom-right--65p {
  border-bottom-right-radius: 65%;
}

.radius-bottom-left--65p {
  border-bottom-left-radius: 65%;
}

.radius-top-left--70p {
  border-top-left-radius: 70%;
}

.radius-top-right--70p {
  border-top-right-radius: 70%;
}

.radius-bottom-right--70p {
  border-bottom-right-radius: 70%;
}

.radius-bottom-left--70p {
  border-bottom-left-radius: 70%;
}

.radius-top-left--75p {
  border-top-left-radius: 75%;
}

.radius-top-right--75p {
  border-top-right-radius: 75%;
}

.radius-bottom-right--75p {
  border-bottom-right-radius: 75%;
}

.radius-bottom-left--75p {
  border-bottom-left-radius: 75%;
}

.radius-top-left--80p {
  border-top-left-radius: 80%;
}

.radius-top-right--80p {
  border-top-right-radius: 80%;
}

.radius-bottom-right--80p {
  border-bottom-right-radius: 80%;
}

.radius-bottom-left--80p {
  border-bottom-left-radius: 80%;
}

.radius-top-left--85p {
  border-top-left-radius: 85%;
}

.radius-top-right--85p {
  border-top-right-radius: 85%;
}

.radius-bottom-right--85p {
  border-bottom-right-radius: 85%;
}

.radius-bottom-left--85p {
  border-bottom-left-radius: 85%;
}

.radius-top-left--90p {
  border-top-left-radius: 90%;
}

.radius-top-right--90p {
  border-top-right-radius: 90%;
}

.radius-bottom-right--90p {
  border-bottom-right-radius: 90%;
}

.radius-bottom-left--90p {
  border-bottom-left-radius: 90%;
}

.radius-top-left--95p {
  border-top-left-radius: 95%;
}

.radius-top-right--95p {
  border-top-right-radius: 95%;
}

.radius-bottom-right--95p {
  border-bottom-right-radius: 95%;
}

.radius-bottom-left--95p {
  border-bottom-left-radius: 95%;
}

.radius-top-left--100p {
  border-top-left-radius: 100%;
}

.radius-top-right--100p {
  border-top-right-radius: 100%;
}

.radius-bottom-right--100p {
  border-bottom-right-radius: 100%;
}

.radius-bottom-left--100p {
  border-bottom-left-radius: 100%;
}

.radius-top-left--105p {
  border-top-left-radius: 105%;
}

.radius-top-right--105p {
  border-top-right-radius: 105%;
}

.radius-bottom-right--105p {
  border-bottom-right-radius: 105%;
}

.radius-bottom-left--105p {
  border-bottom-left-radius: 105%;
}

.radius-top-left--0 {
  border-top-left-radius: 0px;
}

.radius-top-right--0 {
  border-top-right-radius: 0px;
}

.radius-bottom-right--0 {
  border-bottom-right-radius: 0px;
}

.radius-bottom-left--0 {
  border-bottom-left-radius: 0px;
}

.radius-top-left--1 {
  border-top-left-radius: 1px;
}

.radius-top-right--1 {
  border-top-right-radius: 1px;
}

.radius-bottom-right--1 {
  border-bottom-right-radius: 1px;
}

.radius-bottom-left--1 {
  border-bottom-left-radius: 1px;
}

.radius-top-left--2 {
  border-top-left-radius: 2px;
}

.radius-top-right--2 {
  border-top-right-radius: 2px;
}

.radius-bottom-right--2 {
  border-bottom-right-radius: 2px;
}

.radius-bottom-left--2 {
  border-bottom-left-radius: 2px;
}

.radius-top-left--3 {
  border-top-left-radius: 3px;
}

.radius-top-right--3 {
  border-top-right-radius: 3px;
}

.radius-bottom-right--3 {
  border-bottom-right-radius: 3px;
}

.radius-bottom-left--3 {
  border-bottom-left-radius: 3px;
}

.radius-top-left--5 {
  border-top-left-radius: 5px;
}

.radius-top-right--5 {
  border-top-right-radius: 5px;
}

.radius-bottom-right--5 {
  border-bottom-right-radius: 5px;
}

.radius-bottom-left--5 {
  border-bottom-left-radius: 5px;
}

.radius-top-left--8 {
  border-top-left-radius: 8px;
}

.radius-top-right--8 {
  border-top-right-radius: 8px;
}

.radius-bottom-right--8 {
  border-bottom-right-radius: 8px;
}

.radius-bottom-left--8 {
  border-bottom-left-radius: 8px;
}

.radius-top-left--13 {
  border-top-left-radius: 13px;
}

.radius-top-right--13 {
  border-top-right-radius: 13px;
}

.radius-bottom-right--13 {
  border-bottom-right-radius: 13px;
}

.radius-bottom-left--13 {
  border-bottom-left-radius: 13px;
}

.radius-top-left--21 {
  border-top-left-radius: 21px;
}

.radius-top-right--21 {
  border-top-right-radius: 21px;
}

.radius-bottom-right--21 {
  border-bottom-right-radius: 21px;
}

.radius-bottom-left--21 {
  border-bottom-left-radius: 21px;
}

.radius-top-left--34 {
  border-top-left-radius: 34px;
}

.radius-top-right--34 {
  border-top-right-radius: 34px;
}

.radius-bottom-right--34 {
  border-bottom-right-radius: 34px;
}

.radius-bottom-left--34 {
  border-bottom-left-radius: 34px;
}

.radius-top-left--55 {
  border-top-left-radius: 55px;
}

.radius-top-right--55 {
  border-top-right-radius: 55px;
}

.radius-bottom-right--55 {
  border-bottom-right-radius: 55px;
}

.radius-bottom-left--55 {
  border-bottom-left-radius: 55px;
}

.radius-top-left--89 {
  border-top-left-radius: 89px;
}

.radius-top-right--89 {
  border-top-right-radius: 89px;
}

.radius-bottom-right--89 {
  border-bottom-right-radius: 89px;
}

.radius-bottom-left--89 {
  border-bottom-left-radius: 89px;
}

.radius-top-left--144 {
  border-top-left-radius: 144px;
}

.radius-top-right--144 {
  border-top-right-radius: 144px;
}

.radius-bottom-right--144 {
  border-bottom-right-radius: 144px;
}

.radius-bottom-left--144 {
  border-bottom-left-radius: 144px;
}

.radius-top-left--round {
  border-top-left-radius: 50%;
}

.radius-top-right--round {
  border-top-right-radius: 50%;
}

.radius-bottom-right--round {
  border-bottom-right-radius: 50%;
}

.radius-bottom-left--round {
  border-bottom-left-radius: 50%;
}

.m--xs {
  margin: 0.2779321845rem;
}

.m--sm {
  margin: 0.4446914953rem;
}

.m--md {
  margin: 0.7226236798rem;
}

.m--lg {
  margin: 1.1673151751rem;
}

.m--xl {
  margin: 1.8899388549rem;
}

.m--xx {
  margin: 3.05725403rem;
}

.m-top--xs {
  margin-top: 0.2779321845rem;
}

.m-top--sm {
  margin-top: 0.4446914953rem;
}

.m-top--md {
  margin-top: 0.7226236798rem;
}

.m-top--lg {
  margin-top: 1.1673151751rem;
}

.m-top--xl {
  margin-top: 1.8899388549rem;
}

.m-top--xx {
  margin-top: 3.05725403rem;
}

.m-left--xs {
  margin-left: 0.2779321845rem;
}

.m-left--sm {
  margin-left: 0.4446914953rem;
}

.m-left--md {
  margin-left: 0.7226236798rem;
}

.m-left--lg {
  margin-left: 1.1673151751rem;
}

.m-left--xl {
  margin-left: 1.8899388549rem;
}

.m-left--xx {
  margin-left: 3.05725403rem;
}

.m-right--xs {
  margin-right: 0.2779321845rem;
}

.m-right--sm {
  margin-right: 0.4446914953rem;
}

.m-right--md {
  margin-right: 0.7226236798rem;
}

.m-right--lg {
  margin-right: 1.1673151751rem;
}

.m-right--xl {
  margin-right: 1.8899388549rem;
}

.m-right--xx {
  margin-right: 3.05725403rem;
}

.m-bottom--xs {
  margin-bottom: 0.2779321845rem;
}

.m-bottom--sm {
  margin-bottom: 0.4446914953rem;
}

.m-bottom--md {
  margin-bottom: 0.7226236798rem;
}

.m-bottom--lg {
  margin-bottom: 1.1673151751rem;
}

.m-bottom--xl {
  margin-bottom: 1.8899388549rem;
}

.m-bottom--xx {
  margin-bottom: 3.05725403rem;
}

.p--xs {
  padding: 0.2779321845rem;
}

.p--sm {
  padding: 0.4446914953rem;
}

.p--md {
  padding: 0.7226236798rem;
}

.p--lg {
  padding: 1.1673151751rem;
}

.p--xl {
  padding: 1.8899388549rem;
}

.p--xx {
  padding: 3.05725403rem;
}

.p-top--xs {
  padding-top: 0.2779321845rem;
}

.p-top--sm {
  padding-top: 0.4446914953rem;
}

.p-top--md {
  padding-top: 0.7226236798rem;
}

.p-top--lg {
  padding-top: 1.1673151751rem;
}

.p-top--xl {
  padding-top: 1.8899388549rem;
}

.p-top--xx {
  padding-top: 3.05725403rem;
}

.p-left--xs {
  padding-left: 0.2779321845rem;
}

.p-left--sm {
  padding-left: 0.4446914953rem;
}

.p-left--md {
  padding-left: 0.7226236798rem;
}

.p-left--lg {
  padding-left: 1.1673151751rem;
}

.p-left--xl {
  padding-left: 1.8899388549rem;
}

.p-left--xx {
  padding-left: 3.05725403rem;
}

.p-right--xs {
  padding-right: 0.2779321845rem;
}

.p-right--sm {
  padding-right: 0.4446914953rem;
}

.p-right--md {
  padding-right: 0.7226236798rem;
}

.p-right--lg {
  padding-right: 1.1673151751rem;
}

.p-right--xl {
  padding-right: 1.8899388549rem;
}

.p-right--xx {
  padding-right: 3.05725403rem;
}

.p-bottom--xs {
  padding-bottom: 0.2779321845rem;
}

.p-bottom--sm {
  padding-bottom: 0.4446914953rem;
}

.p-bottom--md {
  padding-bottom: 0.7226236798rem;
}

.p-bottom--lg {
  padding-bottom: 1.1673151751rem;
}

.p-bottom--xl {
  padding-bottom: 1.8899388549rem;
}

.p-bottom--xx {
  padding-bottom: 3.05725403rem;
}

.l-height--xs {
  line-height: 0.2779321845rem;
}

.l-height--sm {
  line-height: 0.4446914953rem;
}

.l-height--md {
  line-height: 0.7226236798rem;
}

.l-height--lg {
  line-height: 1.1673151751rem;
}

.l-height--xl {
  line-height: 1.8899388549rem;
}

.l-height--xx {
  line-height: 3.05725403rem;
}

.top--0 {
  top: 0rem;
}

.top--1 {
  top: 0.0555864369rem;
}

.top--2 {
  top: 0.1111728738rem;
}

.top--3 {
  top: 0.1667593107rem;
}

.top--5 {
  top: 0.2779321845rem;
}

.top--8 {
  top: 0.4446914953rem;
}

.top--13 {
  top: 0.7226236798rem;
}

.top--21 {
  top: 1.1673151751rem;
}

.top--34 {
  top: 1.8899388549rem;
}

.top--55 {
  top: 3.05725403rem;
}

.top--89 {
  top: 4.9471928849rem;
}

.top--144 {
  top: 8.004446915rem;
}

.right--0 {
  right: 0rem;
}

.right--1 {
  right: 0.0555864369rem;
}

.right--2 {
  right: 0.1111728738rem;
}

.right--3 {
  right: 0.1667593107rem;
}

.right--5 {
  right: 0.2779321845rem;
}

.right--8 {
  right: 0.4446914953rem;
}

.right--13 {
  right: 0.7226236798rem;
}

.right--21 {
  right: 1.1673151751rem;
}

.right--34 {
  right: 1.8899388549rem;
}

.right--55 {
  right: 3.05725403rem;
}

.right--89 {
  right: 4.9471928849rem;
}

.right--144 {
  right: 8.004446915rem;
}

.bottom--0 {
  bottom: 0rem;
}

.bottom--1 {
  bottom: 0.0555864369rem;
}

.bottom--2 {
  bottom: 0.1111728738rem;
}

.bottom--3 {
  bottom: 0.1667593107rem;
}

.bottom--5 {
  bottom: 0.2779321845rem;
}

.bottom--8 {
  bottom: 0.4446914953rem;
}

.bottom--13 {
  bottom: 0.7226236798rem;
}

.bottom--21 {
  bottom: 1.1673151751rem;
}

.bottom--34 {
  bottom: 1.8899388549rem;
}

.bottom--55 {
  bottom: 3.05725403rem;
}

.bottom--89 {
  bottom: 4.9471928849rem;
}

.bottom--144 {
  bottom: 8.004446915rem;
}

.left--0 {
  left: 0rem;
}

.left--1 {
  left: 0.0555864369rem;
}

.left--2 {
  left: 0.1111728738rem;
}

.left--3 {
  left: 0.1667593107rem;
}

.left--5 {
  left: 0.2779321845rem;
}

.left--8 {
  left: 0.4446914953rem;
}

.left--13 {
  left: 0.7226236798rem;
}

.left--21 {
  left: 1.1673151751rem;
}

.left--34 {
  left: 1.8899388549rem;
}

.left--55 {
  left: 3.05725403rem;
}

.left--89 {
  left: 4.9471928849rem;
}

.left--144 {
  left: 8.004446915rem;
}

@media (max-width: 332px) {
  .top-ss--0 {
    top: 0rem;
  }
  .top-ss--1 {
    top: 0.0555864369rem;
  }
  .top-ss--2 {
    top: 0.1111728738rem;
  }
  .top-ss--3 {
    top: 0.1667593107rem;
  }
  .top-ss--5 {
    top: 0.2779321845rem;
  }
  .top-ss--8 {
    top: 0.4446914953rem;
  }
  .top-ss--13 {
    top: 0.7226236798rem;
  }
  .top-ss--21 {
    top: 1.1673151751rem;
  }
  .top-ss--34 {
    top: 1.8899388549rem;
  }
  .top-ss--55 {
    top: 3.05725403rem;
  }
  .top-ss--89 {
    top: 4.9471928849rem;
  }
  .top-ss--144 {
    top: 8.004446915rem;
  }
  .top-ss--unset {
    top: unset;
  }
  .top-ss--initial {
    top: initial;
  }
  .top-ss--inherit {
    top: inherit;
  }
  .right-ss--0 {
    right: 0rem;
  }
  .right-ss--1 {
    right: 0.0555864369rem;
  }
  .right-ss--2 {
    right: 0.1111728738rem;
  }
  .right-ss--3 {
    right: 0.1667593107rem;
  }
  .right-ss--5 {
    right: 0.2779321845rem;
  }
  .right-ss--8 {
    right: 0.4446914953rem;
  }
  .right-ss--13 {
    right: 0.7226236798rem;
  }
  .right-ss--21 {
    right: 1.1673151751rem;
  }
  .right-ss--34 {
    right: 1.8899388549rem;
  }
  .right-ss--55 {
    right: 3.05725403rem;
  }
  .right-ss--89 {
    right: 4.9471928849rem;
  }
  .right-ss--144 {
    right: 8.004446915rem;
  }
  .right-ss--unset {
    right: unset;
  }
  .right-ss--initial {
    right: initial;
  }
  .right-ss--inherit {
    right: inherit;
  }
  .bottom-ss--0 {
    bottom: 0rem;
  }
  .bottom-ss--1 {
    bottom: 0.0555864369rem;
  }
  .bottom-ss--2 {
    bottom: 0.1111728738rem;
  }
  .bottom-ss--3 {
    bottom: 0.1667593107rem;
  }
  .bottom-ss--5 {
    bottom: 0.2779321845rem;
  }
  .bottom-ss--8 {
    bottom: 0.4446914953rem;
  }
  .bottom-ss--13 {
    bottom: 0.7226236798rem;
  }
  .bottom-ss--21 {
    bottom: 1.1673151751rem;
  }
  .bottom-ss--34 {
    bottom: 1.8899388549rem;
  }
  .bottom-ss--55 {
    bottom: 3.05725403rem;
  }
  .bottom-ss--89 {
    bottom: 4.9471928849rem;
  }
  .bottom-ss--144 {
    bottom: 8.004446915rem;
  }
  .bottom-ss--unset {
    bottom: unset;
  }
  .bottom-ss--initial {
    bottom: initial;
  }
  .bottom-ss--inherit {
    bottom: inherit;
  }
  .left-ss--0 {
    left: 0rem;
  }
  .left-ss--1 {
    left: 0.0555864369rem;
  }
  .left-ss--2 {
    left: 0.1111728738rem;
  }
  .left-ss--3 {
    left: 0.1667593107rem;
  }
  .left-ss--5 {
    left: 0.2779321845rem;
  }
  .left-ss--8 {
    left: 0.4446914953rem;
  }
  .left-ss--13 {
    left: 0.7226236798rem;
  }
  .left-ss--21 {
    left: 1.1673151751rem;
  }
  .left-ss--34 {
    left: 1.8899388549rem;
  }
  .left-ss--55 {
    left: 3.05725403rem;
  }
  .left-ss--89 {
    left: 4.9471928849rem;
  }
  .left-ss--144 {
    left: 8.004446915rem;
  }
  .left-ss--unset {
    left: unset;
  }
  .left-ss--initial {
    left: initial;
  }
  .left-ss--inherit {
    left: inherit;
  }
}
@media (max-width: 480px) {
  .top-xs--0 {
    top: 0rem;
  }
  .top-xs--1 {
    top: 0.0555864369rem;
  }
  .top-xs--2 {
    top: 0.1111728738rem;
  }
  .top-xs--3 {
    top: 0.1667593107rem;
  }
  .top-xs--5 {
    top: 0.2779321845rem;
  }
  .top-xs--8 {
    top: 0.4446914953rem;
  }
  .top-xs--13 {
    top: 0.7226236798rem;
  }
  .top-xs--21 {
    top: 1.1673151751rem;
  }
  .top-xs--34 {
    top: 1.8899388549rem;
  }
  .top-xs--55 {
    top: 3.05725403rem;
  }
  .top-xs--89 {
    top: 4.9471928849rem;
  }
  .top-xs--144 {
    top: 8.004446915rem;
  }
  .top-xs--unset {
    top: unset;
  }
  .top-xs--initial {
    top: initial;
  }
  .top-xs--inherit {
    top: inherit;
  }
  .right-xs--0 {
    right: 0rem;
  }
  .right-xs--1 {
    right: 0.0555864369rem;
  }
  .right-xs--2 {
    right: 0.1111728738rem;
  }
  .right-xs--3 {
    right: 0.1667593107rem;
  }
  .right-xs--5 {
    right: 0.2779321845rem;
  }
  .right-xs--8 {
    right: 0.4446914953rem;
  }
  .right-xs--13 {
    right: 0.7226236798rem;
  }
  .right-xs--21 {
    right: 1.1673151751rem;
  }
  .right-xs--34 {
    right: 1.8899388549rem;
  }
  .right-xs--55 {
    right: 3.05725403rem;
  }
  .right-xs--89 {
    right: 4.9471928849rem;
  }
  .right-xs--144 {
    right: 8.004446915rem;
  }
  .right-xs--unset {
    right: unset;
  }
  .right-xs--initial {
    right: initial;
  }
  .right-xs--inherit {
    right: inherit;
  }
  .bottom-xs--0 {
    bottom: 0rem;
  }
  .bottom-xs--1 {
    bottom: 0.0555864369rem;
  }
  .bottom-xs--2 {
    bottom: 0.1111728738rem;
  }
  .bottom-xs--3 {
    bottom: 0.1667593107rem;
  }
  .bottom-xs--5 {
    bottom: 0.2779321845rem;
  }
  .bottom-xs--8 {
    bottom: 0.4446914953rem;
  }
  .bottom-xs--13 {
    bottom: 0.7226236798rem;
  }
  .bottom-xs--21 {
    bottom: 1.1673151751rem;
  }
  .bottom-xs--34 {
    bottom: 1.8899388549rem;
  }
  .bottom-xs--55 {
    bottom: 3.05725403rem;
  }
  .bottom-xs--89 {
    bottom: 4.9471928849rem;
  }
  .bottom-xs--144 {
    bottom: 8.004446915rem;
  }
  .bottom-xs--unset {
    bottom: unset;
  }
  .bottom-xs--initial {
    bottom: initial;
  }
  .bottom-xs--inherit {
    bottom: inherit;
  }
  .left-xs--0 {
    left: 0rem;
  }
  .left-xs--1 {
    left: 0.0555864369rem;
  }
  .left-xs--2 {
    left: 0.1111728738rem;
  }
  .left-xs--3 {
    left: 0.1667593107rem;
  }
  .left-xs--5 {
    left: 0.2779321845rem;
  }
  .left-xs--8 {
    left: 0.4446914953rem;
  }
  .left-xs--13 {
    left: 0.7226236798rem;
  }
  .left-xs--21 {
    left: 1.1673151751rem;
  }
  .left-xs--34 {
    left: 1.8899388549rem;
  }
  .left-xs--55 {
    left: 3.05725403rem;
  }
  .left-xs--89 {
    left: 4.9471928849rem;
  }
  .left-xs--144 {
    left: 8.004446915rem;
  }
  .left-xs--unset {
    left: unset;
  }
  .left-xs--initial {
    left: initial;
  }
  .left-xs--inherit {
    left: inherit;
  }
}
@media (max-width: 576px) {
  .top-sm--0 {
    top: 0rem;
  }
  .top-sm--1 {
    top: 0.0555864369rem;
  }
  .top-sm--2 {
    top: 0.1111728738rem;
  }
  .top-sm--3 {
    top: 0.1667593107rem;
  }
  .top-sm--5 {
    top: 0.2779321845rem;
  }
  .top-sm--8 {
    top: 0.4446914953rem;
  }
  .top-sm--13 {
    top: 0.7226236798rem;
  }
  .top-sm--21 {
    top: 1.1673151751rem;
  }
  .top-sm--34 {
    top: 1.8899388549rem;
  }
  .top-sm--55 {
    top: 3.05725403rem;
  }
  .top-sm--89 {
    top: 4.9471928849rem;
  }
  .top-sm--144 {
    top: 8.004446915rem;
  }
  .top-sm--unset {
    top: unset;
  }
  .top-sm--initial {
    top: initial;
  }
  .top-sm--inherit {
    top: inherit;
  }
  .right-sm--0 {
    right: 0rem;
  }
  .right-sm--1 {
    right: 0.0555864369rem;
  }
  .right-sm--2 {
    right: 0.1111728738rem;
  }
  .right-sm--3 {
    right: 0.1667593107rem;
  }
  .right-sm--5 {
    right: 0.2779321845rem;
  }
  .right-sm--8 {
    right: 0.4446914953rem;
  }
  .right-sm--13 {
    right: 0.7226236798rem;
  }
  .right-sm--21 {
    right: 1.1673151751rem;
  }
  .right-sm--34 {
    right: 1.8899388549rem;
  }
  .right-sm--55 {
    right: 3.05725403rem;
  }
  .right-sm--89 {
    right: 4.9471928849rem;
  }
  .right-sm--144 {
    right: 8.004446915rem;
  }
  .right-sm--unset {
    right: unset;
  }
  .right-sm--initial {
    right: initial;
  }
  .right-sm--inherit {
    right: inherit;
  }
  .bottom-sm--0 {
    bottom: 0rem;
  }
  .bottom-sm--1 {
    bottom: 0.0555864369rem;
  }
  .bottom-sm--2 {
    bottom: 0.1111728738rem;
  }
  .bottom-sm--3 {
    bottom: 0.1667593107rem;
  }
  .bottom-sm--5 {
    bottom: 0.2779321845rem;
  }
  .bottom-sm--8 {
    bottom: 0.4446914953rem;
  }
  .bottom-sm--13 {
    bottom: 0.7226236798rem;
  }
  .bottom-sm--21 {
    bottom: 1.1673151751rem;
  }
  .bottom-sm--34 {
    bottom: 1.8899388549rem;
  }
  .bottom-sm--55 {
    bottom: 3.05725403rem;
  }
  .bottom-sm--89 {
    bottom: 4.9471928849rem;
  }
  .bottom-sm--144 {
    bottom: 8.004446915rem;
  }
  .bottom-sm--unset {
    bottom: unset;
  }
  .bottom-sm--initial {
    bottom: initial;
  }
  .bottom-sm--inherit {
    bottom: inherit;
  }
  .left-sm--0 {
    left: 0rem;
  }
  .left-sm--1 {
    left: 0.0555864369rem;
  }
  .left-sm--2 {
    left: 0.1111728738rem;
  }
  .left-sm--3 {
    left: 0.1667593107rem;
  }
  .left-sm--5 {
    left: 0.2779321845rem;
  }
  .left-sm--8 {
    left: 0.4446914953rem;
  }
  .left-sm--13 {
    left: 0.7226236798rem;
  }
  .left-sm--21 {
    left: 1.1673151751rem;
  }
  .left-sm--34 {
    left: 1.8899388549rem;
  }
  .left-sm--55 {
    left: 3.05725403rem;
  }
  .left-sm--89 {
    left: 4.9471928849rem;
  }
  .left-sm--144 {
    left: 8.004446915rem;
  }
  .left-sm--unset {
    left: unset;
  }
  .left-sm--initial {
    left: initial;
  }
  .left-sm--inherit {
    left: inherit;
  }
}
@media (max-width: 768px) {
  .top-md--0 {
    top: 0rem;
  }
  .top-md--1 {
    top: 0.0555864369rem;
  }
  .top-md--2 {
    top: 0.1111728738rem;
  }
  .top-md--3 {
    top: 0.1667593107rem;
  }
  .top-md--5 {
    top: 0.2779321845rem;
  }
  .top-md--8 {
    top: 0.4446914953rem;
  }
  .top-md--13 {
    top: 0.7226236798rem;
  }
  .top-md--21 {
    top: 1.1673151751rem;
  }
  .top-md--34 {
    top: 1.8899388549rem;
  }
  .top-md--55 {
    top: 3.05725403rem;
  }
  .top-md--89 {
    top: 4.9471928849rem;
  }
  .top-md--144 {
    top: 8.004446915rem;
  }
  .top-md--unset {
    top: unset;
  }
  .top-md--initial {
    top: initial;
  }
  .top-md--inherit {
    top: inherit;
  }
  .right-md--0 {
    right: 0rem;
  }
  .right-md--1 {
    right: 0.0555864369rem;
  }
  .right-md--2 {
    right: 0.1111728738rem;
  }
  .right-md--3 {
    right: 0.1667593107rem;
  }
  .right-md--5 {
    right: 0.2779321845rem;
  }
  .right-md--8 {
    right: 0.4446914953rem;
  }
  .right-md--13 {
    right: 0.7226236798rem;
  }
  .right-md--21 {
    right: 1.1673151751rem;
  }
  .right-md--34 {
    right: 1.8899388549rem;
  }
  .right-md--55 {
    right: 3.05725403rem;
  }
  .right-md--89 {
    right: 4.9471928849rem;
  }
  .right-md--144 {
    right: 8.004446915rem;
  }
  .right-md--unset {
    right: unset;
  }
  .right-md--initial {
    right: initial;
  }
  .right-md--inherit {
    right: inherit;
  }
  .bottom-md--0 {
    bottom: 0rem;
  }
  .bottom-md--1 {
    bottom: 0.0555864369rem;
  }
  .bottom-md--2 {
    bottom: 0.1111728738rem;
  }
  .bottom-md--3 {
    bottom: 0.1667593107rem;
  }
  .bottom-md--5 {
    bottom: 0.2779321845rem;
  }
  .bottom-md--8 {
    bottom: 0.4446914953rem;
  }
  .bottom-md--13 {
    bottom: 0.7226236798rem;
  }
  .bottom-md--21 {
    bottom: 1.1673151751rem;
  }
  .bottom-md--34 {
    bottom: 1.8899388549rem;
  }
  .bottom-md--55 {
    bottom: 3.05725403rem;
  }
  .bottom-md--89 {
    bottom: 4.9471928849rem;
  }
  .bottom-md--144 {
    bottom: 8.004446915rem;
  }
  .bottom-md--unset {
    bottom: unset;
  }
  .bottom-md--initial {
    bottom: initial;
  }
  .bottom-md--inherit {
    bottom: inherit;
  }
  .left-md--0 {
    left: 0rem;
  }
  .left-md--1 {
    left: 0.0555864369rem;
  }
  .left-md--2 {
    left: 0.1111728738rem;
  }
  .left-md--3 {
    left: 0.1667593107rem;
  }
  .left-md--5 {
    left: 0.2779321845rem;
  }
  .left-md--8 {
    left: 0.4446914953rem;
  }
  .left-md--13 {
    left: 0.7226236798rem;
  }
  .left-md--21 {
    left: 1.1673151751rem;
  }
  .left-md--34 {
    left: 1.8899388549rem;
  }
  .left-md--55 {
    left: 3.05725403rem;
  }
  .left-md--89 {
    left: 4.9471928849rem;
  }
  .left-md--144 {
    left: 8.004446915rem;
  }
  .left-md--unset {
    left: unset;
  }
  .left-md--initial {
    left: initial;
  }
  .left-md--inherit {
    left: inherit;
  }
}
@media (max-width: 992px) {
  .top-lg--0 {
    top: 0rem;
  }
  .top-lg--1 {
    top: 0.0555864369rem;
  }
  .top-lg--2 {
    top: 0.1111728738rem;
  }
  .top-lg--3 {
    top: 0.1667593107rem;
  }
  .top-lg--5 {
    top: 0.2779321845rem;
  }
  .top-lg--8 {
    top: 0.4446914953rem;
  }
  .top-lg--13 {
    top: 0.7226236798rem;
  }
  .top-lg--21 {
    top: 1.1673151751rem;
  }
  .top-lg--34 {
    top: 1.8899388549rem;
  }
  .top-lg--55 {
    top: 3.05725403rem;
  }
  .top-lg--89 {
    top: 4.9471928849rem;
  }
  .top-lg--144 {
    top: 8.004446915rem;
  }
  .top-lg--unset {
    top: unset;
  }
  .top-lg--initial {
    top: initial;
  }
  .top-lg--inherit {
    top: inherit;
  }
  .right-lg--0 {
    right: 0rem;
  }
  .right-lg--1 {
    right: 0.0555864369rem;
  }
  .right-lg--2 {
    right: 0.1111728738rem;
  }
  .right-lg--3 {
    right: 0.1667593107rem;
  }
  .right-lg--5 {
    right: 0.2779321845rem;
  }
  .right-lg--8 {
    right: 0.4446914953rem;
  }
  .right-lg--13 {
    right: 0.7226236798rem;
  }
  .right-lg--21 {
    right: 1.1673151751rem;
  }
  .right-lg--34 {
    right: 1.8899388549rem;
  }
  .right-lg--55 {
    right: 3.05725403rem;
  }
  .right-lg--89 {
    right: 4.9471928849rem;
  }
  .right-lg--144 {
    right: 8.004446915rem;
  }
  .right-lg--unset {
    right: unset;
  }
  .right-lg--initial {
    right: initial;
  }
  .right-lg--inherit {
    right: inherit;
  }
  .bottom-lg--0 {
    bottom: 0rem;
  }
  .bottom-lg--1 {
    bottom: 0.0555864369rem;
  }
  .bottom-lg--2 {
    bottom: 0.1111728738rem;
  }
  .bottom-lg--3 {
    bottom: 0.1667593107rem;
  }
  .bottom-lg--5 {
    bottom: 0.2779321845rem;
  }
  .bottom-lg--8 {
    bottom: 0.4446914953rem;
  }
  .bottom-lg--13 {
    bottom: 0.7226236798rem;
  }
  .bottom-lg--21 {
    bottom: 1.1673151751rem;
  }
  .bottom-lg--34 {
    bottom: 1.8899388549rem;
  }
  .bottom-lg--55 {
    bottom: 3.05725403rem;
  }
  .bottom-lg--89 {
    bottom: 4.9471928849rem;
  }
  .bottom-lg--144 {
    bottom: 8.004446915rem;
  }
  .bottom-lg--unset {
    bottom: unset;
  }
  .bottom-lg--initial {
    bottom: initial;
  }
  .bottom-lg--inherit {
    bottom: inherit;
  }
  .left-lg--0 {
    left: 0rem;
  }
  .left-lg--1 {
    left: 0.0555864369rem;
  }
  .left-lg--2 {
    left: 0.1111728738rem;
  }
  .left-lg--3 {
    left: 0.1667593107rem;
  }
  .left-lg--5 {
    left: 0.2779321845rem;
  }
  .left-lg--8 {
    left: 0.4446914953rem;
  }
  .left-lg--13 {
    left: 0.7226236798rem;
  }
  .left-lg--21 {
    left: 1.1673151751rem;
  }
  .left-lg--34 {
    left: 1.8899388549rem;
  }
  .left-lg--55 {
    left: 3.05725403rem;
  }
  .left-lg--89 {
    left: 4.9471928849rem;
  }
  .left-lg--144 {
    left: 8.004446915rem;
  }
  .left-lg--unset {
    left: unset;
  }
  .left-lg--initial {
    left: initial;
  }
  .left-lg--inherit {
    left: inherit;
  }
}
@media (max-width: 1200px) {
  .top-ll--0 {
    top: 0rem;
  }
  .top-ll--1 {
    top: 0.0555864369rem;
  }
  .top-ll--2 {
    top: 0.1111728738rem;
  }
  .top-ll--3 {
    top: 0.1667593107rem;
  }
  .top-ll--5 {
    top: 0.2779321845rem;
  }
  .top-ll--8 {
    top: 0.4446914953rem;
  }
  .top-ll--13 {
    top: 0.7226236798rem;
  }
  .top-ll--21 {
    top: 1.1673151751rem;
  }
  .top-ll--34 {
    top: 1.8899388549rem;
  }
  .top-ll--55 {
    top: 3.05725403rem;
  }
  .top-ll--89 {
    top: 4.9471928849rem;
  }
  .top-ll--144 {
    top: 8.004446915rem;
  }
  .top-ll--unset {
    top: unset;
  }
  .top-ll--initial {
    top: initial;
  }
  .top-ll--inherit {
    top: inherit;
  }
  .right-ll--0 {
    right: 0rem;
  }
  .right-ll--1 {
    right: 0.0555864369rem;
  }
  .right-ll--2 {
    right: 0.1111728738rem;
  }
  .right-ll--3 {
    right: 0.1667593107rem;
  }
  .right-ll--5 {
    right: 0.2779321845rem;
  }
  .right-ll--8 {
    right: 0.4446914953rem;
  }
  .right-ll--13 {
    right: 0.7226236798rem;
  }
  .right-ll--21 {
    right: 1.1673151751rem;
  }
  .right-ll--34 {
    right: 1.8899388549rem;
  }
  .right-ll--55 {
    right: 3.05725403rem;
  }
  .right-ll--89 {
    right: 4.9471928849rem;
  }
  .right-ll--144 {
    right: 8.004446915rem;
  }
  .right-ll--unset {
    right: unset;
  }
  .right-ll--initial {
    right: initial;
  }
  .right-ll--inherit {
    right: inherit;
  }
  .bottom-ll--0 {
    bottom: 0rem;
  }
  .bottom-ll--1 {
    bottom: 0.0555864369rem;
  }
  .bottom-ll--2 {
    bottom: 0.1111728738rem;
  }
  .bottom-ll--3 {
    bottom: 0.1667593107rem;
  }
  .bottom-ll--5 {
    bottom: 0.2779321845rem;
  }
  .bottom-ll--8 {
    bottom: 0.4446914953rem;
  }
  .bottom-ll--13 {
    bottom: 0.7226236798rem;
  }
  .bottom-ll--21 {
    bottom: 1.1673151751rem;
  }
  .bottom-ll--34 {
    bottom: 1.8899388549rem;
  }
  .bottom-ll--55 {
    bottom: 3.05725403rem;
  }
  .bottom-ll--89 {
    bottom: 4.9471928849rem;
  }
  .bottom-ll--144 {
    bottom: 8.004446915rem;
  }
  .bottom-ll--unset {
    bottom: unset;
  }
  .bottom-ll--initial {
    bottom: initial;
  }
  .bottom-ll--inherit {
    bottom: inherit;
  }
  .left-ll--0 {
    left: 0rem;
  }
  .left-ll--1 {
    left: 0.0555864369rem;
  }
  .left-ll--2 {
    left: 0.1111728738rem;
  }
  .left-ll--3 {
    left: 0.1667593107rem;
  }
  .left-ll--5 {
    left: 0.2779321845rem;
  }
  .left-ll--8 {
    left: 0.4446914953rem;
  }
  .left-ll--13 {
    left: 0.7226236798rem;
  }
  .left-ll--21 {
    left: 1.1673151751rem;
  }
  .left-ll--34 {
    left: 1.8899388549rem;
  }
  .left-ll--55 {
    left: 3.05725403rem;
  }
  .left-ll--89 {
    left: 4.9471928849rem;
  }
  .left-ll--144 {
    left: 8.004446915rem;
  }
  .left-ll--unset {
    left: unset;
  }
  .left-ll--initial {
    left: initial;
  }
  .left-ll--inherit {
    left: inherit;
  }
}
@media (max-width: 1600px) {
  .top-xl--0 {
    top: 0rem;
  }
  .top-xl--1 {
    top: 0.0555864369rem;
  }
  .top-xl--2 {
    top: 0.1111728738rem;
  }
  .top-xl--3 {
    top: 0.1667593107rem;
  }
  .top-xl--5 {
    top: 0.2779321845rem;
  }
  .top-xl--8 {
    top: 0.4446914953rem;
  }
  .top-xl--13 {
    top: 0.7226236798rem;
  }
  .top-xl--21 {
    top: 1.1673151751rem;
  }
  .top-xl--34 {
    top: 1.8899388549rem;
  }
  .top-xl--55 {
    top: 3.05725403rem;
  }
  .top-xl--89 {
    top: 4.9471928849rem;
  }
  .top-xl--144 {
    top: 8.004446915rem;
  }
  .top-xl--unset {
    top: unset;
  }
  .top-xl--initial {
    top: initial;
  }
  .top-xl--inherit {
    top: inherit;
  }
  .right-xl--0 {
    right: 0rem;
  }
  .right-xl--1 {
    right: 0.0555864369rem;
  }
  .right-xl--2 {
    right: 0.1111728738rem;
  }
  .right-xl--3 {
    right: 0.1667593107rem;
  }
  .right-xl--5 {
    right: 0.2779321845rem;
  }
  .right-xl--8 {
    right: 0.4446914953rem;
  }
  .right-xl--13 {
    right: 0.7226236798rem;
  }
  .right-xl--21 {
    right: 1.1673151751rem;
  }
  .right-xl--34 {
    right: 1.8899388549rem;
  }
  .right-xl--55 {
    right: 3.05725403rem;
  }
  .right-xl--89 {
    right: 4.9471928849rem;
  }
  .right-xl--144 {
    right: 8.004446915rem;
  }
  .right-xl--unset {
    right: unset;
  }
  .right-xl--initial {
    right: initial;
  }
  .right-xl--inherit {
    right: inherit;
  }
  .bottom-xl--0 {
    bottom: 0rem;
  }
  .bottom-xl--1 {
    bottom: 0.0555864369rem;
  }
  .bottom-xl--2 {
    bottom: 0.1111728738rem;
  }
  .bottom-xl--3 {
    bottom: 0.1667593107rem;
  }
  .bottom-xl--5 {
    bottom: 0.2779321845rem;
  }
  .bottom-xl--8 {
    bottom: 0.4446914953rem;
  }
  .bottom-xl--13 {
    bottom: 0.7226236798rem;
  }
  .bottom-xl--21 {
    bottom: 1.1673151751rem;
  }
  .bottom-xl--34 {
    bottom: 1.8899388549rem;
  }
  .bottom-xl--55 {
    bottom: 3.05725403rem;
  }
  .bottom-xl--89 {
    bottom: 4.9471928849rem;
  }
  .bottom-xl--144 {
    bottom: 8.004446915rem;
  }
  .bottom-xl--unset {
    bottom: unset;
  }
  .bottom-xl--initial {
    bottom: initial;
  }
  .bottom-xl--inherit {
    bottom: inherit;
  }
  .left-xl--0 {
    left: 0rem;
  }
  .left-xl--1 {
    left: 0.0555864369rem;
  }
  .left-xl--2 {
    left: 0.1111728738rem;
  }
  .left-xl--3 {
    left: 0.1667593107rem;
  }
  .left-xl--5 {
    left: 0.2779321845rem;
  }
  .left-xl--8 {
    left: 0.4446914953rem;
  }
  .left-xl--13 {
    left: 0.7226236798rem;
  }
  .left-xl--21 {
    left: 1.1673151751rem;
  }
  .left-xl--34 {
    left: 1.8899388549rem;
  }
  .left-xl--55 {
    left: 3.05725403rem;
  }
  .left-xl--89 {
    left: 4.9471928849rem;
  }
  .left-xl--144 {
    left: 8.004446915rem;
  }
  .left-xl--unset {
    left: unset;
  }
  .left-xl--initial {
    left: initial;
  }
  .left-xl--inherit {
    left: inherit;
  }
}
@media (max-width: 1920px) {
  .top-xx--0 {
    top: 0rem;
  }
  .top-xx--1 {
    top: 0.0555864369rem;
  }
  .top-xx--2 {
    top: 0.1111728738rem;
  }
  .top-xx--3 {
    top: 0.1667593107rem;
  }
  .top-xx--5 {
    top: 0.2779321845rem;
  }
  .top-xx--8 {
    top: 0.4446914953rem;
  }
  .top-xx--13 {
    top: 0.7226236798rem;
  }
  .top-xx--21 {
    top: 1.1673151751rem;
  }
  .top-xx--34 {
    top: 1.8899388549rem;
  }
  .top-xx--55 {
    top: 3.05725403rem;
  }
  .top-xx--89 {
    top: 4.9471928849rem;
  }
  .top-xx--144 {
    top: 8.004446915rem;
  }
  .top-xx--unset {
    top: unset;
  }
  .top-xx--initial {
    top: initial;
  }
  .top-xx--inherit {
    top: inherit;
  }
  .right-xx--0 {
    right: 0rem;
  }
  .right-xx--1 {
    right: 0.0555864369rem;
  }
  .right-xx--2 {
    right: 0.1111728738rem;
  }
  .right-xx--3 {
    right: 0.1667593107rem;
  }
  .right-xx--5 {
    right: 0.2779321845rem;
  }
  .right-xx--8 {
    right: 0.4446914953rem;
  }
  .right-xx--13 {
    right: 0.7226236798rem;
  }
  .right-xx--21 {
    right: 1.1673151751rem;
  }
  .right-xx--34 {
    right: 1.8899388549rem;
  }
  .right-xx--55 {
    right: 3.05725403rem;
  }
  .right-xx--89 {
    right: 4.9471928849rem;
  }
  .right-xx--144 {
    right: 8.004446915rem;
  }
  .right-xx--unset {
    right: unset;
  }
  .right-xx--initial {
    right: initial;
  }
  .right-xx--inherit {
    right: inherit;
  }
  .bottom-xx--0 {
    bottom: 0rem;
  }
  .bottom-xx--1 {
    bottom: 0.0555864369rem;
  }
  .bottom-xx--2 {
    bottom: 0.1111728738rem;
  }
  .bottom-xx--3 {
    bottom: 0.1667593107rem;
  }
  .bottom-xx--5 {
    bottom: 0.2779321845rem;
  }
  .bottom-xx--8 {
    bottom: 0.4446914953rem;
  }
  .bottom-xx--13 {
    bottom: 0.7226236798rem;
  }
  .bottom-xx--21 {
    bottom: 1.1673151751rem;
  }
  .bottom-xx--34 {
    bottom: 1.8899388549rem;
  }
  .bottom-xx--55 {
    bottom: 3.05725403rem;
  }
  .bottom-xx--89 {
    bottom: 4.9471928849rem;
  }
  .bottom-xx--144 {
    bottom: 8.004446915rem;
  }
  .bottom-xx--unset {
    bottom: unset;
  }
  .bottom-xx--initial {
    bottom: initial;
  }
  .bottom-xx--inherit {
    bottom: inherit;
  }
  .left-xx--0 {
    left: 0rem;
  }
  .left-xx--1 {
    left: 0.0555864369rem;
  }
  .left-xx--2 {
    left: 0.1111728738rem;
  }
  .left-xx--3 {
    left: 0.1667593107rem;
  }
  .left-xx--5 {
    left: 0.2779321845rem;
  }
  .left-xx--8 {
    left: 0.4446914953rem;
  }
  .left-xx--13 {
    left: 0.7226236798rem;
  }
  .left-xx--21 {
    left: 1.1673151751rem;
  }
  .left-xx--34 {
    left: 1.8899388549rem;
  }
  .left-xx--55 {
    left: 3.05725403rem;
  }
  .left-xx--89 {
    left: 4.9471928849rem;
  }
  .left-xx--144 {
    left: 8.004446915rem;
  }
  .left-xx--unset {
    left: unset;
  }
  .left-xx--initial {
    left: initial;
  }
  .left-xx--inherit {
    left: inherit;
  }
}
.bg--center {
  background-position: center;
}

.bg--top {
  background-position: top;
}

.bg--left {
  background-position: left;
}

.bg--right {
  background-position: right;
}

.bg--bottom {
  background-position: bottom;
}

.bg--top-left {
  background-position: top left;
}

.bg--top-right {
  background-position: top right;
}

.bg--bottom-left {
  background-position: bottom left;
}

.bg--bottom-right {
  background-position: bottom right;
}

.bg--center-right {
  background-position: center right;
}

.bg--center-left {
  background-position: center left;
}

.bg--unset {
  background-attachment: unset;
}

.bg--fixed {
  background-attachment: fixed;
}

.bg--static {
  background-attachment: static;
}

.bg--sticky {
  background-attachment: sticky;
}

.bg--inherit {
  background-attachment: inherit;
}

.bg--initial {
  background-attachment: initial;
}

.bg--absolute {
  background-attachment: absolute;
}

.bg--relative {
  background-attachment: relative;
}

.bg--full {
  background-size: 100%;
}

.bg--auto {
  background-size: auto;
}

.bg--unset {
  background-size: unset;
}

.bg--cover {
  background-size: cover;
}

.bg--contain {
  background-size: contain;
}

.bg--inherit {
  background-size: inherit;
}

.bg--initial {
  background-size: initial;
}

.bg--repeat {
  background-repeat: repeat;
}

.bg--repeat-x {
  background-repeat: repeat-x;
}

.bg--repeat-y {
  background-repeat: repeat-y;
}

.bg--no-repeat {
  background-repeat: no-repeat;
}

.bg-blend--normal {
  mix-blend-mode: normal;
}

.bg-blend--multiply {
  mix-blend-mode: multiply;
}

.bg-blend--screen {
  mix-blend-mode: screen;
}

.bg-blend--overlay {
  mix-blend-mode: overlay;
}

.bg-blend--darken {
  mix-blend-mode: darken;
}

.bg-blend--lighten {
  mix-blend-mode: lighten;
}

.bg-blend--color-dodge {
  mix-blend-mode: color-dodge;
}

.bg-blend--color-burn {
  mix-blend-mode: color-burn;
}

.bg-blend--hard-light {
  mix-blend-mode: hard-light;
}

.bg-blend--soft-light {
  mix-blend-mode: soft-light;
}

.bg-blend--difference {
  mix-blend-mode: difference;
}

.bg-blend--exclusion {
  mix-blend-mode: exclusion;
}

.bg-blend--hue {
  mix-blend-mode: hue;
}

.bg-blend--saturation {
  mix-blend-mode: saturation;
}

.bg-blend--color {
  mix-blend-mode: color;
}

.bg-blend--luminosity {
  mix-blend-mode: luminosity;
}

.bg-blend--inherit {
  mix-blend-mode: inherit;
}

.bg-blend--initial {
  mix-blend-mode: initial;
}

.bg-blend--revert {
  mix-blend-mode: revert;
}

.bg-blend--revert-layer {
  mix-blend-mode: revert-layer;
}

.bg-blend--unset {
  mix-blend-mode: unset;
}

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

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

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

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

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

.align-self--inherit {
  align-self: inherit;
}

.align-self--initial {
  align-self: initial;
}

.align-content--baseline {
  align-content: baseline;
}

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

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

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

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

.align-content--inherit {
  align-content: inherit;
}

.align-content--initial {
  align-content: initial;
}

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

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

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

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

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

.align-items--inherit {
  align-items: inherit;
}

.align-items--initial {
  align-items: initial;
}

.justify-self--auto {
  justify-self: auto;
}

.justify-self--baseline {
  justify-self: baseline;
}

.justify-self--legacy {
  justify-self: legacy;
}

.justify-self--space-between {
  justify-self: space-between;
}

.justify-self--space-around end {
  justify-self: space-around end;
}

.justify-self--start {
  justify-self: start;
}

.justify-self--self-start {
  justify-self: self-start;
}

.justify-self--right {
  justify-self: right;
}

.justify-self--left {
  justify-self: left;
}

.justify-self--center {
  justify-self: center;
}

.justify-self--flex-end {
  justify-self: flex-end;
}

.justify-self--flex-start {
  justify-self: flex-start;
}

.justify-self--stretch {
  justify-self: stretch;
}

.justify-self--inherit {
  justify-self: inherit;
}

.justify-self--initial {
  justify-self: initial;
}

.justify-content--auto {
  justify-content: auto;
}

.justify-content--baseline {
  justify-content: baseline;
}

.justify-content--legacy {
  justify-content: legacy;
}

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

.justify-content--space-around end {
  justify-content: space-around end;
}

.justify-content--start {
  justify-content: start;
}

.justify-content--self-start {
  justify-content: self-start;
}

.justify-content--right {
  justify-content: right;
}

.justify-content--left {
  justify-content: left;
}

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

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

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

.justify-content--stretch {
  justify-content: stretch;
}

.justify-content--inherit {
  justify-content: inherit;
}

.justify-content--initial {
  justify-content: initial;
}

.justify-items--auto {
  justify-items: auto;
}

.justify-items--baseline {
  justify-items: baseline;
}

.justify-items--legacy {
  justify-items: legacy;
}

.justify-items--space-between {
  justify-items: space-between;
}

.justify-items--space-around end {
  justify-items: space-around end;
}

.justify-items--start {
  justify-items: start;
}

.justify-items--self-start {
  justify-items: self-start;
}

.justify-items--right {
  justify-items: right;
}

.justify-items--left {
  justify-items: left;
}

.justify-items--center {
  justify-items: center;
}

.justify-items--flex-end {
  justify-items: flex-end;
}

.justify-items--flex-start {
  justify-items: flex-start;
}

.justify-items--stretch {
  justify-items: stretch;
}

.justify-items--inherit {
  justify-items: inherit;
}

.justify-items--initial {
  justify-items: initial;
}

@media (max-width: 332px) {
  .justify-self-ss--auto {
    justify-self: auto;
  }
  .justify-self-ss--baseline {
    justify-self: baseline;
  }
  .justify-self-ss--legacy {
    justify-self: legacy;
  }
  .justify-self-ss--space-between {
    justify-self: space-between;
  }
  .justify-self-ss--space-around end {
    justify-self: space-around end;
  }
  .justify-self-ss--start {
    justify-self: start;
  }
  .justify-self-ss--self-start {
    justify-self: self-start;
  }
  .justify-self-ss--right {
    justify-self: right;
  }
  .justify-self-ss--left {
    justify-self: left;
  }
  .justify-self-ss--center {
    justify-self: center;
  }
  .justify-self-ss--flex-end {
    justify-self: flex-end;
  }
  .justify-self-ss--flex-start {
    justify-self: flex-start;
  }
  .justify-self-ss--stretch {
    justify-self: stretch;
  }
  .justify-self-ss--inherit {
    justify-self: inherit;
  }
  .justify-self-ss--initial {
    justify-self: initial;
  }
  .justify-content-ss--auto {
    justify-content: auto;
  }
  .justify-content-ss--baseline {
    justify-content: baseline;
  }
  .justify-content-ss--legacy {
    justify-content: legacy;
  }
  .justify-content-ss--space-between {
    justify-content: space-between;
  }
  .justify-content-ss--space-around end {
    justify-content: space-around end;
  }
  .justify-content-ss--start {
    justify-content: start;
  }
  .justify-content-ss--self-start {
    justify-content: self-start;
  }
  .justify-content-ss--right {
    justify-content: right;
  }
  .justify-content-ss--left {
    justify-content: left;
  }
  .justify-content-ss--center {
    justify-content: center;
  }
  .justify-content-ss--flex-end {
    justify-content: flex-end;
  }
  .justify-content-ss--flex-start {
    justify-content: flex-start;
  }
  .justify-content-ss--stretch {
    justify-content: stretch;
  }
  .justify-content-ss--inherit {
    justify-content: inherit;
  }
  .justify-content-ss--initial {
    justify-content: initial;
  }
  .justify-items-ss--auto {
    justify-items: auto;
  }
  .justify-items-ss--baseline {
    justify-items: baseline;
  }
  .justify-items-ss--legacy {
    justify-items: legacy;
  }
  .justify-items-ss--space-between {
    justify-items: space-between;
  }
  .justify-items-ss--space-around end {
    justify-items: space-around end;
  }
  .justify-items-ss--start {
    justify-items: start;
  }
  .justify-items-ss--self-start {
    justify-items: self-start;
  }
  .justify-items-ss--right {
    justify-items: right;
  }
  .justify-items-ss--left {
    justify-items: left;
  }
  .justify-items-ss--center {
    justify-items: center;
  }
  .justify-items-ss--flex-end {
    justify-items: flex-end;
  }
  .justify-items-ss--flex-start {
    justify-items: flex-start;
  }
  .justify-items-ss--stretch {
    justify-items: stretch;
  }
  .justify-items-ss--inherit {
    justify-items: inherit;
  }
  .justify-items-ss--initial {
    justify-items: initial;
  }
}
@media (max-width: 480px) {
  .justify-self-xs--auto {
    justify-self: auto;
  }
  .justify-self-xs--baseline {
    justify-self: baseline;
  }
  .justify-self-xs--legacy {
    justify-self: legacy;
  }
  .justify-self-xs--space-between {
    justify-self: space-between;
  }
  .justify-self-xs--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xs--start {
    justify-self: start;
  }
  .justify-self-xs--self-start {
    justify-self: self-start;
  }
  .justify-self-xs--right {
    justify-self: right;
  }
  .justify-self-xs--left {
    justify-self: left;
  }
  .justify-self-xs--center {
    justify-self: center;
  }
  .justify-self-xs--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xs--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xs--stretch {
    justify-self: stretch;
  }
  .justify-self-xs--inherit {
    justify-self: inherit;
  }
  .justify-self-xs--initial {
    justify-self: initial;
  }
  .justify-content-xs--auto {
    justify-content: auto;
  }
  .justify-content-xs--baseline {
    justify-content: baseline;
  }
  .justify-content-xs--legacy {
    justify-content: legacy;
  }
  .justify-content-xs--space-between {
    justify-content: space-between;
  }
  .justify-content-xs--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xs--start {
    justify-content: start;
  }
  .justify-content-xs--self-start {
    justify-content: self-start;
  }
  .justify-content-xs--right {
    justify-content: right;
  }
  .justify-content-xs--left {
    justify-content: left;
  }
  .justify-content-xs--center {
    justify-content: center;
  }
  .justify-content-xs--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xs--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xs--stretch {
    justify-content: stretch;
  }
  .justify-content-xs--inherit {
    justify-content: inherit;
  }
  .justify-content-xs--initial {
    justify-content: initial;
  }
  .justify-items-xs--auto {
    justify-items: auto;
  }
  .justify-items-xs--baseline {
    justify-items: baseline;
  }
  .justify-items-xs--legacy {
    justify-items: legacy;
  }
  .justify-items-xs--space-between {
    justify-items: space-between;
  }
  .justify-items-xs--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xs--start {
    justify-items: start;
  }
  .justify-items-xs--self-start {
    justify-items: self-start;
  }
  .justify-items-xs--right {
    justify-items: right;
  }
  .justify-items-xs--left {
    justify-items: left;
  }
  .justify-items-xs--center {
    justify-items: center;
  }
  .justify-items-xs--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xs--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xs--stretch {
    justify-items: stretch;
  }
  .justify-items-xs--inherit {
    justify-items: inherit;
  }
  .justify-items-xs--initial {
    justify-items: initial;
  }
}
@media (max-width: 576px) {
  .justify-self-sm--auto {
    justify-self: auto;
  }
  .justify-self-sm--baseline {
    justify-self: baseline;
  }
  .justify-self-sm--legacy {
    justify-self: legacy;
  }
  .justify-self-sm--space-between {
    justify-self: space-between;
  }
  .justify-self-sm--space-around end {
    justify-self: space-around end;
  }
  .justify-self-sm--start {
    justify-self: start;
  }
  .justify-self-sm--self-start {
    justify-self: self-start;
  }
  .justify-self-sm--right {
    justify-self: right;
  }
  .justify-self-sm--left {
    justify-self: left;
  }
  .justify-self-sm--center {
    justify-self: center;
  }
  .justify-self-sm--flex-end {
    justify-self: flex-end;
  }
  .justify-self-sm--flex-start {
    justify-self: flex-start;
  }
  .justify-self-sm--stretch {
    justify-self: stretch;
  }
  .justify-self-sm--inherit {
    justify-self: inherit;
  }
  .justify-self-sm--initial {
    justify-self: initial;
  }
  .justify-content-sm--auto {
    justify-content: auto;
  }
  .justify-content-sm--baseline {
    justify-content: baseline;
  }
  .justify-content-sm--legacy {
    justify-content: legacy;
  }
  .justify-content-sm--space-between {
    justify-content: space-between;
  }
  .justify-content-sm--space-around end {
    justify-content: space-around end;
  }
  .justify-content-sm--start {
    justify-content: start;
  }
  .justify-content-sm--self-start {
    justify-content: self-start;
  }
  .justify-content-sm--right {
    justify-content: right;
  }
  .justify-content-sm--left {
    justify-content: left;
  }
  .justify-content-sm--center {
    justify-content: center;
  }
  .justify-content-sm--flex-end {
    justify-content: flex-end;
  }
  .justify-content-sm--flex-start {
    justify-content: flex-start;
  }
  .justify-content-sm--stretch {
    justify-content: stretch;
  }
  .justify-content-sm--inherit {
    justify-content: inherit;
  }
  .justify-content-sm--initial {
    justify-content: initial;
  }
  .justify-items-sm--auto {
    justify-items: auto;
  }
  .justify-items-sm--baseline {
    justify-items: baseline;
  }
  .justify-items-sm--legacy {
    justify-items: legacy;
  }
  .justify-items-sm--space-between {
    justify-items: space-between;
  }
  .justify-items-sm--space-around end {
    justify-items: space-around end;
  }
  .justify-items-sm--start {
    justify-items: start;
  }
  .justify-items-sm--self-start {
    justify-items: self-start;
  }
  .justify-items-sm--right {
    justify-items: right;
  }
  .justify-items-sm--left {
    justify-items: left;
  }
  .justify-items-sm--center {
    justify-items: center;
  }
  .justify-items-sm--flex-end {
    justify-items: flex-end;
  }
  .justify-items-sm--flex-start {
    justify-items: flex-start;
  }
  .justify-items-sm--stretch {
    justify-items: stretch;
  }
  .justify-items-sm--inherit {
    justify-items: inherit;
  }
  .justify-items-sm--initial {
    justify-items: initial;
  }
}
@media (max-width: 768px) {
  .justify-self-md--auto {
    justify-self: auto;
  }
  .justify-self-md--baseline {
    justify-self: baseline;
  }
  .justify-self-md--legacy {
    justify-self: legacy;
  }
  .justify-self-md--space-between {
    justify-self: space-between;
  }
  .justify-self-md--space-around end {
    justify-self: space-around end;
  }
  .justify-self-md--start {
    justify-self: start;
  }
  .justify-self-md--self-start {
    justify-self: self-start;
  }
  .justify-self-md--right {
    justify-self: right;
  }
  .justify-self-md--left {
    justify-self: left;
  }
  .justify-self-md--center {
    justify-self: center;
  }
  .justify-self-md--flex-end {
    justify-self: flex-end;
  }
  .justify-self-md--flex-start {
    justify-self: flex-start;
  }
  .justify-self-md--stretch {
    justify-self: stretch;
  }
  .justify-self-md--inherit {
    justify-self: inherit;
  }
  .justify-self-md--initial {
    justify-self: initial;
  }
  .justify-content-md--auto {
    justify-content: auto;
  }
  .justify-content-md--baseline {
    justify-content: baseline;
  }
  .justify-content-md--legacy {
    justify-content: legacy;
  }
  .justify-content-md--space-between {
    justify-content: space-between;
  }
  .justify-content-md--space-around end {
    justify-content: space-around end;
  }
  .justify-content-md--start {
    justify-content: start;
  }
  .justify-content-md--self-start {
    justify-content: self-start;
  }
  .justify-content-md--right {
    justify-content: right;
  }
  .justify-content-md--left {
    justify-content: left;
  }
  .justify-content-md--center {
    justify-content: center;
  }
  .justify-content-md--flex-end {
    justify-content: flex-end;
  }
  .justify-content-md--flex-start {
    justify-content: flex-start;
  }
  .justify-content-md--stretch {
    justify-content: stretch;
  }
  .justify-content-md--inherit {
    justify-content: inherit;
  }
  .justify-content-md--initial {
    justify-content: initial;
  }
  .justify-items-md--auto {
    justify-items: auto;
  }
  .justify-items-md--baseline {
    justify-items: baseline;
  }
  .justify-items-md--legacy {
    justify-items: legacy;
  }
  .justify-items-md--space-between {
    justify-items: space-between;
  }
  .justify-items-md--space-around end {
    justify-items: space-around end;
  }
  .justify-items-md--start {
    justify-items: start;
  }
  .justify-items-md--self-start {
    justify-items: self-start;
  }
  .justify-items-md--right {
    justify-items: right;
  }
  .justify-items-md--left {
    justify-items: left;
  }
  .justify-items-md--center {
    justify-items: center;
  }
  .justify-items-md--flex-end {
    justify-items: flex-end;
  }
  .justify-items-md--flex-start {
    justify-items: flex-start;
  }
  .justify-items-md--stretch {
    justify-items: stretch;
  }
  .justify-items-md--inherit {
    justify-items: inherit;
  }
  .justify-items-md--initial {
    justify-items: initial;
  }
}
@media (max-width: 992px) {
  .justify-self-lg--auto {
    justify-self: auto;
  }
  .justify-self-lg--baseline {
    justify-self: baseline;
  }
  .justify-self-lg--legacy {
    justify-self: legacy;
  }
  .justify-self-lg--space-between {
    justify-self: space-between;
  }
  .justify-self-lg--space-around end {
    justify-self: space-around end;
  }
  .justify-self-lg--start {
    justify-self: start;
  }
  .justify-self-lg--self-start {
    justify-self: self-start;
  }
  .justify-self-lg--right {
    justify-self: right;
  }
  .justify-self-lg--left {
    justify-self: left;
  }
  .justify-self-lg--center {
    justify-self: center;
  }
  .justify-self-lg--flex-end {
    justify-self: flex-end;
  }
  .justify-self-lg--flex-start {
    justify-self: flex-start;
  }
  .justify-self-lg--stretch {
    justify-self: stretch;
  }
  .justify-self-lg--inherit {
    justify-self: inherit;
  }
  .justify-self-lg--initial {
    justify-self: initial;
  }
  .justify-content-lg--auto {
    justify-content: auto;
  }
  .justify-content-lg--baseline {
    justify-content: baseline;
  }
  .justify-content-lg--legacy {
    justify-content: legacy;
  }
  .justify-content-lg--space-between {
    justify-content: space-between;
  }
  .justify-content-lg--space-around end {
    justify-content: space-around end;
  }
  .justify-content-lg--start {
    justify-content: start;
  }
  .justify-content-lg--self-start {
    justify-content: self-start;
  }
  .justify-content-lg--right {
    justify-content: right;
  }
  .justify-content-lg--left {
    justify-content: left;
  }
  .justify-content-lg--center {
    justify-content: center;
  }
  .justify-content-lg--flex-end {
    justify-content: flex-end;
  }
  .justify-content-lg--flex-start {
    justify-content: flex-start;
  }
  .justify-content-lg--stretch {
    justify-content: stretch;
  }
  .justify-content-lg--inherit {
    justify-content: inherit;
  }
  .justify-content-lg--initial {
    justify-content: initial;
  }
  .justify-items-lg--auto {
    justify-items: auto;
  }
  .justify-items-lg--baseline {
    justify-items: baseline;
  }
  .justify-items-lg--legacy {
    justify-items: legacy;
  }
  .justify-items-lg--space-between {
    justify-items: space-between;
  }
  .justify-items-lg--space-around end {
    justify-items: space-around end;
  }
  .justify-items-lg--start {
    justify-items: start;
  }
  .justify-items-lg--self-start {
    justify-items: self-start;
  }
  .justify-items-lg--right {
    justify-items: right;
  }
  .justify-items-lg--left {
    justify-items: left;
  }
  .justify-items-lg--center {
    justify-items: center;
  }
  .justify-items-lg--flex-end {
    justify-items: flex-end;
  }
  .justify-items-lg--flex-start {
    justify-items: flex-start;
  }
  .justify-items-lg--stretch {
    justify-items: stretch;
  }
  .justify-items-lg--inherit {
    justify-items: inherit;
  }
  .justify-items-lg--initial {
    justify-items: initial;
  }
}
@media (max-width: 1200px) {
  .justify-self-ll--auto {
    justify-self: auto;
  }
  .justify-self-ll--baseline {
    justify-self: baseline;
  }
  .justify-self-ll--legacy {
    justify-self: legacy;
  }
  .justify-self-ll--space-between {
    justify-self: space-between;
  }
  .justify-self-ll--space-around end {
    justify-self: space-around end;
  }
  .justify-self-ll--start {
    justify-self: start;
  }
  .justify-self-ll--self-start {
    justify-self: self-start;
  }
  .justify-self-ll--right {
    justify-self: right;
  }
  .justify-self-ll--left {
    justify-self: left;
  }
  .justify-self-ll--center {
    justify-self: center;
  }
  .justify-self-ll--flex-end {
    justify-self: flex-end;
  }
  .justify-self-ll--flex-start {
    justify-self: flex-start;
  }
  .justify-self-ll--stretch {
    justify-self: stretch;
  }
  .justify-self-ll--inherit {
    justify-self: inherit;
  }
  .justify-self-ll--initial {
    justify-self: initial;
  }
  .justify-content-ll--auto {
    justify-content: auto;
  }
  .justify-content-ll--baseline {
    justify-content: baseline;
  }
  .justify-content-ll--legacy {
    justify-content: legacy;
  }
  .justify-content-ll--space-between {
    justify-content: space-between;
  }
  .justify-content-ll--space-around end {
    justify-content: space-around end;
  }
  .justify-content-ll--start {
    justify-content: start;
  }
  .justify-content-ll--self-start {
    justify-content: self-start;
  }
  .justify-content-ll--right {
    justify-content: right;
  }
  .justify-content-ll--left {
    justify-content: left;
  }
  .justify-content-ll--center {
    justify-content: center;
  }
  .justify-content-ll--flex-end {
    justify-content: flex-end;
  }
  .justify-content-ll--flex-start {
    justify-content: flex-start;
  }
  .justify-content-ll--stretch {
    justify-content: stretch;
  }
  .justify-content-ll--inherit {
    justify-content: inherit;
  }
  .justify-content-ll--initial {
    justify-content: initial;
  }
  .justify-items-ll--auto {
    justify-items: auto;
  }
  .justify-items-ll--baseline {
    justify-items: baseline;
  }
  .justify-items-ll--legacy {
    justify-items: legacy;
  }
  .justify-items-ll--space-between {
    justify-items: space-between;
  }
  .justify-items-ll--space-around end {
    justify-items: space-around end;
  }
  .justify-items-ll--start {
    justify-items: start;
  }
  .justify-items-ll--self-start {
    justify-items: self-start;
  }
  .justify-items-ll--right {
    justify-items: right;
  }
  .justify-items-ll--left {
    justify-items: left;
  }
  .justify-items-ll--center {
    justify-items: center;
  }
  .justify-items-ll--flex-end {
    justify-items: flex-end;
  }
  .justify-items-ll--flex-start {
    justify-items: flex-start;
  }
  .justify-items-ll--stretch {
    justify-items: stretch;
  }
  .justify-items-ll--inherit {
    justify-items: inherit;
  }
  .justify-items-ll--initial {
    justify-items: initial;
  }
}
@media (max-width: 1600px) {
  .justify-self-xl--auto {
    justify-self: auto;
  }
  .justify-self-xl--baseline {
    justify-self: baseline;
  }
  .justify-self-xl--legacy {
    justify-self: legacy;
  }
  .justify-self-xl--space-between {
    justify-self: space-between;
  }
  .justify-self-xl--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xl--start {
    justify-self: start;
  }
  .justify-self-xl--self-start {
    justify-self: self-start;
  }
  .justify-self-xl--right {
    justify-self: right;
  }
  .justify-self-xl--left {
    justify-self: left;
  }
  .justify-self-xl--center {
    justify-self: center;
  }
  .justify-self-xl--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xl--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xl--stretch {
    justify-self: stretch;
  }
  .justify-self-xl--inherit {
    justify-self: inherit;
  }
  .justify-self-xl--initial {
    justify-self: initial;
  }
  .justify-content-xl--auto {
    justify-content: auto;
  }
  .justify-content-xl--baseline {
    justify-content: baseline;
  }
  .justify-content-xl--legacy {
    justify-content: legacy;
  }
  .justify-content-xl--space-between {
    justify-content: space-between;
  }
  .justify-content-xl--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xl--start {
    justify-content: start;
  }
  .justify-content-xl--self-start {
    justify-content: self-start;
  }
  .justify-content-xl--right {
    justify-content: right;
  }
  .justify-content-xl--left {
    justify-content: left;
  }
  .justify-content-xl--center {
    justify-content: center;
  }
  .justify-content-xl--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xl--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xl--stretch {
    justify-content: stretch;
  }
  .justify-content-xl--inherit {
    justify-content: inherit;
  }
  .justify-content-xl--initial {
    justify-content: initial;
  }
  .justify-items-xl--auto {
    justify-items: auto;
  }
  .justify-items-xl--baseline {
    justify-items: baseline;
  }
  .justify-items-xl--legacy {
    justify-items: legacy;
  }
  .justify-items-xl--space-between {
    justify-items: space-between;
  }
  .justify-items-xl--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xl--start {
    justify-items: start;
  }
  .justify-items-xl--self-start {
    justify-items: self-start;
  }
  .justify-items-xl--right {
    justify-items: right;
  }
  .justify-items-xl--left {
    justify-items: left;
  }
  .justify-items-xl--center {
    justify-items: center;
  }
  .justify-items-xl--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xl--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xl--stretch {
    justify-items: stretch;
  }
  .justify-items-xl--inherit {
    justify-items: inherit;
  }
  .justify-items-xl--initial {
    justify-items: initial;
  }
}
@media (max-width: 1920px) {
  .justify-self-xx--auto {
    justify-self: auto;
  }
  .justify-self-xx--baseline {
    justify-self: baseline;
  }
  .justify-self-xx--legacy {
    justify-self: legacy;
  }
  .justify-self-xx--space-between {
    justify-self: space-between;
  }
  .justify-self-xx--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xx--start {
    justify-self: start;
  }
  .justify-self-xx--self-start {
    justify-self: self-start;
  }
  .justify-self-xx--right {
    justify-self: right;
  }
  .justify-self-xx--left {
    justify-self: left;
  }
  .justify-self-xx--center {
    justify-self: center;
  }
  .justify-self-xx--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xx--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xx--stretch {
    justify-self: stretch;
  }
  .justify-self-xx--inherit {
    justify-self: inherit;
  }
  .justify-self-xx--initial {
    justify-self: initial;
  }
  .justify-content-xx--auto {
    justify-content: auto;
  }
  .justify-content-xx--baseline {
    justify-content: baseline;
  }
  .justify-content-xx--legacy {
    justify-content: legacy;
  }
  .justify-content-xx--space-between {
    justify-content: space-between;
  }
  .justify-content-xx--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xx--start {
    justify-content: start;
  }
  .justify-content-xx--self-start {
    justify-content: self-start;
  }
  .justify-content-xx--right {
    justify-content: right;
  }
  .justify-content-xx--left {
    justify-content: left;
  }
  .justify-content-xx--center {
    justify-content: center;
  }
  .justify-content-xx--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xx--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xx--stretch {
    justify-content: stretch;
  }
  .justify-content-xx--inherit {
    justify-content: inherit;
  }
  .justify-content-xx--initial {
    justify-content: initial;
  }
  .justify-items-xx--auto {
    justify-items: auto;
  }
  .justify-items-xx--baseline {
    justify-items: baseline;
  }
  .justify-items-xx--legacy {
    justify-items: legacy;
  }
  .justify-items-xx--space-between {
    justify-items: space-between;
  }
  .justify-items-xx--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xx--start {
    justify-items: start;
  }
  .justify-items-xx--self-start {
    justify-items: self-start;
  }
  .justify-items-xx--right {
    justify-items: right;
  }
  .justify-items-xx--left {
    justify-items: left;
  }
  .justify-items-xx--center {
    justify-items: center;
  }
  .justify-items-xx--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xx--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xx--stretch {
    justify-items: stretch;
  }
  .justify-items-xx--inherit {
    justify-items: inherit;
  }
  .justify-items-xx--initial {
    justify-items: initial;
  }
}
@media (max-width: 332px) {
  .justify-self-ss--auto {
    justify-self: auto;
  }
  .justify-self-ss--baseline {
    justify-self: baseline;
  }
  .justify-self-ss--legacy {
    justify-self: legacy;
  }
  .justify-self-ss--space-between {
    justify-self: space-between;
  }
  .justify-self-ss--space-around end {
    justify-self: space-around end;
  }
  .justify-self-ss--start {
    justify-self: start;
  }
  .justify-self-ss--self-start {
    justify-self: self-start;
  }
  .justify-self-ss--right {
    justify-self: right;
  }
  .justify-self-ss--left {
    justify-self: left;
  }
  .justify-self-ss--center {
    justify-self: center;
  }
  .justify-self-ss--flex-end {
    justify-self: flex-end;
  }
  .justify-self-ss--flex-start {
    justify-self: flex-start;
  }
  .justify-self-ss--stretch {
    justify-self: stretch;
  }
  .justify-self-ss--inherit {
    justify-self: inherit;
  }
  .justify-self-ss--initial {
    justify-self: initial;
  }
  .justify-content-ss--auto {
    justify-content: auto;
  }
  .justify-content-ss--baseline {
    justify-content: baseline;
  }
  .justify-content-ss--legacy {
    justify-content: legacy;
  }
  .justify-content-ss--space-between {
    justify-content: space-between;
  }
  .justify-content-ss--space-around end {
    justify-content: space-around end;
  }
  .justify-content-ss--start {
    justify-content: start;
  }
  .justify-content-ss--self-start {
    justify-content: self-start;
  }
  .justify-content-ss--right {
    justify-content: right;
  }
  .justify-content-ss--left {
    justify-content: left;
  }
  .justify-content-ss--center {
    justify-content: center;
  }
  .justify-content-ss--flex-end {
    justify-content: flex-end;
  }
  .justify-content-ss--flex-start {
    justify-content: flex-start;
  }
  .justify-content-ss--stretch {
    justify-content: stretch;
  }
  .justify-content-ss--inherit {
    justify-content: inherit;
  }
  .justify-content-ss--initial {
    justify-content: initial;
  }
  .justify-items-ss--auto {
    justify-items: auto;
  }
  .justify-items-ss--baseline {
    justify-items: baseline;
  }
  .justify-items-ss--legacy {
    justify-items: legacy;
  }
  .justify-items-ss--space-between {
    justify-items: space-between;
  }
  .justify-items-ss--space-around end {
    justify-items: space-around end;
  }
  .justify-items-ss--start {
    justify-items: start;
  }
  .justify-items-ss--self-start {
    justify-items: self-start;
  }
  .justify-items-ss--right {
    justify-items: right;
  }
  .justify-items-ss--left {
    justify-items: left;
  }
  .justify-items-ss--center {
    justify-items: center;
  }
  .justify-items-ss--flex-end {
    justify-items: flex-end;
  }
  .justify-items-ss--flex-start {
    justify-items: flex-start;
  }
  .justify-items-ss--stretch {
    justify-items: stretch;
  }
  .justify-items-ss--inherit {
    justify-items: inherit;
  }
  .justify-items-ss--initial {
    justify-items: initial;
  }
}
@media (max-width: 480px) {
  .justify-self-xs--auto {
    justify-self: auto;
  }
  .justify-self-xs--baseline {
    justify-self: baseline;
  }
  .justify-self-xs--legacy {
    justify-self: legacy;
  }
  .justify-self-xs--space-between {
    justify-self: space-between;
  }
  .justify-self-xs--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xs--start {
    justify-self: start;
  }
  .justify-self-xs--self-start {
    justify-self: self-start;
  }
  .justify-self-xs--right {
    justify-self: right;
  }
  .justify-self-xs--left {
    justify-self: left;
  }
  .justify-self-xs--center {
    justify-self: center;
  }
  .justify-self-xs--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xs--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xs--stretch {
    justify-self: stretch;
  }
  .justify-self-xs--inherit {
    justify-self: inherit;
  }
  .justify-self-xs--initial {
    justify-self: initial;
  }
  .justify-content-xs--auto {
    justify-content: auto;
  }
  .justify-content-xs--baseline {
    justify-content: baseline;
  }
  .justify-content-xs--legacy {
    justify-content: legacy;
  }
  .justify-content-xs--space-between {
    justify-content: space-between;
  }
  .justify-content-xs--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xs--start {
    justify-content: start;
  }
  .justify-content-xs--self-start {
    justify-content: self-start;
  }
  .justify-content-xs--right {
    justify-content: right;
  }
  .justify-content-xs--left {
    justify-content: left;
  }
  .justify-content-xs--center {
    justify-content: center;
  }
  .justify-content-xs--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xs--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xs--stretch {
    justify-content: stretch;
  }
  .justify-content-xs--inherit {
    justify-content: inherit;
  }
  .justify-content-xs--initial {
    justify-content: initial;
  }
  .justify-items-xs--auto {
    justify-items: auto;
  }
  .justify-items-xs--baseline {
    justify-items: baseline;
  }
  .justify-items-xs--legacy {
    justify-items: legacy;
  }
  .justify-items-xs--space-between {
    justify-items: space-between;
  }
  .justify-items-xs--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xs--start {
    justify-items: start;
  }
  .justify-items-xs--self-start {
    justify-items: self-start;
  }
  .justify-items-xs--right {
    justify-items: right;
  }
  .justify-items-xs--left {
    justify-items: left;
  }
  .justify-items-xs--center {
    justify-items: center;
  }
  .justify-items-xs--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xs--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xs--stretch {
    justify-items: stretch;
  }
  .justify-items-xs--inherit {
    justify-items: inherit;
  }
  .justify-items-xs--initial {
    justify-items: initial;
  }
}
@media (max-width: 576px) {
  .justify-self-sm--auto {
    justify-self: auto;
  }
  .justify-self-sm--baseline {
    justify-self: baseline;
  }
  .justify-self-sm--legacy {
    justify-self: legacy;
  }
  .justify-self-sm--space-between {
    justify-self: space-between;
  }
  .justify-self-sm--space-around end {
    justify-self: space-around end;
  }
  .justify-self-sm--start {
    justify-self: start;
  }
  .justify-self-sm--self-start {
    justify-self: self-start;
  }
  .justify-self-sm--right {
    justify-self: right;
  }
  .justify-self-sm--left {
    justify-self: left;
  }
  .justify-self-sm--center {
    justify-self: center;
  }
  .justify-self-sm--flex-end {
    justify-self: flex-end;
  }
  .justify-self-sm--flex-start {
    justify-self: flex-start;
  }
  .justify-self-sm--stretch {
    justify-self: stretch;
  }
  .justify-self-sm--inherit {
    justify-self: inherit;
  }
  .justify-self-sm--initial {
    justify-self: initial;
  }
  .justify-content-sm--auto {
    justify-content: auto;
  }
  .justify-content-sm--baseline {
    justify-content: baseline;
  }
  .justify-content-sm--legacy {
    justify-content: legacy;
  }
  .justify-content-sm--space-between {
    justify-content: space-between;
  }
  .justify-content-sm--space-around end {
    justify-content: space-around end;
  }
  .justify-content-sm--start {
    justify-content: start;
  }
  .justify-content-sm--self-start {
    justify-content: self-start;
  }
  .justify-content-sm--right {
    justify-content: right;
  }
  .justify-content-sm--left {
    justify-content: left;
  }
  .justify-content-sm--center {
    justify-content: center;
  }
  .justify-content-sm--flex-end {
    justify-content: flex-end;
  }
  .justify-content-sm--flex-start {
    justify-content: flex-start;
  }
  .justify-content-sm--stretch {
    justify-content: stretch;
  }
  .justify-content-sm--inherit {
    justify-content: inherit;
  }
  .justify-content-sm--initial {
    justify-content: initial;
  }
  .justify-items-sm--auto {
    justify-items: auto;
  }
  .justify-items-sm--baseline {
    justify-items: baseline;
  }
  .justify-items-sm--legacy {
    justify-items: legacy;
  }
  .justify-items-sm--space-between {
    justify-items: space-between;
  }
  .justify-items-sm--space-around end {
    justify-items: space-around end;
  }
  .justify-items-sm--start {
    justify-items: start;
  }
  .justify-items-sm--self-start {
    justify-items: self-start;
  }
  .justify-items-sm--right {
    justify-items: right;
  }
  .justify-items-sm--left {
    justify-items: left;
  }
  .justify-items-sm--center {
    justify-items: center;
  }
  .justify-items-sm--flex-end {
    justify-items: flex-end;
  }
  .justify-items-sm--flex-start {
    justify-items: flex-start;
  }
  .justify-items-sm--stretch {
    justify-items: stretch;
  }
  .justify-items-sm--inherit {
    justify-items: inherit;
  }
  .justify-items-sm--initial {
    justify-items: initial;
  }
}
@media (max-width: 768px) {
  .justify-self-md--auto {
    justify-self: auto;
  }
  .justify-self-md--baseline {
    justify-self: baseline;
  }
  .justify-self-md--legacy {
    justify-self: legacy;
  }
  .justify-self-md--space-between {
    justify-self: space-between;
  }
  .justify-self-md--space-around end {
    justify-self: space-around end;
  }
  .justify-self-md--start {
    justify-self: start;
  }
  .justify-self-md--self-start {
    justify-self: self-start;
  }
  .justify-self-md--right {
    justify-self: right;
  }
  .justify-self-md--left {
    justify-self: left;
  }
  .justify-self-md--center {
    justify-self: center;
  }
  .justify-self-md--flex-end {
    justify-self: flex-end;
  }
  .justify-self-md--flex-start {
    justify-self: flex-start;
  }
  .justify-self-md--stretch {
    justify-self: stretch;
  }
  .justify-self-md--inherit {
    justify-self: inherit;
  }
  .justify-self-md--initial {
    justify-self: initial;
  }
  .justify-content-md--auto {
    justify-content: auto;
  }
  .justify-content-md--baseline {
    justify-content: baseline;
  }
  .justify-content-md--legacy {
    justify-content: legacy;
  }
  .justify-content-md--space-between {
    justify-content: space-between;
  }
  .justify-content-md--space-around end {
    justify-content: space-around end;
  }
  .justify-content-md--start {
    justify-content: start;
  }
  .justify-content-md--self-start {
    justify-content: self-start;
  }
  .justify-content-md--right {
    justify-content: right;
  }
  .justify-content-md--left {
    justify-content: left;
  }
  .justify-content-md--center {
    justify-content: center;
  }
  .justify-content-md--flex-end {
    justify-content: flex-end;
  }
  .justify-content-md--flex-start {
    justify-content: flex-start;
  }
  .justify-content-md--stretch {
    justify-content: stretch;
  }
  .justify-content-md--inherit {
    justify-content: inherit;
  }
  .justify-content-md--initial {
    justify-content: initial;
  }
  .justify-items-md--auto {
    justify-items: auto;
  }
  .justify-items-md--baseline {
    justify-items: baseline;
  }
  .justify-items-md--legacy {
    justify-items: legacy;
  }
  .justify-items-md--space-between {
    justify-items: space-between;
  }
  .justify-items-md--space-around end {
    justify-items: space-around end;
  }
  .justify-items-md--start {
    justify-items: start;
  }
  .justify-items-md--self-start {
    justify-items: self-start;
  }
  .justify-items-md--right {
    justify-items: right;
  }
  .justify-items-md--left {
    justify-items: left;
  }
  .justify-items-md--center {
    justify-items: center;
  }
  .justify-items-md--flex-end {
    justify-items: flex-end;
  }
  .justify-items-md--flex-start {
    justify-items: flex-start;
  }
  .justify-items-md--stretch {
    justify-items: stretch;
  }
  .justify-items-md--inherit {
    justify-items: inherit;
  }
  .justify-items-md--initial {
    justify-items: initial;
  }
}
@media (max-width: 992px) {
  .justify-self-lg--auto {
    justify-self: auto;
  }
  .justify-self-lg--baseline {
    justify-self: baseline;
  }
  .justify-self-lg--legacy {
    justify-self: legacy;
  }
  .justify-self-lg--space-between {
    justify-self: space-between;
  }
  .justify-self-lg--space-around end {
    justify-self: space-around end;
  }
  .justify-self-lg--start {
    justify-self: start;
  }
  .justify-self-lg--self-start {
    justify-self: self-start;
  }
  .justify-self-lg--right {
    justify-self: right;
  }
  .justify-self-lg--left {
    justify-self: left;
  }
  .justify-self-lg--center {
    justify-self: center;
  }
  .justify-self-lg--flex-end {
    justify-self: flex-end;
  }
  .justify-self-lg--flex-start {
    justify-self: flex-start;
  }
  .justify-self-lg--stretch {
    justify-self: stretch;
  }
  .justify-self-lg--inherit {
    justify-self: inherit;
  }
  .justify-self-lg--initial {
    justify-self: initial;
  }
  .justify-content-lg--auto {
    justify-content: auto;
  }
  .justify-content-lg--baseline {
    justify-content: baseline;
  }
  .justify-content-lg--legacy {
    justify-content: legacy;
  }
  .justify-content-lg--space-between {
    justify-content: space-between;
  }
  .justify-content-lg--space-around end {
    justify-content: space-around end;
  }
  .justify-content-lg--start {
    justify-content: start;
  }
  .justify-content-lg--self-start {
    justify-content: self-start;
  }
  .justify-content-lg--right {
    justify-content: right;
  }
  .justify-content-lg--left {
    justify-content: left;
  }
  .justify-content-lg--center {
    justify-content: center;
  }
  .justify-content-lg--flex-end {
    justify-content: flex-end;
  }
  .justify-content-lg--flex-start {
    justify-content: flex-start;
  }
  .justify-content-lg--stretch {
    justify-content: stretch;
  }
  .justify-content-lg--inherit {
    justify-content: inherit;
  }
  .justify-content-lg--initial {
    justify-content: initial;
  }
  .justify-items-lg--auto {
    justify-items: auto;
  }
  .justify-items-lg--baseline {
    justify-items: baseline;
  }
  .justify-items-lg--legacy {
    justify-items: legacy;
  }
  .justify-items-lg--space-between {
    justify-items: space-between;
  }
  .justify-items-lg--space-around end {
    justify-items: space-around end;
  }
  .justify-items-lg--start {
    justify-items: start;
  }
  .justify-items-lg--self-start {
    justify-items: self-start;
  }
  .justify-items-lg--right {
    justify-items: right;
  }
  .justify-items-lg--left {
    justify-items: left;
  }
  .justify-items-lg--center {
    justify-items: center;
  }
  .justify-items-lg--flex-end {
    justify-items: flex-end;
  }
  .justify-items-lg--flex-start {
    justify-items: flex-start;
  }
  .justify-items-lg--stretch {
    justify-items: stretch;
  }
  .justify-items-lg--inherit {
    justify-items: inherit;
  }
  .justify-items-lg--initial {
    justify-items: initial;
  }
}
@media (max-width: 1200px) {
  .justify-self-ll--auto {
    justify-self: auto;
  }
  .justify-self-ll--baseline {
    justify-self: baseline;
  }
  .justify-self-ll--legacy {
    justify-self: legacy;
  }
  .justify-self-ll--space-between {
    justify-self: space-between;
  }
  .justify-self-ll--space-around end {
    justify-self: space-around end;
  }
  .justify-self-ll--start {
    justify-self: start;
  }
  .justify-self-ll--self-start {
    justify-self: self-start;
  }
  .justify-self-ll--right {
    justify-self: right;
  }
  .justify-self-ll--left {
    justify-self: left;
  }
  .justify-self-ll--center {
    justify-self: center;
  }
  .justify-self-ll--flex-end {
    justify-self: flex-end;
  }
  .justify-self-ll--flex-start {
    justify-self: flex-start;
  }
  .justify-self-ll--stretch {
    justify-self: stretch;
  }
  .justify-self-ll--inherit {
    justify-self: inherit;
  }
  .justify-self-ll--initial {
    justify-self: initial;
  }
  .justify-content-ll--auto {
    justify-content: auto;
  }
  .justify-content-ll--baseline {
    justify-content: baseline;
  }
  .justify-content-ll--legacy {
    justify-content: legacy;
  }
  .justify-content-ll--space-between {
    justify-content: space-between;
  }
  .justify-content-ll--space-around end {
    justify-content: space-around end;
  }
  .justify-content-ll--start {
    justify-content: start;
  }
  .justify-content-ll--self-start {
    justify-content: self-start;
  }
  .justify-content-ll--right {
    justify-content: right;
  }
  .justify-content-ll--left {
    justify-content: left;
  }
  .justify-content-ll--center {
    justify-content: center;
  }
  .justify-content-ll--flex-end {
    justify-content: flex-end;
  }
  .justify-content-ll--flex-start {
    justify-content: flex-start;
  }
  .justify-content-ll--stretch {
    justify-content: stretch;
  }
  .justify-content-ll--inherit {
    justify-content: inherit;
  }
  .justify-content-ll--initial {
    justify-content: initial;
  }
  .justify-items-ll--auto {
    justify-items: auto;
  }
  .justify-items-ll--baseline {
    justify-items: baseline;
  }
  .justify-items-ll--legacy {
    justify-items: legacy;
  }
  .justify-items-ll--space-between {
    justify-items: space-between;
  }
  .justify-items-ll--space-around end {
    justify-items: space-around end;
  }
  .justify-items-ll--start {
    justify-items: start;
  }
  .justify-items-ll--self-start {
    justify-items: self-start;
  }
  .justify-items-ll--right {
    justify-items: right;
  }
  .justify-items-ll--left {
    justify-items: left;
  }
  .justify-items-ll--center {
    justify-items: center;
  }
  .justify-items-ll--flex-end {
    justify-items: flex-end;
  }
  .justify-items-ll--flex-start {
    justify-items: flex-start;
  }
  .justify-items-ll--stretch {
    justify-items: stretch;
  }
  .justify-items-ll--inherit {
    justify-items: inherit;
  }
  .justify-items-ll--initial {
    justify-items: initial;
  }
}
@media (max-width: 1600px) {
  .justify-self-xl--auto {
    justify-self: auto;
  }
  .justify-self-xl--baseline {
    justify-self: baseline;
  }
  .justify-self-xl--legacy {
    justify-self: legacy;
  }
  .justify-self-xl--space-between {
    justify-self: space-between;
  }
  .justify-self-xl--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xl--start {
    justify-self: start;
  }
  .justify-self-xl--self-start {
    justify-self: self-start;
  }
  .justify-self-xl--right {
    justify-self: right;
  }
  .justify-self-xl--left {
    justify-self: left;
  }
  .justify-self-xl--center {
    justify-self: center;
  }
  .justify-self-xl--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xl--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xl--stretch {
    justify-self: stretch;
  }
  .justify-self-xl--inherit {
    justify-self: inherit;
  }
  .justify-self-xl--initial {
    justify-self: initial;
  }
  .justify-content-xl--auto {
    justify-content: auto;
  }
  .justify-content-xl--baseline {
    justify-content: baseline;
  }
  .justify-content-xl--legacy {
    justify-content: legacy;
  }
  .justify-content-xl--space-between {
    justify-content: space-between;
  }
  .justify-content-xl--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xl--start {
    justify-content: start;
  }
  .justify-content-xl--self-start {
    justify-content: self-start;
  }
  .justify-content-xl--right {
    justify-content: right;
  }
  .justify-content-xl--left {
    justify-content: left;
  }
  .justify-content-xl--center {
    justify-content: center;
  }
  .justify-content-xl--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xl--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xl--stretch {
    justify-content: stretch;
  }
  .justify-content-xl--inherit {
    justify-content: inherit;
  }
  .justify-content-xl--initial {
    justify-content: initial;
  }
  .justify-items-xl--auto {
    justify-items: auto;
  }
  .justify-items-xl--baseline {
    justify-items: baseline;
  }
  .justify-items-xl--legacy {
    justify-items: legacy;
  }
  .justify-items-xl--space-between {
    justify-items: space-between;
  }
  .justify-items-xl--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xl--start {
    justify-items: start;
  }
  .justify-items-xl--self-start {
    justify-items: self-start;
  }
  .justify-items-xl--right {
    justify-items: right;
  }
  .justify-items-xl--left {
    justify-items: left;
  }
  .justify-items-xl--center {
    justify-items: center;
  }
  .justify-items-xl--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xl--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xl--stretch {
    justify-items: stretch;
  }
  .justify-items-xl--inherit {
    justify-items: inherit;
  }
  .justify-items-xl--initial {
    justify-items: initial;
  }
}
@media (max-width: 1920px) {
  .justify-self-xx--auto {
    justify-self: auto;
  }
  .justify-self-xx--baseline {
    justify-self: baseline;
  }
  .justify-self-xx--legacy {
    justify-self: legacy;
  }
  .justify-self-xx--space-between {
    justify-self: space-between;
  }
  .justify-self-xx--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xx--start {
    justify-self: start;
  }
  .justify-self-xx--self-start {
    justify-self: self-start;
  }
  .justify-self-xx--right {
    justify-self: right;
  }
  .justify-self-xx--left {
    justify-self: left;
  }
  .justify-self-xx--center {
    justify-self: center;
  }
  .justify-self-xx--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xx--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xx--stretch {
    justify-self: stretch;
  }
  .justify-self-xx--inherit {
    justify-self: inherit;
  }
  .justify-self-xx--initial {
    justify-self: initial;
  }
  .justify-content-xx--auto {
    justify-content: auto;
  }
  .justify-content-xx--baseline {
    justify-content: baseline;
  }
  .justify-content-xx--legacy {
    justify-content: legacy;
  }
  .justify-content-xx--space-between {
    justify-content: space-between;
  }
  .justify-content-xx--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xx--start {
    justify-content: start;
  }
  .justify-content-xx--self-start {
    justify-content: self-start;
  }
  .justify-content-xx--right {
    justify-content: right;
  }
  .justify-content-xx--left {
    justify-content: left;
  }
  .justify-content-xx--center {
    justify-content: center;
  }
  .justify-content-xx--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xx--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xx--stretch {
    justify-content: stretch;
  }
  .justify-content-xx--inherit {
    justify-content: inherit;
  }
  .justify-content-xx--initial {
    justify-content: initial;
  }
  .justify-items-xx--auto {
    justify-items: auto;
  }
  .justify-items-xx--baseline {
    justify-items: baseline;
  }
  .justify-items-xx--legacy {
    justify-items: legacy;
  }
  .justify-items-xx--space-between {
    justify-items: space-between;
  }
  .justify-items-xx--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xx--start {
    justify-items: start;
  }
  .justify-items-xx--self-start {
    justify-items: self-start;
  }
  .justify-items-xx--right {
    justify-items: right;
  }
  .justify-items-xx--left {
    justify-items: left;
  }
  .justify-items-xx--center {
    justify-items: center;
  }
  .justify-items-xx--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xx--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xx--stretch {
    justify-items: stretch;
  }
  .justify-items-xx--inherit {
    justify-items: inherit;
  }
  .justify-items-xx--initial {
    justify-items: initial;
  }
}
@media (max-width: 332px) {
  .justify-self-ss--auto {
    justify-self: auto;
  }
  .justify-self-ss--baseline {
    justify-self: baseline;
  }
  .justify-self-ss--legacy {
    justify-self: legacy;
  }
  .justify-self-ss--space-between {
    justify-self: space-between;
  }
  .justify-self-ss--space-around end {
    justify-self: space-around end;
  }
  .justify-self-ss--start {
    justify-self: start;
  }
  .justify-self-ss--self-start {
    justify-self: self-start;
  }
  .justify-self-ss--right {
    justify-self: right;
  }
  .justify-self-ss--left {
    justify-self: left;
  }
  .justify-self-ss--center {
    justify-self: center;
  }
  .justify-self-ss--flex-end {
    justify-self: flex-end;
  }
  .justify-self-ss--flex-start {
    justify-self: flex-start;
  }
  .justify-self-ss--stretch {
    justify-self: stretch;
  }
  .justify-self-ss--inherit {
    justify-self: inherit;
  }
  .justify-self-ss--initial {
    justify-self: initial;
  }
  .justify-content-ss--auto {
    justify-content: auto;
  }
  .justify-content-ss--baseline {
    justify-content: baseline;
  }
  .justify-content-ss--legacy {
    justify-content: legacy;
  }
  .justify-content-ss--space-between {
    justify-content: space-between;
  }
  .justify-content-ss--space-around end {
    justify-content: space-around end;
  }
  .justify-content-ss--start {
    justify-content: start;
  }
  .justify-content-ss--self-start {
    justify-content: self-start;
  }
  .justify-content-ss--right {
    justify-content: right;
  }
  .justify-content-ss--left {
    justify-content: left;
  }
  .justify-content-ss--center {
    justify-content: center;
  }
  .justify-content-ss--flex-end {
    justify-content: flex-end;
  }
  .justify-content-ss--flex-start {
    justify-content: flex-start;
  }
  .justify-content-ss--stretch {
    justify-content: stretch;
  }
  .justify-content-ss--inherit {
    justify-content: inherit;
  }
  .justify-content-ss--initial {
    justify-content: initial;
  }
  .justify-items-ss--auto {
    justify-items: auto;
  }
  .justify-items-ss--baseline {
    justify-items: baseline;
  }
  .justify-items-ss--legacy {
    justify-items: legacy;
  }
  .justify-items-ss--space-between {
    justify-items: space-between;
  }
  .justify-items-ss--space-around end {
    justify-items: space-around end;
  }
  .justify-items-ss--start {
    justify-items: start;
  }
  .justify-items-ss--self-start {
    justify-items: self-start;
  }
  .justify-items-ss--right {
    justify-items: right;
  }
  .justify-items-ss--left {
    justify-items: left;
  }
  .justify-items-ss--center {
    justify-items: center;
  }
  .justify-items-ss--flex-end {
    justify-items: flex-end;
  }
  .justify-items-ss--flex-start {
    justify-items: flex-start;
  }
  .justify-items-ss--stretch {
    justify-items: stretch;
  }
  .justify-items-ss--inherit {
    justify-items: inherit;
  }
  .justify-items-ss--initial {
    justify-items: initial;
  }
}
@media (max-width: 480px) {
  .justify-self-xs--auto {
    justify-self: auto;
  }
  .justify-self-xs--baseline {
    justify-self: baseline;
  }
  .justify-self-xs--legacy {
    justify-self: legacy;
  }
  .justify-self-xs--space-between {
    justify-self: space-between;
  }
  .justify-self-xs--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xs--start {
    justify-self: start;
  }
  .justify-self-xs--self-start {
    justify-self: self-start;
  }
  .justify-self-xs--right {
    justify-self: right;
  }
  .justify-self-xs--left {
    justify-self: left;
  }
  .justify-self-xs--center {
    justify-self: center;
  }
  .justify-self-xs--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xs--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xs--stretch {
    justify-self: stretch;
  }
  .justify-self-xs--inherit {
    justify-self: inherit;
  }
  .justify-self-xs--initial {
    justify-self: initial;
  }
  .justify-content-xs--auto {
    justify-content: auto;
  }
  .justify-content-xs--baseline {
    justify-content: baseline;
  }
  .justify-content-xs--legacy {
    justify-content: legacy;
  }
  .justify-content-xs--space-between {
    justify-content: space-between;
  }
  .justify-content-xs--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xs--start {
    justify-content: start;
  }
  .justify-content-xs--self-start {
    justify-content: self-start;
  }
  .justify-content-xs--right {
    justify-content: right;
  }
  .justify-content-xs--left {
    justify-content: left;
  }
  .justify-content-xs--center {
    justify-content: center;
  }
  .justify-content-xs--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xs--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xs--stretch {
    justify-content: stretch;
  }
  .justify-content-xs--inherit {
    justify-content: inherit;
  }
  .justify-content-xs--initial {
    justify-content: initial;
  }
  .justify-items-xs--auto {
    justify-items: auto;
  }
  .justify-items-xs--baseline {
    justify-items: baseline;
  }
  .justify-items-xs--legacy {
    justify-items: legacy;
  }
  .justify-items-xs--space-between {
    justify-items: space-between;
  }
  .justify-items-xs--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xs--start {
    justify-items: start;
  }
  .justify-items-xs--self-start {
    justify-items: self-start;
  }
  .justify-items-xs--right {
    justify-items: right;
  }
  .justify-items-xs--left {
    justify-items: left;
  }
  .justify-items-xs--center {
    justify-items: center;
  }
  .justify-items-xs--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xs--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xs--stretch {
    justify-items: stretch;
  }
  .justify-items-xs--inherit {
    justify-items: inherit;
  }
  .justify-items-xs--initial {
    justify-items: initial;
  }
}
@media (max-width: 576px) {
  .justify-self-sm--auto {
    justify-self: auto;
  }
  .justify-self-sm--baseline {
    justify-self: baseline;
  }
  .justify-self-sm--legacy {
    justify-self: legacy;
  }
  .justify-self-sm--space-between {
    justify-self: space-between;
  }
  .justify-self-sm--space-around end {
    justify-self: space-around end;
  }
  .justify-self-sm--start {
    justify-self: start;
  }
  .justify-self-sm--self-start {
    justify-self: self-start;
  }
  .justify-self-sm--right {
    justify-self: right;
  }
  .justify-self-sm--left {
    justify-self: left;
  }
  .justify-self-sm--center {
    justify-self: center;
  }
  .justify-self-sm--flex-end {
    justify-self: flex-end;
  }
  .justify-self-sm--flex-start {
    justify-self: flex-start;
  }
  .justify-self-sm--stretch {
    justify-self: stretch;
  }
  .justify-self-sm--inherit {
    justify-self: inherit;
  }
  .justify-self-sm--initial {
    justify-self: initial;
  }
  .justify-content-sm--auto {
    justify-content: auto;
  }
  .justify-content-sm--baseline {
    justify-content: baseline;
  }
  .justify-content-sm--legacy {
    justify-content: legacy;
  }
  .justify-content-sm--space-between {
    justify-content: space-between;
  }
  .justify-content-sm--space-around end {
    justify-content: space-around end;
  }
  .justify-content-sm--start {
    justify-content: start;
  }
  .justify-content-sm--self-start {
    justify-content: self-start;
  }
  .justify-content-sm--right {
    justify-content: right;
  }
  .justify-content-sm--left {
    justify-content: left;
  }
  .justify-content-sm--center {
    justify-content: center;
  }
  .justify-content-sm--flex-end {
    justify-content: flex-end;
  }
  .justify-content-sm--flex-start {
    justify-content: flex-start;
  }
  .justify-content-sm--stretch {
    justify-content: stretch;
  }
  .justify-content-sm--inherit {
    justify-content: inherit;
  }
  .justify-content-sm--initial {
    justify-content: initial;
  }
  .justify-items-sm--auto {
    justify-items: auto;
  }
  .justify-items-sm--baseline {
    justify-items: baseline;
  }
  .justify-items-sm--legacy {
    justify-items: legacy;
  }
  .justify-items-sm--space-between {
    justify-items: space-between;
  }
  .justify-items-sm--space-around end {
    justify-items: space-around end;
  }
  .justify-items-sm--start {
    justify-items: start;
  }
  .justify-items-sm--self-start {
    justify-items: self-start;
  }
  .justify-items-sm--right {
    justify-items: right;
  }
  .justify-items-sm--left {
    justify-items: left;
  }
  .justify-items-sm--center {
    justify-items: center;
  }
  .justify-items-sm--flex-end {
    justify-items: flex-end;
  }
  .justify-items-sm--flex-start {
    justify-items: flex-start;
  }
  .justify-items-sm--stretch {
    justify-items: stretch;
  }
  .justify-items-sm--inherit {
    justify-items: inherit;
  }
  .justify-items-sm--initial {
    justify-items: initial;
  }
}
@media (max-width: 768px) {
  .justify-self-md--auto {
    justify-self: auto;
  }
  .justify-self-md--baseline {
    justify-self: baseline;
  }
  .justify-self-md--legacy {
    justify-self: legacy;
  }
  .justify-self-md--space-between {
    justify-self: space-between;
  }
  .justify-self-md--space-around end {
    justify-self: space-around end;
  }
  .justify-self-md--start {
    justify-self: start;
  }
  .justify-self-md--self-start {
    justify-self: self-start;
  }
  .justify-self-md--right {
    justify-self: right;
  }
  .justify-self-md--left {
    justify-self: left;
  }
  .justify-self-md--center {
    justify-self: center;
  }
  .justify-self-md--flex-end {
    justify-self: flex-end;
  }
  .justify-self-md--flex-start {
    justify-self: flex-start;
  }
  .justify-self-md--stretch {
    justify-self: stretch;
  }
  .justify-self-md--inherit {
    justify-self: inherit;
  }
  .justify-self-md--initial {
    justify-self: initial;
  }
  .justify-content-md--auto {
    justify-content: auto;
  }
  .justify-content-md--baseline {
    justify-content: baseline;
  }
  .justify-content-md--legacy {
    justify-content: legacy;
  }
  .justify-content-md--space-between {
    justify-content: space-between;
  }
  .justify-content-md--space-around end {
    justify-content: space-around end;
  }
  .justify-content-md--start {
    justify-content: start;
  }
  .justify-content-md--self-start {
    justify-content: self-start;
  }
  .justify-content-md--right {
    justify-content: right;
  }
  .justify-content-md--left {
    justify-content: left;
  }
  .justify-content-md--center {
    justify-content: center;
  }
  .justify-content-md--flex-end {
    justify-content: flex-end;
  }
  .justify-content-md--flex-start {
    justify-content: flex-start;
  }
  .justify-content-md--stretch {
    justify-content: stretch;
  }
  .justify-content-md--inherit {
    justify-content: inherit;
  }
  .justify-content-md--initial {
    justify-content: initial;
  }
  .justify-items-md--auto {
    justify-items: auto;
  }
  .justify-items-md--baseline {
    justify-items: baseline;
  }
  .justify-items-md--legacy {
    justify-items: legacy;
  }
  .justify-items-md--space-between {
    justify-items: space-between;
  }
  .justify-items-md--space-around end {
    justify-items: space-around end;
  }
  .justify-items-md--start {
    justify-items: start;
  }
  .justify-items-md--self-start {
    justify-items: self-start;
  }
  .justify-items-md--right {
    justify-items: right;
  }
  .justify-items-md--left {
    justify-items: left;
  }
  .justify-items-md--center {
    justify-items: center;
  }
  .justify-items-md--flex-end {
    justify-items: flex-end;
  }
  .justify-items-md--flex-start {
    justify-items: flex-start;
  }
  .justify-items-md--stretch {
    justify-items: stretch;
  }
  .justify-items-md--inherit {
    justify-items: inherit;
  }
  .justify-items-md--initial {
    justify-items: initial;
  }
}
@media (max-width: 992px) {
  .justify-self-lg--auto {
    justify-self: auto;
  }
  .justify-self-lg--baseline {
    justify-self: baseline;
  }
  .justify-self-lg--legacy {
    justify-self: legacy;
  }
  .justify-self-lg--space-between {
    justify-self: space-between;
  }
  .justify-self-lg--space-around end {
    justify-self: space-around end;
  }
  .justify-self-lg--start {
    justify-self: start;
  }
  .justify-self-lg--self-start {
    justify-self: self-start;
  }
  .justify-self-lg--right {
    justify-self: right;
  }
  .justify-self-lg--left {
    justify-self: left;
  }
  .justify-self-lg--center {
    justify-self: center;
  }
  .justify-self-lg--flex-end {
    justify-self: flex-end;
  }
  .justify-self-lg--flex-start {
    justify-self: flex-start;
  }
  .justify-self-lg--stretch {
    justify-self: stretch;
  }
  .justify-self-lg--inherit {
    justify-self: inherit;
  }
  .justify-self-lg--initial {
    justify-self: initial;
  }
  .justify-content-lg--auto {
    justify-content: auto;
  }
  .justify-content-lg--baseline {
    justify-content: baseline;
  }
  .justify-content-lg--legacy {
    justify-content: legacy;
  }
  .justify-content-lg--space-between {
    justify-content: space-between;
  }
  .justify-content-lg--space-around end {
    justify-content: space-around end;
  }
  .justify-content-lg--start {
    justify-content: start;
  }
  .justify-content-lg--self-start {
    justify-content: self-start;
  }
  .justify-content-lg--right {
    justify-content: right;
  }
  .justify-content-lg--left {
    justify-content: left;
  }
  .justify-content-lg--center {
    justify-content: center;
  }
  .justify-content-lg--flex-end {
    justify-content: flex-end;
  }
  .justify-content-lg--flex-start {
    justify-content: flex-start;
  }
  .justify-content-lg--stretch {
    justify-content: stretch;
  }
  .justify-content-lg--inherit {
    justify-content: inherit;
  }
  .justify-content-lg--initial {
    justify-content: initial;
  }
  .justify-items-lg--auto {
    justify-items: auto;
  }
  .justify-items-lg--baseline {
    justify-items: baseline;
  }
  .justify-items-lg--legacy {
    justify-items: legacy;
  }
  .justify-items-lg--space-between {
    justify-items: space-between;
  }
  .justify-items-lg--space-around end {
    justify-items: space-around end;
  }
  .justify-items-lg--start {
    justify-items: start;
  }
  .justify-items-lg--self-start {
    justify-items: self-start;
  }
  .justify-items-lg--right {
    justify-items: right;
  }
  .justify-items-lg--left {
    justify-items: left;
  }
  .justify-items-lg--center {
    justify-items: center;
  }
  .justify-items-lg--flex-end {
    justify-items: flex-end;
  }
  .justify-items-lg--flex-start {
    justify-items: flex-start;
  }
  .justify-items-lg--stretch {
    justify-items: stretch;
  }
  .justify-items-lg--inherit {
    justify-items: inherit;
  }
  .justify-items-lg--initial {
    justify-items: initial;
  }
}
@media (max-width: 1200px) {
  .justify-self-ll--auto {
    justify-self: auto;
  }
  .justify-self-ll--baseline {
    justify-self: baseline;
  }
  .justify-self-ll--legacy {
    justify-self: legacy;
  }
  .justify-self-ll--space-between {
    justify-self: space-between;
  }
  .justify-self-ll--space-around end {
    justify-self: space-around end;
  }
  .justify-self-ll--start {
    justify-self: start;
  }
  .justify-self-ll--self-start {
    justify-self: self-start;
  }
  .justify-self-ll--right {
    justify-self: right;
  }
  .justify-self-ll--left {
    justify-self: left;
  }
  .justify-self-ll--center {
    justify-self: center;
  }
  .justify-self-ll--flex-end {
    justify-self: flex-end;
  }
  .justify-self-ll--flex-start {
    justify-self: flex-start;
  }
  .justify-self-ll--stretch {
    justify-self: stretch;
  }
  .justify-self-ll--inherit {
    justify-self: inherit;
  }
  .justify-self-ll--initial {
    justify-self: initial;
  }
  .justify-content-ll--auto {
    justify-content: auto;
  }
  .justify-content-ll--baseline {
    justify-content: baseline;
  }
  .justify-content-ll--legacy {
    justify-content: legacy;
  }
  .justify-content-ll--space-between {
    justify-content: space-between;
  }
  .justify-content-ll--space-around end {
    justify-content: space-around end;
  }
  .justify-content-ll--start {
    justify-content: start;
  }
  .justify-content-ll--self-start {
    justify-content: self-start;
  }
  .justify-content-ll--right {
    justify-content: right;
  }
  .justify-content-ll--left {
    justify-content: left;
  }
  .justify-content-ll--center {
    justify-content: center;
  }
  .justify-content-ll--flex-end {
    justify-content: flex-end;
  }
  .justify-content-ll--flex-start {
    justify-content: flex-start;
  }
  .justify-content-ll--stretch {
    justify-content: stretch;
  }
  .justify-content-ll--inherit {
    justify-content: inherit;
  }
  .justify-content-ll--initial {
    justify-content: initial;
  }
  .justify-items-ll--auto {
    justify-items: auto;
  }
  .justify-items-ll--baseline {
    justify-items: baseline;
  }
  .justify-items-ll--legacy {
    justify-items: legacy;
  }
  .justify-items-ll--space-between {
    justify-items: space-between;
  }
  .justify-items-ll--space-around end {
    justify-items: space-around end;
  }
  .justify-items-ll--start {
    justify-items: start;
  }
  .justify-items-ll--self-start {
    justify-items: self-start;
  }
  .justify-items-ll--right {
    justify-items: right;
  }
  .justify-items-ll--left {
    justify-items: left;
  }
  .justify-items-ll--center {
    justify-items: center;
  }
  .justify-items-ll--flex-end {
    justify-items: flex-end;
  }
  .justify-items-ll--flex-start {
    justify-items: flex-start;
  }
  .justify-items-ll--stretch {
    justify-items: stretch;
  }
  .justify-items-ll--inherit {
    justify-items: inherit;
  }
  .justify-items-ll--initial {
    justify-items: initial;
  }
}
@media (max-width: 1600px) {
  .justify-self-xl--auto {
    justify-self: auto;
  }
  .justify-self-xl--baseline {
    justify-self: baseline;
  }
  .justify-self-xl--legacy {
    justify-self: legacy;
  }
  .justify-self-xl--space-between {
    justify-self: space-between;
  }
  .justify-self-xl--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xl--start {
    justify-self: start;
  }
  .justify-self-xl--self-start {
    justify-self: self-start;
  }
  .justify-self-xl--right {
    justify-self: right;
  }
  .justify-self-xl--left {
    justify-self: left;
  }
  .justify-self-xl--center {
    justify-self: center;
  }
  .justify-self-xl--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xl--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xl--stretch {
    justify-self: stretch;
  }
  .justify-self-xl--inherit {
    justify-self: inherit;
  }
  .justify-self-xl--initial {
    justify-self: initial;
  }
  .justify-content-xl--auto {
    justify-content: auto;
  }
  .justify-content-xl--baseline {
    justify-content: baseline;
  }
  .justify-content-xl--legacy {
    justify-content: legacy;
  }
  .justify-content-xl--space-between {
    justify-content: space-between;
  }
  .justify-content-xl--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xl--start {
    justify-content: start;
  }
  .justify-content-xl--self-start {
    justify-content: self-start;
  }
  .justify-content-xl--right {
    justify-content: right;
  }
  .justify-content-xl--left {
    justify-content: left;
  }
  .justify-content-xl--center {
    justify-content: center;
  }
  .justify-content-xl--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xl--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xl--stretch {
    justify-content: stretch;
  }
  .justify-content-xl--inherit {
    justify-content: inherit;
  }
  .justify-content-xl--initial {
    justify-content: initial;
  }
  .justify-items-xl--auto {
    justify-items: auto;
  }
  .justify-items-xl--baseline {
    justify-items: baseline;
  }
  .justify-items-xl--legacy {
    justify-items: legacy;
  }
  .justify-items-xl--space-between {
    justify-items: space-between;
  }
  .justify-items-xl--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xl--start {
    justify-items: start;
  }
  .justify-items-xl--self-start {
    justify-items: self-start;
  }
  .justify-items-xl--right {
    justify-items: right;
  }
  .justify-items-xl--left {
    justify-items: left;
  }
  .justify-items-xl--center {
    justify-items: center;
  }
  .justify-items-xl--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xl--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xl--stretch {
    justify-items: stretch;
  }
  .justify-items-xl--inherit {
    justify-items: inherit;
  }
  .justify-items-xl--initial {
    justify-items: initial;
  }
}
@media (max-width: 1920px) {
  .justify-self-xx--auto {
    justify-self: auto;
  }
  .justify-self-xx--baseline {
    justify-self: baseline;
  }
  .justify-self-xx--legacy {
    justify-self: legacy;
  }
  .justify-self-xx--space-between {
    justify-self: space-between;
  }
  .justify-self-xx--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xx--start {
    justify-self: start;
  }
  .justify-self-xx--self-start {
    justify-self: self-start;
  }
  .justify-self-xx--right {
    justify-self: right;
  }
  .justify-self-xx--left {
    justify-self: left;
  }
  .justify-self-xx--center {
    justify-self: center;
  }
  .justify-self-xx--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xx--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xx--stretch {
    justify-self: stretch;
  }
  .justify-self-xx--inherit {
    justify-self: inherit;
  }
  .justify-self-xx--initial {
    justify-self: initial;
  }
  .justify-content-xx--auto {
    justify-content: auto;
  }
  .justify-content-xx--baseline {
    justify-content: baseline;
  }
  .justify-content-xx--legacy {
    justify-content: legacy;
  }
  .justify-content-xx--space-between {
    justify-content: space-between;
  }
  .justify-content-xx--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xx--start {
    justify-content: start;
  }
  .justify-content-xx--self-start {
    justify-content: self-start;
  }
  .justify-content-xx--right {
    justify-content: right;
  }
  .justify-content-xx--left {
    justify-content: left;
  }
  .justify-content-xx--center {
    justify-content: center;
  }
  .justify-content-xx--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xx--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xx--stretch {
    justify-content: stretch;
  }
  .justify-content-xx--inherit {
    justify-content: inherit;
  }
  .justify-content-xx--initial {
    justify-content: initial;
  }
  .justify-items-xx--auto {
    justify-items: auto;
  }
  .justify-items-xx--baseline {
    justify-items: baseline;
  }
  .justify-items-xx--legacy {
    justify-items: legacy;
  }
  .justify-items-xx--space-between {
    justify-items: space-between;
  }
  .justify-items-xx--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xx--start {
    justify-items: start;
  }
  .justify-items-xx--self-start {
    justify-items: self-start;
  }
  .justify-items-xx--right {
    justify-items: right;
  }
  .justify-items-xx--left {
    justify-items: left;
  }
  .justify-items-xx--center {
    justify-items: center;
  }
  .justify-items-xx--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xx--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xx--stretch {
    justify-items: stretch;
  }
  .justify-items-xx--inherit {
    justify-items: inherit;
  }
  .justify-items-xx--initial {
    justify-items: initial;
  }
}
@media (max-width: 332px) {
  .justify-self-ss--auto {
    justify-self: auto;
  }
  .justify-self-ss--baseline {
    justify-self: baseline;
  }
  .justify-self-ss--legacy {
    justify-self: legacy;
  }
  .justify-self-ss--space-between {
    justify-self: space-between;
  }
  .justify-self-ss--space-around end {
    justify-self: space-around end;
  }
  .justify-self-ss--start {
    justify-self: start;
  }
  .justify-self-ss--self-start {
    justify-self: self-start;
  }
  .justify-self-ss--right {
    justify-self: right;
  }
  .justify-self-ss--left {
    justify-self: left;
  }
  .justify-self-ss--center {
    justify-self: center;
  }
  .justify-self-ss--flex-end {
    justify-self: flex-end;
  }
  .justify-self-ss--flex-start {
    justify-self: flex-start;
  }
  .justify-self-ss--stretch {
    justify-self: stretch;
  }
  .justify-self-ss--inherit {
    justify-self: inherit;
  }
  .justify-self-ss--initial {
    justify-self: initial;
  }
  .justify-content-ss--auto {
    justify-content: auto;
  }
  .justify-content-ss--baseline {
    justify-content: baseline;
  }
  .justify-content-ss--legacy {
    justify-content: legacy;
  }
  .justify-content-ss--space-between {
    justify-content: space-between;
  }
  .justify-content-ss--space-around end {
    justify-content: space-around end;
  }
  .justify-content-ss--start {
    justify-content: start;
  }
  .justify-content-ss--self-start {
    justify-content: self-start;
  }
  .justify-content-ss--right {
    justify-content: right;
  }
  .justify-content-ss--left {
    justify-content: left;
  }
  .justify-content-ss--center {
    justify-content: center;
  }
  .justify-content-ss--flex-end {
    justify-content: flex-end;
  }
  .justify-content-ss--flex-start {
    justify-content: flex-start;
  }
  .justify-content-ss--stretch {
    justify-content: stretch;
  }
  .justify-content-ss--inherit {
    justify-content: inherit;
  }
  .justify-content-ss--initial {
    justify-content: initial;
  }
  .justify-items-ss--auto {
    justify-items: auto;
  }
  .justify-items-ss--baseline {
    justify-items: baseline;
  }
  .justify-items-ss--legacy {
    justify-items: legacy;
  }
  .justify-items-ss--space-between {
    justify-items: space-between;
  }
  .justify-items-ss--space-around end {
    justify-items: space-around end;
  }
  .justify-items-ss--start {
    justify-items: start;
  }
  .justify-items-ss--self-start {
    justify-items: self-start;
  }
  .justify-items-ss--right {
    justify-items: right;
  }
  .justify-items-ss--left {
    justify-items: left;
  }
  .justify-items-ss--center {
    justify-items: center;
  }
  .justify-items-ss--flex-end {
    justify-items: flex-end;
  }
  .justify-items-ss--flex-start {
    justify-items: flex-start;
  }
  .justify-items-ss--stretch {
    justify-items: stretch;
  }
  .justify-items-ss--inherit {
    justify-items: inherit;
  }
  .justify-items-ss--initial {
    justify-items: initial;
  }
}
@media (max-width: 480px) {
  .justify-self-xs--auto {
    justify-self: auto;
  }
  .justify-self-xs--baseline {
    justify-self: baseline;
  }
  .justify-self-xs--legacy {
    justify-self: legacy;
  }
  .justify-self-xs--space-between {
    justify-self: space-between;
  }
  .justify-self-xs--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xs--start {
    justify-self: start;
  }
  .justify-self-xs--self-start {
    justify-self: self-start;
  }
  .justify-self-xs--right {
    justify-self: right;
  }
  .justify-self-xs--left {
    justify-self: left;
  }
  .justify-self-xs--center {
    justify-self: center;
  }
  .justify-self-xs--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xs--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xs--stretch {
    justify-self: stretch;
  }
  .justify-self-xs--inherit {
    justify-self: inherit;
  }
  .justify-self-xs--initial {
    justify-self: initial;
  }
  .justify-content-xs--auto {
    justify-content: auto;
  }
  .justify-content-xs--baseline {
    justify-content: baseline;
  }
  .justify-content-xs--legacy {
    justify-content: legacy;
  }
  .justify-content-xs--space-between {
    justify-content: space-between;
  }
  .justify-content-xs--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xs--start {
    justify-content: start;
  }
  .justify-content-xs--self-start {
    justify-content: self-start;
  }
  .justify-content-xs--right {
    justify-content: right;
  }
  .justify-content-xs--left {
    justify-content: left;
  }
  .justify-content-xs--center {
    justify-content: center;
  }
  .justify-content-xs--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xs--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xs--stretch {
    justify-content: stretch;
  }
  .justify-content-xs--inherit {
    justify-content: inherit;
  }
  .justify-content-xs--initial {
    justify-content: initial;
  }
  .justify-items-xs--auto {
    justify-items: auto;
  }
  .justify-items-xs--baseline {
    justify-items: baseline;
  }
  .justify-items-xs--legacy {
    justify-items: legacy;
  }
  .justify-items-xs--space-between {
    justify-items: space-between;
  }
  .justify-items-xs--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xs--start {
    justify-items: start;
  }
  .justify-items-xs--self-start {
    justify-items: self-start;
  }
  .justify-items-xs--right {
    justify-items: right;
  }
  .justify-items-xs--left {
    justify-items: left;
  }
  .justify-items-xs--center {
    justify-items: center;
  }
  .justify-items-xs--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xs--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xs--stretch {
    justify-items: stretch;
  }
  .justify-items-xs--inherit {
    justify-items: inherit;
  }
  .justify-items-xs--initial {
    justify-items: initial;
  }
}
@media (max-width: 576px) {
  .justify-self-sm--auto {
    justify-self: auto;
  }
  .justify-self-sm--baseline {
    justify-self: baseline;
  }
  .justify-self-sm--legacy {
    justify-self: legacy;
  }
  .justify-self-sm--space-between {
    justify-self: space-between;
  }
  .justify-self-sm--space-around end {
    justify-self: space-around end;
  }
  .justify-self-sm--start {
    justify-self: start;
  }
  .justify-self-sm--self-start {
    justify-self: self-start;
  }
  .justify-self-sm--right {
    justify-self: right;
  }
  .justify-self-sm--left {
    justify-self: left;
  }
  .justify-self-sm--center {
    justify-self: center;
  }
  .justify-self-sm--flex-end {
    justify-self: flex-end;
  }
  .justify-self-sm--flex-start {
    justify-self: flex-start;
  }
  .justify-self-sm--stretch {
    justify-self: stretch;
  }
  .justify-self-sm--inherit {
    justify-self: inherit;
  }
  .justify-self-sm--initial {
    justify-self: initial;
  }
  .justify-content-sm--auto {
    justify-content: auto;
  }
  .justify-content-sm--baseline {
    justify-content: baseline;
  }
  .justify-content-sm--legacy {
    justify-content: legacy;
  }
  .justify-content-sm--space-between {
    justify-content: space-between;
  }
  .justify-content-sm--space-around end {
    justify-content: space-around end;
  }
  .justify-content-sm--start {
    justify-content: start;
  }
  .justify-content-sm--self-start {
    justify-content: self-start;
  }
  .justify-content-sm--right {
    justify-content: right;
  }
  .justify-content-sm--left {
    justify-content: left;
  }
  .justify-content-sm--center {
    justify-content: center;
  }
  .justify-content-sm--flex-end {
    justify-content: flex-end;
  }
  .justify-content-sm--flex-start {
    justify-content: flex-start;
  }
  .justify-content-sm--stretch {
    justify-content: stretch;
  }
  .justify-content-sm--inherit {
    justify-content: inherit;
  }
  .justify-content-sm--initial {
    justify-content: initial;
  }
  .justify-items-sm--auto {
    justify-items: auto;
  }
  .justify-items-sm--baseline {
    justify-items: baseline;
  }
  .justify-items-sm--legacy {
    justify-items: legacy;
  }
  .justify-items-sm--space-between {
    justify-items: space-between;
  }
  .justify-items-sm--space-around end {
    justify-items: space-around end;
  }
  .justify-items-sm--start {
    justify-items: start;
  }
  .justify-items-sm--self-start {
    justify-items: self-start;
  }
  .justify-items-sm--right {
    justify-items: right;
  }
  .justify-items-sm--left {
    justify-items: left;
  }
  .justify-items-sm--center {
    justify-items: center;
  }
  .justify-items-sm--flex-end {
    justify-items: flex-end;
  }
  .justify-items-sm--flex-start {
    justify-items: flex-start;
  }
  .justify-items-sm--stretch {
    justify-items: stretch;
  }
  .justify-items-sm--inherit {
    justify-items: inherit;
  }
  .justify-items-sm--initial {
    justify-items: initial;
  }
}
@media (max-width: 768px) {
  .justify-self-md--auto {
    justify-self: auto;
  }
  .justify-self-md--baseline {
    justify-self: baseline;
  }
  .justify-self-md--legacy {
    justify-self: legacy;
  }
  .justify-self-md--space-between {
    justify-self: space-between;
  }
  .justify-self-md--space-around end {
    justify-self: space-around end;
  }
  .justify-self-md--start {
    justify-self: start;
  }
  .justify-self-md--self-start {
    justify-self: self-start;
  }
  .justify-self-md--right {
    justify-self: right;
  }
  .justify-self-md--left {
    justify-self: left;
  }
  .justify-self-md--center {
    justify-self: center;
  }
  .justify-self-md--flex-end {
    justify-self: flex-end;
  }
  .justify-self-md--flex-start {
    justify-self: flex-start;
  }
  .justify-self-md--stretch {
    justify-self: stretch;
  }
  .justify-self-md--inherit {
    justify-self: inherit;
  }
  .justify-self-md--initial {
    justify-self: initial;
  }
  .justify-content-md--auto {
    justify-content: auto;
  }
  .justify-content-md--baseline {
    justify-content: baseline;
  }
  .justify-content-md--legacy {
    justify-content: legacy;
  }
  .justify-content-md--space-between {
    justify-content: space-between;
  }
  .justify-content-md--space-around end {
    justify-content: space-around end;
  }
  .justify-content-md--start {
    justify-content: start;
  }
  .justify-content-md--self-start {
    justify-content: self-start;
  }
  .justify-content-md--right {
    justify-content: right;
  }
  .justify-content-md--left {
    justify-content: left;
  }
  .justify-content-md--center {
    justify-content: center;
  }
  .justify-content-md--flex-end {
    justify-content: flex-end;
  }
  .justify-content-md--flex-start {
    justify-content: flex-start;
  }
  .justify-content-md--stretch {
    justify-content: stretch;
  }
  .justify-content-md--inherit {
    justify-content: inherit;
  }
  .justify-content-md--initial {
    justify-content: initial;
  }
  .justify-items-md--auto {
    justify-items: auto;
  }
  .justify-items-md--baseline {
    justify-items: baseline;
  }
  .justify-items-md--legacy {
    justify-items: legacy;
  }
  .justify-items-md--space-between {
    justify-items: space-between;
  }
  .justify-items-md--space-around end {
    justify-items: space-around end;
  }
  .justify-items-md--start {
    justify-items: start;
  }
  .justify-items-md--self-start {
    justify-items: self-start;
  }
  .justify-items-md--right {
    justify-items: right;
  }
  .justify-items-md--left {
    justify-items: left;
  }
  .justify-items-md--center {
    justify-items: center;
  }
  .justify-items-md--flex-end {
    justify-items: flex-end;
  }
  .justify-items-md--flex-start {
    justify-items: flex-start;
  }
  .justify-items-md--stretch {
    justify-items: stretch;
  }
  .justify-items-md--inherit {
    justify-items: inherit;
  }
  .justify-items-md--initial {
    justify-items: initial;
  }
}
@media (max-width: 992px) {
  .justify-self-lg--auto {
    justify-self: auto;
  }
  .justify-self-lg--baseline {
    justify-self: baseline;
  }
  .justify-self-lg--legacy {
    justify-self: legacy;
  }
  .justify-self-lg--space-between {
    justify-self: space-between;
  }
  .justify-self-lg--space-around end {
    justify-self: space-around end;
  }
  .justify-self-lg--start {
    justify-self: start;
  }
  .justify-self-lg--self-start {
    justify-self: self-start;
  }
  .justify-self-lg--right {
    justify-self: right;
  }
  .justify-self-lg--left {
    justify-self: left;
  }
  .justify-self-lg--center {
    justify-self: center;
  }
  .justify-self-lg--flex-end {
    justify-self: flex-end;
  }
  .justify-self-lg--flex-start {
    justify-self: flex-start;
  }
  .justify-self-lg--stretch {
    justify-self: stretch;
  }
  .justify-self-lg--inherit {
    justify-self: inherit;
  }
  .justify-self-lg--initial {
    justify-self: initial;
  }
  .justify-content-lg--auto {
    justify-content: auto;
  }
  .justify-content-lg--baseline {
    justify-content: baseline;
  }
  .justify-content-lg--legacy {
    justify-content: legacy;
  }
  .justify-content-lg--space-between {
    justify-content: space-between;
  }
  .justify-content-lg--space-around end {
    justify-content: space-around end;
  }
  .justify-content-lg--start {
    justify-content: start;
  }
  .justify-content-lg--self-start {
    justify-content: self-start;
  }
  .justify-content-lg--right {
    justify-content: right;
  }
  .justify-content-lg--left {
    justify-content: left;
  }
  .justify-content-lg--center {
    justify-content: center;
  }
  .justify-content-lg--flex-end {
    justify-content: flex-end;
  }
  .justify-content-lg--flex-start {
    justify-content: flex-start;
  }
  .justify-content-lg--stretch {
    justify-content: stretch;
  }
  .justify-content-lg--inherit {
    justify-content: inherit;
  }
  .justify-content-lg--initial {
    justify-content: initial;
  }
  .justify-items-lg--auto {
    justify-items: auto;
  }
  .justify-items-lg--baseline {
    justify-items: baseline;
  }
  .justify-items-lg--legacy {
    justify-items: legacy;
  }
  .justify-items-lg--space-between {
    justify-items: space-between;
  }
  .justify-items-lg--space-around end {
    justify-items: space-around end;
  }
  .justify-items-lg--start {
    justify-items: start;
  }
  .justify-items-lg--self-start {
    justify-items: self-start;
  }
  .justify-items-lg--right {
    justify-items: right;
  }
  .justify-items-lg--left {
    justify-items: left;
  }
  .justify-items-lg--center {
    justify-items: center;
  }
  .justify-items-lg--flex-end {
    justify-items: flex-end;
  }
  .justify-items-lg--flex-start {
    justify-items: flex-start;
  }
  .justify-items-lg--stretch {
    justify-items: stretch;
  }
  .justify-items-lg--inherit {
    justify-items: inherit;
  }
  .justify-items-lg--initial {
    justify-items: initial;
  }
}
@media (max-width: 1200px) {
  .justify-self-ll--auto {
    justify-self: auto;
  }
  .justify-self-ll--baseline {
    justify-self: baseline;
  }
  .justify-self-ll--legacy {
    justify-self: legacy;
  }
  .justify-self-ll--space-between {
    justify-self: space-between;
  }
  .justify-self-ll--space-around end {
    justify-self: space-around end;
  }
  .justify-self-ll--start {
    justify-self: start;
  }
  .justify-self-ll--self-start {
    justify-self: self-start;
  }
  .justify-self-ll--right {
    justify-self: right;
  }
  .justify-self-ll--left {
    justify-self: left;
  }
  .justify-self-ll--center {
    justify-self: center;
  }
  .justify-self-ll--flex-end {
    justify-self: flex-end;
  }
  .justify-self-ll--flex-start {
    justify-self: flex-start;
  }
  .justify-self-ll--stretch {
    justify-self: stretch;
  }
  .justify-self-ll--inherit {
    justify-self: inherit;
  }
  .justify-self-ll--initial {
    justify-self: initial;
  }
  .justify-content-ll--auto {
    justify-content: auto;
  }
  .justify-content-ll--baseline {
    justify-content: baseline;
  }
  .justify-content-ll--legacy {
    justify-content: legacy;
  }
  .justify-content-ll--space-between {
    justify-content: space-between;
  }
  .justify-content-ll--space-around end {
    justify-content: space-around end;
  }
  .justify-content-ll--start {
    justify-content: start;
  }
  .justify-content-ll--self-start {
    justify-content: self-start;
  }
  .justify-content-ll--right {
    justify-content: right;
  }
  .justify-content-ll--left {
    justify-content: left;
  }
  .justify-content-ll--center {
    justify-content: center;
  }
  .justify-content-ll--flex-end {
    justify-content: flex-end;
  }
  .justify-content-ll--flex-start {
    justify-content: flex-start;
  }
  .justify-content-ll--stretch {
    justify-content: stretch;
  }
  .justify-content-ll--inherit {
    justify-content: inherit;
  }
  .justify-content-ll--initial {
    justify-content: initial;
  }
  .justify-items-ll--auto {
    justify-items: auto;
  }
  .justify-items-ll--baseline {
    justify-items: baseline;
  }
  .justify-items-ll--legacy {
    justify-items: legacy;
  }
  .justify-items-ll--space-between {
    justify-items: space-between;
  }
  .justify-items-ll--space-around end {
    justify-items: space-around end;
  }
  .justify-items-ll--start {
    justify-items: start;
  }
  .justify-items-ll--self-start {
    justify-items: self-start;
  }
  .justify-items-ll--right {
    justify-items: right;
  }
  .justify-items-ll--left {
    justify-items: left;
  }
  .justify-items-ll--center {
    justify-items: center;
  }
  .justify-items-ll--flex-end {
    justify-items: flex-end;
  }
  .justify-items-ll--flex-start {
    justify-items: flex-start;
  }
  .justify-items-ll--stretch {
    justify-items: stretch;
  }
  .justify-items-ll--inherit {
    justify-items: inherit;
  }
  .justify-items-ll--initial {
    justify-items: initial;
  }
}
@media (max-width: 1600px) {
  .justify-self-xl--auto {
    justify-self: auto;
  }
  .justify-self-xl--baseline {
    justify-self: baseline;
  }
  .justify-self-xl--legacy {
    justify-self: legacy;
  }
  .justify-self-xl--space-between {
    justify-self: space-between;
  }
  .justify-self-xl--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xl--start {
    justify-self: start;
  }
  .justify-self-xl--self-start {
    justify-self: self-start;
  }
  .justify-self-xl--right {
    justify-self: right;
  }
  .justify-self-xl--left {
    justify-self: left;
  }
  .justify-self-xl--center {
    justify-self: center;
  }
  .justify-self-xl--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xl--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xl--stretch {
    justify-self: stretch;
  }
  .justify-self-xl--inherit {
    justify-self: inherit;
  }
  .justify-self-xl--initial {
    justify-self: initial;
  }
  .justify-content-xl--auto {
    justify-content: auto;
  }
  .justify-content-xl--baseline {
    justify-content: baseline;
  }
  .justify-content-xl--legacy {
    justify-content: legacy;
  }
  .justify-content-xl--space-between {
    justify-content: space-between;
  }
  .justify-content-xl--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xl--start {
    justify-content: start;
  }
  .justify-content-xl--self-start {
    justify-content: self-start;
  }
  .justify-content-xl--right {
    justify-content: right;
  }
  .justify-content-xl--left {
    justify-content: left;
  }
  .justify-content-xl--center {
    justify-content: center;
  }
  .justify-content-xl--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xl--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xl--stretch {
    justify-content: stretch;
  }
  .justify-content-xl--inherit {
    justify-content: inherit;
  }
  .justify-content-xl--initial {
    justify-content: initial;
  }
  .justify-items-xl--auto {
    justify-items: auto;
  }
  .justify-items-xl--baseline {
    justify-items: baseline;
  }
  .justify-items-xl--legacy {
    justify-items: legacy;
  }
  .justify-items-xl--space-between {
    justify-items: space-between;
  }
  .justify-items-xl--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xl--start {
    justify-items: start;
  }
  .justify-items-xl--self-start {
    justify-items: self-start;
  }
  .justify-items-xl--right {
    justify-items: right;
  }
  .justify-items-xl--left {
    justify-items: left;
  }
  .justify-items-xl--center {
    justify-items: center;
  }
  .justify-items-xl--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xl--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xl--stretch {
    justify-items: stretch;
  }
  .justify-items-xl--inherit {
    justify-items: inherit;
  }
  .justify-items-xl--initial {
    justify-items: initial;
  }
}
@media (max-width: 1920px) {
  .justify-self-xx--auto {
    justify-self: auto;
  }
  .justify-self-xx--baseline {
    justify-self: baseline;
  }
  .justify-self-xx--legacy {
    justify-self: legacy;
  }
  .justify-self-xx--space-between {
    justify-self: space-between;
  }
  .justify-self-xx--space-around end {
    justify-self: space-around end;
  }
  .justify-self-xx--start {
    justify-self: start;
  }
  .justify-self-xx--self-start {
    justify-self: self-start;
  }
  .justify-self-xx--right {
    justify-self: right;
  }
  .justify-self-xx--left {
    justify-self: left;
  }
  .justify-self-xx--center {
    justify-self: center;
  }
  .justify-self-xx--flex-end {
    justify-self: flex-end;
  }
  .justify-self-xx--flex-start {
    justify-self: flex-start;
  }
  .justify-self-xx--stretch {
    justify-self: stretch;
  }
  .justify-self-xx--inherit {
    justify-self: inherit;
  }
  .justify-self-xx--initial {
    justify-self: initial;
  }
  .justify-content-xx--auto {
    justify-content: auto;
  }
  .justify-content-xx--baseline {
    justify-content: baseline;
  }
  .justify-content-xx--legacy {
    justify-content: legacy;
  }
  .justify-content-xx--space-between {
    justify-content: space-between;
  }
  .justify-content-xx--space-around end {
    justify-content: space-around end;
  }
  .justify-content-xx--start {
    justify-content: start;
  }
  .justify-content-xx--self-start {
    justify-content: self-start;
  }
  .justify-content-xx--right {
    justify-content: right;
  }
  .justify-content-xx--left {
    justify-content: left;
  }
  .justify-content-xx--center {
    justify-content: center;
  }
  .justify-content-xx--flex-end {
    justify-content: flex-end;
  }
  .justify-content-xx--flex-start {
    justify-content: flex-start;
  }
  .justify-content-xx--stretch {
    justify-content: stretch;
  }
  .justify-content-xx--inherit {
    justify-content: inherit;
  }
  .justify-content-xx--initial {
    justify-content: initial;
  }
  .justify-items-xx--auto {
    justify-items: auto;
  }
  .justify-items-xx--baseline {
    justify-items: baseline;
  }
  .justify-items-xx--legacy {
    justify-items: legacy;
  }
  .justify-items-xx--space-between {
    justify-items: space-between;
  }
  .justify-items-xx--space-around end {
    justify-items: space-around end;
  }
  .justify-items-xx--start {
    justify-items: start;
  }
  .justify-items-xx--self-start {
    justify-items: self-start;
  }
  .justify-items-xx--right {
    justify-items: right;
  }
  .justify-items-xx--left {
    justify-items: left;
  }
  .justify-items-xx--center {
    justify-items: center;
  }
  .justify-items-xx--flex-end {
    justify-items: flex-end;
  }
  .justify-items-xx--flex-start {
    justify-items: flex-start;
  }
  .justify-items-xx--stretch {
    justify-items: stretch;
  }
  .justify-items-xx--inherit {
    justify-items: inherit;
  }
  .justify-items-xx--initial {
    justify-items: initial;
  }
}
.opacity--0 {
  opacity: 0;
}

.opacity--1 {
  opacity: 0.1;
}

.opacity--2 {
  opacity: 0.2;
}

.opacity--3 {
  opacity: 0.3;
}

.opacity--4 {
  opacity: 0.4;
}

.opacity--5 {
  opacity: 0.5;
}

.opacity--6 {
  opacity: 0.6;
}

.opacity--7 {
  opacity: 0.7;
}

.opacity--8 {
  opacity: 0.8;
}

.opacity--9 {
  opacity: 0.9;
}

.opacity--10 {
  opacity: 1;
}

.b--0 {
  border: 0rem solid;
}

.b--1 {
  border: 0.0555864369rem solid;
}

.b--2 {
  border: 0.1111728738rem solid;
}

.b--3 {
  border: 0.1667593107rem solid;
}

.b--5 {
  border: 0.2779321845rem solid;
}

.b--8 {
  border: 0.4446914953rem solid;
}

.b--13 {
  border: 0.7226236798rem solid;
}

.b--21 {
  border: 1.1673151751rem solid;
}

.b--34 {
  border: 1.8899388549rem solid;
}

.b--55 {
  border: 3.05725403rem solid;
}

.b--89 {
  border: 4.9471928849rem solid;
}

.b--144 {
  border: 8.004446915rem solid;
}

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

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

.b-color--main {
  border-color: var(--main);
}

.b-color--text {
  border-color: var(--text);
}

.b-color--link {
  border-color: var(--link);
}

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

.b-color--secondary {
  border-color: var(--secondary);
}

.b-color--danger {
  border-color: var(--danger);
}

.b-color--success {
  border-color: var(--success);
}

.b-color--warning {
  border-color: var(--warning);
}

.b-color--info {
  border-color: var(--info);
}

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

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

.b-color--shade {
  border-color: var(--shade);
}

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

.b-color--silent {
  border-color: var(--silent);
}

.b-color--sea {
  border-color: var(--sea);
}

.b-color--paper {
  border-color: var(--paper);
}

.b-color--off {
  border-color: var(--off);
}

.b-color--day {
  border-color: var(--day);
}

.b-color--warm {
  border-color: var(--warm);
}

.b-color--transparent {
  border-color: var(--transparent);
}

.b-color--black-i {
  border-color: var(--black) !important;
}

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

.b-color--main-i {
  border-color: var(--main) !important;
}

.b-color--text-i {
  border-color: var(--text) !important;
}

.b-color--link-i {
  border-color: var(--link) !important;
}

.b-color--primary-i {
  border-color: var(--primary) !important;
}

.b-color--secondary-i {
  border-color: var(--secondary) !important;
}

.b-color--danger-i {
  border-color: var(--danger) !important;
}

.b-color--success-i {
  border-color: var(--success) !important;
}

.b-color--warning-i {
  border-color: var(--warning) !important;
}

.b-color--info-i {
  border-color: var(--info) !important;
}

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

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

.b-color--shade-i {
  border-color: var(--shade) !important;
}

.b-color--gray-i {
  border-color: var(--gray) !important;
}

.b-color--silent-i {
  border-color: var(--silent) !important;
}

.b-color--sea-i {
  border-color: var(--sea) !important;
}

.b-color--paper-i {
  border-color: var(--paper) !important;
}

.b-color--off-i {
  border-color: var(--off) !important;
}

.b-color--day-i {
  border-color: var(--day) !important;
}

.b-color--warm-i {
  border-color: var(--warm) !important;
}

.b-color--transparent-i {
  border-color: var(--transparent) !important;
}

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

.b-style--solid {
  border-style: solid;
}

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

.b-style--double {
  border-style: double;
}

.b-style--groove {
  border-style: groove;
}

.b-style--inherit {
  border-style: inherit;
}

.b-style--initial {
  border-style: initial;
}

.b-style--hidden {
  border-style: hidden;
}

.b-style--unset {
  border-style: unset;
}

.b-style--outset {
  border-style: outset;
}

.b-style--ridge {
  border-style: ridge;
}

.b-style--none {
  border-style: none;
}

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

.b-style--solid {
  border-style: solid;
}

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

.b-style--double {
  border-style: double;
}

.b-style--groove {
  border-style: groove;
}

.b-style--inherit {
  border-style: inherit;
}

.b-style--initial {
  border-style: initial;
}

.b-style--hidden {
  border-style: hidden;
}

.b-style--unset {
  border-style: unset;
}

.b-style--outset {
  border-style: outset;
}

.b-style--ridge {
  border-style: ridge;
}

.b-style--none {
  border-style: none;
}

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

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

.main {
  color: var(--main);
  color: var(--main);
}

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

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

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

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

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

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

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

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

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

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

.shade {
  color: var(--shade);
  color: var(--shade);
}

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

.silent {
  color: var(--silent);
  color: var(--silent);
}

.sea {
  color: var(--sea);
  color: var(--sea);
}

.paper {
  color: var(--paper);
  color: var(--paper);
}

.off {
  color: var(--off);
  color: var(--off);
}

.day {
  color: var(--day);
  color: var(--day);
}

.warm {
  color: var(--warm);
  color: var(--warm);
}

.transparent {
  color: var(--transparent);
  color: var(--transparent);
}

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

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

.main-i {
  color: var(--main) !important;
}

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

.link-i {
  color: var(--link) !important;
}

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

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

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

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

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

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

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

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

.shade-i {
  color: var(--shade) !important;
}

.gray-i {
  color: var(--gray) !important;
}

.silent-i {
  color: var(--silent) !important;
}

.sea-i {
  color: var(--sea) !important;
}

.paper-i {
  color: var(--paper) !important;
}

.off-i {
  color: var(--off) !important;
}

.day-i {
  color: var(--day) !important;
}

.warm-i {
  color: var(--warm) !important;
}

.transparent-i {
  color: var(--transparent) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 332px) {
  .bg-ss--black {
    background-color: var(--black);
  }
  .bg-ss--white {
    background-color: var(--white);
  }
  .bg-ss--main {
    background-color: var(--main);
  }
  .bg-ss--text {
    background-color: var(--text);
  }
  .bg-ss--link {
    background-color: var(--link);
  }
  .bg-ss--primary {
    background-color: var(--primary);
  }
  .bg-ss--secondary {
    background-color: var(--secondary);
  }
  .bg-ss--danger {
    background-color: var(--danger);
  }
  .bg-ss--success {
    background-color: var(--success);
  }
  .bg-ss--warning {
    background-color: var(--warning);
  }
  .bg-ss--info {
    background-color: var(--info);
  }
  .bg-ss--light {
    background-color: var(--light);
  }
  .bg-ss--dark {
    background-color: var(--dark);
  }
  .bg-ss--shade {
    background-color: var(--shade);
  }
  .bg-ss--gray {
    background-color: var(--gray);
  }
  .bg-ss--silent {
    background-color: var(--silent);
  }
  .bg-ss--sea {
    background-color: var(--sea);
  }
  .bg-ss--paper {
    background-color: var(--paper);
  }
  .bg-ss--off {
    background-color: var(--off);
  }
  .bg-ss--day {
    background-color: var(--day);
  }
  .bg-ss--warm {
    background-color: var(--warm);
  }
  .bg-ss--transparent {
    background-color: var(--transparent);
  }
}
@media (max-width: 480px) {
  .bg-xs--black {
    background-color: var(--black);
  }
  .bg-xs--white {
    background-color: var(--white);
  }
  .bg-xs--main {
    background-color: var(--main);
  }
  .bg-xs--text {
    background-color: var(--text);
  }
  .bg-xs--link {
    background-color: var(--link);
  }
  .bg-xs--primary {
    background-color: var(--primary);
  }
  .bg-xs--secondary {
    background-color: var(--secondary);
  }
  .bg-xs--danger {
    background-color: var(--danger);
  }
  .bg-xs--success {
    background-color: var(--success);
  }
  .bg-xs--warning {
    background-color: var(--warning);
  }
  .bg-xs--info {
    background-color: var(--info);
  }
  .bg-xs--light {
    background-color: var(--light);
  }
  .bg-xs--dark {
    background-color: var(--dark);
  }
  .bg-xs--shade {
    background-color: var(--shade);
  }
  .bg-xs--gray {
    background-color: var(--gray);
  }
  .bg-xs--silent {
    background-color: var(--silent);
  }
  .bg-xs--sea {
    background-color: var(--sea);
  }
  .bg-xs--paper {
    background-color: var(--paper);
  }
  .bg-xs--off {
    background-color: var(--off);
  }
  .bg-xs--day {
    background-color: var(--day);
  }
  .bg-xs--warm {
    background-color: var(--warm);
  }
  .bg-xs--transparent {
    background-color: var(--transparent);
  }
}
@media (max-width: 576px) {
  .bg-sm--black {
    background-color: var(--black);
  }
  .bg-sm--white {
    background-color: var(--white);
  }
  .bg-sm--main {
    background-color: var(--main);
  }
  .bg-sm--text {
    background-color: var(--text);
  }
  .bg-sm--link {
    background-color: var(--link);
  }
  .bg-sm--primary {
    background-color: var(--primary);
  }
  .bg-sm--secondary {
    background-color: var(--secondary);
  }
  .bg-sm--danger {
    background-color: var(--danger);
  }
  .bg-sm--success {
    background-color: var(--success);
  }
  .bg-sm--warning {
    background-color: var(--warning);
  }
  .bg-sm--info {
    background-color: var(--info);
  }
  .bg-sm--light {
    background-color: var(--light);
  }
  .bg-sm--dark {
    background-color: var(--dark);
  }
  .bg-sm--shade {
    background-color: var(--shade);
  }
  .bg-sm--gray {
    background-color: var(--gray);
  }
  .bg-sm--silent {
    background-color: var(--silent);
  }
  .bg-sm--sea {
    background-color: var(--sea);
  }
  .bg-sm--paper {
    background-color: var(--paper);
  }
  .bg-sm--off {
    background-color: var(--off);
  }
  .bg-sm--day {
    background-color: var(--day);
  }
  .bg-sm--warm {
    background-color: var(--warm);
  }
  .bg-sm--transparent {
    background-color: var(--transparent);
  }
}
@media (max-width: 768px) {
  .bg-md--black {
    background-color: var(--black);
  }
  .bg-md--white {
    background-color: var(--white);
  }
  .bg-md--main {
    background-color: var(--main);
  }
  .bg-md--text {
    background-color: var(--text);
  }
  .bg-md--link {
    background-color: var(--link);
  }
  .bg-md--primary {
    background-color: var(--primary);
  }
  .bg-md--secondary {
    background-color: var(--secondary);
  }
  .bg-md--danger {
    background-color: var(--danger);
  }
  .bg-md--success {
    background-color: var(--success);
  }
  .bg-md--warning {
    background-color: var(--warning);
  }
  .bg-md--info {
    background-color: var(--info);
  }
  .bg-md--light {
    background-color: var(--light);
  }
  .bg-md--dark {
    background-color: var(--dark);
  }
  .bg-md--shade {
    background-color: var(--shade);
  }
  .bg-md--gray {
    background-color: var(--gray);
  }
  .bg-md--silent {
    background-color: var(--silent);
  }
  .bg-md--sea {
    background-color: var(--sea);
  }
  .bg-md--paper {
    background-color: var(--paper);
  }
  .bg-md--off {
    background-color: var(--off);
  }
  .bg-md--day {
    background-color: var(--day);
  }
  .bg-md--warm {
    background-color: var(--warm);
  }
  .bg-md--transparent {
    background-color: var(--transparent);
  }
}
@media (max-width: 992px) {
  .bg-lg--black {
    background-color: var(--black);
  }
  .bg-lg--white {
    background-color: var(--white);
  }
  .bg-lg--main {
    background-color: var(--main);
  }
  .bg-lg--text {
    background-color: var(--text);
  }
  .bg-lg--link {
    background-color: var(--link);
  }
  .bg-lg--primary {
    background-color: var(--primary);
  }
  .bg-lg--secondary {
    background-color: var(--secondary);
  }
  .bg-lg--danger {
    background-color: var(--danger);
  }
  .bg-lg--success {
    background-color: var(--success);
  }
  .bg-lg--warning {
    background-color: var(--warning);
  }
  .bg-lg--info {
    background-color: var(--info);
  }
  .bg-lg--light {
    background-color: var(--light);
  }
  .bg-lg--dark {
    background-color: var(--dark);
  }
  .bg-lg--shade {
    background-color: var(--shade);
  }
  .bg-lg--gray {
    background-color: var(--gray);
  }
  .bg-lg--silent {
    background-color: var(--silent);
  }
  .bg-lg--sea {
    background-color: var(--sea);
  }
  .bg-lg--paper {
    background-color: var(--paper);
  }
  .bg-lg--off {
    background-color: var(--off);
  }
  .bg-lg--day {
    background-color: var(--day);
  }
  .bg-lg--warm {
    background-color: var(--warm);
  }
  .bg-lg--transparent {
    background-color: var(--transparent);
  }
}
@media (max-width: 1200px) {
  .bg-ll--black {
    background-color: var(--black);
  }
  .bg-ll--white {
    background-color: var(--white);
  }
  .bg-ll--main {
    background-color: var(--main);
  }
  .bg-ll--text {
    background-color: var(--text);
  }
  .bg-ll--link {
    background-color: var(--link);
  }
  .bg-ll--primary {
    background-color: var(--primary);
  }
  .bg-ll--secondary {
    background-color: var(--secondary);
  }
  .bg-ll--danger {
    background-color: var(--danger);
  }
  .bg-ll--success {
    background-color: var(--success);
  }
  .bg-ll--warning {
    background-color: var(--warning);
  }
  .bg-ll--info {
    background-color: var(--info);
  }
  .bg-ll--light {
    background-color: var(--light);
  }
  .bg-ll--dark {
    background-color: var(--dark);
  }
  .bg-ll--shade {
    background-color: var(--shade);
  }
  .bg-ll--gray {
    background-color: var(--gray);
  }
  .bg-ll--silent {
    background-color: var(--silent);
  }
  .bg-ll--sea {
    background-color: var(--sea);
  }
  .bg-ll--paper {
    background-color: var(--paper);
  }
  .bg-ll--off {
    background-color: var(--off);
  }
  .bg-ll--day {
    background-color: var(--day);
  }
  .bg-ll--warm {
    background-color: var(--warm);
  }
  .bg-ll--transparent {
    background-color: var(--transparent);
  }
}
@media (max-width: 1600px) {
  .bg-xl--black {
    background-color: var(--black);
  }
  .bg-xl--white {
    background-color: var(--white);
  }
  .bg-xl--main {
    background-color: var(--main);
  }
  .bg-xl--text {
    background-color: var(--text);
  }
  .bg-xl--link {
    background-color: var(--link);
  }
  .bg-xl--primary {
    background-color: var(--primary);
  }
  .bg-xl--secondary {
    background-color: var(--secondary);
  }
  .bg-xl--danger {
    background-color: var(--danger);
  }
  .bg-xl--success {
    background-color: var(--success);
  }
  .bg-xl--warning {
    background-color: var(--warning);
  }
  .bg-xl--info {
    background-color: var(--info);
  }
  .bg-xl--light {
    background-color: var(--light);
  }
  .bg-xl--dark {
    background-color: var(--dark);
  }
  .bg-xl--shade {
    background-color: var(--shade);
  }
  .bg-xl--gray {
    background-color: var(--gray);
  }
  .bg-xl--silent {
    background-color: var(--silent);
  }
  .bg-xl--sea {
    background-color: var(--sea);
  }
  .bg-xl--paper {
    background-color: var(--paper);
  }
  .bg-xl--off {
    background-color: var(--off);
  }
  .bg-xl--day {
    background-color: var(--day);
  }
  .bg-xl--warm {
    background-color: var(--warm);
  }
  .bg-xl--transparent {
    background-color: var(--transparent);
  }
}
@media (max-width: 1920px) {
  .bg-xx--black {
    background-color: var(--black);
  }
  .bg-xx--white {
    background-color: var(--white);
  }
  .bg-xx--main {
    background-color: var(--main);
  }
  .bg-xx--text {
    background-color: var(--text);
  }
  .bg-xx--link {
    background-color: var(--link);
  }
  .bg-xx--primary {
    background-color: var(--primary);
  }
  .bg-xx--secondary {
    background-color: var(--secondary);
  }
  .bg-xx--danger {
    background-color: var(--danger);
  }
  .bg-xx--success {
    background-color: var(--success);
  }
  .bg-xx--warning {
    background-color: var(--warning);
  }
  .bg-xx--info {
    background-color: var(--info);
  }
  .bg-xx--light {
    background-color: var(--light);
  }
  .bg-xx--dark {
    background-color: var(--dark);
  }
  .bg-xx--shade {
    background-color: var(--shade);
  }
  .bg-xx--gray {
    background-color: var(--gray);
  }
  .bg-xx--silent {
    background-color: var(--silent);
  }
  .bg-xx--sea {
    background-color: var(--sea);
  }
  .bg-xx--paper {
    background-color: var(--paper);
  }
  .bg-xx--off {
    background-color: var(--off);
  }
  .bg-xx--day {
    background-color: var(--day);
  }
  .bg-xx--warm {
    background-color: var(--warm);
  }
  .bg-xx--transparent {
    background-color: var(--transparent);
  }
}
.bg--black-i {
  background-color: var(--black) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-child--main > * {
  background-color: var(--main) !important;
}

.bg-child--text > * {
  background-color: var(--text) !important;
}

.bg-child--link > * {
  background-color: var(--link) !important;
}

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

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

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

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

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

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

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

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

.bg-child--shade > * {
  background-color: var(--shade) !important;
}

.bg-child--gray > * {
  background-color: var(--gray) !important;
}

.bg-child--silent > * {
  background-color: var(--silent) !important;
}

.bg-child--sea > * {
  background-color: var(--sea) !important;
}

.bg-child--paper > * {
  background-color: var(--paper) !important;
}

.bg-child--off > * {
  background-color: var(--off) !important;
}

.bg-child--day > * {
  background-color: var(--day) !important;
}

.bg-child--warm > * {
  background-color: var(--warm) !important;
}

.bg-child--transparent > * {
  background-color: var(--transparent) !important;
}

.placeholder--black::-moz-placeholder {
  color: var(--black);
}

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

.placeholder--white::-moz-placeholder {
  color: var(--white);
}

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

.placeholder--main::-moz-placeholder {
  color: var(--main);
}

.placeholder--main::placeholder {
  color: var(--main);
}

.placeholder--text::-moz-placeholder {
  color: var(--text);
}

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

.placeholder--link::-moz-placeholder {
  color: var(--link);
}

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

.placeholder--primary::-moz-placeholder {
  color: var(--primary);
}

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

.placeholder--secondary::-moz-placeholder {
  color: var(--secondary);
}

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

.placeholder--danger::-moz-placeholder {
  color: var(--danger);
}

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

.placeholder--success::-moz-placeholder {
  color: var(--success);
}

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

.placeholder--warning::-moz-placeholder {
  color: var(--warning);
}

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

.placeholder--info::-moz-placeholder {
  color: var(--info);
}

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

.placeholder--light::-moz-placeholder {
  color: var(--light);
}

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

.placeholder--dark::-moz-placeholder {
  color: var(--dark);
}

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

.placeholder--shade::-moz-placeholder {
  color: var(--shade);
}

.placeholder--shade::placeholder {
  color: var(--shade);
}

.placeholder--gray::-moz-placeholder {
  color: var(--gray);
}

.placeholder--gray::placeholder {
  color: var(--gray);
}

.placeholder--silent::-moz-placeholder {
  color: var(--silent);
}

.placeholder--silent::placeholder {
  color: var(--silent);
}

.placeholder--sea::-moz-placeholder {
  color: var(--sea);
}

.placeholder--sea::placeholder {
  color: var(--sea);
}

.placeholder--paper::-moz-placeholder {
  color: var(--paper);
}

.placeholder--paper::placeholder {
  color: var(--paper);
}

.placeholder--off::-moz-placeholder {
  color: var(--off);
}

.placeholder--off::placeholder {
  color: var(--off);
}

.placeholder--day::-moz-placeholder {
  color: var(--day);
}

.placeholder--day::placeholder {
  color: var(--day);
}

.placeholder--warm::-moz-placeholder {
  color: var(--warm);
}

.placeholder--warm::placeholder {
  color: var(--warm);
}

.placeholder--transparent::-moz-placeholder {
  color: var(--transparent);
}

.placeholder--transparent::placeholder {
  color: var(--transparent);
}

.bg-blur--0 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
}

.bg-blur--1 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.bg-blur--2 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.bg-blur--3 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.bg-blur--5 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.bg-blur--8 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.bg-blur--13 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(13px);
          backdrop-filter: blur(13px);
}

.bg-blur--21 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
}

.bg-blur--34 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(34px);
          backdrop-filter: blur(34px);
}

.bg-blur--55 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(55px);
          backdrop-filter: blur(55px);
}

.bg-blur--89 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(89px);
          backdrop-filter: blur(89px);
}

.bg-blur--144 {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(144px);
          backdrop-filter: blur(144px);
}

.bg-shade-black--0 {
  position: relative;
}
.bg-shade-black--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--black);
}

.bg-shade-black--1 {
  position: relative;
}
.bg-shade-black--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--black);
}

.bg-shade-black--2 {
  position: relative;
}
.bg-shade-black--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--black);
}

.bg-shade-black--3 {
  position: relative;
}
.bg-shade-black--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--black);
}

.bg-shade-black--5 {
  position: relative;
}
.bg-shade-black--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--black);
}

.bg-shade-black--8 {
  position: relative;
}
.bg-shade-black--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--black);
}

.bg-shade-black--13 {
  position: relative;
}
.bg-shade-black--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--black);
}

.bg-shade-black--21 {
  position: relative;
}
.bg-shade-black--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--black);
}

.bg-shade-black--34 {
  position: relative;
}
.bg-shade-black--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--black);
}

.bg-shade-black--55 {
  position: relative;
}
.bg-shade-black--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--black);
}

.bg-shade-black--89 {
  position: relative;
}
.bg-shade-black--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--black);
}

.bg-shade-black--144 {
  position: relative;
}
.bg-shade-black--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--black);
}

.bg-shade-white--0 {
  position: relative;
}
.bg-shade-white--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--white);
}

.bg-shade-white--1 {
  position: relative;
}
.bg-shade-white--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--white);
}

.bg-shade-white--2 {
  position: relative;
}
.bg-shade-white--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--white);
}

.bg-shade-white--3 {
  position: relative;
}
.bg-shade-white--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--white);
}

.bg-shade-white--5 {
  position: relative;
}
.bg-shade-white--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--white);
}

.bg-shade-white--8 {
  position: relative;
}
.bg-shade-white--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--white);
}

.bg-shade-white--13 {
  position: relative;
}
.bg-shade-white--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--white);
}

.bg-shade-white--21 {
  position: relative;
}
.bg-shade-white--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--white);
}

.bg-shade-white--34 {
  position: relative;
}
.bg-shade-white--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--white);
}

.bg-shade-white--55 {
  position: relative;
}
.bg-shade-white--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--white);
}

.bg-shade-white--89 {
  position: relative;
}
.bg-shade-white--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--white);
}

.bg-shade-white--144 {
  position: relative;
}
.bg-shade-white--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--white);
}

.bg-shade-main--0 {
  position: relative;
}
.bg-shade-main--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--main);
}

.bg-shade-main--1 {
  position: relative;
}
.bg-shade-main--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--main);
}

.bg-shade-main--2 {
  position: relative;
}
.bg-shade-main--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--main);
}

.bg-shade-main--3 {
  position: relative;
}
.bg-shade-main--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--main);
}

.bg-shade-main--5 {
  position: relative;
}
.bg-shade-main--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--main);
}

.bg-shade-main--8 {
  position: relative;
}
.bg-shade-main--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--main);
}

.bg-shade-main--13 {
  position: relative;
}
.bg-shade-main--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--main);
}

.bg-shade-main--21 {
  position: relative;
}
.bg-shade-main--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--main);
}

.bg-shade-main--34 {
  position: relative;
}
.bg-shade-main--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--main);
}

.bg-shade-main--55 {
  position: relative;
}
.bg-shade-main--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--main);
}

.bg-shade-main--89 {
  position: relative;
}
.bg-shade-main--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--main);
}

.bg-shade-main--144 {
  position: relative;
}
.bg-shade-main--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--main);
}

.bg-shade-text--0 {
  position: relative;
}
.bg-shade-text--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--text);
}

.bg-shade-text--1 {
  position: relative;
}
.bg-shade-text--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--text);
}

.bg-shade-text--2 {
  position: relative;
}
.bg-shade-text--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--text);
}

.bg-shade-text--3 {
  position: relative;
}
.bg-shade-text--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--text);
}

.bg-shade-text--5 {
  position: relative;
}
.bg-shade-text--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--text);
}

.bg-shade-text--8 {
  position: relative;
}
.bg-shade-text--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--text);
}

.bg-shade-text--13 {
  position: relative;
}
.bg-shade-text--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--text);
}

.bg-shade-text--21 {
  position: relative;
}
.bg-shade-text--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--text);
}

.bg-shade-text--34 {
  position: relative;
}
.bg-shade-text--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--text);
}

.bg-shade-text--55 {
  position: relative;
}
.bg-shade-text--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--text);
}

.bg-shade-text--89 {
  position: relative;
}
.bg-shade-text--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--text);
}

.bg-shade-text--144 {
  position: relative;
}
.bg-shade-text--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--text);
}

.bg-shade-link--0 {
  position: relative;
}
.bg-shade-link--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--link);
}

.bg-shade-link--1 {
  position: relative;
}
.bg-shade-link--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--link);
}

.bg-shade-link--2 {
  position: relative;
}
.bg-shade-link--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--link);
}

.bg-shade-link--3 {
  position: relative;
}
.bg-shade-link--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--link);
}

.bg-shade-link--5 {
  position: relative;
}
.bg-shade-link--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--link);
}

.bg-shade-link--8 {
  position: relative;
}
.bg-shade-link--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--link);
}

.bg-shade-link--13 {
  position: relative;
}
.bg-shade-link--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--link);
}

.bg-shade-link--21 {
  position: relative;
}
.bg-shade-link--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--link);
}

.bg-shade-link--34 {
  position: relative;
}
.bg-shade-link--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--link);
}

.bg-shade-link--55 {
  position: relative;
}
.bg-shade-link--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--link);
}

.bg-shade-link--89 {
  position: relative;
}
.bg-shade-link--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--link);
}

.bg-shade-link--144 {
  position: relative;
}
.bg-shade-link--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--link);
}

.bg-shade-primary--0 {
  position: relative;
}
.bg-shade-primary--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--primary);
}

.bg-shade-primary--1 {
  position: relative;
}
.bg-shade-primary--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--primary);
}

.bg-shade-primary--2 {
  position: relative;
}
.bg-shade-primary--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--primary);
}

.bg-shade-primary--3 {
  position: relative;
}
.bg-shade-primary--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--primary);
}

.bg-shade-primary--5 {
  position: relative;
}
.bg-shade-primary--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--primary);
}

.bg-shade-primary--8 {
  position: relative;
}
.bg-shade-primary--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--primary);
}

.bg-shade-primary--13 {
  position: relative;
}
.bg-shade-primary--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--primary);
}

.bg-shade-primary--21 {
  position: relative;
}
.bg-shade-primary--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--primary);
}

.bg-shade-primary--34 {
  position: relative;
}
.bg-shade-primary--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--primary);
}

.bg-shade-primary--55 {
  position: relative;
}
.bg-shade-primary--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--primary);
}

.bg-shade-primary--89 {
  position: relative;
}
.bg-shade-primary--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--primary);
}

.bg-shade-primary--144 {
  position: relative;
}
.bg-shade-primary--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--primary);
}

.bg-shade-secondary--0 {
  position: relative;
}
.bg-shade-secondary--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--secondary);
}

.bg-shade-secondary--1 {
  position: relative;
}
.bg-shade-secondary--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--secondary);
}

.bg-shade-secondary--2 {
  position: relative;
}
.bg-shade-secondary--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--secondary);
}

.bg-shade-secondary--3 {
  position: relative;
}
.bg-shade-secondary--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--secondary);
}

.bg-shade-secondary--5 {
  position: relative;
}
.bg-shade-secondary--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--secondary);
}

.bg-shade-secondary--8 {
  position: relative;
}
.bg-shade-secondary--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--secondary);
}

.bg-shade-secondary--13 {
  position: relative;
}
.bg-shade-secondary--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--secondary);
}

.bg-shade-secondary--21 {
  position: relative;
}
.bg-shade-secondary--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--secondary);
}

.bg-shade-secondary--34 {
  position: relative;
}
.bg-shade-secondary--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--secondary);
}

.bg-shade-secondary--55 {
  position: relative;
}
.bg-shade-secondary--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--secondary);
}

.bg-shade-secondary--89 {
  position: relative;
}
.bg-shade-secondary--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--secondary);
}

.bg-shade-secondary--144 {
  position: relative;
}
.bg-shade-secondary--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--secondary);
}

.bg-shade-danger--0 {
  position: relative;
}
.bg-shade-danger--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--danger);
}

.bg-shade-danger--1 {
  position: relative;
}
.bg-shade-danger--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--danger);
}

.bg-shade-danger--2 {
  position: relative;
}
.bg-shade-danger--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--danger);
}

.bg-shade-danger--3 {
  position: relative;
}
.bg-shade-danger--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--danger);
}

.bg-shade-danger--5 {
  position: relative;
}
.bg-shade-danger--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--danger);
}

.bg-shade-danger--8 {
  position: relative;
}
.bg-shade-danger--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--danger);
}

.bg-shade-danger--13 {
  position: relative;
}
.bg-shade-danger--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--danger);
}

.bg-shade-danger--21 {
  position: relative;
}
.bg-shade-danger--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--danger);
}

.bg-shade-danger--34 {
  position: relative;
}
.bg-shade-danger--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--danger);
}

.bg-shade-danger--55 {
  position: relative;
}
.bg-shade-danger--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--danger);
}

.bg-shade-danger--89 {
  position: relative;
}
.bg-shade-danger--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--danger);
}

.bg-shade-danger--144 {
  position: relative;
}
.bg-shade-danger--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--danger);
}

.bg-shade-success--0 {
  position: relative;
}
.bg-shade-success--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--success);
}

.bg-shade-success--1 {
  position: relative;
}
.bg-shade-success--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--success);
}

.bg-shade-success--2 {
  position: relative;
}
.bg-shade-success--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--success);
}

.bg-shade-success--3 {
  position: relative;
}
.bg-shade-success--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--success);
}

.bg-shade-success--5 {
  position: relative;
}
.bg-shade-success--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--success);
}

.bg-shade-success--8 {
  position: relative;
}
.bg-shade-success--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--success);
}

.bg-shade-success--13 {
  position: relative;
}
.bg-shade-success--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--success);
}

.bg-shade-success--21 {
  position: relative;
}
.bg-shade-success--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--success);
}

.bg-shade-success--34 {
  position: relative;
}
.bg-shade-success--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--success);
}

.bg-shade-success--55 {
  position: relative;
}
.bg-shade-success--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--success);
}

.bg-shade-success--89 {
  position: relative;
}
.bg-shade-success--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--success);
}

.bg-shade-success--144 {
  position: relative;
}
.bg-shade-success--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--success);
}

.bg-shade-warning--0 {
  position: relative;
}
.bg-shade-warning--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--warning);
}

.bg-shade-warning--1 {
  position: relative;
}
.bg-shade-warning--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--warning);
}

.bg-shade-warning--2 {
  position: relative;
}
.bg-shade-warning--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--warning);
}

.bg-shade-warning--3 {
  position: relative;
}
.bg-shade-warning--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--warning);
}

.bg-shade-warning--5 {
  position: relative;
}
.bg-shade-warning--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--warning);
}

.bg-shade-warning--8 {
  position: relative;
}
.bg-shade-warning--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--warning);
}

.bg-shade-warning--13 {
  position: relative;
}
.bg-shade-warning--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--warning);
}

.bg-shade-warning--21 {
  position: relative;
}
.bg-shade-warning--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--warning);
}

.bg-shade-warning--34 {
  position: relative;
}
.bg-shade-warning--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--warning);
}

.bg-shade-warning--55 {
  position: relative;
}
.bg-shade-warning--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--warning);
}

.bg-shade-warning--89 {
  position: relative;
}
.bg-shade-warning--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--warning);
}

.bg-shade-warning--144 {
  position: relative;
}
.bg-shade-warning--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--warning);
}

.bg-shade-info--0 {
  position: relative;
}
.bg-shade-info--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--info);
}

.bg-shade-info--1 {
  position: relative;
}
.bg-shade-info--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--info);
}

.bg-shade-info--2 {
  position: relative;
}
.bg-shade-info--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--info);
}

.bg-shade-info--3 {
  position: relative;
}
.bg-shade-info--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--info);
}

.bg-shade-info--5 {
  position: relative;
}
.bg-shade-info--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--info);
}

.bg-shade-info--8 {
  position: relative;
}
.bg-shade-info--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--info);
}

.bg-shade-info--13 {
  position: relative;
}
.bg-shade-info--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--info);
}

.bg-shade-info--21 {
  position: relative;
}
.bg-shade-info--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--info);
}

.bg-shade-info--34 {
  position: relative;
}
.bg-shade-info--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--info);
}

.bg-shade-info--55 {
  position: relative;
}
.bg-shade-info--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--info);
}

.bg-shade-info--89 {
  position: relative;
}
.bg-shade-info--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--info);
}

.bg-shade-info--144 {
  position: relative;
}
.bg-shade-info--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--info);
}

.bg-shade-light--0 {
  position: relative;
}
.bg-shade-light--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--light);
}

.bg-shade-light--1 {
  position: relative;
}
.bg-shade-light--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--light);
}

.bg-shade-light--2 {
  position: relative;
}
.bg-shade-light--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--light);
}

.bg-shade-light--3 {
  position: relative;
}
.bg-shade-light--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--light);
}

.bg-shade-light--5 {
  position: relative;
}
.bg-shade-light--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--light);
}

.bg-shade-light--8 {
  position: relative;
}
.bg-shade-light--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--light);
}

.bg-shade-light--13 {
  position: relative;
}
.bg-shade-light--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--light);
}

.bg-shade-light--21 {
  position: relative;
}
.bg-shade-light--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--light);
}

.bg-shade-light--34 {
  position: relative;
}
.bg-shade-light--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--light);
}

.bg-shade-light--55 {
  position: relative;
}
.bg-shade-light--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--light);
}

.bg-shade-light--89 {
  position: relative;
}
.bg-shade-light--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--light);
}

.bg-shade-light--144 {
  position: relative;
}
.bg-shade-light--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--light);
}

.bg-shade-dark--0 {
  position: relative;
}
.bg-shade-dark--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--dark);
}

.bg-shade-dark--1 {
  position: relative;
}
.bg-shade-dark--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--dark);
}

.bg-shade-dark--2 {
  position: relative;
}
.bg-shade-dark--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--dark);
}

.bg-shade-dark--3 {
  position: relative;
}
.bg-shade-dark--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--dark);
}

.bg-shade-dark--5 {
  position: relative;
}
.bg-shade-dark--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--dark);
}

.bg-shade-dark--8 {
  position: relative;
}
.bg-shade-dark--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--dark);
}

.bg-shade-dark--13 {
  position: relative;
}
.bg-shade-dark--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--dark);
}

.bg-shade-dark--21 {
  position: relative;
}
.bg-shade-dark--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--dark);
}

.bg-shade-dark--34 {
  position: relative;
}
.bg-shade-dark--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--dark);
}

.bg-shade-dark--55 {
  position: relative;
}
.bg-shade-dark--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--dark);
}

.bg-shade-dark--89 {
  position: relative;
}
.bg-shade-dark--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--dark);
}

.bg-shade-dark--144 {
  position: relative;
}
.bg-shade-dark--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--dark);
}

.bg-shade-shade--0 {
  position: relative;
}
.bg-shade-shade--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--shade);
}

.bg-shade-shade--1 {
  position: relative;
}
.bg-shade-shade--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--shade);
}

.bg-shade-shade--2 {
  position: relative;
}
.bg-shade-shade--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--shade);
}

.bg-shade-shade--3 {
  position: relative;
}
.bg-shade-shade--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--shade);
}

.bg-shade-shade--5 {
  position: relative;
}
.bg-shade-shade--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--shade);
}

.bg-shade-shade--8 {
  position: relative;
}
.bg-shade-shade--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--shade);
}

.bg-shade-shade--13 {
  position: relative;
}
.bg-shade-shade--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--shade);
}

.bg-shade-shade--21 {
  position: relative;
}
.bg-shade-shade--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--shade);
}

.bg-shade-shade--34 {
  position: relative;
}
.bg-shade-shade--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--shade);
}

.bg-shade-shade--55 {
  position: relative;
}
.bg-shade-shade--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--shade);
}

.bg-shade-shade--89 {
  position: relative;
}
.bg-shade-shade--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--shade);
}

.bg-shade-shade--144 {
  position: relative;
}
.bg-shade-shade--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--shade);
}

.bg-shade-gray--0 {
  position: relative;
}
.bg-shade-gray--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--gray);
}

.bg-shade-gray--1 {
  position: relative;
}
.bg-shade-gray--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--gray);
}

.bg-shade-gray--2 {
  position: relative;
}
.bg-shade-gray--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--gray);
}

.bg-shade-gray--3 {
  position: relative;
}
.bg-shade-gray--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--gray);
}

.bg-shade-gray--5 {
  position: relative;
}
.bg-shade-gray--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--gray);
}

.bg-shade-gray--8 {
  position: relative;
}
.bg-shade-gray--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--gray);
}

.bg-shade-gray--13 {
  position: relative;
}
.bg-shade-gray--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--gray);
}

.bg-shade-gray--21 {
  position: relative;
}
.bg-shade-gray--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--gray);
}

.bg-shade-gray--34 {
  position: relative;
}
.bg-shade-gray--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--gray);
}

.bg-shade-gray--55 {
  position: relative;
}
.bg-shade-gray--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--gray);
}

.bg-shade-gray--89 {
  position: relative;
}
.bg-shade-gray--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--gray);
}

.bg-shade-gray--144 {
  position: relative;
}
.bg-shade-gray--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--gray);
}

.bg-shade-silent--0 {
  position: relative;
}
.bg-shade-silent--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--silent);
}

.bg-shade-silent--1 {
  position: relative;
}
.bg-shade-silent--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--silent);
}

.bg-shade-silent--2 {
  position: relative;
}
.bg-shade-silent--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--silent);
}

.bg-shade-silent--3 {
  position: relative;
}
.bg-shade-silent--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--silent);
}

.bg-shade-silent--5 {
  position: relative;
}
.bg-shade-silent--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--silent);
}

.bg-shade-silent--8 {
  position: relative;
}
.bg-shade-silent--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--silent);
}

.bg-shade-silent--13 {
  position: relative;
}
.bg-shade-silent--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--silent);
}

.bg-shade-silent--21 {
  position: relative;
}
.bg-shade-silent--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--silent);
}

.bg-shade-silent--34 {
  position: relative;
}
.bg-shade-silent--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--silent);
}

.bg-shade-silent--55 {
  position: relative;
}
.bg-shade-silent--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--silent);
}

.bg-shade-silent--89 {
  position: relative;
}
.bg-shade-silent--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--silent);
}

.bg-shade-silent--144 {
  position: relative;
}
.bg-shade-silent--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--silent);
}

.bg-shade-sea--0 {
  position: relative;
}
.bg-shade-sea--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--sea);
}

.bg-shade-sea--1 {
  position: relative;
}
.bg-shade-sea--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--sea);
}

.bg-shade-sea--2 {
  position: relative;
}
.bg-shade-sea--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--sea);
}

.bg-shade-sea--3 {
  position: relative;
}
.bg-shade-sea--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--sea);
}

.bg-shade-sea--5 {
  position: relative;
}
.bg-shade-sea--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--sea);
}

.bg-shade-sea--8 {
  position: relative;
}
.bg-shade-sea--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--sea);
}

.bg-shade-sea--13 {
  position: relative;
}
.bg-shade-sea--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--sea);
}

.bg-shade-sea--21 {
  position: relative;
}
.bg-shade-sea--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--sea);
}

.bg-shade-sea--34 {
  position: relative;
}
.bg-shade-sea--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--sea);
}

.bg-shade-sea--55 {
  position: relative;
}
.bg-shade-sea--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--sea);
}

.bg-shade-sea--89 {
  position: relative;
}
.bg-shade-sea--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--sea);
}

.bg-shade-sea--144 {
  position: relative;
}
.bg-shade-sea--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--sea);
}

.bg-shade-paper--0 {
  position: relative;
}
.bg-shade-paper--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--paper);
}

.bg-shade-paper--1 {
  position: relative;
}
.bg-shade-paper--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--paper);
}

.bg-shade-paper--2 {
  position: relative;
}
.bg-shade-paper--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--paper);
}

.bg-shade-paper--3 {
  position: relative;
}
.bg-shade-paper--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--paper);
}

.bg-shade-paper--5 {
  position: relative;
}
.bg-shade-paper--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--paper);
}

.bg-shade-paper--8 {
  position: relative;
}
.bg-shade-paper--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--paper);
}

.bg-shade-paper--13 {
  position: relative;
}
.bg-shade-paper--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--paper);
}

.bg-shade-paper--21 {
  position: relative;
}
.bg-shade-paper--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--paper);
}

.bg-shade-paper--34 {
  position: relative;
}
.bg-shade-paper--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--paper);
}

.bg-shade-paper--55 {
  position: relative;
}
.bg-shade-paper--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--paper);
}

.bg-shade-paper--89 {
  position: relative;
}
.bg-shade-paper--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--paper);
}

.bg-shade-paper--144 {
  position: relative;
}
.bg-shade-paper--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--paper);
}

.bg-shade-off--0 {
  position: relative;
}
.bg-shade-off--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--off);
}

.bg-shade-off--1 {
  position: relative;
}
.bg-shade-off--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--off);
}

.bg-shade-off--2 {
  position: relative;
}
.bg-shade-off--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--off);
}

.bg-shade-off--3 {
  position: relative;
}
.bg-shade-off--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--off);
}

.bg-shade-off--5 {
  position: relative;
}
.bg-shade-off--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--off);
}

.bg-shade-off--8 {
  position: relative;
}
.bg-shade-off--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--off);
}

.bg-shade-off--13 {
  position: relative;
}
.bg-shade-off--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--off);
}

.bg-shade-off--21 {
  position: relative;
}
.bg-shade-off--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--off);
}

.bg-shade-off--34 {
  position: relative;
}
.bg-shade-off--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--off);
}

.bg-shade-off--55 {
  position: relative;
}
.bg-shade-off--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--off);
}

.bg-shade-off--89 {
  position: relative;
}
.bg-shade-off--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--off);
}

.bg-shade-off--144 {
  position: relative;
}
.bg-shade-off--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--off);
}

.bg-shade-day--0 {
  position: relative;
}
.bg-shade-day--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--day);
}

.bg-shade-day--1 {
  position: relative;
}
.bg-shade-day--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--day);
}

.bg-shade-day--2 {
  position: relative;
}
.bg-shade-day--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--day);
}

.bg-shade-day--3 {
  position: relative;
}
.bg-shade-day--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--day);
}

.bg-shade-day--5 {
  position: relative;
}
.bg-shade-day--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--day);
}

.bg-shade-day--8 {
  position: relative;
}
.bg-shade-day--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--day);
}

.bg-shade-day--13 {
  position: relative;
}
.bg-shade-day--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--day);
}

.bg-shade-day--21 {
  position: relative;
}
.bg-shade-day--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--day);
}

.bg-shade-day--34 {
  position: relative;
}
.bg-shade-day--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--day);
}

.bg-shade-day--55 {
  position: relative;
}
.bg-shade-day--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--day);
}

.bg-shade-day--89 {
  position: relative;
}
.bg-shade-day--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--day);
}

.bg-shade-day--144 {
  position: relative;
}
.bg-shade-day--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--day);
}

.bg-shade-warm--0 {
  position: relative;
}
.bg-shade-warm--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--warm);
}

.bg-shade-warm--1 {
  position: relative;
}
.bg-shade-warm--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--warm);
}

.bg-shade-warm--2 {
  position: relative;
}
.bg-shade-warm--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--warm);
}

.bg-shade-warm--3 {
  position: relative;
}
.bg-shade-warm--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--warm);
}

.bg-shade-warm--5 {
  position: relative;
}
.bg-shade-warm--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--warm);
}

.bg-shade-warm--8 {
  position: relative;
}
.bg-shade-warm--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--warm);
}

.bg-shade-warm--13 {
  position: relative;
}
.bg-shade-warm--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--warm);
}

.bg-shade-warm--21 {
  position: relative;
}
.bg-shade-warm--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--warm);
}

.bg-shade-warm--34 {
  position: relative;
}
.bg-shade-warm--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--warm);
}

.bg-shade-warm--55 {
  position: relative;
}
.bg-shade-warm--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--warm);
}

.bg-shade-warm--89 {
  position: relative;
}
.bg-shade-warm--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--warm);
}

.bg-shade-warm--144 {
  position: relative;
}
.bg-shade-warm--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--warm);
}

.bg-shade-transparent--0 {
  position: relative;
}
.bg-shade-transparent--0::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0;
  background-color: var(--transparent);
}

.bg-shade-transparent--1 {
  position: relative;
}
.bg-shade-transparent--1::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.1;
  background-color: var(--transparent);
}

.bg-shade-transparent--2 {
  position: relative;
}
.bg-shade-transparent--2::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.2;
  background-color: var(--transparent);
}

.bg-shade-transparent--3 {
  position: relative;
}
.bg-shade-transparent--3::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background-color: var(--transparent);
}

.bg-shade-transparent--5 {
  position: relative;
}
.bg-shade-transparent--5::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background-color: var(--transparent);
}

.bg-shade-transparent--8 {
  position: relative;
}
.bg-shade-transparent--8::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 0.8;
  background-color: var(--transparent);
}

.bg-shade-transparent--13 {
  position: relative;
}
.bg-shade-transparent--13::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 1.3;
  background-color: var(--transparent);
}

.bg-shade-transparent--21 {
  position: relative;
}
.bg-shade-transparent--21::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 2.1;
  background-color: var(--transparent);
}

.bg-shade-transparent--34 {
  position: relative;
}
.bg-shade-transparent--34::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 3.4;
  background-color: var(--transparent);
}

.bg-shade-transparent--55 {
  position: relative;
}
.bg-shade-transparent--55::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 5.5;
  background-color: var(--transparent);
}

.bg-shade-transparent--89 {
  position: relative;
}
.bg-shade-transparent--89::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 8.9;
  background-color: var(--transparent);
}

.bg-shade-transparent--144 {
  position: relative;
}
.bg-shade-transparent--144::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  opacity: 14.4;
  background-color: var(--transparent);
}

.bg-hover-blur--0:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
}

.bg-hover-blur--1:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.bg-hover-blur--2:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.bg-hover-blur--3:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.bg-hover-blur--5:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.bg-hover-blur--8:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.bg-hover-blur--13:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(13px);
          backdrop-filter: blur(13px);
}

.bg-hover-blur--21:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
}

.bg-hover-blur--34:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(34px);
          backdrop-filter: blur(34px);
}

.bg-hover-blur--55:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(55px);
          backdrop-filter: blur(55px);
}

.bg-hover-blur--89:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(89px);
          backdrop-filter: blur(89px);
}

.bg-hover-blur--144:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(144px);
          backdrop-filter: blur(144px);
}

.bg-blur--0-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
}

.bg-blur--1-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.bg-blur--2-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.bg-blur--3-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.bg-blur--5-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.bg-blur--8-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.bg-blur--13-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(13px);
          backdrop-filter: blur(13px);
}

.bg-blur--21-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
}

.bg-blur--34-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(34px);
          backdrop-filter: blur(34px);
}

.bg-blur--55-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(55px);
          backdrop-filter: blur(55px);
}

.bg-blur--89-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(89px);
          backdrop-filter: blur(89px);
}

.bg-blur--144-d {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(144px);
          backdrop-filter: blur(144px);
}

@media (max-width: 332px) {
  .bg-blur-ss--0-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .bg-blur-ss--1-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .bg-blur-ss--2-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .bg-blur-ss--3-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .bg-blur-ss--5-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .bg-blur-ss--8-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
  .bg-blur-ss--13-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
  }
  .bg-blur-ss--21-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
  }
  .bg-blur-ss--34-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(34px);
            backdrop-filter: blur(34px);
  }
  .bg-blur-ss--55-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(55px);
            backdrop-filter: blur(55px);
  }
  .bg-blur-ss--89-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(89px);
            backdrop-filter: blur(89px);
  }
  .bg-blur-ss--144-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(144px);
            backdrop-filter: blur(144px);
  }
}
@media (max-width: 480px) {
  .bg-blur-xs--0-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .bg-blur-xs--1-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .bg-blur-xs--2-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .bg-blur-xs--3-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .bg-blur-xs--5-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .bg-blur-xs--8-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
  .bg-blur-xs--13-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
  }
  .bg-blur-xs--21-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
  }
  .bg-blur-xs--34-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(34px);
            backdrop-filter: blur(34px);
  }
  .bg-blur-xs--55-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(55px);
            backdrop-filter: blur(55px);
  }
  .bg-blur-xs--89-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(89px);
            backdrop-filter: blur(89px);
  }
  .bg-blur-xs--144-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(144px);
            backdrop-filter: blur(144px);
  }
}
@media (max-width: 576px) {
  .bg-blur-sm--0-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .bg-blur-sm--1-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .bg-blur-sm--2-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .bg-blur-sm--3-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .bg-blur-sm--5-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .bg-blur-sm--8-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
  .bg-blur-sm--13-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
  }
  .bg-blur-sm--21-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
  }
  .bg-blur-sm--34-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(34px);
            backdrop-filter: blur(34px);
  }
  .bg-blur-sm--55-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(55px);
            backdrop-filter: blur(55px);
  }
  .bg-blur-sm--89-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(89px);
            backdrop-filter: blur(89px);
  }
  .bg-blur-sm--144-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(144px);
            backdrop-filter: blur(144px);
  }
}
@media (max-width: 768px) {
  .bg-blur-md--0-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .bg-blur-md--1-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .bg-blur-md--2-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .bg-blur-md--3-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .bg-blur-md--5-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .bg-blur-md--8-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
  .bg-blur-md--13-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
  }
  .bg-blur-md--21-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
  }
  .bg-blur-md--34-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(34px);
            backdrop-filter: blur(34px);
  }
  .bg-blur-md--55-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(55px);
            backdrop-filter: blur(55px);
  }
  .bg-blur-md--89-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(89px);
            backdrop-filter: blur(89px);
  }
  .bg-blur-md--144-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(144px);
            backdrop-filter: blur(144px);
  }
}
@media (max-width: 992px) {
  .bg-blur-lg--0-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .bg-blur-lg--1-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .bg-blur-lg--2-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .bg-blur-lg--3-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .bg-blur-lg--5-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .bg-blur-lg--8-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
  .bg-blur-lg--13-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
  }
  .bg-blur-lg--21-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
  }
  .bg-blur-lg--34-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(34px);
            backdrop-filter: blur(34px);
  }
  .bg-blur-lg--55-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(55px);
            backdrop-filter: blur(55px);
  }
  .bg-blur-lg--89-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(89px);
            backdrop-filter: blur(89px);
  }
  .bg-blur-lg--144-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(144px);
            backdrop-filter: blur(144px);
  }
}
@media (max-width: 1200px) {
  .bg-blur-ll--0-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .bg-blur-ll--1-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .bg-blur-ll--2-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .bg-blur-ll--3-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .bg-blur-ll--5-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .bg-blur-ll--8-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
  .bg-blur-ll--13-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
  }
  .bg-blur-ll--21-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
  }
  .bg-blur-ll--34-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(34px);
            backdrop-filter: blur(34px);
  }
  .bg-blur-ll--55-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(55px);
            backdrop-filter: blur(55px);
  }
  .bg-blur-ll--89-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(89px);
            backdrop-filter: blur(89px);
  }
  .bg-blur-ll--144-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(144px);
            backdrop-filter: blur(144px);
  }
}
@media (max-width: 1600px) {
  .bg-blur-xl--0-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .bg-blur-xl--1-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .bg-blur-xl--2-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .bg-blur-xl--3-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .bg-blur-xl--5-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .bg-blur-xl--8-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
  .bg-blur-xl--13-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
  }
  .bg-blur-xl--21-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
  }
  .bg-blur-xl--34-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(34px);
            backdrop-filter: blur(34px);
  }
  .bg-blur-xl--55-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(55px);
            backdrop-filter: blur(55px);
  }
  .bg-blur-xl--89-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(89px);
            backdrop-filter: blur(89px);
  }
  .bg-blur-xl--144-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(144px);
            backdrop-filter: blur(144px);
  }
}
@media (max-width: 1920px) {
  .bg-blur-xx--0-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  .bg-blur-xx--1-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .bg-blur-xx--2-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .bg-blur-xx--3-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .bg-blur-xx--5-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .bg-blur-xx--8-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
  .bg-blur-xx--13-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
  }
  .bg-blur-xx--21-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
  }
  .bg-blur-xx--34-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(34px);
            backdrop-filter: blur(34px);
  }
  .bg-blur-xx--55-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(55px);
            backdrop-filter: blur(55px);
  }
  .bg-blur-xx--89-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(89px);
            backdrop-filter: blur(89px);
  }
  .bg-blur-xx--144-d {
    background-color: rgba(2, 2, 2, 0.5);
    -webkit-backdrop-filter: blur(144px);
            backdrop-filter: blur(144px);
  }
}
.bg-hover-blur--0-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
}

.bg-hover-blur--1-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.bg-hover-blur--2-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.bg-hover-blur--3-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.bg-hover-blur--5-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.bg-hover-blur--8-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.bg-hover-blur--13-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(13px);
          backdrop-filter: blur(13px);
}

.bg-hover-blur--21-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
}

.bg-hover-blur--34-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(34px);
          backdrop-filter: blur(34px);
}

.bg-hover-blur--55-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(55px);
          backdrop-filter: blur(55px);
}

.bg-hover-blur--89-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(89px);
          backdrop-filter: blur(89px);
}

.bg-hover-blur--144-d:hover {
  background-color: rgba(2, 2, 2, 0.5);
  -webkit-backdrop-filter: blur(144px);
          backdrop-filter: blur(144px);
}

/** Components: Aesthetic styling for reusable chunks of HTML */
/**
Components
Style rules for UI components.
*/
.card {
  position: relative;
  width: 100%;
  display: inline-block;
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
}

.box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.vcards .vcard {
  height: 233px;
  width: 144px;
}

.sq {
  position: relative;
  width: 100%;
  display: inline-block;
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
}
.sq .box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* custom scrollbar */
/** If all else fails... */
/**
Trumps
Helper or utility rules that tweak Objects or Components by adjusting and override existing rules.
*/
.square {
  height: 100%;
}

.icon {
  font-size: 50px;
  line-height: 100%;
}
.icon .icon__main {
  width: 100%;
  height: 100%;
  min-width: 30px;
  min-height: 30px;
}
.icon .icon__main::after {
  content: "A";
}

.page div {
  min-height: 100px;
  height: 100px;
}

.page {
  display: grid;
  grid-template-columns: minmax(300px, 400px) minmax(500px, 50%) minmax(300px, 1fr);
}
.page .nav {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  height: 800px;
}
.page .post {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
.page .search {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
}
.page .content {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}
.page .stories {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}
@media (max-width: 1600px) {
  .page .stories {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}
.page .suggest {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
}

.max-width {
  max-width: 1400px;
  margin: 0 auto;
}

.about {
  background: linear-gradient(90deg, var(--light-primary) 0%, var(--light-primary) 55%, var(--primary-dark) 55%);
  min-height: 500px;
}
.about .content {
  background: var(--bright-primary);
  color: var(--dark-light);
  padding: var(--default-c);
  padding-top: 144px;
  padding-right: var(--default-d);
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--default-e);
  padding-right: 55px;
  padding-bottom: 89px;
}
@media (max-width: 576px) {
  .about .content {
    padding: var(--default-b);
    padding-top: 89px;
  }
}
.about .content .about-nhgri {
  max-width: 900px;
  min-width: 300px;
}
.about .content .about-nhgri h2 {
  font-weight: 400;
  padding-bottom: var(--default-b);
  font-size: 2.6rem;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .about .content .about-nhgri h2 {
    font-size: 2.2rem;
  }
}
.about .content .about-nhgri h2::after {
  width: 89px;
  height: 13px;
  background-color: var(--main);
  content: "";
  bottom: -18px;
  left: 0px;
  position: absolute;
  z-index: 200;
}
.about .content .about-nhgri p {
  padding-bottom: var(--default-d);
  font-weight: 300;
  line-height: 1.4;
  color: var(--dark-light);
}
@media (max-width: 768px) {
  .about .content .tiles {
    flex-wrap: wrap;
  }
}
.about .sidebar {
  background: var(--primary-dark);
  padding: var(--default-c);
  padding-top: 144px;
  padding-left: var(--default-d);
  color: var(--light);
  padding-bottom: 89px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 992px) {
  .about .sidebar {
    padding-left: var(--default-c);
  }
}
@media (max-width: 992px) {
  .about .sidebar {
    padding: var(--default-b);
    padding-top: 55px;
    padding-bottom: var(--default-f);
    background: var(--primary);
    color: var(--light);
    padding-left: var(--default-b);
  }
  .about .sidebar .tiles {
    padding-top: 0;
  }
}
.about .sidebar .tiles {
  flex-wrap: wrap;
  flex-direction: column;
}
@media (max-width: 992px) {
  .about .sidebar .tiles {
    flex-direction: row;
  }
}
.about .sidebar .tiles .tile ul li a {
  color: var(--light);
  font-size: 1.1em;
}
.about .tiles {
  display: inline-flex;
  flex-direction: column;
  gap: var(--default-e);
  flex-direction: row;
  padding: var(--default-d) 0px;
}
.about .tiles .title {
  font-size: 1.7rem;
  list-style: none;
  text-transform: uppercase;
  padding: var(--default-c) 0px;
  position: relative;
  margin-bottom: 34px;
}
.about .tiles .title::after {
  width: 89px;
  height: 8px;
  background-color: var(--main);
  content: "";
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: 200;
}
.about .tiles .tile ul {
  display: static;
}
.about .tiles .tile ul li {
  font-size: large;
  font-weight: 300;
  cursor: pointer;
  padding: var(--default-b) 0px;
  display: table;
}
@media (max-width: 768px) {
  .about .tiles .tile ul li {
    font-size: larger;
  }
}
.about .tiles .tile ul li a {
  color: var(--dark-light);
  cursor: pointer;
}
.about .tiles .tile ul li a:hover {
  color: var(--main);
  text-decoration: none;
}

.tie {
  z-index: 1;
  position: relative;
}
.tie::before {
  width: 100%;
  z-index: -1;
  transition: opacity 3s;
}

.yy {
  position: relative;
  background-color: var(--white);
}
.yy::after {
  width: 55px;
  content: "";
  position: absolute;
  height: inherit;
  background-color: inherit;
  top: 0px;
  left: -55px;
  z-index: 1000;
}

.category .title {
  font-size: clamp(1.1rem, 1.3vmax, 1.8rem);
  text-transform: uppercase;
}

.category-menu {
  min-height: 300px;
  z-index: 50;
  display: none;
  width: 100%;
  padding-top: 21px;
  padding: 0px;
  padding-bottom: 34px;
  padding-right: 13px;
}
@media (max-width: 992px) {
  .category-menu .wrapper {
    padding: 21px;
    padding-bottom: 55px;
    padding-top: 21px;
  }
}
@media (max-width: 992px) {
  .category-menu {
    padding: 0px;
  }
}
.category-menu .title {
  font-size: 34px;
  padding-bottom: 34px;
}
.category-menu .active {
  background: var(--dark);
  padding: 13px !important;
}
.category-menu .items {
  -moz-column-gap: 21px;
       column-gap: 21px;
}
.category-menu .items .item {
  cursor: pointer;
  border-bottom: 1px solid gray;
  font-size: 18px;
  font-weight: 400;
  padding: 13px 0px;
}
.category-menu .items .item:hover {
  padding: 13px;
  background: var(--dark);
}
.category-menu .items .item a {
  color: var(--white);
  text-decoration: none;
}
.category-menu .items .item a:hover {
  color: var(--main);
}

.bar {
  position: relative;
}
.bar::before {
  width: 60px;
  height: 13px;
  background-color: var(--main);
  content: "";
  top: -21px;
  left: 0;
  position: absolute;
  z-index: 30;
}

.whatsgenome .s1 {
  height: 800px;
  background-position: right 144px;
  background-size: 90vw;
  background-repeat: no-repeat;
}

.page-content .s1 {
  min-height: 400px;
  background-position: right 144px;
  background-size: 90vw;
  background-repeat: no-repeat;
}

.content.active {
  display: block;
}

.fixed {
  position: fixed;
  top: 0px;
}
.fixed .tie::before {
  opacity: 1;
  transition: opacity 0s;
}

.slick-track {
  display: inline-flex;
}

/* Slider wrapper */
.ec-slider {
  margin-bottom: 100px;
  overflow: hidden;
  /* Item */
}
.ec-slider__item {
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  flex-direction: column;
  background-color: gray;
  position: relative;
  overflow: hidden;
  transition: ease all 300ms;
}
.ec-slider__item:hover::before {
  transform: scale(1.1);
}
.ec-slider__item:hover::after {
  width: 100%;
  height: 340%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.21) 55%, rgba(0, 0, 0, 0.21) 100%);
  transition: all ease 350ms;
}
.ec-slider__item:hover .ec-content > p {
  transition: all ease 350ms;
  opacity: 1;
  height: auto;
  position: relative;
}
.ec-slider__item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 34%;
  bottom: 0px;
  z-index: 1;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 34%, rgba(0, 0, 0, 0) 100%);
  transition: all ease 350ms;
}
.ec-slider__item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0px;
  z-index: 1;
  background: inherit;
  transition: ease all 300ms;
}
.ec-slider__item .ec-content {
  z-index: 4;
  color: white;
  padding: 20px;
  width: 100%;
  position: absolute;
  height: 100%;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ec-slider__item .ec-content p {
  position: absolute;
  opacity: 0;
  transition: all ease 350ms;
}

.fag-nav {
  display: flex;
}
.fag-nav .fag-nxt, .fag-nav .fag-prv {
  width: 42px;
  padding: 0px;
  height: 42px;
  background: rgb(240, 240, 240);
  transition: background-color 350ms linear;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
}
.fag-nav .fag-nxt svg, .fag-nav .fag-prv svg {
  transform: scale(1.3);
  fill: var(--primary);
  transition: fill 350ms linear;
}
.fag-nav .fag-nxt:hover, .fag-nav .fag-prv:hover {
  background-color: var(--primary);
  transition: background-color 350ms linear;
}
.fag-nav .fag-nxt:hover svg, .fag-nav .fag-prv:hover svg {
  fill: var(--white);
  transition: fill 350ms linear;
}

/* html,
body {
  margin: 0px;
  padding: 0px;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  scroll-behavior: smooth;
  line-height: 1.3;
} */

* {
  box-sizing: border-box;
}

.ev-head {
  background-color: black;
  padding: 0px 20px;
  overflow: hidden;
  position: relative;
  color: white;
}

.ev-head .ev-header {
  padding-top: 20px;
  background-size: auto 455px;
}

.ev-head .ev-bg {
  background-size: cover;
  position: absolute;
  background-position: right;
  width: 100vw;
  right: 0px;
  height: 100%;
}

.ev-head .ev-bg--details {
  position: absolute;
  background-color: #f1f1f1;
  width: 100vw;
  right: 0px;
  height: 100%;
}

.ev-head .ev-bg--details .ev-box {
  background-size: contain;
}

.ev-head #sg .clear-search {
  position: relative !important;
  width: 100%;
  max-width: 500px;
}

.ev-head #sg .clear-search svg {
  right: 15px;
  top: 24px;
  width: 40px;
  height: 40px;
  padding: 5px;
  position: absolute;
  fill-rule: evenodd;
  clip-rule: evenodd;
  stroke-linejoin: round;
  stroke-miterlimit: 2;
}

.ev-head #sg h2 {
  font-size: 35px;
}

.ev-head h1 {
  font-size: 55px;
  line-height: 62px;
  line-height: 1.3;
  padding: 0px;
  max-width: 800px;
}

.ev-head p {
  line-height: 22px;
  font-size: 18px;
  font-weight: 300;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  max-width: 800px;
}

.ev-head .clear-search {
  position: relative;
}

.ev-head #gsearch {
  width: 100%;
  max-width: 500px;
  height: 50px;
  outline: none;
  border: none !important;
  padding: 10px;
  font-size: 21px;
  color: #001a56;
  margin: 20px 0px 20px 0px;
  background-color: #f1f1f1;
}

.ev-head #gsearch:focus {
  background-color: #fafafa;
}

.ev-head clear-search {
  position: relative;
}

.ev-head clear-search span {
  position: absolute;
  display: block;
  top: -3px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.ev-head clear-search span::before {
  content: " ";
  width: 3px;
  right: 10px;
  height: 21px;
  transform: rotate(45deg);
  position: absolute;
  top: 0px;
  background-color: #696969;
  transition: ease 300ms ease;
}

.ev-head clear-search span::after {
  content: " ";
  width: 3px;
  height: 21px;
  transform: rotate(-45deg);
  position: absolute;
  right: 10px;
  top: 0px;
  background-color: #696969;
  transition: ease 300ms ease;
}

.ev-head clear-search span:hover::after,
.ev-head clear-search span:hover::before {
  background-color: #001a56;
}

.ev-head span.clear-search input {
  padding-right: 16px;
  box-sizing: border-box;
}

.ev-body {
  background-color: #f1f1f1;
  background: linear-gradient(90deg, #f1f1f1, #f1f1f1, #fff 50vw, #fff 50vw);
  padding: 0px 89px;
}
@media (min-width: 1920px) {
  .ev-body {
    padding-left: var(--default-e);
    padding-right: var(--default-e);
  }
}
@media (max-width: 1920px) {
  .ev-body {
    padding-left: var(--default-e);
    padding-right: var(--default-e);
  }
}
@media (max-width: 1200px) {
  .ev-body {
    padding-left: var(--default-d);
    padding-right: var(--default-d);
  }
}
@media (max-width: 992px) {
  .ev-body {
    padding-left: var(--default-c);
    padding-right: var(--default-c);
  }
}
@media (max-width: 576px) {
  .ev-body {
    padding-left: var(--default-c);
    padding-right: var(--default-c);
  }
}

.ev-box {
  position: relative;
  width: 100%;
  min-height: 455px;
  margin: 0px auto;
}

.eyebrow {
  position: relative;
}
/*.eyebrow::before {*/
/*  top: -34px;*/
/*  position: absolute;*/
/*  width: 50px;*/
/*  height: 12px;*/
/*  background: #5fe0d3;*/
/*  content: "";*/
/*}*/

.ev-body .ev-box .ev-content {
  display: -ms-grid;
  background-color: white;
}

.ev-guid {
  background-color: white;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  padding: 20px;
  font-size: 16px;
}

.ev-guid b {
  color: #001a56;
}

.ev-sidebar {
  max-width: 500px;
}

.download {
  position: relative;
}

.download .d-img {
  height: auto;
}

.download .d-img img {
  width: 100%;
  position: relative;
  height: auto;
}

.popular {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.popular .popular-item .p-img img {
  background-color: whitesmoke;
  width: 180px;
  height: 180px;
}

.popular .popular-item .p-title a {
  font-size: 18px;
  line-height: 1.3;
  text-decoration: none;
  color: #001a56;
}

* {
  box-sizing: border-box;
}

.events {
  display: grid;
  grid-template-columns: 121px 1fr;
  width: 100%;
  margin: 0 auto;
}

.events > nav {
  position: sticky;
  top: 0rem;
  align-self: start;
}

.events .event-page section {
  padding-bottom: 50px;
}

.events .event-page section .summary {
  display: none;
  padding: 10px 10px 30px;
  line-height: 1.3;
  font-size: 18px;
  font-weight: 300;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  padding-right: 50px;
}

.events .event-page section .summary a {
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border: none;
  outline: none;
  width: 70px;
  height: 40px;
  line-height: 20px;
  margin-top: 15px;
  background-color: #001a56;
  transition: all 300ms ease;
  color: #fafafa;
}

.events .event-page section .summary a:hover {
  background-color: #5ee0d4;
  color: #001a56;
}

.events .event-page section .active {
  display: block !important;
}

.events .event-page section h2 {
  color: #001a56;
}

.events .alphabets {
  padding-left: 0;
}

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

.events .alphabets li {
  margin-left: 0;
  list-style: none;
}

.events .alphabets li svg {
  width: 40px;
  height: 40px;
  padding: 5px;
}

.events .alphabets li.active > a {
  color: #fafafa;
  background-color: #001a56;
  font-weight: 500;
  transition: all 350ms ease-in-out;
}

.events .alphabets li.active svg {
  fill: #ffffff !important;
}

.events .alphabets a {
  text-decoration: none;
  display: block;
  font-size: 26px;
  transition: all 350ms ease-in-out;
  width: 89px;
  font-weight: 500 !important;
  border-bottom: 1px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-items: center;
  height: 89px;
  background-color: #f1f1f1;
  padding: 0.125rem 0;
  color: #001a56;
  transition: all 50ms ease-in-out;
}

.events .alphabets a:hover,
.events .alphabets a:focus {
  color: #001a56;
  background-color: #5ee0d4 !important;
  transition: all 300ms ease-in-out;
}

.ev-close {
  position: relative;
}

.ev-close span::after {
  display: none;
}

.ev-close span::before {
  display: none;
}

.ev-details {
  background-color: black;
  padding: 0px 20px;
  overflow: hidden;
  position: relative;
  color: white;
}

@media (max-width: 768px) {
  .ev-sidebar {
    display: none;
  }
  .ev-head h1 {
    font-size: 40px !important;
    line-height: 1.3;
  }
  .events .event-page section .summary {
    padding: 10px 0 20px !important;
  }
  .ev-body .ev-box .ev-content {
    grid-template-columns: 1fr;
  }
}

.events-search {
  position: relative;
  color: white !important;
  font-size: 21px;
  background-color: transparent !important;
  border: none !important;
}

.drop-down {
  height: 42px;
  font-size: 21px;
  background: transparent;
  border: none;
  color: white;
}

.sticky {
  transition: opacity 250ms linear;
}

.sticky.fixed > .breadcrumb {
  opacity: 0;
  background-color: transparent;
  transition: opacity 250ms linear;
}

.bg-after--fill {
  position: relative;
}
.bg-after--fill::after {
  content: "";
  background-color: inherit;
  width: 55px;
  height: 100%;
  position: absolute;
  right: -55px;
  top: 0px;
}
@media (max-width: 992px) {
  .bg-after--fill::after {
    width: 21px;
    right: -21px;
  }
}

select {
  /* Standard property for modern browsers */
  appearance: none;
  /* Vendor prefixes for older versions */
  -webkit-appearance: none; /* Safari, Chrome, Opera */
  -moz-appearance: none; /* Firefox */
}

/* for IE10 */
select::-ms-expand {
  display: none;
}

.git_update--post {
  max-width: calc(100vw - 42px);
}

.x-item {
  width: 172px;
  height: 172px;
  background-position: center;
  background-size: cover;
  min-height: 50px;
  position: relative;
}
@media (max-width: 992px) {
  .x-item {
    height: unset;
    width: 100%;
    min-height: 50px;
    padding-top: 30%;
  }
}

#action-bar {
  max-height: 89px;
  z-index: 50;
  max-width:120rem;
  margin:0 auto;
}
#action-bar .tie, #action-bar .breadcrumb {
  padding: 21px;
}
#action-bar .breadcrumb {
  order: 1;
}
@media (min-width: 992px) {
  #action-bar .breadcrumb {
    padding-left: var(--default-e);
  }
}
@media (max-width: 1200px) {
  #action-bar .breadcrumb {
    padding-left: var(--default-d);
  }
}
@media (max-width: 992px) {
  #action-bar .breadcrumb {
    padding-left: var(--default-c);
  }
}
#action-bar .tie {
  order: 2;
}
@media (min-width: 992px) {
  #action-bar .tie {
    padding-right: var(--default-d);
  }
}
@media (max-width: 1200px) {
  #action-bar .tie {
    padding-right: var(--default-c);
  }
}
@media (max-width: 992px) {
  #action-bar .tie {
    padding-right: var(--default-b);
  }
}
@media (max-width: 992px) {
  #action-bar {
    max-height: 178px;
  }
  #action-bar .tie {
    order: 1;
  }
  #action-bar .breadcrumb {
    order: 2;
    height: auto;
  }
}

@media (max-width: 992px) {
  .slide-content {
    padding: 21px;
  }
  .content .factsheet {
    padding: 55px 21px;
    padding-top: 89px;
  }
  .content .factsheet h2 {
    padding: 21px 0px;
  }
  .content .factsheet p {
    padding-top: 21px;
  }
}
.slider .slide-wrapper {
  background-size: cover;
  background-position: 72%;
}

@media (max-width: 992px) {
  .shade-left--primary {
    background: linear-gradient(39deg, #016555 0%, rgba(1, 23, 80, 0.52) 55%, rgba(1, 23, 80, 0.38) 100%);
  }
}

.effect-hur span {
  display: block;
  transition: opacity 0.35s, transform 0.35s;
  color: var(--main);
  /*padding-bottom: 8px;*/
}
.effect-hur a {
  display: none;
}
.effect-hur img {
  height: 100%;
  width: calc(100% + 50px);
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.35s, transform 0.35s;
  /*transform: translate3d(-40px, 0, 0);*/
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.effect-hur::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 55%;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0) 100%);
  transition: all ease 350ms;
}
.effect-hur .effect-hur__content {
  z-index: 5;
  top: auto;
  bottom: 0;
  height: auto;
  text-align: left;
  transition: height 0.35s;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
  height: auto;
}
.effect-hur h3 {
  transition: transform 0.35s;
  font-size: 21px;
  font-family: "Poppins";
  font-weight: 400;
  line-height: 1.3;
}
.effect-hur h3, .effect-hur p {
  transition: ease all 0.35s;
}
.effect-hur p {
  opacity: 0;
  font-size: 18px;
  transition: opacity 0.2s, transform 0.35s;
  color: var(--main);
  padding-bottom: 8px;
}
.effect-hur:hover h3 {
  font-size: 26px;
  padding-bottom: 13px;
}
.effect-hur:hover span {
  display: none;
  transition: opacity 0.35s, transform 0.35s;
}
.effect-hur:hover a {
  display: inline-block;
}
.effect-hur:hover::after {
  width: 100%;
  height: 340%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.759) 0%, rgba(0, 0, 0, 0.21) 55%, rgba(0, 0, 0, 0.21) 100%);
  transition: all ease 350ms;
}
.effect-hur:hover .effect-hur__content {
  transition: height 0.35s ease;
  height: 100%;
  justify-content: center;
}
.effect-hur:hover img, .effect-hur:hover p {
  opacity: 1;
}
.effect-hur:hover img, .effect-hur:hover h3, .effect-hur:hover p {
  transform: translate3d(0, 0, 0);
}
.effect-hur:hover p {
  display: inline-block;
  position: relative;
  transition-delay: 0.05s;
  transition-duration: 0.35s;
}

@media (max-width: 992px) {
  .category .drop-down {
    max-width: 55px;
  }
}

.tie::before {
  opacity: 1;
}

.whatsgenome img {
  max-height: 900px;
}
@media (min-width: 992px) {
  .whatsgenome .content--image {
    height: 700px;
  }
}

@media (max-width: 992px) {
  .nose .breadcrumb {
    transform: translateY(-178px);
    background-color: transparent;
  }
  .nose .breadcrumb:hover {
    background-color: transparent !important;
  }
  .nose .breadcrumb span {
    color: var(--day);
  }
}

.nose .title {
  font-size: 34px;
  padding-bottom: 34px;
}
.nose .item {
  cursor: pointer;
  border-bottom: 1px solid gray;
  font-weight: 400;
  padding: 13px 13px 13px 0px;
  margin-right: 21px;
  transition: padding linear 200ms;
}
.nose .item a {
  color: var(--white);
  text-decoration: none;
}
.nose .item:hover {
  color: var(--main);
  background-color: black;
  display: flex;
  padding: 13px 13px 13px 13px;
  transition: padding linear 200ms;
}

@media (max-width: 992px) {
  .nose-nav {
    padding-right: 0px;
  }
}
.nose-nav .nose-prv, .nose-nav .nose-nxt {
  width: auto;
  height: auto;
  width: 55px;
  padding: 0;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nose-nav .nose-prv:hover svg, .nose-nav .nose-nxt:hover svg {
  fill: white;
}
.nose-nav .nose-primary:hover {
  background-color: var(--primary);
}
.nose-nav .nose-white {
  background-color: var(--white);
}
.nose-nav .nose-white svg {
  fill: var(--primary);
}
.nose-nav .nose-white:hover {
  background-color: var(--main);
}
.nose-nav svg {
  transform: scale(1.3);
  width: 42px;
  height: 42px;
}

.copy-right {
  position: relative;
}
.copy-right::before {
  width: 55px;
  top: 0px;
  height: 100%;
  background-color: inherit;
  content: " ";
  position: absolute;
  right: -55px;
}

.pin-image {
  height: 400px;
  width: calc(100% + 89px + 34px);
  position: relative;
  left: -34px;
  top: 55px;
}

@media (max-width: 992px) {
  .stragegic-visioin__title {
    transform: translateY(-89px);
  }
}

.goal {
  display: none;
}

.goal.active {
  display: block;
}

.goal-options {
  font-size: 28px;
}
.goal-options .option {
  background-color: var(--black);
}
.goal-options .option.active {
  background-color: var(--main);
}

.nose .wrapper {
  transition: height 0.5s ease;
}

.nose {
  transition: ease height 350ms;
  height: auto;
}

.nose-nav--left {
  left: -55px;
}
@media (max-width: 992px) {
  .nose-nav--left {
    left: 0px;
  }
}

.img-slider .img-slide {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
  position: absolute;
  top: 0px;
  left: 0px;
}

.img-slide {
  display: none;
}

.img-slide.active {
  display: block;
}

@media (max-width: 992px) {
  .categ .categ-head {
    flex-wrap: wrap;
  }
  .categ .categ-head .select-option, .categ .categ-head select {
    width: 100%;
  }
}
.categ .categ-head > div {
  display: flex;
  align-items: center;
  padding: 0px !important;
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.contact .item {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) minmax(0, 3fr);
  padding-right: 0px;
  align-items: center;
}
@media (max-width: 992px) {
  .contact .item {
    grid-template-columns: minmax(200px, 1fr);
  }
}
.contact .item:hover {
  background: transparent;
  display: grid;
}
.contact input {
  background-color: #f0f0f0;
  color: #011750;
  height: 55px;
  padding-left: 21px;
  padding-right: 21px;
}

#map-canvas {
  filter: invert(100%);
}
@media (max-width: 992px) {
  #map-canvas {
    left: -21px;
  }
}

.cont {
  width: 100vw;
  height: 100vh;
}

.subscription {
  padding: 55px 0px;
  background-color: var(--white-silent);
  background-image: url(/themes/custom/nhgri/assets/images/gray.png) !important;
  background-size: cover;
  color: var(--dark);
}
.subscription h3 {
  padding-bottom: 21px;
  padding-top: 34px;
  font-weight: 500;
  margin-bottom: 34px;
  position: relative;
}
.subscription h3::after {
  width: 89px;
  height: 10px;
  background-color: var(--main);
  content: "";
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: 200;
}
.subscription .container {
  padding-top: 34px;
  padding-bottom: 34px;
  gap: 34px;
}
@media (max-width: 768px) {
  .subscription .container {
    padding-left: var(--default-b);
    padding-right: var(--default-b);
  }
}
.subscription .container .social-media {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--dark-light);
}
@media (max-width: 768px) {
  .subscription .container .social-media {
    padding-top: 34px;
  }
}
.subscription .container .social-media .social-container {
  display: inline-flex;
  margin-bottom: 21px;
  z-index: 600;
}
.subscription .container .social-media .social-container .social-icon {
  max-width: 55px;
  max-height: 55px;
  position: relative;
}
.subscription .container .social-media .social-container .social-icon .social-svg {
  fill: var(--primary-light);
  transition: 250ms ease all;
}
.subscription .container .social-media .social-container .social-icon svg {
  height: 55px;
  width: 55px;
}
.subscription .container .social-media .social-container .social-icon:hover .social-svg {
  fill: var(--main);
}
.subscription .container .social-media .content {
  gap: 21px;
  width: 100%;
  position: relative;
}
.subscription .container .social-media .content .block {
  width: 100%;
  padding-bottom: 100%;
  background-color: var(--silent);
  background-size: cover;
  background-position: center;
}
.subscription .container .email {
  max-width: 600px;
  width: 100%;
  z-index: 700;
}
.subscription .container .email .content {
  padding: 34px;
  background-color: var(--white);
  height: 100%;
}
.subscription .container .email .content input {
  padding: 0px 13px;
  width: 100%;
  height: 42px;
  margin: 21px 0px;
  background-color: var(--light);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0 !important;
}
.subscription .container .email .content button {
  position: relative;
}
.subscription .container .email .content button .ea {
  margin: 13px 0px 34px;
}

@media (max-width: 768px) {
  .subscription .container {
    gap: 0px;
  }
}
@media (max-width: 992px) {
  .subscription .container {
    display: flex;
    flex-wrap: wrap;
  }
  .subscription .container .social-media .content .block {
    grid-column: span 4;
  }
}
.vt {
  position: relative;
}
.vt .img-vt {
  width: 100%;
  height: 100%;
  position: absolute;
  content: " ";
  background-image: url(./img/icons/ads-frame.png);
  top: 0px;
  left: 0px;
  background-size: 100%;
  width: inherit;
}
.vt .img-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  content: " ";
  background-image: url(./img/icons/ads-frame-trans.png);
  top: 0px;
  left: 0px;
  background-size: 100%;
  width: inherit;
}

.underscore {
  position: relative;
}
.underscore::after {
  width: 89px;
  height: 10px;
  background-color: #33d1bf;
  position: absolute;
  bottom: 0px;
  content: " ";
  left: 0px;
}

.btn-light {
  background-color: var(--primary-light);
  color: var(--light-primary);
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
.btn-light:hover {
  background: var(--g-parimary);
  text-decoration: none;
  cursor: pointer;
  background-image: linear-gradient(55deg, var(--g-parimary) 1%, var(--g-link) 55%, var(--g-main) 89%);
}

.feature {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  z-index: 1000;
  position: fixed;
  right: var(--default-c);
  bottom: var(--default-c);
  transition: all ease 350ms;
  display: flex;
  margin: 2px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .feature {
    right: unset;
    left: var(--default-c);
  }
}
.feature #theme, .feature #easymode, .feature #infomode, .feature #feature-icon, .feature #reader-mode {
  width: 50px;
  height: 50px;
  position: relative;
  display: none;
  background-color: var(--white);
  transition: ease all 300ms;
  cursor: pointer;
  padding: 3px;
}
.feature #theme:hover, .feature #easymode:hover, .feature #infomode:hover, .feature #feature-icon:hover, .feature #reader-mode:hover {
  background-color: var(--primary);
}
.feature #theme:hover svg, .feature #easymode:hover svg, .feature #infomode:hover svg, .feature #feature-icon:hover svg, .feature #reader-mode:hover svg {
  fill: var(--white) !important;
}
.feature #theme:hover .fill, .feature #easymode:hover .fill, .feature #infomode:hover .fill, .feature #feature-icon:hover .fill, .feature #reader-mode:hover .fill {
  fill: var(--white) !important;
}
.feature #theme:hover .stroke, .feature #easymode:hover .stroke, .feature #infomode:hover .stroke, .feature #feature-icon:hover .stroke, .feature #reader-mode:hover .stroke {
  stroke: var(--white) !important;
}
.feature .off {
  display: none;
}
.feature #feature-icon {
  position: absolute;
  display: block;
  border-radius: 50px;
  background-color: rgba(81, 35, 155, 0.89);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.feature #feature-icon svg {
  fill: white;
  padding: 3px;
}
.feature:hover {
  height: 200px;
  width: 50px;
}
.feature:hover #feature-icon {
  display: none;
}
.feature:hover #theme, .feature:hover #easymode, .feature:hover #infomode, .feature:hover #reader-mode {
  display: block;
}

.text-speech .feature .reader-mode .on {
  display: none !important;
}
.text-speech .feature .reader-mode .off {
  display: block !important;
}

.infomode .feature #infomode .on {
  display: none !important;
}
.infomode .feature #infomode .off {
  display: block !important;
}

.easymode .feature #easymode .on {
  display: none !important;
}
.easymode .feature #easymode .off {
  display: block !important;
}

.light-theme .feature #theme .on {
  display: none !important;
}
.light-theme .feature #theme .off {
  display: block !important;
}

.dark-theme .feature #theme .on {
  display: block !important;
}
.dark-theme .feature #theme .off {
  display: none !important;
}

.up-hide {
  top: -121px !important;
  opacity: 0 !important;
  transition: 300ms ease-in-out top, 200ms ease-in-out opacity;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.visually-hidden:focus-within {
  background-color: var(--light-black);
  width: auto;
  color: var(--dark-light);
  top: 121px;
  left: 21px;
  font-weight: 500;
  height: auto;
  padding: 0.5rem 2rem;
  position: absolute;
  clip: unset;
  overflow: unset;
  z-index: 10000;
}
@media (max-width: 768px) {
  .visually-hidden:focus-within {
    top: 80px;
  }
}

.hur {
  position: relative;
  top: 0px;
  left: 0px;
  border: none;
  outline: none;
  overflow: hidden;
  /* background: radial-gradient(circle closest-side, transparent, transparent); */
}
.hur::after {
  --size: 0;
  content: "";
  z-index: 10;
  position: absolute;
  left: var(--x);
  top: var(--y);
  max-width: 400px;
  max-height: 400px;
  width: var(--size);
  height: var(--size);
  mix-blend-mode: saturation;
  background-image: radial-gradient(circle closest-side, var(--lp-primary), transparent);
  transform: translate(-50%, -50%);
}
.hur:hover::after {
  --size: 300%;
}

.ea {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border: none;
  outline: none;
  overflow: hidden;
  background: radial-gradient(circle closest-side, transparent, transparent);
}
.ea::before {
  --size: 0;
  content: "";
  z-index: -1;
  position: absolute;
  left: var(--x);
  top: var(--y);
  max-width: 400px;
  max-height: 400px;
  width: var(--size);
  height: var(--size);
  background-image: radial-gradient(circle closest-side, var(--lp-primary), transparent);
  transform: translate(-50%, -50%);
}
.ea:hover::before {
  --size: 300%;
}

.freez {
  overflow: hidden;
}

.eyebrow-down {
  position: relative;
}
.eyebrow-down::after {
  width: 89px;
  height: 8px;
  background-color: var(--main);
  content: "";
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: 200;
}

.eyebrow-up {
  position: relative;
}
.eyebrow-up::after {
  width: 89px;
  height: 8px;
  background-color: var(--main);
  content: "";
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 200;
}

.shade {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: rgb(0, 0, 0);
  background: linear-gradient(145deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 100%);
  background: rgb(1, 23, 80);
  background: linear-gradient(145deg, rgb(1, 23, 80) 0%, rgba(1, 23, 80, 0.8197872899) 21%, rgba(1, 23, 80, 0) 58%, rgba(1, 23, 80, 0.0242690826) 100%);
  background: rgb(81, 35, 155);
  background: linear-gradient(135deg, rgb(81, 35, 155) 0%, rgba(1, 23, 80, 0.6181066176) 35%, rgba(0, 0, 0, 0) 77%);
  background: linear-gradient(135deg, rgb(81, 35, 155) 0%, rgba(1, 23, 80, 0.7861738445) 34%, rgba(0, 0, 0, 0) 77%);
  background: linear-gradient(135deg, rgba(81, 35, 155, 0.89) 0%, rgba(1, 23, 80, 0.89) 13%, rgba(1, 23, 80, 0.34) 34%, rgba(0, 0, 0, 0.05) 55%, rgba(0, 0, 0, 0) 89%);
  background: linear-gradient(135deg, rgba(81, 35, 155, 0.89) 0%, rgba(81, 35, 155, 0.89) 13%, rgba(1, 23, 80, 0.55) 34%, rgba(1, 23, 80, 0.34) 55%, rgba(1, 23, 80, 0) 89%);
  background: linear-gradient(135deg, rgba(81, 35, 155, 0.89) 0%, rgba(81, 35, 155, 0.89) 8%, rgba(39, 29, 116, 0.65) 21%, rgba(1, 23, 80, 0.55) 34%, rgba(1, 23, 80, 0.34) 55%, rgba(1, 23, 80, 0) 89%);
  mix-blend-mode: hard-light;
  opacity: 0.8;
}

#option {
  align-items: center;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-around;
  padding: 8px 0px;
}
#option span {
  display: block;
  height: 5px;
  width: 37px;
  background: var(--light-primary);
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease;
}
#option span:nth-child(1) {
  transform-origin: 4px 8px;
}
#option span:nth-child(2) {
  transform-origin: left center;
}
#option span:nth-child(3) {
  transform-origin: 4px -3.5px;
}
#option.open span:nth-child(1) {
  transform: rotate(45deg);
  width: 40px;
  top: -3px;
  left: 8px;
}
#option.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#option.open span:nth-child(3) {
  width: 40px;
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

@font-face {
  font-family: "ads-icon";
  src: url("fonts/ads-icon.eot?monkex");
  src: url("fonts/ads-icon.eot?monkex#iefix") format("embedded-opentype"), url("fonts/ads-icon.ttf?monkex") format("truetype"), url("fonts/ads-icon.woff?monkex") format("woff"), url("fonts/ads-icon.svg?monkex#ads-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ads-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ads:before {
  content: "\e966";
}

.icon-calendar--tools:before {
  content: "\e900";
}

.icon-calendar--settings:before {
  content: "\e901";
}

.icon-gui--management:before {
  content: "\e902";
}

.icon-service-id:before {
  content: "\e903";
}

.icon-tools:before {
  content: "\e904";
}

.icon-settings--adjust:before {
  content: "\e905";
}

.icon-user--profile:before {
  content: "\e906";
}

.icon-groups:before {
  content: "\e907";
}

.icon-events--alt:before {
  content: "\e908";
}

.icon-cics--system-group:before {
  content: "\e909";
}

.icon-document:before {
  content: "\e90a";
}

.icon-catalog:before {
  content: "\e90b";
}

.icon-notebook:before {
  content: "\e90c";
}

.icon-notification--new:before {
  content: "\e90d";
}

.icon-search--locate--mirror:before {
  content: "\e90e";
}

.icon-search--locate:before {
  content: "\e90f";
}

.icon-laptop:before {
  content: "\e910";
}

.icon-microphone--filled:before {
  content: "\e911";
}

.icon-microphone:before {
  content: "\e912";
}

.icon-trash-can:before {
  content: "\e913";
}

.icon-share:before {
  content: "\e914";
}

.icon-favorite--filled:before {
  content: "\e915";
}

.icon-thumbs-up--filled:before {
  content: "\e916";
}

.icon-thumbs-up:before {
  content: "\e917";
}

.icon-help:before {
  content: "\e918";
}

.icon-arrow--up:before {
  content: "\e919";
}

.icon-arrow--up-left:before {
  content: "\e91a";
}

.icon-arrow--up-right:before {
  content: "\e91b";
}

.icon-upload:before {
  content: "\e91c";
}

.icon-volume--up--filled:before {
  content: "\e91d";
}

.icon-volume--up-1:before {
  content: "\e91e";
}

.icon-volume--up--filled--alt:before {
  content: "\e91f";
}

.icon-volume--up--alt:before {
  content: "\e920";
}

.icon-shopping--cart--arrow-up:before {
  content: "\e921";
}

.icon-next--outline:before {
  content: "\e922";
}

.icon-next--filled:before {
  content: "\e923";
}

.icon-previous--filled:before {
  content: "\e924";
}

.icon-previous--outline:before {
  content: "\e925";
}

.icon-rewind--10:before {
  content: "\e926";
}

.icon-user--multiple:before {
  content: "\e927";
}

.icon-helicopter:before {
  content: "\e928";
}

.icon-chat-bot:before {
  content: "\e929";
}

.icon-idea:before {
  content: "\e92a";
}

.icon-touch--1--filled:before {
  content: "\e92b";
}

.icon-touch--1:before {
  content: "\e92c";
}

.icon-undo:before {
  content: "\e92d";
}

.icon-reset:before {
  content: "\e92e";
}

.icon-restart:before {
  content: "\e92f";
}

.icon-pan--horizontal:before {
  content: "\e930";
}

.icon-pan--vertical:before {
  content: "\e931";
}

.icon-minimize:before {
  content: "\e932";
}

.icon-maximize:before {
  content: "\e933";
}

.icon-chevron--sort--down:before {
  content: "\e934";
}

.icon-chevron--sort--up:before {
  content: "\e935";
}

.icon-chevron--sort:before {
  content: "\e936";
}

.icon-bookmark:before {
  content: "\e937";
}

.icon-forward--10:before {
  content: "\e938";
}

.icon-stop--filled--alt:before {
  content: "\e939";
}

.icon-stop:before {
  content: "\e93a";
}

.icon-recently-viewed:before {
  content: "\e93b";
}

.icon-thumbnail--1:before {
  content: "\e93c";
}

.icon-view--mode:before {
  content: "\e93d";
}

.icon-view--filled:before {
  content: "\e93e";
}

.icon-view:before {
  content: "\e93f";
}

.icon-launch-1:before {
  content: "\e940";
}

.icon-jump-link:before {
  content: "\e941";
}

.icon-unlink:before {
  content: "\e942";
}

.icon-link:before {
  content: "\e943";
}

.icon-ibm-cloud--direct-link-2--dedicated:before {
  content: "\e944";
}

.icon-text-link:before {
  content: "\e945";
}

.icon-chat:before {
  content: "\e946";
}

.icon-voicemail:before {
  content: "\e947";
}

.icon-send--alt:before {
  content: "\e948";
}

.icon-power:before {
  content: "\e949";
}

.icon-ourhome:before {
  content: "\e94a";
}

.icon-star--filled:before {
  content: "\e94b";
}

.icon-star:before {
  content: "\e94c";
}

.icon-play:before {
  content: "\e94d";
}

.icon-asterisk:before {
  content: "\e94e";
}

.icon-map:before {
  content: "\e94f";
}

.icon-map--identify:before {
  content: "\e950";
}

.icon-location:before {
  content: "\e951";
}

.icon-favorite:before {
  content: "\e952";
}

.icon-face--mask:before {
  content: "\e953";
}

.icon-user--settings:before {
  content: "\e954";
}

.icon-user--sponsor:before {
  content: "\e955";
}

.icon-user-ok:before {
  content: "\e956";
}

.icon-user--avatar:before {
  content: "\e957";
}

.icon-user--avatar--filled--alt-1:before {
  content: "\e958";
}

.icon-user--favorite--alt:before {
  content: "\e959";
}

.icon-identification:before {
  content: "\e95a";
}

.icon-events:before {
  content: "\e95b";
}

.icon-education:before {
  content: "\e95c";
}

.icon-accessibility--alt:before {
  content: "\e95d";
}

.icon-accessibility:before {
  content: "\e95e";
}

.icon-settings:before {
  content: "\e95f";
}

.icon-home:before {
  content: "\e960";
}

.icon-alert:before {
  content: "\e961";
}

.icon-search:before {
  content: "\e962";
}

.icon-read:before {
  content: "\e963";
}

.icon-email:before {
  content: "\e964";
}

.icon-user:before {
  content: "\e965";
}

.content {
  /*display: none;*/
  overflow-x: hidden;
}
.content .content__details {
  padding-top: 89px;
  padding-bottom: 34px;
  margin: 0px;
}
@media (min-width: 1920px) {
  .content .content__details {
    padding-left: var(--default-e);
    padding-right: var(--default-e);
  }
}
@media (max-width: 1920px) {
  .content .content__details {
    padding-left: var(--default-e);
    padding-right: var(--default-e);
  }
}
@media (max-width: 1200px) {
  .content .content__details {
    padding-left: var(--default-d);
    padding-right: var(--default-d);
  }
}
@media (max-width: 992px) {
  .content .content__details {
    padding-left: var(--default-c);
    padding-right: var(--default-c);
  }
}
@media (max-width: 576px) {
  .content .content__details {
    padding-left: var(--default-c);
    padding-right: var(--default-c);
  }
}
@media (max-width: 992px) {
  .content .content__details .content__details--title h2 {
    padding-bottom: 0px;
    padding-top: 5px;
  }
}
@media (max-width: 992px) {
  .content .content__details .content__details--info p {
    padding-bottom: 34px;
    padding-top: 21px;
  }
}

.ads__slider {
  margin: 0px;
  padding: 0px;
}
@media (min-width: 1920px) {
  .ads__slider {
    padding-left: var(--default-e);
    padding-right: var(--default-e);
  }
}
@media (max-width: 1920px) {
  .ads__slider {
    padding-left: var(--default-e);
    padding-right: var(--default-e);
  }
}
@media (max-width: 1200px) {
  .ads__slider {
    padding-left: var(--default-d);
    padding-right: var(--default-d);
  }
}
@media (max-width: 992px) {
  .ads__slider {
    padding-left: var(--default-c);
    padding-right: var(--default-c);
  }
}
@media (max-width: 576px) {
  .ads__slider {
    padding-left: var(--default-c);
    padding-right: var(--default-c);
  }
}
.ads__slider .ads__slider--nav {
  display: flex;
}
.ads__slider .ads__slider--nav .nxt,
.ads__slider .ads__slider--nav .prv {
  width: 42px;
  padding: 0px;
  height: 42px;
  background: rgb(240, 240, 240);
  transition: background-color 350ms linear;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
}
.ads__slider .ads__slider--nav .nxt svg,
.ads__slider .ads__slider--nav .prv svg {
  transform: scale(1.3);
  fill: var(--primary);
  transition: fill 350ms linear;
}
.ads__slider .ads__slider--nav .nxt:hover,
.ads__slider .ads__slider--nav .prv:hover {
  background-color: var(--primary);
  transition: background-color 350ms linear;
}
.ads__slider .ads__slider--nav .nxt:hover svg,
.ads__slider .ads__slider--nav .prv:hover svg {
  fill: var(--white);
  transition: fill 350ms linear;
}
.ads__slider .ads__slider--container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  flex-wrap: wrap;
  gap: 21px;
  padding-top: 34px;
  padding-bottom: 55px;
}
@media (min-width: 1920px) {
  .ads__slider .ads__slider--container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1920px) {
  .ads__slider .ads__slider--container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1200px) {
  .ads__slider .ads__slider--container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 992px) {
  .ads__slider .ads__slider--container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .ads__slider .ads__slider--container {
    grid-template-columns: 1fr;
  }
}
.ads__slider .ads__slider--container .ads__slider--item {
  display: inline-flex;
  width: auto;
  height: auto;
  min-width: 100px;
  min-height: 100px;
  justify-content: flex-end;
  flex-direction: column;
  background-color: gray;
  position: relative;
  overflow: hidden;
  transition: linear all 300ms;
  overflow: hidden;
}
.ads__slider .ads__slider--container .ads__slider--item::after {
  content: " ";
  width: 100%;
  height: 100%;
  padding-top: 100%;
  position: relative;
  left: 0px;
  z-index: -1;
  top: 0px;
}
.ads__slider .ads__slider--container .ads__slider--item .ads__slider--content {
  z-index: 4;
  color: white;
  padding: 20px;
  width: 100%;
  position: absolute;
  height: 100%;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ads__slider .ads__slider--container.slick-initialized {
  grid-template-columns: unset;
  display: block;
  flex-wrap: unset;
  gap: unset;
}
.ads__slider .ads__slider--container.slick-initialized .ads__slider--item {
  width: calc(20vw - (var(--default-e) * 2 / 5 + 16.8px) - 4px) !important;
  height: calc(20vw - (var(--default-e) * 2 / 5 + 16.8px) - 4px)!important;;
  margin-right: 21px;
  margin-bottom: 21px;
}
@media (min-width: 1920px) {
  .ads__slider .ads__slider--container.slick-initialized .ads__slider--item {
    width: calc(20vw - (var(--default-e) * 2 / 5 + 16.8px) - 4px) !important;;
    height: calc(20vw - (var(--default-e) * 2 / 5 + 16.8px) - 4px) !important;;
  }
}
@media (max-width: 1920px) {
  .ads__slider .ads__slider--container.slick-initialized .ads__slider--item {
    width: calc(25vw - (var(--default-e) * 2 / 4 + 15.75px) - 4px) !important;
    height: calc(25vw - (var(--default-e) * 2 / 4 + 15.75px) - 4px) !important;;
  }
}
@media (max-width: 1200px) {
  .ads__slider .ads__slider--container.slick-initialized .ads__slider--item {
    width: calc(33.3333333333vw - (var(--default-d) * 2 / 3 + 14px));
    height: calc(33.3333333333vw - (var(--default-d) * 2 / 3 + 14px));
  }
}
@media (max-width: 992px) {
  .ads__slider .ads__slider--container.slick-initialized .ads__slider--item {
    width: calc(50vw - (var(--default-c) * 2 / 2 + 10.5px)) !important;;
    height: calc(50vw - (var(--default-c) * 2 / 2 + 10.5px)) !important;;
  }
}
@media (max-width: 576px) {
  .ads__slider .ads__slider--container.slick-initialized .ads__slider--item {
    width: calc(100vw - (var(--default-c) * 2 - 2px)) !important;;
    height: calc(100vw - (var(--default-c) * 2 - 2px)) !important;;
  }
}

.ads__slider--item.slick-active .effect-h::after {
  width: 100%;
  height: 340%;
  transition: all 350ms linear;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.759) 0%, rgba(0, 0, 0, 0.21) 55%, rgba(0, 0, 0, 0.21) 100%);
}
.ads__slider--item.slick-active .effect-h .effect-h__content {
  transform: translateY(0%);
  opacity: 1;
  transition: all 450ms ease-in-out;
}
.ads__slider--item.slick-active .effect-h .effect-h__content h3 {
  height: 40%;
  transition: all 350ms linear;
}
.ads__slider--item.slick-active .effect-h .effect-h__content div {
  height: 60% !important;
  transition: all 450ms ease-in-out;
  transform: translateY(0%);
}
.ads__slider--item.slick-active .effect-h p,
.ads__slider--item.slick-active .effect-h a {
  transition: all 450ms ease-in-out;
  opacity: 1;
  transform: scale(1);
  height: auto;
  position: relative;
}

.effect-h span {
  display: block;
  color: var(--main);
  padding-bottom: 8px;
}
.effect-h a, .effect-h p {
  position: relative !important;
  opacity: 0;
}
.effect-h p {
  padding-bottom: 21px !important;
  height: auto !important;
}
.effect-h img {
  height: 100%;
  width: calc(100% + 50px);
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.35s, transform 0.35s;
  /*transform: translate3d(-40px, 0, 0);*/

  position: absolute;
  bottom: 0px;
  left: 0px;
}
.effect-h::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 55%;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0) 100%);
  transition: all 450ms linear;
}
.effect-h .effect-h__content {
  z-index: 5;
  top: auto;
  bottom: 0;
  height: 100%;
  text-align: left;
  flex-direction: column;
  display: flex;
  justify-content: flex-end !important;
  transition: all 450ms ease-in-out;
}
.effect-h .effect-h__content div {
  height: 0 !important;
  transition: all 450ms ease-in-out;
  transform: translateY(50%);
}
.effect-h h3 {
  font-family: "Poppins";
  font-weight: 400;
  padding-bottom: 8px;
  display: flex;
  align-items: end;
  height: auto;
  transition: all 350ms linear;
  font-size: clamp(1.1rem, 1.5vmax, 2rem);
}
.effect-h p {
  color: var(--main);
  padding-bottom: 21px;
  display: inline-block;
}

.effect-h:hover span {
  display: none;
}
.effect-h:hover .effect-h__content {
  transform: translateY(0%);
  opacity: 1;
  transition: all 450ms ease-in-out;
}
.effect-h:hover .effect-h__content h3 {
  height: 40%;
  transition: all 350ms linear;
}
.effect-h:hover .effect-h__content div {
  height: 60% !important;
  transition: all 450ms ease-in-out;
  transform: translateY(0%);
}
.effect-h:hover p, .effect-h:hover a {
  transition: all 450ms ease-in-out;
  opacity: 1;
  transform: scale(1);
  height: auto;
  position: relative;
}
.effect-h:hover::after {
  width: 100%;
  height: 340%;
  transition: all 350ms linear;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.759) 0%, rgba(0, 0, 0, 0.21) 55%, rgba(0, 0, 0, 0.21) 100%);
}

@media (min-width: 1920px) {
  .get_update {
    padding-left: var(--default-e);
    padding-right: var(--default-e);
    padding-top: 89px;
    padding-bottom: 89px;
  }
}
@media (max-width: 1920px) {
  .get_update {
    padding-left: var(--default-e);
    padding-right: var(--default-e);
    padding-top: 89px;
    padding-bottom: 89px;
  }
}
@media (max-width: 1200px) {
  .get_update {
    padding-left: var(--default-d);
    padding-right: var(--default-d);
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (max-width: 992px) {
  .get_update {
    padding-left: var(--default-c);
    padding-right: var(--default-c);
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (max-width: 576px) {
  .get_update {
    padding-left: var(--default-c);
    padding-right: var(--default-c);
    padding-top: 34px;
    padding-bottom: 34px;
  }
}

#logo-print {
  display: none !important;
}

@media print {
  html {
    transform: scale(0.9);
  }
  /* Hide elements that should not be printed */
  .no-print {
    display: none;
  }
  * {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    top: unset !important;
    bottom: unset !important;
    font-size: 18px;
    position: relative !important;
  }
  h1, h2, h3, h4, h5, .caption, .title {
    color: var(--primary);
    line-height: 1.2;
    page-break-inside: avoid;
    visibility: visible;
    page-break-after: avoid;
    display: inline-block;
  }
  .head-print {
    display: inline-block !important;
    position: relative !important;
  }
  .head-print * {
    display: inline-flex !important;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .head-print span {
    width: 100%;
  }
  .head-print h1, .head-print h2 {
    display: inline-block m !important;
  }
  .page-break {
    page-break-before: always; /* Force a page break before the element */
  }
  .no-page-break {
    page-break-inside: avoid;
  }
  .print-visible {
    color: var(--secondary) !important;
  }
  .goals {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .goals a {
    color: var(--secondary) !important;
  }
  .goals .title {
    padding-bottom: 21px !important;
  }
  .goals .item {
    border: none;
    color: var(--secondary) !important;
  }
  .goals .item::before {
    content: "❯";
    padding-right: 13px;
    color: var(--silent) !important;
  }
  div {
    padding: 21px 0px 21px 0px;
  }
  h1, .h1, .Display {
    font-size: 34px !important;
  }
  h2, .title {
    font-size: 28px !important;
  }
  h3 {
    font-size: 26px !important;
  }
  h4 {
    font-size: 21px !important;
  }
  h5 {
    font-size: 20px !important;
  }
  h6 {
    font-size: 18px !important;
  }
  p, span {
    color: var(--secondary);
    font-size: 18px !important;
    padding-top: 21px !important;
    padding-bottom: 21px !important;
  }
  header {
    order: 1;
  }
  h2.p-bottom--55.eyebrow.m-top--89.m-top-lg--0.f--bold.p-right--55.h2 {
    order: 5;
  }
  .x--8.x-lg--12.nose.bg--primary.white.p--55.p-lg--21.p-bottom-lg--55.bg-after--fill.p-bottom--55.zindex--50 {
    order: 6;
  }
  .item3 {
    order: 3;
  }
  /* Set a specific height if needed */
  body {
    height: 100%;
  }
  /* Remove extra spacing for headers and footers */
  footer {
    display: none;
  }
  /* Adjust line height for better readability */
  p {
    line-height: 1.2;
    display: inline-block;
  }
  /* Reset styles for h1, h2, h3, h4, h5, and h6 to default */
  h1, h2, h3, h4, h5, h6, p {
    all: initial;
    font-family: inherit; /* Ensure consistent font-family */
    display: flex;
  }
  /* Remove any extra margins between elements */
  h1, .h2, .h1, .h3, h2, h3, h4, h5, h6, p, .Display {
    position: relative !important;
    transform: unset !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  h3, .h3, h2, .h2, p {
    padding-bottom: 13px !important;
  }
  .no-page-break {
    page-break-inside: avoid;
  }
  .breadcrumb {
    display: inline-flex;
  }
  .breadcrumb span {
    text-transform: capitalize !important;
    position: fixed;
    right: 0px !important;
  }
  .breadcrumb svg {
    fill: var(--primary);
    padding-right: 12px !important;
  }
  .slide-head {
    position: relative;
    padding: 0px 0px;
  }
  .slide-head h1, .slide-head .h1, .slide-head span, .slide-head p, .slide-head div {
    font-size: 34px !important;
    font-weight: 500;
    line-height: 100% !important;
    bottom: 0px !important;
    text-transform: uppercase !important;
    padding: 0 !important;
  }
  .slide-head h1 {
    padding-left: 20px !important;
  }
  .p-print {
    position: relative;
    display: inline-block !important;
    transform: none !important;
    top: 55px !important;
    left: 0px !important;
    margin: 0px !important;
  }
  .p-print::after {
    display: none !important;
  }
  .p-print::before {
    display: none !important;
  }
  #logo-print {
    display: inline-block !important;
    width: 100%;
    height: 100%;
    left: calc(100% - 150px) !important;
    bottom: calc(100% - 150px) !important;
    position: fixed !important;
  }
  #logo-print svg, #logo-print img {
    height: 144px !important;
    width: 144px !important;
    opacity: 1;
    fill: var(--main) !important;
  }
}
/** Theme */
body.dark-theme {
  --primary-to-light: #f0f0f0;
  --primary-color: $primary;
  --secondary-color: $secondary;
  --font-color: $dark;
  --bg-color: $light;
  --heading-color: $primary;
  --lightgray: #999999;
  --aqua-a:#02EFB8;
  --aqua-b: #00EBB2;
  --blue-a: #00cae4;
  --mainplus: #02EFB8;
  --blue-b: #10a7ff;
  --gray-a: #555555;
  --lightblue-white: #f0f0f0;
  --dark-white: #0d0d0d;
  --color-start: #02EFB8;
  --color-stop: #0AC1DA;
  --color-line: #fff;
  --brandblue-dark:#0d0d0d;
  --blue-dark:#0d0d0dd1;
  --silent-white: #fff;
  --white-silent: #f0f0f0;
  --dark-light: #f0f0f0;
  --dark-silent: #c5c5c5;
  --silent-dark:#0d0d0d;
  --lp-primary:#012d98;
  --white-black-a0:#00000001;
  --white-black-a41:#000000c8;
  --dark-light-a: #f0f0f07e;
  --light-dark: #0d0d0d;
  --light-black: #000000;
  --light-blue:#012d98;
  --primary-dark: #0d0d0d;
  --light--dark-t: #f0f0f0;
  --primary-light: #f0f0f0;
  --bright-primary: #011750;
  --bright-dark: #0d0d0d;
  --white-primary: #fff;
  --black-white: #ffffff;
  --white-black: #000000;
  --light-primary: #011750;
  --a-link: #10a7ff;
  --white-light: #fff;
  --dark-seconday: #0d0d0d;
  --main-mainplus: #02EFB8;
  --main-p:#02EFB8;
  --mainplus-main: #04a88d;
  --g-parimary: #b0f2fe;
  --gr-parimary: #011750;
  --gr-gray: #c5c5c5;
  --silent-dark:#0d0d0d;
  --dark-silent:#c5c5c5;
  --g-link: #18e4ff;
  --g-main: #02EFB8;
}
body.dark-theme .slider .bg-light {
  display: none;
}

body.light-theme {
  --aqua-a:#04a88d;
  --aqua-b: #04a88d;
  --main: #04a88d;
  --lightblue-white: #0E8BFA;
  --gray-a: #fff;
  --color-start: #06c3b3;
  --color-stop: #002d7b;
  --color-line: black;
  --blue-dark: #011750;
  --silent-white: #f0f0f0;
  --white-silent: #fff;
  --dark-light: #0d0d0d;
  --dark-light-a: #0d0d0d7e;
  --light-dark: #f0f0f0;
  --primary-dark: #011750;
  --light-black: #f0f0f0;
  --light--dark-t: #000000ad;
  --primary-light: #011750;
  --light-primary: #f0f0f0;
  --main-mainplus: #04a88d;
  --mainplus-main: #02EFB8;
  --dark-white: #000000;
  --black-white: #000;
  --white-black: #ffffff;
  --bright-primary: #fafafa;
  --bright-dark: #fafafa;
  --white-light: #fff;
  --white-primary: #fff;
  --silent-primary: #011750;
  --dark-seconday: #818cab;
  --silent-dark: #f0f0f0;
  --a-link: #0059e9;
  --lp-primary: #0f8bfa;
  --white-black-a0: #ffffff01;
  --white-black-a41: #ffffffc8;
  --silent-dark: #f0f0f0;
  --dark-silent: #0d0d0d;
  --g-parimary: #011750;
  --gr-parimary: #b0f2fe;
  --gr-gray: #011750;
  --g-link: #0059e9;
  --g-main: #04a88d;
  --primary-color: $primary;
  --secondary-color: $secondary;
  --font-color: $dark;
  --bg-color: $light;
  --heading-color: $primary;
  --color-start: #02EFB8;
  --color-stop: #0AC1DA;
  --color-line: #fff;
  --slide-minheight: 500px;
  --slide-maxheight: unset;
}
body.light-theme header .head {
  background: linear-gradient(89deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.05) 5%, rgba(255, 255, 255, 0.29) 13%, rgba(255, 255, 255, 0.64) 34%, rgba(255, 255, 255, 0.87) 55%, rgb(255, 255, 255) 89%);
}
body.light-theme .slider .slide .bg {
  background-image: unset;
  background-color: white;
}
body.light-theme .subscription {
  background-image: url("/sites/default/files/media/images/2023-08/light.webp");
  background-size: cover;
  background-position: center;
}
body.light-theme .slider .slick-list .slick-track .slide::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.89) 0%, rgb(255, 255, 255) 13%, rgba(255, 255, 255, 0.8) 21%, rgba(255, 255, 255, 0.7) 34%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 89%);
}
body.light-theme .slider .bg-dark {
  display: none;
}
body.light-theme .search:focus-within {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.01) 0%, rgba(252, 251, 255, 0.05) 5%, rgba(255, 255, 255, 0.13) 13%, rgba(255, 255, 255, 0.34) 34%, rgba(255, 255, 255, 0.55) 55%, rgba(255, 255, 255, 0.89) 89%);
}
body.light-theme .nav .nav-items .nav-item .nav-btn .btn-content .btn-text {
  color: var(--primary);
}
body.light-theme .nav .nav-items:hover .nav-item:not(:hover) {
  transition: 350ms ease-in-out all;
}
body.light-theme .nav .nav-items .nav-item .nav-btn:hover, body.light-theme .nav .nav-items .nav-item .nav-btn:active {
  --lightblue-white: #0059e9;
}
body.light-theme .shade {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.89) 0%, rgba(255, 255, 255, 0.89) 8%, rgba(255, 255, 255, 0.65) 21%, rgba(255, 255, 255, 0.55) 34%, rgba(1, 23, 80, 0.34) 55%, rgba(1, 23, 80, 0) 89%);
}

.easymode {
  --base-type: 18px;
}

.light-theme.infomode {
  --base-color: #000;
  --base-opz: #fff;
  --primary: var(--base-color) !important;
  --aqua-a: var(--base-color) !important;
  --aqua-b: var(--base-color) !important;
  --blue-a: var(--base-color) !important;
  --blue-b: var(--base-color) !important;
  --lightblue-white: var(--base-color) !important;
  --main: var(--base-color) !important;
  --main-p: var(--base-color) !important;
  --mainplus-main: var(--base-color) !important;
  --main-mainplus: var(--base-color) !important;
  --primary-light: var(--base-color) !important;
}
.light-theme.infomode :root {
  --base-color: #000;
}
.light-theme.infomode header .head {
  background: #fff !important;
}
.light-theme.infomode header .head .eye .logo svg .logo-nih {
  fill: var(--base-color);
}
.light-theme.infomode .feature {
  background: black;
}
.light-theme.infomode .slide-bg {
  background-color: var(--base-opz) !important;
}
.light-theme.infomode .nav .nav-items .nav-item:hover {
  background: var(--off);
}
.light-theme.infomode .nav .nav-items .nav-item .nav-btn:hover, .light-theme.infomode body.light-theme .nav .nav-items .nav-item .nav-btn:active {
  --lightblue-white: var(--base-color) !important;
}
.light-theme.infomode .search .input input {
  background: var(--off);
  width: 58px;
}
.light-theme.infomode .search .input input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0; /* Firefox */
}
.light-theme.infomode .search .input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0; /* Firefox */
}
.light-theme.infomode .search .input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 0; /* Firefox */
}
.light-theme.infomode .search .input input::-ms-input-placeholder { /* Microsoft Edge */
  opacity: 0; /* Firefox */
}
.light-theme.infomode .search.active .input input {
  background: var(--off);
  width: 100%;
}
.light-theme.infomode .search.active .input input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.5; /* Firefox */
}
.light-theme.infomode .search.active .input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.5; /* Firefox */
}
.light-theme.infomode .search.active .input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 0.5; /* Firefox */
}
.light-theme.infomode .search.active .input input::-ms-input-placeholder { /* Microsoft Edge */
  opacity: 0.5; /* Firefox */
}
.light-theme.infomode .slider .slide .tabs .tab .box {
  background-color: var(--off);
}
.light-theme.infomode .slider .slide .content .box h1 {
  color: var(--base-color) !important;
  -webkit-text-fill-color: unset;
  background: unset !important;
}
.light-theme.infomode .slider .slide .content .box button {
  background-color: var(--off) !important;
  color: var(--blak-white);
}
.light-theme.infomode .slider .slide .content .box span::after {
  background-color: var(--base-color) !important;
}
.light-theme.infomode .slider .slide .slide-bg {
  background-image: unset !important;
}
.light-theme.infomode .slider .slide .tabs .tab .highlight {
  color: var(--base-color) !important;
}
.light-theme.infomode .slider .slide .tabs .tab::after {
  border-color: var(--base-color) !important;
}
.light-theme.infomode .slider .slide .tabs .tab:last-child .box .img {
  filter: grayscale(100%) brightness(2) contrast(5) invert(1);
}
.light-theme.infomode body.light-theme .nav .nav-items .nav-item .nav-btn .btn-content .btn-text {
  color: #fff;
}
.light-theme.infomode #subscription {
  background: var(--base-opz) !important;
  background-image: unset !important;
}
.light-theme.infomode .subscription .container .social-media .content .block {
  filter: grayscale(100%) brightness(2) contrast(5);
}
.light-theme.infomode .about .sidebar {
  background: var(--off) !important;
}
.light-theme.infomode .title, .light-theme.infomode a, .light-theme.infomode p {
  color: var(--base-color) !important;
}
.light-theme.infomode p, .light-theme.infomode .about .tiles .tile ul li a {
  font-size: 1.05em !important;
  font-weight: 400 !important;
}
.light-theme.infomode .btn {
  color: var(--base-color) !important;
  line-height: 30px !important;
  background-color: var(--base-opz) !important;
}
.light-theme.infomode .btn:hover {
  color: var(--base-opz) !important;
  background-image: unset !important;
  background-color: var(--base-color) !important;
}
.light-theme.infomode .subscription .container .email .content {
  background-color: var(--off);
}
.light-theme.infomode .subscription .container .email .content input {
  background-color: var(--base-opz);
}
.light-theme.infomode input[type=text]:focus, .light-theme.infomode input[type=password]:focus, .light-theme.infomode input[type=tel]:focus, .light-theme.infomode input[type=email]:focus, .light-theme.infomode input[type=time]:focus, .light-theme.infomode input[type=url]:focus, .light-theme.infomode input[type=hidden]:focus, .light-theme.infomode input[type=month]:focus, .light-theme.infomode input[type=number]:focus, .light-theme.infomode input[type=search]:focus {
  border-color: var(--base-color);
}
.light-theme.infomode a:hover {
  text-decoration: underline !important;
}
.light-theme.infomode input {
  color: var(--base-color) !important;
}
.light-theme.infomode ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--base-color) !important;
  opacity: 0.5; /* Firefox */
}
.light-theme.infomode ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--base-color) !important;
  opacity: 0.5; /* Firefox */
}
.light-theme.infomode :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--base-color) !important;
  opacity: 0.5; /* Firefox */
}
.light-theme.infomode ::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--base-color) !important;
  opacity: 0.5; /* Firefox */
}
.light-theme.infomode .feature {
  background: var(--base-color);
}
.light-theme.infomode .feature #theme:hover, .light-theme.infomode .feature #easymode:hover, .light-theme.infomode .feature #infomode:hover, .light-theme.infomode .feature #feature-icon:hover, .light-theme.infomode .feature #reader-mode:hover {
  background-color: var(--shade);
}
.light-theme.infomode .feature #feature-icon {
  background: var(--base-color) !important;
}
.light-theme.infomode .feature #feature-icon svg {
  fill: var(--base-opz);
}
.light-theme.infomode .feature #feature-icon .stroke {
  stroke: var(--base-opz) !important;
}
.light-theme.infomode .feature #feature-icon .fill {
  fill: var(--base-opz) !important;
}
.light-theme.infomode .infomode-img {
  top: 0;
  left: 0;
  filter: grayscale(100%) brightness(2) contrast(5) invert(1);
}
.light-theme.infomode .infomode-imgx {
  top: 0;
  left: 0;
  filter: grayscale(100%) brightness(2) contrast(5);
}
.light-theme.infomode .ea::before {
  content: unset !important;
}

.dark-theme.infomode {
  --base-color: #fff;
  --base-opz: #000;
  --primary: var(--base-color) !important;
  --aqua-a: var(--base-color) !important;
  --aqua-b: var(--base-color) !important;
  --blue-a: var(--base-color) !important;
  --blue-b: var(--base-color) !important;
  --lightblue-white: var(--base-color) !important;
  --main: var(--base-color) !important;
  --main-p: var(--base-color) !important;
  --mainplus-main: var(--base-color) !important;
  --main-mainplus: var(--base-color) !important;
  --primary-light: var(--base-color) !important;
}
.dark-theme.infomode :root {
  --base-color: #000;
}
.dark-theme.infomode header .head .eye .logo svg .logo-nih {
  fill: var(--base-color);
}
.dark-theme.infomode header .head {
  background: #000 !important;
}
.dark-theme.infomode .feature {
  background: var(--base-color);
}
.dark-theme.infomode .feature #theme:hover, .dark-theme.infomode .feature #easymode:hover, .dark-theme.infomode .feature #infomode:hover, .dark-theme.infomode .feature #feature-icon:hover, .dark-theme.infomode .feature #reader-mode:hover {
  background-color: var(--shade);
}
.dark-theme.infomode .feature #feature-icon {
  background: var(--base-color) !important;
}
.dark-theme.infomode .feature #feature-icon svg {
  fill: var(--base-opz);
}
.dark-theme.infomode .feature #feature-icon .stroke {
  stroke: var(--base-opz) !important;
}
.dark-theme.infomode .feature #feature-icon .fill {
  fill: var(--base-opz) !important;
}
.dark-theme.infomode .nav .nav-items .nav-item .menu .menu-container .menu-items {
  background-color: var(--shade) !important;
}
.dark-theme.infomode .nav .nav-items .nav-item.active .nav-btn .btn-content .btn-text {
  color: var(--base-color) !important;
}
.dark-theme.infomode .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title {
  color: var(--base-color) !important;
}
.dark-theme.infomode .slide-bg {
  background-color: var(--base-opz) !important;
}
.dark-theme.infomode .about .content {
  background-color: var(--bright-dark) !important;
}
.dark-theme.infomode .slider .slide .bg {
  display: none !important;
}
.dark-theme.infomode .slider .slick-list .slick-track .slide::before {
  content: unset !important;
}
.dark-theme.infomode .slider .slide .content .box span {
  color: var(--base-color);
}
.dark-theme.infomode .nav .nav-items .nav-item:hover {
  background: var(--shade);
}
.dark-theme.infomode .nav .nav-items .nav-item .nav-btn:hover, .dark-theme.infomode body.light-theme .nav .nav-items .nav-item .nav-btn:active {
  --lightblue-white: var(--base-color) !important;
}
.dark-theme.infomode .search .input input {
  background: var(--shade);
  width: 58px;
  color: var(--shade) !important;
}
.dark-theme.infomode .search .input input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0; /* Firefox */
}
.dark-theme.infomode .search .input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0; /* Firefox */
}
.dark-theme.infomode .search .input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 0; /* Firefox */
}
.dark-theme.infomode .search .input input::-ms-input-placeholder { /* Microsoft Edge */
  opacity: 0; /* Firefox */
}
.dark-theme.infomode .search.active .input input {
  background: var(--shade);
  color: #fff !important;
  width: 100%;
}
.dark-theme.infomode .search.active .input input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.5; /* Firefox */
}
.dark-theme.infomode .search.active .input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.5; /* Firefox */
}
.dark-theme.infomode .search.active .input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 0.5; /* Firefox */
}
.dark-theme.infomode .search.active .input input::-ms-input-placeholder { /* Microsoft Edge */
  opacity: 0.5; /* Firefox */
}
.dark-theme.infomode .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title .view {
  background-color: var(--base-opz) !important;
}
.dark-theme.infomode .slider .slide .tabs .tab .box {
  background-color: var(--shade);
}
.dark-theme.infomode .slider .slide .content .box h1 {
  color: var(--base-color) !important;
  -webkit-text-fill-color: unset;
  background: unset !important;
}
.dark-theme.infomode .slider .slide .content .box button {
  background-color: var(--shade) !important;
}
.dark-theme.infomode .slider .slide .content .box span::after {
  background-color: var(--base-color) !important;
}
.dark-theme.infomode input[type=text], .dark-theme.infomode input[type=password], .dark-theme.infomode input[type=tel], .dark-theme.infomode input[type=email], .dark-theme.infomode input[type=time], .dark-theme.infomode input[type=url], .dark-theme.infomode input[type=hidden], .dark-theme.infomode input[type=month], .dark-theme.infomode input[type=number], .dark-theme.infomode input[type=search] {
  border-color: var(--shade);
}
.dark-theme.infomode .slider .slide .slide-bg {
  background-image: unset !important;
}
.dark-theme.infomode .slider .slide .tabs .tab .highlight {
  color: var(--base-color) !important;
}
.dark-theme.infomode .slider .slide .tabs .tab::after {
  border-color: var(--base-color) !important;
}
.dark-theme.infomode .slider .slide .tabs .tab:last-child .box .img {
  filter: grayscale(100%) brightness(2) contrast(5) invert(1);
}
.dark-theme.infomode body.light-theme .nav .nav-items .nav-item .nav-btn .btn-content .btn-text {
  color: #fff;
}
.dark-theme.infomode #subscription {
  background: var(--base-opz) !important;
  background-image: unset !important;
}
.dark-theme.infomode .subscription .container .social-media .content .block {
  filter: grayscale(100%) brightness(2) contrast(5);
}
.dark-theme.infomode .about .sidebar {
  background: var(--shade) !important;
}
.dark-theme.infomode .title, .dark-theme.infomode a, .dark-theme.infomode p, .dark-theme.infomode h1, .dark-theme.infomode h2, .dark-theme.infomode h3 {
  color: var(--base-color) !important;
}
.dark-theme.infomode p, .dark-theme.infomode .about .tiles .tile ul li a {
  font-size: 1.05em !important;
  font-weight: 400 !important;
}
.dark-theme.infomode .btn {
  color: var(--base-color) !important;
  line-height: 30px !important;
  background-color: var(--shade) !important;
}
.dark-theme.infomode .btn:hover {
  color: var(--base-opz) !important;
  background-image: unset !important;
  background-color: var(--base-color) !important;
}
.dark-theme.infomode .subscription .container .email .content {
  background-color: var(--blak-white);
}
.dark-theme.infomode .subscription .container .email .content input {
  background-color: var(--shade);
}
.dark-theme.infomode input[type=text]:focus, .dark-theme.infomode input[type=password]:focus, .dark-theme.infomode input[type=tel]:focus, .dark-theme.infomode input[type=email]:focus, .dark-theme.infomode input[type=time]:focus, .dark-theme.infomode input[type=url]:focus, .dark-theme.infomode input[type=hidden]:focus, .dark-theme.infomode input[type=month]:focus, .dark-theme.infomode input[type=number]:focus, .dark-theme.infomode input[type=search]:focus {
  border-color: var(--base-color);
}
.dark-theme.infomode a:hover {
  text-decoration: underline !important;
}
.dark-theme.infomode input {
  color: var(--base-color) !important;
}
.dark-theme.infomode ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--base-color) !important;
  opacity: 0.5; /* Firefox */
}
.dark-theme.infomode ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--base-color) !important;
  opacity: 0.5; /* Firefox */
}
.dark-theme.infomode :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--base-color) !important;
  opacity: 0.5; /* Firefox */
}
.dark-theme.infomode ::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--base-color) !important;
  opacity: 0.5; /* Firefox */
}
.dark-theme.infomode .infomode-img {
  top: 0;
  left: 0;
  filter: grayscale(100%) brightness(2) contrast(5);
}
.dark-theme.infomode .infomode-imgx {
  top: 0;
  left: 0;
  filter: grayscale(100%) brightness(2) contrast(5);
}
.dark-theme.infomode .ea::before {
  content: unset !important;
}

:root body.day header {
  --primary: white !important;
  --success: lightgray;
  --white: #011750;
}
:root .pip .img-frame {
  background-image: url(./img/icons/ads-frame-trans.png);
}/*# sourceMappingURL=style.css.map */


/*Overridden*/
body.path-node .subscription .container {
    justify-content: normal !important;
  max-width:120rem;
  margin: 0 auto;
}

@media(max-width:90rem){
  .effect-h p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5rem;
    max-height: 3.5rem;
  }
}
@media (max-width: 110rem) {
    .effect-h p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.5rem;
        max-height: 4.5rem;
    }
}
@media(min-width:48rem) and (max-width:90rem){
    .effect-hur__content p,
     .effect-hur__content span{
        font-size: 16px;
        font-weight:500;
    }
    .effect-hur h3{
        font-size: 16px;
        font-weight:500;
    }
    .effect-hur:hover h3{
        font-size: 16px !important;
        padding: 0;
    }
}
@media(max-width:48rem){
	.grid.g-x--12.gap--21{
		grid-template-columns: 1fr;
	}
}


.component.column-content ul li,
.component.intro-text ul li{
  list-style: square;
  font-size: 1.1em;
  color: #000000;
}