/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./srx/theme.scss ***!
  \*********************************************************************************************************/
/**
 * Generate classes with extend the main class.
 * For example:
 * origin: .flex
 * output: .flex-md, .flex-up
 * @param  {[type]} $mapped  [description]
 * @param  {[type]} $prefix  [description]
 * @param  {[type]} $suffix: ''            [description]
 * @return {[type]}          [description]
 */
/**
 * Generate classes with within same level for
 * utilities.
 * For example:
 * origin: .align
 * output: .align-items-center
 * @param  array $mapped  [description]
 * @param  string $classx  [description]
 * @param  string $prefix  [description]
 * @param  string $suffix: ''            [description]
 * @return {[type]}          [description]
 */
/**
 * Generate classes with within same level for
 * utilities.
 * For example:
 * origin: .grid
 * output: .grid.cols-3-md
 * @param  array $mapped  [description]
 * @param  string $classx  [description]
 * @param  string $prefix  [description]
 * @param  string $suffix: ''            [description]
 * @return {[type]}          [description]
 */
/**
* Generate classes as direct child of target classses
* For example:
* origin: .grid
* output: .grid > .col-3-md
* @param  array $mapped  [description]
* @param  string $classx  [description]
* @param  string $prefix  [description]
* @param  string $suffix: ''            [description]
* @return {[type]}          [description]
*/
:root {
  --color-red: #dc3545;
  --color-blue: #0d6efd;
  --color-pink: #d63384;
  --color-teal: #20c997;
  --color-cyan: #0dcaf0;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-green: #198754;
  --color-indigo: #6610f2;
  --color-purple: #6f42c1;
  --color-orange: #fd7e14;
  --color-yellow: #ffc107;
  --color-primary: #ddf472;
  --color-secondary: #bbd4d4;
  --color-tertiary: #4d4d4d;
  --color-success: #53d258;
  --color-warning: #e4c65b;
  --color-danger: #e25c5c;
  --color-info: #2685ca;
  --color-tint: #f7f7f7;
  --color-gray: #eaeaea;
  --color-soft: #dee8e8;
  --color-warm: #eaeaea;
  --color-rich: #5bbb7b;
  --color-deep: #5bbb7b;
  --color-dark: #272727;
  --color-tone-1: #006d77;
  --color-tone-2: #83c5be;
  --color-tone-3: #afeae4;
  --color-tone-4: #faede3;
  --color-tone-5: #ffddd2;
  --color-tone-6: #e29578;
  --color-tone-7: #ffd166;
  --color-gray-05: #f9fafb;
  --color-gray-10: #f2f4f7;
  --color-gray-20: #e4e7ec;
  --color-gray-30: #d0d5dd;
  --color-gray-40: #98a2b3;
  --color-gray-50: #667085;
  --color-gray-60: #475467;
  --color-gray-70: #344054;
  --color-gray-80: #1d2939;
  --color-gray-90: #101828;
  --color-skin-1: #f9fafb;
  --color-skin-2: #f2f4f7;
  --color-skin-3: #e4e7ec;
  --color-skin-4: #d0d5dd;
  --color-skin-5: #98a2b3;
  --color-skin-6: #667085;
  --color-skin-7: #475467;
  --color-skin-8: #344054;
  --color-skin-9: #1d2939;
  --color-skin-10: #101828;
}

@keyframes playVideo {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  }
  40% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  80% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes dimond {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes bounceUp {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes bounceUp {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes moverightbounce {
  0% {
    margin-left: 0px;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes moverightbounce {
  0% {
    margin-left: 0px;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0px;
  }
}
.rotateme {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes guraguri {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes guraguri {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
@-webkit-keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
/* ----------------------------------
  All Aniamtion Styles
 ------------------------------------ */
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes top-to-down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes left-to-right {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes shake {
  0%, 20%, 60%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
}
@keyframes shake-item {
  0%, 20%, 60%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  80% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@keyframes top {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes left-to {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes top-to-down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes playVideo1 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 94, 20, 0.05);
    box-shadow: 0 0 0 0 rgba(255, 94, 20, 0.05);
  }
  40% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 94, 20, 0.05);
    box-shadow: 0 0 0 30px rgba(255, 94, 20, 0.05);
  }
  80% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 94, 20, 0.05);
    box-shadow: 0 0 0 30px rgba(255, 94, 20, 0.05);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 94, 20, 0.05);
    box-shadow: 0 0 0 0 rgba(255, 94, 20, 0.05);
  }
}
@keyframes playMe {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

html,
body,
div,
span,
img,
ol,
ul,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
option,
legend,
label,
table,
th,
td,
tr,
article,
aside,
caption,
figure,
footer,
header,
hgroup,
mark,
nav,
section,
time,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

img {
  max-width: 100%;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none !important;
}

input::-moz-focus-inner,
input::-webkit-focus-inner {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
  opacity: 1;
  color: #555;
}

input,
textarea {
  width: auto;
  max-width: none;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 1px solid var(--border-color, #dedede);
}

html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

ul,
li {
  margin: 0;
  padding: 0;
}

svg[fill=none] {
  display: none;
}

figure {
  margin: 0px;
}

form {
  position: relative;
}

.form-control:focus {
  outline: none !important;
  border: none !important;
  box-shadow: 0 0 0;
}

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

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

hr {
  margin: 0;
  padding: 0;
  grey-1x: #000;
}

ul {
  list-style-type: none;
}

li {
  list-style: none;
  position: relative;
}

a,
button {
  position: relative;
}
a:hover, a:focus,
button:hover,
button:focus {
  outline: 0;
  text-decoration: none;
}

figure {
  display: flex;
}

i[class*=skin-] {
  padding: 7.5px;
}

img {
  display: block;
}

.star [class*=star] {
  color: yellow;
  font-size: inherit;
}
.star .caption {
  display: block;
  font-size: 12px;
}

.brand,
.badge,
.thumb,
.image,
.video,
.audio,
.embed {
  position: relative;
}
.brand svg,
.brand img,
.badge svg,
.badge img,
.thumb svg,
.thumb img,
.image svg,
.image img,
.video svg,
.video img,
.audio svg,
.audio img,
.embed svg,
.embed img {
  margin-bottom: 0;
  display: block;
  height: auto;
}
.brand > .player,
.badge > .player,
.thumb > .player,
.image > .player,
.video > .player,
.audio > .player,
.embed > .player {
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  font-size: 30px;
  color: #000000;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  transform: translate(-50%, -50%);
  justify-content: center;
  align-items: center;
  position: absolute;
  display: flex;
  z-index: 2;
}
.brand:hover > .player,
.brand .is-active > .player,
.badge:hover > .player,
.badge .is-active > .player,
.thumb:hover > .player,
.thumb .is-active > .player,
.image:hover > .player,
.image .is-active > .player,
.video:hover > .player,
.video .is-active > .player,
.audio:hover > .player,
.audio .is-active > .player,
.embed:hover > .player,
.embed .is-active > .player {
  animation: playMe 1.5s infinite ease-in-out;
}
.brand.is-cover,
.badge.is-cover,
.thumb.is-cover,
.image.is-cover,
.video.is-cover,
.audio.is-cover,
.embed.is-cover {
  object-fit: cover;
}
.brand.is-cover img,
.badge.is-cover img,
.thumb.is-cover img,
.image.is-cover img,
.video.is-cover img,
.audio.is-cover img,
.embed.is-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clear {
  clear: both;
  height: 0;
  margin: 0 !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

.alignleft {
  float: left;
  margin: 0 25px 25px 0;
}

.alignright {
  float: right;
  margin: 20px 0 25px 25px;
}

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

.drop {
  margin-bottom: 10px;
  position: relative;
}
.drop::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #dedede;
  z-index: -1;
  display: block;
  opacity: 0.3;
  transform: translate(-12px, 12px);
}
.drop-tl::after {
  transform: translate(10px, -10px); /* Top-left */
}
.drop-tr::after {
  transform: translate(-10px, -10px);
}
.drop-br::after {
  transform: translate(10px, 10px);
}
.drop-bl::after {
  transform: translate(-10px, 10px);
}
.drop-right::after {
  transform: translate(-10px, 0);
}
.drop-top::after {
  transform: translate(0, -10px);
}
.drop-bottom::after {
  transform: translate(0, 10px);
}
.drop-left::after {
  transform: translate(10px, 0);
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .drop-tl-md::after {
    transform: translate(10px, -10px); /* Top-left */
  }
  .drop-tr-md::after {
    transform: translate(-10px, -10px);
  }
  .drop-br-md::after {
    transform: translate(10px, 10px);
  }
  .drop-bl-md::after {
    transform: translate(-10px, 10px);
  }
  .drop-right-md::after {
    transform: translate(-10px, 0);
  }
  .drop-top-md::after {
    transform: translate(0, -10px);
  }
  .drop-bottom-md::after {
    transform: translate(0, 10px);
  }
  .drop-left-md::after {
    transform: translate(10px, 0);
  }
}
@media (min-width: 992px) {
  .drop-tl-lg::after {
    transform: translate(10px, -10px); /* Top-left */
  }
  .drop-tr-lg::after {
    transform: translate(-10px, -10px);
  }
  .drop-br-lg::after {
    transform: translate(10px, 10px);
  }
  .drop-bl-lg::after {
    transform: translate(-10px, 10px);
  }
  .drop-right-lg::after {
    transform: translate(-10px, 0);
  }
  .drop-top-lg::after {
    transform: translate(0, -10px);
  }
  .drop-bottom-lg::after {
    transform: translate(0, 10px);
  }
  .drop-left-lg::after {
    transform: translate(10px, 0);
  }
}

.space {
  margin-bottom: var(--md-gap, 18px);
}
.space-micro {
  margin-bottom: var(--xs-gap, 12px) !important;
}
.space-small {
  margin-bottom: var(--sm-gap, 16px) !important;
}
.space-large {
  margin-bottom: var(--lg-gap, 24px) !important;
}
.space-extra {
  margin-bottom: var(--xl-gap, 32px) !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .space-micro-md {
    margin-bottom: var(--xs-gap, 12px) !important;
  }
  .space-small-md {
    margin-bottom: var(--sm-gap, 16px) !important;
  }
  .space-large-md {
    margin-bottom: var(--lg-gap, 24px) !important;
  }
  .space-extra-md {
    margin-bottom: var(--xl-gap, 32px) !important;
  }
}
@media (min-width: 992px) {
  .space-micro-lg {
    margin-bottom: var(--xs-gap, 12px) !important;
  }
  .space-small-lg {
    margin-bottom: var(--sm-gap, 16px) !important;
  }
  .space-large-lg {
    margin-bottom: var(--lg-gap, 24px) !important;
  }
  .space-extra-lg {
    margin-bottom: var(--xl-gap, 32px) !important;
  }
}

.is-full {
  width: 100%;
}

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

@media (min-width: 768px) and (max-width: 991.98px) {
  .is-full-md {
    width: 100%;
  }
  .text-center-md {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .is-full-lg {
    width: 100%;
  }
  .text-center-lg {
    text-align: center;
  }
}
body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  font-family: var(--font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: var(--link-visited, #53d258);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-header, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 992px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 1.6rem;
  }
}

h1 {
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  h1 {
    font-size: 2.4rem;
  }
}

h2 {
  font-size: 1.3rem;
}
@media (min-width: 992px) {
  h2 {
    font-size: 1.8rem;
  }
}

h3 {
  font-size: 1.1rem;
}
@media (min-width: 992px) {
  h3 {
    font-size: 1.4rem;
  }
}

h4 {
  font-size: 1rem;
}
@media (min-width: 992px) {
  h4 {
    font-size: 1.2rem;
  }
}

h5 {
  font-size: 1rem;
}
@media (min-width: 992px) {
  h5 {
    font-size: 1rem;
  }
}

h6 {
  font-size: 1rem;
}

ul.list li {
  display: flex;
  align-items: flex-start;
  position: relative;
}
ul.list li.no::before {
  color: red;
  content: "\f057";
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
.list,
.space,
.wp-block-list,
table {
  margin-bottom: var(--md-gap, 18px);
}
h1.is-boxed,
h2.is-boxed,
h3.is-boxed,
h4.is-boxed,
h5.is-boxed,
h6.is-boxed,
p.is-boxed,
.list.is-boxed,
.space.is-boxed,
.wp-block-list.is-boxed,
table.is-boxed {
  padding: 10px;
}
h1.is-text-slex,
h2.is-text-slex,
h3.is-text-slex,
h4.is-text-slex,
h5.is-text-slex,
h6.is-text-slex,
p.is-text-slex,
.list.is-text-slex,
.space.is-text-slex,
.wp-block-list.is-text-slex,
table.is-text-slex {
  transform: rotate(-2.82deg);
}
h1.is-line,
h2.is-line,
h3.is-line,
h4.is-line,
h5.is-line,
h6.is-line,
p.is-line,
.list.is-line,
.space.is-line,
.wp-block-list.is-line,
table.is-line {
  line-height: 2;
  margin-bottom: 0;
}
h1.is-bold,
h2.is-bold,
h3.is-bold,
h4.is-bold,
h5.is-bold,
h6.is-bold,
p.is-bold,
.list.is-bold,
.space.is-bold,
.wp-block-list.is-bold,
table.is-bold {
  font-weight: bold;
}
h1.is-lowercase,
h2.is-lowercase,
h3.is-lowercase,
h4.is-lowercase,
h5.is-lowercase,
h6.is-lowercase,
p.is-lowercase,
.list.is-lowercase,
.space.is-lowercase,
.wp-block-list.is-lowercase,
table.is-lowercase {
  text-transform: lowercase;
}
h1.is-uppercase,
h2.is-uppercase,
h3.is-uppercase,
h4.is-uppercase,
h5.is-uppercase,
h6.is-uppercase,
p.is-uppercase,
.list.is-uppercase,
.space.is-uppercase,
.wp-block-list.is-uppercase,
table.is-uppercase {
  text-transform: uppercase;
}
h1.is-capitalize,
h2.is-capitalize,
h3.is-capitalize,
h4.is-capitalize,
h5.is-capitalize,
h6.is-capitalize,
p.is-capitalize,
.list.is-capitalize,
.space.is-capitalize,
.wp-block-list.is-capitalize,
table.is-capitalize {
  text-transform: capitalize;
}

@media (max-width: 991.98px) {
  .in-laptop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .in-tablet {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .in-mobile {
    display: none !important;
  }
}
.icon-micro {
  font-size: var(--xs-icon, 16px) !important;
}
.icon-small {
  font-size: var(--sm-icon, 20px) !important;
}
.icon-large {
  font-size: var(--lg-icon, 32px) !important;
}
.icon-extra {
  font-size: var(--xl-icon, 42px) !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .icon-micro-md {
    font-size: var(--xs-icon, 16px) !important;
  }
  .icon-small-md {
    font-size: var(--sm-icon, 20px) !important;
  }
  .icon-large-md {
    font-size: var(--lg-icon, 32px) !important;
  }
  .icon-extra-md {
    font-size: var(--xl-icon, 42px) !important;
  }
}
@media (min-width: 992px) {
  .icon-micro-lg {
    font-size: var(--xs-icon, 16px) !important;
  }
  .icon-small-lg {
    font-size: var(--sm-icon, 20px) !important;
  }
  .icon-large-lg {
    font-size: var(--lg-icon, 32px) !important;
  }
  .icon-extra-lg {
    font-size: var(--xl-icon, 42px) !important;
  }
}

.title {
  font-size: var(--md-title, 1.8rem);
}
.title.is-tabbed {
  border-bottom: 2px solid #000;
}
.title.is-tabbed > span {
  padding: 10px 15px;
  display: inline-block;
  border: 2px solid #000;
  margin-bottom: -2px;
}
.title-bold {
  font-weight: bold;
}
.title-micro {
  font-size: var(--xs-title, 1.4rem) !important;
}
.title-small {
  font-size: var(--sm-title, 1.6rem) !important;
}
.title-large {
  font-size: var(--lg-title, 2.2rem) !important;
}
.title-extra {
  font-size: var(--xl-title, 2.6rem) !important;
}
.title-center {
  text-align: center !important;
}
.title-right {
  text-align: right !important;
}
.title-left {
  text-align: left !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .title-bold-md {
    font-weight: bold;
  }
  .title-micro-md {
    font-size: var(--xs-title, 1.4rem) !important;
  }
  .title-small-md {
    font-size: var(--sm-title, 1.6rem) !important;
  }
  .title-large-md {
    font-size: var(--lg-title, 2.2rem) !important;
  }
  .title-extra-md {
    font-size: var(--xl-title, 2.6rem) !important;
  }
  .title-center-md {
    text-align: center !important;
  }
  .title-right-md {
    text-align: right !important;
  }
  .title-left-md {
    text-align: left !important;
  }
}
@media (min-width: 992px) {
  .title-bold-lg {
    font-weight: bold;
  }
  .title-micro-lg {
    font-size: var(--xs-title, 1.4rem) !important;
  }
  .title-small-lg {
    font-size: var(--sm-title, 1.6rem) !important;
  }
  .title-large-lg {
    font-size: var(--lg-title, 2.2rem) !important;
  }
  .title-extra-lg {
    font-size: var(--xl-title, 2.6rem) !important;
  }
  .title-center-lg {
    text-align: center !important;
  }
  .title-right-lg {
    text-align: right !important;
  }
  .title-left-lg {
    text-align: left !important;
  }
}

.badge {
  line-height: 1;
  font-size: var(--md-small, 40px) !important;
}
.badge-micro {
  font-size: var(--xs-small, 28px) !important;
}
.badge-small {
  font-size: var(--sm-small, 32px) !important;
}
.badge-large {
  font-size: var(--lg-small, 48px) !important;
}
.badge-extra {
  font-size: var(--xl-small, 56px) !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .badge-micro-md {
    font-size: var(--xs-small, 28px) !important;
  }
  .badge-small-md {
    font-size: var(--sm-small, 32px) !important;
  }
  .badge-large-md {
    font-size: var(--lg-small, 48px) !important;
  }
  .badge-extra-md {
    font-size: var(--xl-small, 56px) !important;
  }
}
@media (min-width: 992px) {
  .badge-micro-lg {
    font-size: var(--xs-small, 28px) !important;
  }
  .badge-small-lg {
    font-size: var(--sm-small, 32px) !important;
  }
  .badge-large-lg {
    font-size: var(--lg-small, 48px) !important;
  }
  .badge-extra-lg {
    font-size: var(--xl-small, 56px) !important;
  }
}

.thumb {
  display: inline-flex;
  flex-direction: column;
}
.thumb > .caption {
  line-height: 1.2;
  font-size: 0.8123rem;
  padding: 10px 10px;
}
.thumb-micro {
  width: var(--xs-thumb, 128px) !important;
}
.thumb-small {
  width: var(--sm-thumb, 160px) !important;
}
.thumb-large {
  width: var(--lg-thumb, 224px) !important;
}
.thumb-extra {
  width: var(--xl-thumb, 256px) !important;
}
.thumb-v-micro {
  height: var(--xs-thumb, 128px) !important;
}
.thumb-v-small {
  height: var(--sm-thumb, 160px) !important;
}
.thumb-v-large {
  height: var(--lg-thumb, 224px) !important;
}
.thumb-v-extra {
  height: var(--xl-thumb, 256px) !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .thumb-micro-md {
    width: var(--xs-thumb, 128px) !important;
  }
  .thumb-small-md {
    width: var(--sm-thumb, 160px) !important;
  }
  .thumb-large-md {
    width: var(--lg-thumb, 224px) !important;
  }
  .thumb-extra-md {
    width: var(--xl-thumb, 256px) !important;
  }
  .thumb-v-micro-md {
    height: var(--xs-thumb, 128px) !important;
  }
  .thumb-v-small-md {
    height: var(--sm-thumb, 160px) !important;
  }
  .thumb-v-large-md {
    height: var(--lg-thumb, 224px) !important;
  }
  .thumb-v-extra-md {
    height: var(--xl-thumb, 256px) !important;
  }
}
@media (min-width: 992px) {
  .thumb-micro-lg {
    width: var(--xs-thumb, 128px) !important;
  }
  .thumb-small-lg {
    width: var(--sm-thumb, 160px) !important;
  }
  .thumb-large-lg {
    width: var(--lg-thumb, 224px) !important;
  }
  .thumb-extra-lg {
    width: var(--xl-thumb, 256px) !important;
  }
  .thumb-v-micro-lg {
    height: var(--xs-thumb, 128px) !important;
  }
  .thumb-v-small-lg {
    height: var(--sm-thumb, 160px) !important;
  }
  .thumb-v-large-lg {
    height: var(--lg-thumb, 224px) !important;
  }
  .thumb-v-extra-lg {
    height: var(--xl-thumb, 256px) !important;
  }
}

.image {
  display: inline-flex;
  flex-direction: column;
}
.image > .caption {
  line-height: 1.2;
  font-size: 0.8123rem;
  padding: 10px 10px;
}
.image-micro {
  width: var(--xs-media, 288px) !important;
}
.image-small {
  width: var(--sm-media, 320px) !important;
}
.image-large {
  width: var(--lg-media, 448px) !important;
}
.image-extra {
  width: var(--xl-media, 512px) !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .image-micro-md {
    width: var(--xs-media, 288px) !important;
  }
  .image-small-md {
    width: var(--sm-media, 320px) !important;
  }
  .image-large-md {
    width: var(--lg-media, 448px) !important;
  }
  .image-extra-md {
    width: var(--xl-media, 512px) !important;
  }
}
@media (min-width: 992px) {
  .image-micro-lg {
    width: var(--xs-media, 288px) !important;
  }
  .image-small-lg {
    width: var(--sm-media, 320px) !important;
  }
  .image-large-lg {
    width: var(--lg-media, 448px) !important;
  }
  .image-extra-lg {
    width: var(--xl-media, 512px) !important;
  }
}

.video-micro {
  width: var(--xs-media, 288px) !important;
}
.video-small {
  width: var(--sm-media, 320px) !important;
}
.video-large {
  width: var(--lg-media, 448px) !important;
}
.video-extra {
  width: var(--xl-media, 512px) !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .video-micro-md {
    width: var(--xs-media, 288px) !important;
  }
  .video-small-md {
    width: var(--sm-media, 320px) !important;
  }
  .video-large-md {
    width: var(--lg-media, 448px) !important;
  }
  .video-extra-md {
    width: var(--xl-media, 512px) !important;
  }
}
@media (min-width: 992px) {
  .video-micro-lg {
    width: var(--xs-media, 288px) !important;
  }
  .video-small-lg {
    width: var(--sm-media, 320px) !important;
  }
  .video-large-lg {
    width: var(--lg-media, 448px) !important;
  }
  .video-extra-lg {
    width: var(--xl-media, 512px) !important;
  }
}

.input {
  width: 100%;
  font-size: 0.9123rem;
  font-family: var(--font-button, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  display: block;
  box-sizing: border-box;
  position: relative;
  line-height: 16px;
  padding: 7.5px 12.5px;
}
@media (min-width: 992px) {
  .input {
    padding: 10px 15px;
  }
}

.select {
  width: 100%;
  font-size: 0.9123rem;
  font-family: var(--font-button, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  display: block;
  box-sizing: border-box;
  position: relative;
  line-height: 16px;
  padding: 7.5px 12.5px;
}
@media (min-width: 992px) {
  .select {
    padding: 10px 15px;
  }
}

.button {
  gap: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  font-family: var(--font-button, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  line-height: 20px;
  padding: 9px 22px;
}
.button > i {
  font-size: 1.12rem;
}
.button > [class*=right] {
  margin-left: auto;
}
.button > *:only-child {
  flex: 1;
  display: block;
}
.button.button-double {
  line-height: 1.2;
}
.button.button-menu {
  padding: 0;
}
.button.button-menu > i {
  font-size: 32px;
}
.button.button-icon {
  padding: 9px 9px;
}
.button-micro {
  line-height: 14px;
  font-size: 0.85rem;
}
.button-micro.button-double {
  font-size: 1rem;
}
.button-micro.button-double {
  font-size: 10px;
}
.button-micro > i {
  font-size: 0.92rem;
}
.button-small {
  line-height: 16px;
  font-size: 0.92rem;
}
.button-small.button-double {
  font-size: 12px;
}
.button-small > i {
  font-size: 1rem;
}
.button-large {
  line-height: 24px;
  font-size: 1rem;
}
.button-large.button-double {
  line-height: 18px;
  font-size: 14px;
}
.button-large > i {
  font-size: 1.3rem;
}
.button-large > .star {
  line-height: 18px;
  font-size: 14px;
}
.button-large > .star > i {
  font-size: 14px;
}
.button-extra {
  font-size: 1.3rem;
}
.button-extra.button-double {
  line-height: 24px;
  font-size: 18px;
}
.button-extra > i {
  font-size: 1.3rem;
}
@media (max-width: 991.98px) {
  .button.button-double {
    line-height: 1.2;
  }
  .button.button-menu-sm {
    padding: 0;
  }
  .button.button-menu-sm > i {
    font-size: 32px;
  }
  .button.button-icon-sm {
    padding: 9px 9px;
  }
  .button-micro-sm {
    line-height: 14px;
    font-size: 0.85rem;
  }
  .button-micro-sm.button-double {
    font-size: 1rem;
  }
  .button-micro-sm.button-double {
    font-size: 10px;
  }
  .button-micro-sm > i {
    font-size: 0.92rem;
  }
  .button-small-sm {
    line-height: 16px;
    font-size: 0.92rem;
  }
  .button-small-sm.button-double {
    font-size: 12px;
  }
  .button-small-sm > i {
    font-size: 1rem;
  }
  .button-large-sm {
    line-height: 24px;
    font-size: 1rem;
  }
  .button-large-sm.button-double {
    line-height: 18px;
    font-size: 14px;
  }
  .button-large-sm > i {
    font-size: 1.3rem;
  }
  .button-large-sm > .star {
    line-height: 18px;
    font-size: 14px;
  }
  .button-large-sm > .star > i {
    font-size: 14px;
  }
  .button-extra-sm {
    font-size: 1.3rem;
  }
  .button-extra-sm.button-double {
    line-height: 24px;
    font-size: 18px;
  }
  .button-extra-sm > i {
    font-size: 1.3rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .button.button-double {
    line-height: 1.2;
  }
  .button.button-menu-md {
    padding: 0;
  }
  .button.button-menu-md > i {
    font-size: 32px;
  }
  .button.button-icon-md {
    padding: 9px 9px;
  }
  .button-micro-md {
    line-height: 14px;
    font-size: 0.85rem;
  }
  .button-micro-md.button-double {
    font-size: 1rem;
  }
  .button-micro-md.button-double {
    font-size: 10px;
  }
  .button-micro-md > i {
    font-size: 0.92rem;
  }
  .button-small-md {
    line-height: 16px;
    font-size: 0.92rem;
  }
  .button-small-md.button-double {
    font-size: 12px;
  }
  .button-small-md > i {
    font-size: 1rem;
  }
  .button-large-md {
    line-height: 24px;
    font-size: 1rem;
  }
  .button-large-md.button-double {
    line-height: 18px;
    font-size: 14px;
  }
  .button-large-md > i {
    font-size: 1.3rem;
  }
  .button-large-md > .star {
    line-height: 18px;
    font-size: 14px;
  }
  .button-large-md > .star > i {
    font-size: 14px;
  }
  .button-extra-md {
    font-size: 1.3rem;
  }
  .button-extra-md.button-double {
    line-height: 24px;
    font-size: 18px;
  }
  .button-extra-md > i {
    font-size: 1.3rem;
  }
}
@media (min-width: 992px) {
  .button.button-double {
    line-height: 1.2;
  }
  .button.button-menu-lg {
    padding: 0;
  }
  .button.button-menu-lg > i {
    font-size: 32px;
  }
  .button.button-icon-lg {
    padding: 9px 9px;
  }
  .button-micro-lg {
    line-height: 14px;
    font-size: 0.85rem;
  }
  .button-micro-lg.button-double {
    font-size: 1rem;
  }
  .button-micro-lg.button-double {
    font-size: 10px;
  }
  .button-micro-lg > i {
    font-size: 0.92rem;
  }
  .button-small-lg {
    line-height: 16px;
    font-size: 0.92rem;
  }
  .button-small-lg.button-double {
    font-size: 12px;
  }
  .button-small-lg > i {
    font-size: 1rem;
  }
  .button-large-lg {
    line-height: 24px;
    font-size: 1rem;
  }
  .button-large-lg.button-double {
    line-height: 18px;
    font-size: 14px;
  }
  .button-large-lg > i {
    font-size: 1.3rem;
  }
  .button-large-lg > .star {
    line-height: 18px;
    font-size: 14px;
  }
  .button-large-lg > .star > i {
    font-size: 14px;
  }
  .button-extra-lg {
    font-size: 1.3rem;
  }
  .button-extra-lg.button-double {
    line-height: 24px;
    font-size: 18px;
  }
  .button-extra-lg > i {
    font-size: 1.3rem;
  }
}

.info {
  gap: var(--sm-gap, 16px);
  display: flex;
  font-size: 0.92rem;
  flex-direction: column;
  position: relative;
  outline: 1px solid transparent;
}
.info > .badge,
.info > .inner,
.info > .share,
.info > .agent {
  padding-top: var(--md-gap, 18px);
  padding-left: var(--md-gap, 18px);
  padding-right: var(--md-gap, 18px);
  padding-bottom: var(--md-gap, 18px);
}
.info > .badge:first-child:not(:last-child),
.info > .inner:first-child:not(:last-child),
.info > .share:first-child:not(:last-child),
.info > .agent:first-child:not(:last-child) {
  padding-bottom: 0;
}
.info > .badge:last-child:not(:first-child),
.info > .inner:last-child:not(:first-child),
.info > .share:last-child:not(:first-child),
.info > .agent:last-child:not(:first-child) {
  padding-top: 0;
}
.info > .badge:not(:first-child):not(:last-child),
.info > .inner:not(:first-child):not(:last-child),
.info > .share:not(:first-child):not(:last-child),
.info > .agent:not(:first-child):not(:last-child) {
  padding-top: 0;
  padding-bottom: 0;
}
.info h1:last-child,
.info h2:last-child,
.info h3:last-child,
.info h4:last-child,
.info h5:last-child,
.info h6:last-child,
.info ul:last-child,
.info ol:last-child,
.info p:last-child {
  margin-bottom: 0;
}
.info h1,
.info h2,
.info h3,
.info h4,
.info h5,
.info h6 {
  font-size: 1rem;
}
.info .meta {
  gap: 15px;
  line-height: 1;
  display: inline-flex;
  margin-bottom: 10px;
}
.info > .thumb {
  display: block;
  flex-shrink: 0;
}
.info > .thumb img {
  width: 100%;
}
.info > .strip {
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 0.8123rem;
  padding: 7.5px 10px;
  border-radius: 0 0 0.25rem 0;
  background: var(--color-primary, #dedede);
  display: inline-block;
  position: absolute;
  max-width: 120px;
}
.info > .share {
  gap: 10px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.info > .agent {
  gap: 15px;
  display: flex;
  flex-shrink: 0;
}
.info > .agent .avatar {
  width: 50px;
  height: 50px;
}
.info > .agent .people {
  font-size: 0.8123rem;
  line-height: 1.2;
}
.info > .agent .people p {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .info-h-sm {
    flex-direction: row;
  }
  .info-v-sm {
    flex-direction: column;
  }
  .info.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .info-h-md {
    flex-direction: row;
  }
  .info-v-md {
    flex-direction: column;
  }
  .info.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .info-h-lg {
    flex-direction: row;
  }
  .info-v-lg {
    flex-direction: column;
  }
  .info.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
.item {
  gap: var(--sm-gap, 16px);
  display: flex;
  font-size: 0.92rem;
  flex-direction: column;
  position: relative;
  outline: 1px solid transparent;
}
.item > .badge,
.item > .inner,
.item > .share,
.item > .agent {
  padding-top: var(--md-gap, 18px);
  padding-bottom: var(--md-gap, 18px);
}
.item > .badge:first-child:not(:last-child),
.item > .inner:first-child:not(:last-child),
.item > .share:first-child:not(:last-child),
.item > .agent:first-child:not(:last-child) {
  padding-bottom: 0;
}
.item > .badge:last-child:not(:first-child),
.item > .inner:last-child:not(:first-child),
.item > .share:last-child:not(:first-child),
.item > .agent:last-child:not(:first-child) {
  padding-top: 0;
}
.item > .badge:not(:first-child):not(:last-child),
.item > .inner:not(:first-child):not(:last-child),
.item > .share:not(:first-child):not(:last-child),
.item > .agent:not(:first-child):not(:last-child) {
  padding-top: 0;
  padding-bottom: 0;
}
.item h1:last-child,
.item h2:last-child,
.item h3:last-child,
.item h4:last-child,
.item h5:last-child,
.item h6:last-child,
.item ul:last-child,
.item ol:last-child,
.item p:last-child {
  margin-bottom: 0;
}
.item h1,
.item h2,
.item h3,
.item h4,
.item h5,
.item h6 {
  font-size: 1rem;
}
.item .meta {
  gap: 15px;
  line-height: 1;
  display: inline-flex;
  margin-bottom: 10px;
}
.item > .thumb {
  display: block;
  flex-shrink: 0;
}
.item > .thumb img {
  width: 100%;
}
.item > .strip {
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 0.8123rem;
  padding: 7.5px 10px;
  border-radius: 0 0 0.25rem 0;
  background: var(--color-primary, #dedede);
  display: inline-block;
  position: absolute;
  max-width: 120px;
}
.item > .share {
  gap: 10px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.item > .agent {
  gap: 15px;
  display: flex;
  flex-shrink: 0;
}
.item > .agent .avatar {
  width: 50px;
  height: 50px;
}
.item > .agent .people {
  font-size: 0.8123rem;
  line-height: 1.2;
}
.item > .agent .people p {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .item-h-sm {
    flex-direction: row;
  }
  .item-v-sm {
    flex-direction: column;
  }
  .item.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item-h-md {
    flex-direction: row;
  }
  .item-v-md {
    flex-direction: column;
  }
  .item.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .item-h-lg {
    flex-direction: row;
  }
  .item-v-lg {
    flex-direction: column;
  }
  .item.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
.item-h {
  flex-direction: row;
}
.item-v {
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item-h-md {
    flex-direction: row;
  }
  .item-v-md {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .item-h-lg {
    flex-direction: row;
  }
  .item-v-lg {
    flex-direction: column;
  }
}

.item.as-review {
  padding-left: var(--md-gap, 18px);
  padding-right: var(--md-gap, 18px);
}

.card {
  display: flex;
  font-size: 0.92rem;
  flex-direction: column;
  position: relative;
  outline: 1px solid transparent;
  overflow: hidden;
  border-radius: 0.25rem;
  background-color: #fff;
  outline-color: #eaeaea;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.card h1:last-child,
.card h2:last-child,
.card h3:last-child,
.card h4:last-child,
.card h5:last-child,
.card h6:last-child,
.card ul:last-child,
.card ol:last-child,
.card p:last-child {
  margin-bottom: 0;
}
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
  font-size: 1rem;
}
.card .meta {
  gap: 15px;
  line-height: 1;
  display: inline-flex;
  margin-bottom: 10px;
}
.card > .thumb {
  display: block;
  flex-shrink: 0;
}
.card > .thumb img {
  width: 100%;
}
.card > .strip {
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 0.8123rem;
  padding: 7.5px 10px;
  border-radius: 0 0 0.25rem 0;
  background: var(--color-primary, #dedede);
  display: inline-block;
  position: absolute;
  max-width: 120px;
}
.card > .share {
  gap: 10px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.card > .agent {
  gap: 15px;
  display: flex;
  flex-shrink: 0;
}
.card > .agent .avatar {
  width: 50px;
  height: 50px;
}
.card > .agent .people {
  font-size: 0.8123rem;
  line-height: 1.2;
}
.card > .agent .people p {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .card-h-sm {
    flex-direction: row;
  }
  .card-v-sm {
    flex-direction: column;
  }
  .card.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .card-h-md {
    flex-direction: row;
  }
  .card-v-md {
    flex-direction: column;
  }
  .card.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .card-h-lg {
    flex-direction: row;
  }
  .card-v-lg {
    flex-direction: column;
  }
  .card.no-box > * {
    padding-left: 0;
    padding-right: 0;
  }
}
.card > .badge,
.card > .inner,
.card > .share,
.card > .agent {
  padding: var(--md-micro, 16px);
}
.card > .title {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.card > .title.flex {
  align-items: center;
}
.card > .title.flex > * {
  margin-bottom: 0 !important;
}
.card > .inner {
  padding: var(--card-inner-gap, 18px);
  flex: 1;
}
.card > .share {
  padding: 15px 30px 30px 30px;
}
.card > .share > *:not(:last-child) {
  margin-right: 0.5rem;
}
.nav {
  display: block;
}
.nav .nav-item {
  display: block;
}

.nav-item {
  display: block;
}
.nav-item:not(.is-active) > .nav {
  display: none !important;
}

.nav-link,
.nav-item > a,
.nav-item > span {
  line-height: 1.6;
  display: block;
  cursor: pointer;
  position: relative;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
}
.nav-link .ico,
.nav-item > a .ico,
.nav-item > span .ico {
  flex-shrink: 0;
}

.menu .in-touch {
  display: none;
}
.menu-border > .nav > .nav-item {
  border-bottom: 1px solid #dedede;
}
.menu-border > .nav > .nav-item a {
  display: block;
  padding: 7.5px 15px;
}
.menu-border > .nav > .nav-item > ul {
  display: none;
}
.menu-navbar > .nav {
  line-height: 1;
}
.menu-navbar > .nav > .nav-item {
  display: inline-block;
  line-height: 1;
}
.menu-navbar > .nav > .nav-item > a {
  display: inline-block;
  font-size: 0.92rem;
  text-transform: uppercase;
  line-height: 1;
  padding: 7.5px 10px;
  overflow: hidden;
}
.menu-navbar > .nav > .nav-item:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.menu-navbar .nav-item > ul.sub-menu {
  position: absolute;
  width: 300px;
  top: 100%;
  left: 0;
  padding: 10px 0;
  margin-top: 15;
  line-height: normal;
  visibility: hidden;
  opacity: 0;
  z-index: 6;
  white-space: normal;
  display: block;
  transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
  -webkit-transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
  background: #ffffff;
}
.menu-navbar .nav-item > ul.sub-menu li {
  display: block;
}
.menu-navbar .nav-item > ul.sub-menu li a {
  display: block;
  color: #252525;
  padding: 12px 25px;
}
.menu-navbar .nav-item > ul.sub-menu ul {
  left: 100%;
  top: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-border-md > .nav > .nav-item {
    border-bottom: 1px solid #dedede;
  }
  .menu-border-md > .nav > .nav-item a {
    display: block;
    padding: 7.5px 15px;
  }
  .menu-border-md > .nav > .nav-item > ul {
    display: none;
  }
  .menu-navbar-md > .nav {
    line-height: 1;
  }
  .menu-navbar-md > .nav > .nav-item {
    display: inline-block;
    line-height: 1;
  }
  .menu-navbar-md > .nav > .nav-item > a {
    display: inline-block;
    font-size: 0.92rem;
    text-transform: uppercase;
    line-height: 1;
    padding: 7.5px 10px;
    overflow: hidden;
  }
  .menu-navbar-md > .nav > .nav-item:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .menu-navbar-md .nav-item > ul.sub-menu {
    position: absolute;
    width: 300px;
    top: 100%;
    left: 0;
    padding: 10px 0;
    margin-top: 15;
    line-height: normal;
    visibility: hidden;
    opacity: 0;
    z-index: 6;
    white-space: normal;
    display: block;
    transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
    -webkit-transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
    background: #ffffff;
  }
  .menu-navbar-md .nav-item > ul.sub-menu li {
    display: block;
  }
  .menu-navbar-md .nav-item > ul.sub-menu li a {
    display: block;
    color: #252525;
    padding: 12px 25px;
  }
  .menu-navbar-md .nav-item > ul.sub-menu ul {
    left: 100%;
    top: 0;
  }
}
@media (min-width: 992px) {
  .menu-border-lg > .nav > .nav-item {
    border-bottom: 1px solid #dedede;
  }
  .menu-border-lg > .nav > .nav-item a {
    display: block;
    padding: 7.5px 15px;
  }
  .menu-border-lg > .nav > .nav-item > ul {
    display: none;
  }
  .menu-navbar-lg > .nav {
    line-height: 1;
  }
  .menu-navbar-lg > .nav > .nav-item {
    display: inline-block;
    line-height: 1;
  }
  .menu-navbar-lg > .nav > .nav-item > a {
    display: inline-block;
    font-size: 0.92rem;
    text-transform: uppercase;
    line-height: 1;
    padding: 7.5px 10px;
    overflow: hidden;
  }
  .menu-navbar-lg > .nav > .nav-item:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .menu-navbar-lg .nav-item > ul.sub-menu {
    position: absolute;
    width: 300px;
    top: 100%;
    left: 0;
    padding: 10px 0;
    margin-top: 15;
    line-height: normal;
    visibility: hidden;
    opacity: 0;
    z-index: 6;
    white-space: normal;
    display: block;
    transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
    -webkit-transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
    background: #ffffff;
  }
  .menu-navbar-lg .nav-item > ul.sub-menu li {
    display: block;
  }
  .menu-navbar-lg .nav-item > ul.sub-menu li a {
    display: block;
    color: #252525;
    padding: 12px 25px;
  }
  .menu-navbar-lg .nav-item > ul.sub-menu ul {
    left: 100%;
    top: 0;
  }
}

.modal {
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.912rem;
}
.modal .blockhide {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal .blockable {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 480px;
  height: auto;
}
aside.panel {
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.912rem;
}
aside.panel .blockhide {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
}
aside.panel .blockable {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 480px;
  height: auto;
}
.paging {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 1.5rem 0;
}
.paging .page-numbers {
  display: inline-block;
  padding: 0.5em 0.9em;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  font-size: 0.95rem;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.paging .page-numbers:hover {
  background-color: #f0f0f0;
  border-color: #ccc;
}
.paging .page-numbers.current {
  color: #fff;
  background-color: var(--color-secondary, #000000);
  border-color: var(--color-secondary, #000000);
  font-weight: bold;
  cursor: default;
}
.paging .page-numbers.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.widget {
  gap: var(--sm-gap, 16px);
  display: flex;
  flex-direction: column;
}
.widget > .title {
  font-size: var(--xs-title, 1.4rem);
}
.widget + .widget {
  margin-top: var(--md-small, 40px);
}
.widget-h {
  flex-direction: row;
}
.widget-v {
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .widget-h-md {
    flex-direction: row;
  }
  .widget-v-md {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .widget-h-lg {
    flex-direction: row;
  }
  .widget-v-lg {
    flex-direction: column;
  }
}

.hero-h {
  flex-direction: row;
}
.hero-v {
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero-h-md {
    flex-direction: row;
  }
  .hero-v-md {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .hero-h-lg {
    flex-direction: row;
  }
  .hero-v-lg {
    flex-direction: column;
  }
}

form[role*=search] {
  display: block;
  position: relative;
}
form[role*=search] .screen-reader-text,
form[role*=search] .wp-block-search__label {
  display: none;
}
form[role*=search] input[type=text],
form[role*=search] input[type=search] {
  flex: 1;
  margin: 0;
  width: 100%;
  height: 40px;
  padding: 7.5px 10px 7.5px 10px;
  position: relative;
  border-width: 1px;
  font-size: 100%;
}
form[role*=search] input[type=text]:focus,
form[role*=search] input[type=search]:focus {
  font-style: normal;
}
form[role*=search] button,
form[role*=search] input[type=submit] {
  display: inline-flex;
  align-items: center;
  background: #dedede;
  line-height: 1;
  border: 1px solid #000;
  height: 39px;
  position: absolute;
  right: 0;
  text-align: right;
  box-shadow: none;
  text-shadow: none;
  padding: 0 15px;
  top: 0;
  height: 100%;
}
form[role*=search] button .search-icon,
form[role*=search] input[type=submit] .search-icon {
  margin-top: -5px;
  width: 14px;
  height: 14px;
  display: block;
  border-radius: 50%;
  position: relative;
}
form[role*=search] button .search-icon:after,
form[role*=search] input[type=submit] .search-icon:after {
  content: "";
  position: absolute;
  right: -4px;
  bottom: -3px;
  width: 5px;
  height: 2px;
  transform: rotate(45deg);
}

.widget_search form {
  margin: 0;
}

.form.as-subscribe {
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form.as-subscribe .title {
  flex: 1;
  font-size: 1rem;
  margin-bottom: 0;
}
.form.as-subscribe .field {
  width: 100%;
  max-width: 480px;
  display: inline-flex;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .form.as-subscribe {
    flex-direction: row;
  }
}

.field {
  margin-bottom: 12px;
}
.field .field-label,
.field .field-input {
  font-size: 0.9123rem;
  display: block;
}
.field .field-label input,
.field .field-label textarea,
.field .field-label select,
.field .field-input input,
.field .field-input textarea,
.field .field-input select {
  width: 100%;
}
.field .field-label {
  margin-bottom: 7px;
}
.grid {
  display: grid;
  grid-gap: var(--md-gap, 18px);
  grid-template-columns: repeat(12, 1fr);
  box-sizing: border-box;
}
.grid > * {
  grid-column: span 12;
  box-sizing: border-box;
}
.grid-micro {
  grid-gap: var(--xs-gap, 12px) !important;
}
.grid-small {
  grid-gap: var(--sm-gap, 16px) !important;
}
.grid-default {
  grid-gap: var(--md-gap, 18px) !important;
}
.grid-large {
  grid-gap: var(--lg-gap, 24px) !important;
}
.grid-extra {
  grid-gap: var(--xl-gap, 32px) !important;
}
.grid.grid-reverse {
  grid-auto-flow: column-reverse;
}
.grid.grid-borderb > :not(.no-border) {
  padding-bottom: var(--gap-mobile, 18px);
  border-bottom: 1px solid var(--border-color, #dedede);
}
.grid.grid-1r {
  grid-template-rows: repeat(1, 1fr);
}
.grid.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid.grid-1 > * {
  grid-column: span 1;
}
.grid.grid-2r {
  grid-template-rows: repeat(2, 1fr);
}
.grid.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid.grid-2 > * {
  grid-column: span 1;
}
.grid.grid-3r {
  grid-template-rows: repeat(3, 1fr);
}
.grid.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid.grid-3 > * {
  grid-column: span 1;
}
.grid.grid-4r {
  grid-template-rows: repeat(4, 1fr);
}
.grid.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid.grid-4 > * {
  grid-column: span 1;
}
.grid.grid-5r {
  grid-template-rows: repeat(5, 1fr);
}
.grid.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid.grid-5 > * {
  grid-column: span 1;
}
.grid.grid-6r {
  grid-template-rows: repeat(6, 1fr);
}
.grid.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid.grid-6 > * {
  grid-column: span 1;
}
.grid.grid-7r {
  grid-template-rows: repeat(7, 1fr);
}
.grid.grid-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid.grid-7 > * {
  grid-column: span 1;
}
.grid.grid-8r {
  grid-template-rows: repeat(8, 1fr);
}
.grid.grid-8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid.grid-8 > * {
  grid-column: span 1;
}
.grid.grid-9r {
  grid-template-rows: repeat(9, 1fr);
}
.grid.grid-9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid.grid-9 > * {
  grid-column: span 1;
}
.grid.grid-10r {
  grid-template-rows: repeat(10, 1fr);
}
.grid.grid-10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid.grid-10 > * {
  grid-column: span 1;
}
.grid.grid-11r {
  grid-template-rows: repeat(11, 1fr);
}
.grid.grid-11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid.grid-11 > * {
  grid-column: span 1;
}
.grid.grid-12r {
  grid-template-rows: repeat(12, 1fr);
}
.grid.grid-12 {
  grid-template-columns: repeat(12, 1fr);
}
.grid.grid-12 > * {
  grid-column: span 1;
}
.grid > .row-1 {
  grid-row: span 1;
}
.grid > .col-1 {
  grid-column: span 1;
}
.grid > .order-1 {
  order: 1;
}
.grid > .row-2 {
  grid-row: span 2;
}
.grid > .col-2 {
  grid-column: span 2;
}
.grid > .order-2 {
  order: 2;
}
.grid > .row-3 {
  grid-row: span 3;
}
.grid > .col-3 {
  grid-column: span 3;
}
.grid > .order-3 {
  order: 3;
}
.grid > .row-4 {
  grid-row: span 4;
}
.grid > .col-4 {
  grid-column: span 4;
}
.grid > .order-4 {
  order: 4;
}
.grid > .row-5 {
  grid-row: span 5;
}
.grid > .col-5 {
  grid-column: span 5;
}
.grid > .order-5 {
  order: 5;
}
.grid > .row-6 {
  grid-row: span 6;
}
.grid > .col-6 {
  grid-column: span 6;
}
.grid > .order-6 {
  order: 6;
}
.grid > .row-7 {
  grid-row: span 7;
}
.grid > .col-7 {
  grid-column: span 7;
}
.grid > .order-7 {
  order: 7;
}
.grid > .row-8 {
  grid-row: span 8;
}
.grid > .col-8 {
  grid-column: span 8;
}
.grid > .order-8 {
  order: 8;
}
.grid > .row-9 {
  grid-row: span 9;
}
.grid > .col-9 {
  grid-column: span 9;
}
.grid > .order-9 {
  order: 9;
}
.grid > .row-10 {
  grid-row: span 10;
}
.grid > .col-10 {
  grid-column: span 10;
}
.grid > .order-10 {
  order: 10;
}
.grid > .row-11 {
  grid-row: span 11;
}
.grid > .col-11 {
  grid-column: span 11;
}
.grid > .order-11 {
  order: 11;
}
.grid > .row-12 {
  grid-row: span 12;
}
.grid > .col-12 {
  grid-column: span 12;
}
.grid > .order-12 {
  order: 12;
}
.grid-reverse > :nth-child(1) {
  order: 12;
}
.grid-reverse > :nth-child(2) {
  order: 11;
}
.grid-reverse > :nth-child(3) {
  order: 10;
}
.grid-reverse > :nth-child(4) {
  order: 9;
}
.grid-reverse > :nth-child(5) {
  order: 8;
}
.grid-reverse > :nth-child(6) {
  order: 7;
}
.grid-reverse > :nth-child(7) {
  order: 6;
}
.grid-reverse > :nth-child(8) {
  order: 5;
}
.grid-reverse > :nth-child(9) {
  order: 4;
}
.grid-reverse > :nth-child(10) {
  order: 3;
}
.grid-reverse > :nth-child(11) {
  order: 2;
}
.grid-reverse > :nth-child(12) {
  order: 1;
}
@media (max-width: 991.98px) {
  .grid-micro-sm {
    grid-gap: var(--xs-gap, 12px) !important;
  }
  .grid-small-sm {
    grid-gap: var(--sm-gap, 16px) !important;
  }
  .grid-default-sm {
    grid-gap: var(--md-gap, 18px) !important;
  }
  .grid-large-sm {
    grid-gap: var(--lg-gap, 24px) !important;
  }
  .grid-extra-sm {
    grid-gap: var(--xl-gap, 32px) !important;
  }
  .grid.grid-reverse-sm {
    grid-auto-flow: column-reverse;
  }
  .grid.grid-borderb-sm > :not(.no-border) {
    padding-bottom: var(--gap-mobile, 18px);
    border-bottom: 1px solid var(--border-color, #dedede);
  }
  .grid.grid-1r-sm {
    grid-template-rows: repeat(1, 1fr);
  }
  .grid.grid-1-sm {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.grid-1-sm > * {
    grid-column: span 1;
  }
  .grid.grid-2r-sm {
    grid-template-rows: repeat(2, 1fr);
  }
  .grid.grid-2-sm {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.grid-2-sm > * {
    grid-column: span 1;
  }
  .grid.grid-3r-sm {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid.grid-3-sm {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.grid-3-sm > * {
    grid-column: span 1;
  }
  .grid.grid-4r-sm {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid.grid-4-sm {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.grid-4-sm > * {
    grid-column: span 1;
  }
  .grid.grid-5r-sm {
    grid-template-rows: repeat(5, 1fr);
  }
  .grid.grid-5-sm {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.grid-5-sm > * {
    grid-column: span 1;
  }
  .grid.grid-6r-sm {
    grid-template-rows: repeat(6, 1fr);
  }
  .grid.grid-6-sm {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.grid-6-sm > * {
    grid-column: span 1;
  }
  .grid.grid-7r-sm {
    grid-template-rows: repeat(7, 1fr);
  }
  .grid.grid-7-sm {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.grid-7-sm > * {
    grid-column: span 1;
  }
  .grid.grid-8r-sm {
    grid-template-rows: repeat(8, 1fr);
  }
  .grid.grid-8-sm {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.grid-8-sm > * {
    grid-column: span 1;
  }
  .grid.grid-9r-sm {
    grid-template-rows: repeat(9, 1fr);
  }
  .grid.grid-9-sm {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.grid-9-sm > * {
    grid-column: span 1;
  }
  .grid.grid-10r-sm {
    grid-template-rows: repeat(10, 1fr);
  }
  .grid.grid-10-sm {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.grid-10-sm > * {
    grid-column: span 1;
  }
  .grid.grid-11r-sm {
    grid-template-rows: repeat(11, 1fr);
  }
  .grid.grid-11-sm {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.grid-11-sm > * {
    grid-column: span 1;
  }
  .grid.grid-12r-sm {
    grid-template-rows: repeat(12, 1fr);
  }
  .grid.grid-12-sm {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.grid-12-sm > * {
    grid-column: span 1;
  }
  .grid > .row-1-sm {
    grid-row: span 1;
  }
  .grid > .col-1-sm {
    grid-column: span 1;
  }
  .grid > .order-1-sm {
    order: 1;
  }
  .grid > .row-2-sm {
    grid-row: span 2;
  }
  .grid > .col-2-sm {
    grid-column: span 2;
  }
  .grid > .order-2-sm {
    order: 2;
  }
  .grid > .row-3-sm {
    grid-row: span 3;
  }
  .grid > .col-3-sm {
    grid-column: span 3;
  }
  .grid > .order-3-sm {
    order: 3;
  }
  .grid > .row-4-sm {
    grid-row: span 4;
  }
  .grid > .col-4-sm {
    grid-column: span 4;
  }
  .grid > .order-4-sm {
    order: 4;
  }
  .grid > .row-5-sm {
    grid-row: span 5;
  }
  .grid > .col-5-sm {
    grid-column: span 5;
  }
  .grid > .order-5-sm {
    order: 5;
  }
  .grid > .row-6-sm {
    grid-row: span 6;
  }
  .grid > .col-6-sm {
    grid-column: span 6;
  }
  .grid > .order-6-sm {
    order: 6;
  }
  .grid > .row-7-sm {
    grid-row: span 7;
  }
  .grid > .col-7-sm {
    grid-column: span 7;
  }
  .grid > .order-7-sm {
    order: 7;
  }
  .grid > .row-8-sm {
    grid-row: span 8;
  }
  .grid > .col-8-sm {
    grid-column: span 8;
  }
  .grid > .order-8-sm {
    order: 8;
  }
  .grid > .row-9-sm {
    grid-row: span 9;
  }
  .grid > .col-9-sm {
    grid-column: span 9;
  }
  .grid > .order-9-sm {
    order: 9;
  }
  .grid > .row-10-sm {
    grid-row: span 10;
  }
  .grid > .col-10-sm {
    grid-column: span 10;
  }
  .grid > .order-10-sm {
    order: 10;
  }
  .grid > .row-11-sm {
    grid-row: span 11;
  }
  .grid > .col-11-sm {
    grid-column: span 11;
  }
  .grid > .order-11-sm {
    order: 11;
  }
  .grid > .row-12-sm {
    grid-row: span 12;
  }
  .grid > .col-12-sm {
    grid-column: span 12;
  }
  .grid > .order-12-sm {
    order: 12;
  }
  .grid-reverse-sm > :nth-child(1) {
    order: 12;
  }
  .grid-reverse-sm > :nth-child(2) {
    order: 11;
  }
  .grid-reverse-sm > :nth-child(3) {
    order: 10;
  }
  .grid-reverse-sm > :nth-child(4) {
    order: 9;
  }
  .grid-reverse-sm > :nth-child(5) {
    order: 8;
  }
  .grid-reverse-sm > :nth-child(6) {
    order: 7;
  }
  .grid-reverse-sm > :nth-child(7) {
    order: 6;
  }
  .grid-reverse-sm > :nth-child(8) {
    order: 5;
  }
  .grid-reverse-sm > :nth-child(9) {
    order: 4;
  }
  .grid-reverse-sm > :nth-child(10) {
    order: 3;
  }
  .grid-reverse-sm > :nth-child(11) {
    order: 2;
  }
  .grid-reverse-sm > :nth-child(12) {
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .grid-micro-md {
    grid-gap: var(--xs-gap, 12px) !important;
  }
  .grid-small-md {
    grid-gap: var(--sm-gap, 16px) !important;
  }
  .grid-default-md {
    grid-gap: var(--md-gap, 18px) !important;
  }
  .grid-large-md {
    grid-gap: var(--lg-gap, 24px) !important;
  }
  .grid-extra-md {
    grid-gap: var(--xl-gap, 32px) !important;
  }
  .grid.grid-reverse-md {
    grid-auto-flow: column-reverse;
  }
  .grid.grid-borderb-md > :not(.no-border) {
    padding-bottom: var(--gap-mobile, 18px);
    border-bottom: 1px solid var(--border-color, #dedede);
  }
  .grid.grid-1r-md {
    grid-template-rows: repeat(1, 1fr);
  }
  .grid.grid-1-md {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.grid-1-md > * {
    grid-column: span 1;
  }
  .grid.grid-2r-md {
    grid-template-rows: repeat(2, 1fr);
  }
  .grid.grid-2-md {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.grid-2-md > * {
    grid-column: span 1;
  }
  .grid.grid-3r-md {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid.grid-3-md {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.grid-3-md > * {
    grid-column: span 1;
  }
  .grid.grid-4r-md {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid.grid-4-md {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.grid-4-md > * {
    grid-column: span 1;
  }
  .grid.grid-5r-md {
    grid-template-rows: repeat(5, 1fr);
  }
  .grid.grid-5-md {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.grid-5-md > * {
    grid-column: span 1;
  }
  .grid.grid-6r-md {
    grid-template-rows: repeat(6, 1fr);
  }
  .grid.grid-6-md {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.grid-6-md > * {
    grid-column: span 1;
  }
  .grid.grid-7r-md {
    grid-template-rows: repeat(7, 1fr);
  }
  .grid.grid-7-md {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.grid-7-md > * {
    grid-column: span 1;
  }
  .grid.grid-8r-md {
    grid-template-rows: repeat(8, 1fr);
  }
  .grid.grid-8-md {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.grid-8-md > * {
    grid-column: span 1;
  }
  .grid.grid-9r-md {
    grid-template-rows: repeat(9, 1fr);
  }
  .grid.grid-9-md {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.grid-9-md > * {
    grid-column: span 1;
  }
  .grid.grid-10r-md {
    grid-template-rows: repeat(10, 1fr);
  }
  .grid.grid-10-md {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.grid-10-md > * {
    grid-column: span 1;
  }
  .grid.grid-11r-md {
    grid-template-rows: repeat(11, 1fr);
  }
  .grid.grid-11-md {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.grid-11-md > * {
    grid-column: span 1;
  }
  .grid.grid-12r-md {
    grid-template-rows: repeat(12, 1fr);
  }
  .grid.grid-12-md {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.grid-12-md > * {
    grid-column: span 1;
  }
  .grid > .row-1-md {
    grid-row: span 1;
  }
  .grid > .col-1-md {
    grid-column: span 1;
  }
  .grid > .order-1-md {
    order: 1;
  }
  .grid > .row-2-md {
    grid-row: span 2;
  }
  .grid > .col-2-md {
    grid-column: span 2;
  }
  .grid > .order-2-md {
    order: 2;
  }
  .grid > .row-3-md {
    grid-row: span 3;
  }
  .grid > .col-3-md {
    grid-column: span 3;
  }
  .grid > .order-3-md {
    order: 3;
  }
  .grid > .row-4-md {
    grid-row: span 4;
  }
  .grid > .col-4-md {
    grid-column: span 4;
  }
  .grid > .order-4-md {
    order: 4;
  }
  .grid > .row-5-md {
    grid-row: span 5;
  }
  .grid > .col-5-md {
    grid-column: span 5;
  }
  .grid > .order-5-md {
    order: 5;
  }
  .grid > .row-6-md {
    grid-row: span 6;
  }
  .grid > .col-6-md {
    grid-column: span 6;
  }
  .grid > .order-6-md {
    order: 6;
  }
  .grid > .row-7-md {
    grid-row: span 7;
  }
  .grid > .col-7-md {
    grid-column: span 7;
  }
  .grid > .order-7-md {
    order: 7;
  }
  .grid > .row-8-md {
    grid-row: span 8;
  }
  .grid > .col-8-md {
    grid-column: span 8;
  }
  .grid > .order-8-md {
    order: 8;
  }
  .grid > .row-9-md {
    grid-row: span 9;
  }
  .grid > .col-9-md {
    grid-column: span 9;
  }
  .grid > .order-9-md {
    order: 9;
  }
  .grid > .row-10-md {
    grid-row: span 10;
  }
  .grid > .col-10-md {
    grid-column: span 10;
  }
  .grid > .order-10-md {
    order: 10;
  }
  .grid > .row-11-md {
    grid-row: span 11;
  }
  .grid > .col-11-md {
    grid-column: span 11;
  }
  .grid > .order-11-md {
    order: 11;
  }
  .grid > .row-12-md {
    grid-row: span 12;
  }
  .grid > .col-12-md {
    grid-column: span 12;
  }
  .grid > .order-12-md {
    order: 12;
  }
  .grid-reverse-md > :nth-child(1) {
    order: 12;
  }
  .grid-reverse-md > :nth-child(2) {
    order: 11;
  }
  .grid-reverse-md > :nth-child(3) {
    order: 10;
  }
  .grid-reverse-md > :nth-child(4) {
    order: 9;
  }
  .grid-reverse-md > :nth-child(5) {
    order: 8;
  }
  .grid-reverse-md > :nth-child(6) {
    order: 7;
  }
  .grid-reverse-md > :nth-child(7) {
    order: 6;
  }
  .grid-reverse-md > :nth-child(8) {
    order: 5;
  }
  .grid-reverse-md > :nth-child(9) {
    order: 4;
  }
  .grid-reverse-md > :nth-child(10) {
    order: 3;
  }
  .grid-reverse-md > :nth-child(11) {
    order: 2;
  }
  .grid-reverse-md > :nth-child(12) {
    order: 1;
  }
}
@media (min-width: 992px) {
  .grid {
    grid-gap: var(--lg-gap, 24px);
  }
  .grid-micro-lg {
    grid-gap: var(--xs-gap, 12px) !important;
  }
  .grid-small-lg {
    grid-gap: var(--sm-gap, 16px) !important;
  }
  .grid-default-lg {
    grid-gap: var(--md-gap, 18px) !important;
  }
  .grid-large-lg {
    grid-gap: var(--lg-gap, 24px) !important;
  }
  .grid-extra-lg {
    grid-gap: var(--xl-gap, 32px) !important;
  }
  .grid.grid-reverse-lg {
    grid-auto-flow: column-reverse;
  }
  .grid.grid-borderb-lg > :not(.no-border) {
    padding-bottom: var(--gap-mobile, 18px);
    border-bottom: 1px solid var(--border-color, #dedede);
  }
  .grid.grid-1r-lg {
    grid-template-rows: repeat(1, 1fr);
  }
  .grid.grid-1-lg {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.grid-1-lg > * {
    grid-column: span 1;
  }
  .grid.grid-2r-lg {
    grid-template-rows: repeat(2, 1fr);
  }
  .grid.grid-2-lg {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.grid-2-lg > * {
    grid-column: span 1;
  }
  .grid.grid-3r-lg {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid.grid-3-lg {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.grid-3-lg > * {
    grid-column: span 1;
  }
  .grid.grid-4r-lg {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid.grid-4-lg {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.grid-4-lg > * {
    grid-column: span 1;
  }
  .grid.grid-5r-lg {
    grid-template-rows: repeat(5, 1fr);
  }
  .grid.grid-5-lg {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.grid-5-lg > * {
    grid-column: span 1;
  }
  .grid.grid-6r-lg {
    grid-template-rows: repeat(6, 1fr);
  }
  .grid.grid-6-lg {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.grid-6-lg > * {
    grid-column: span 1;
  }
  .grid.grid-7r-lg {
    grid-template-rows: repeat(7, 1fr);
  }
  .grid.grid-7-lg {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.grid-7-lg > * {
    grid-column: span 1;
  }
  .grid.grid-8r-lg {
    grid-template-rows: repeat(8, 1fr);
  }
  .grid.grid-8-lg {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.grid-8-lg > * {
    grid-column: span 1;
  }
  .grid.grid-9r-lg {
    grid-template-rows: repeat(9, 1fr);
  }
  .grid.grid-9-lg {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.grid-9-lg > * {
    grid-column: span 1;
  }
  .grid.grid-10r-lg {
    grid-template-rows: repeat(10, 1fr);
  }
  .grid.grid-10-lg {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.grid-10-lg > * {
    grid-column: span 1;
  }
  .grid.grid-11r-lg {
    grid-template-rows: repeat(11, 1fr);
  }
  .grid.grid-11-lg {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.grid-11-lg > * {
    grid-column: span 1;
  }
  .grid.grid-12r-lg {
    grid-template-rows: repeat(12, 1fr);
  }
  .grid.grid-12-lg {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.grid-12-lg > * {
    grid-column: span 1;
  }
  .grid > .row-1-lg {
    grid-row: span 1;
  }
  .grid > .col-1-lg {
    grid-column: span 1;
  }
  .grid > .order-1-lg {
    order: 1;
  }
  .grid > .row-2-lg {
    grid-row: span 2;
  }
  .grid > .col-2-lg {
    grid-column: span 2;
  }
  .grid > .order-2-lg {
    order: 2;
  }
  .grid > .row-3-lg {
    grid-row: span 3;
  }
  .grid > .col-3-lg {
    grid-column: span 3;
  }
  .grid > .order-3-lg {
    order: 3;
  }
  .grid > .row-4-lg {
    grid-row: span 4;
  }
  .grid > .col-4-lg {
    grid-column: span 4;
  }
  .grid > .order-4-lg {
    order: 4;
  }
  .grid > .row-5-lg {
    grid-row: span 5;
  }
  .grid > .col-5-lg {
    grid-column: span 5;
  }
  .grid > .order-5-lg {
    order: 5;
  }
  .grid > .row-6-lg {
    grid-row: span 6;
  }
  .grid > .col-6-lg {
    grid-column: span 6;
  }
  .grid > .order-6-lg {
    order: 6;
  }
  .grid > .row-7-lg {
    grid-row: span 7;
  }
  .grid > .col-7-lg {
    grid-column: span 7;
  }
  .grid > .order-7-lg {
    order: 7;
  }
  .grid > .row-8-lg {
    grid-row: span 8;
  }
  .grid > .col-8-lg {
    grid-column: span 8;
  }
  .grid > .order-8-lg {
    order: 8;
  }
  .grid > .row-9-lg {
    grid-row: span 9;
  }
  .grid > .col-9-lg {
    grid-column: span 9;
  }
  .grid > .order-9-lg {
    order: 9;
  }
  .grid > .row-10-lg {
    grid-row: span 10;
  }
  .grid > .col-10-lg {
    grid-column: span 10;
  }
  .grid > .order-10-lg {
    order: 10;
  }
  .grid > .row-11-lg {
    grid-row: span 11;
  }
  .grid > .col-11-lg {
    grid-column: span 11;
  }
  .grid > .order-11-lg {
    order: 11;
  }
  .grid > .row-12-lg {
    grid-row: span 12;
  }
  .grid > .col-12-lg {
    grid-column: span 12;
  }
  .grid > .order-12-lg {
    order: 12;
  }
  .grid-reverse-lg > :nth-child(1) {
    order: 12;
  }
  .grid-reverse-lg > :nth-child(2) {
    order: 11;
  }
  .grid-reverse-lg > :nth-child(3) {
    order: 10;
  }
  .grid-reverse-lg > :nth-child(4) {
    order: 9;
  }
  .grid-reverse-lg > :nth-child(5) {
    order: 8;
  }
  .grid-reverse-lg > :nth-child(6) {
    order: 7;
  }
  .grid-reverse-lg > :nth-child(7) {
    order: 6;
  }
  .grid-reverse-lg > :nth-child(8) {
    order: 5;
  }
  .grid-reverse-lg > :nth-child(9) {
    order: 4;
  }
  .grid-reverse-lg > :nth-child(10) {
    order: 3;
  }
  .grid-reverse-lg > :nth-child(11) {
    order: 2;
  }
  .grid-reverse-lg > :nth-child(12) {
    order: 1;
  }
}

.grid.is-bottom-line {
  border-top: 1px solid #000000;
}
.grid.is-bottom-line > :not([class*=no-border]) {
  border-bottom: 1px solid #000000;
}

.flex {
  display: flex;
  gap: var(--gap-mobile, 18px);
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-micro {
  gap: var(--xs-gap, 12px) !important;
}
.flex-small {
  gap: var(--sm-gap, 16px) !important;
}
.flex-default {
  gap: var(--md-gap, 18px) !important;
}
.flex-large {
  gap: var(--lg-gap, 24px) !important;
}
.flex-extra {
  gap: var(--xl-gap, 32px) !important;
}
.flex.flex-merge {
  gap: 0;
}
.flex.flex-pulled {
  align-items: flex-end;
}
.flex.flex-pushed {
  align-items: flex-end;
}
.flex.flex-center {
  align-items: center;
}
.flex.flex-middle {
  justify-content: center;
}
.flex > .in-shrink {
  flex-shrink: 0;
}
.flex > .in-full {
  flex: 1;
}
.flex > .in-push {
  margin-right: auto;
}
.flex > .in-pull {
  margin-left: auto;
}
.flex > .in-auto {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991.98px) {
  .flex-row-sm {
    flex-direction: row;
  }
  .flex-col-sm {
    flex-direction: column;
  }
  .flex-micro-sm {
    gap: var(--xs-gap, 12px) !important;
  }
  .flex-small-sm {
    gap: var(--sm-gap, 16px) !important;
  }
  .flex-default-sm {
    gap: var(--md-gap, 18px) !important;
  }
  .flex-large-sm {
    gap: var(--lg-gap, 24px) !important;
  }
  .flex-extra-sm {
    gap: var(--xl-gap, 32px) !important;
  }
  .flex.flex-merge-sm {
    gap: 0;
  }
  .flex.flex-pulled-sm {
    align-items: flex-end;
  }
  .flex.flex-pushed-sm {
    align-items: flex-end;
  }
  .flex.flex-center-sm {
    align-items: center;
  }
  .flex.flex-middle-sm {
    justify-content: center;
  }
  .flex > .in-shrink-sm {
    flex-shrink: 0;
  }
  .flex > .in-full-sm {
    flex: 1;
  }
  .flex > .in-push-sm {
    margin-right: auto;
  }
  .flex > .in-pull-sm {
    margin-left: auto;
  }
  .flex > .in-auto-sm {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .flex-row-md {
    flex-direction: row;
  }
  .flex-col-md {
    flex-direction: column;
  }
  .flex-micro-md {
    gap: var(--xs-gap, 12px) !important;
  }
  .flex-small-md {
    gap: var(--sm-gap, 16px) !important;
  }
  .flex-default-md {
    gap: var(--md-gap, 18px) !important;
  }
  .flex-large-md {
    gap: var(--lg-gap, 24px) !important;
  }
  .flex-extra-md {
    gap: var(--xl-gap, 32px) !important;
  }
  .flex.flex-merge-md {
    gap: 0;
  }
  .flex.flex-pulled-md {
    align-items: flex-end;
  }
  .flex.flex-pushed-md {
    align-items: flex-end;
  }
  .flex.flex-center-md {
    align-items: center;
  }
  .flex.flex-middle-md {
    justify-content: center;
  }
  .flex > .in-shrink-md {
    flex-shrink: 0;
  }
  .flex > .in-full-md {
    flex: 1;
  }
  .flex > .in-push-md {
    margin-right: auto;
  }
  .flex > .in-pull-md {
    margin-left: auto;
  }
  .flex > .in-auto-md {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .flex {
    gap: var(--gap-mobile, 24px);
  }
  .flex-row-lg {
    flex-direction: row;
  }
  .flex-col-lg {
    flex-direction: column;
  }
  .flex-micro-lg {
    gap: var(--xs-gap, 12px) !important;
  }
  .flex-small-lg {
    gap: var(--sm-gap, 16px) !important;
  }
  .flex-default-lg {
    gap: var(--md-gap, 18px) !important;
  }
  .flex-large-lg {
    gap: var(--lg-gap, 24px) !important;
  }
  .flex-extra-lg {
    gap: var(--xl-gap, 32px) !important;
  }
  .flex.flex-merge-lg {
    gap: 0;
  }
  .flex.flex-pulled-lg {
    align-items: flex-end;
  }
  .flex.flex-pushed-lg {
    align-items: flex-end;
  }
  .flex.flex-center-lg {
    align-items: center;
  }
  .flex.flex-middle-lg {
    justify-content: center;
  }
  .flex > .in-shrink-lg {
    flex-shrink: 0;
  }
  .flex > .in-full-lg {
    flex: 1;
  }
  .flex > .in-push-lg {
    margin-right: auto;
  }
  .flex > .in-pull-lg {
    margin-left: auto;
  }
  .flex > .in-auto-lg {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .flex {
    gap: var(--gap-mobile, 24px);
  }
}

.pool {
  gap: 15px;
  display: inline-flex;
}
.pool > * {
  flex-shrink: 0;
}
.pool.as-social {
  gap: 5px;
}

.pile {
  margin-bottom: var(--margin-bottom, 18px);
}
.pile.pile-small {
  margin-bottom: 10px;
}
.pile.pile-large {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .pile.pile-small-sm {
    margin-bottom: 10px;
  }
  .pile.pile-large-sm {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .pile.pile-small-md {
    margin-bottom: 10px;
  }
  .pile.pile-large-md {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .pile {
    margin-bottom: var(--margin-bottom, 24px);
  }
  .pile.pile-small-lg {
    margin-bottom: 10px;
  }
  .pile.pile-large-lg {
    margin-bottom: 30px;
  }
}

.table {
  display: block;
  position: relative;
}
.table div.table-data {
  position: relative;
}
.table div.table-data.is-flat > div.table-data-head > div.table-data-row,
.table div.table-data.is-flat > div.table-data-body > div.table-data-row {
  padding-left: 0;
  padding-right: 0;
}
.table div.table-data > div.table-data-head,
.table div.table-data > div.table-data-body {
  display: block;
  position: relative;
}
.table div.table-data > div.table-data-head > div.table-data-row,
.table div.table-data > div.table-data-body > div.table-data-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fafafa;
  position: relative;
}
.table div.table-data > div.table-data-head > div.table-data-row > span,
.table div.table-data > div.table-data-body > div.table-data-row > span {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  min-height: 40px;
}
.table div.table-data > div.table-data-head > div.table-data-row > span.is-grow,
.table div.table-data > div.table-data-body > div.table-data-row > span.is-grow {
  flex-grow: 2;
}
.table div.table-data > div.table-data-head > div.table-data-row > span.is-grow-lg,
.table div.table-data > div.table-data-body > div.table-data-row > span.is-grow-lg {
  flex-grow: 3;
}
.table div.table-data > div.table-data-head > div.table-data-row > span.cell-center,
.table div.table-data > div.table-data-body > div.table-data-row > span.cell-center {
  justify-content: center;
}
.table div.table-data > div.table-data-head > div.table-data-row > span.cell-end,
.table div.table-data > div.table-data-body > div.table-data-row > span.cell-end {
  justify-content: flex-end;
}
.table div.table-data > div.table-data-head > div.table-data-row > span.is-checkbox,
.table div.table-data > div.table-data-body > div.table-data-row > span.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.table div.table-data > div.table-data-head > div.table-data-row > span.is-checkbox .checkbox,
.table div.table-data > div.table-data-body > div.table-data-row > span.is-checkbox .checkbox {
  padding: 0;
  margin-left: 4px;
}
.table div.table-data div.table-data-head {
  border-bottom: 1px solid #dedede;
}
.table div.table-data div.table-data-head > div.table-data-row > span {
  font-size: 0.832rem;
}
.table div.table-data div.table-data-body > div.table-data-row {
  padding-top: 10px;
  padding-bottom: 10px;
}
.table div.table-data div.table-data-body > div.table-data-row > span {
  font-size: 0.932rem;
}

.table,
.wp-block-table {
  width: 100%;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
  overflow-x: auto;
  display: block;
  -webkit-overflow-scrolling: touch;
}
.table .meta,
.wp-block-table .meta {
  line-height: 1.4;
}
.table .meta .name,
.table .meta .desc,
.wp-block-table .meta .name,
.wp-block-table .meta .desc {
  display: block;
}
.table .meta .desc,
.wp-block-table .meta .desc {
  font-size: 0.8rem;
}
.table table,
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}
.table table th,
.table table td,
.wp-block-table table th,
.wp-block-table table td {
  padding: 0.75em 1em;
  border: 1px solid #ddd;
  text-align: left;
}
.table table thead,
.wp-block-table table thead {
  background-color: #f5f5f5;
  font-weight: bold;
}
.table table tfoot,
.wp-block-table table tfoot {
  background-color: #fafafa;
}
.table table tbody tr:nth-child(even),
.wp-block-table table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.table.is-style-stripes table tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes table tbody tr:nth-child(odd) {
  background-color: #fcfcfc;
}

.as-modal:not(.is-modal-open) {
  display: none;
}

.post-meta {
  gap: 10px;
  display: inline-flex;
  align-items: center;
}

.single .single-name {
  font-size: 1.7rem;
  margin-bottom: 15px;
}
.single .single-meta {
  gap: 15px;
  display: flex;
  font-size: 0.915rem;
  margin-bottom: 15px;
}
.single .single-long {
  font-size: 1rem;
}

.single .single-cover {
  display: block;
  overflow: hidden;
  border-radius: 20px;
  margin: 30px 0;
}
.single .single-cover img {
  width: 100%;
  object-fit: cover;
}

.single .comment-area .comment-info {
  font-size: 1.3rem;
}
.single .comment-list {
  gap: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.single .comment-list .comment {
  gap: 15px;
  display: flex;
  font-size: 0.9123rem;
}
.single .comment-list .comment .comment-user {
  text-align: center;
}
.single .comment-list .comment .comment-user img {
  width: 73px;
  height: 73px;
  border-radius: 50%;
}
.single .comment-list .comment .comment-user .name {
  font-size: 12px;
}
.single .comment-list .comment .comment-meta {
  gap: 15px;
  display: flex;
  font-size: 0.815rem;
  margin-bottom: 5px;
}
.single .comment-form {
  width: 100%;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .single .comment-form {
    padding: 30px;
  }
}
@media (max-width: 585px) {
  .single .comment-form {
    padding: 30px 15px;
  }
}
.single .comment-form input,
.single .comment-form textarea {
  background-color: #f0f0f0;
  margin-bottom: 20px;
  padding: 24px 30px;
  line-height: 1;
  font-size: 14px;
}
@media (max-width: 585px) {
  .single .comment-form input,
  .single .comment-form textarea {
    padding: 15px;
  }
}
.single .comment-form input:not([type=checkbox]),
.single .comment-form textarea:not([type=checkbox]) {
  width: 100%;
}
.single .comment-form textarea {
  height: 200px;
}
@media (max-width: 767px) {
  .single .comment-form textarea {
    height: 120px;
  }
}
.single .comment-form .submit-btn {
  color: #fff;
  line-height: 1;
  font-size: 700;
  text-transform: capitalize;
  padding: 24px 60px;
  transition: all 0.3s ease-in-out;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .single .comment-form .submit-btn {
    padding: 20px 40px;
  }
}
@media (max-width: 585px) {
  .single .comment-form .submit-btn {
    padding: 15px 40px;
    font-size: 14px;
  }
}
.single .comment-form .submit-btn i {
  margin-right: 10px;
}

#comments,
.comment-respond,
p.nocomments {
  padding: 0;
  clear: both;
  margin-bottom: 30px;
  position: relative;
}

#comment-wrap {
  font-size: 0.81rem;
  line-height: 1.6;
  position: relative;
}
#comment-wrap > ol {
  margin-left: 0;
}
#comment-wrap > ol > li {
  clear: both;
  display: block;
  position: relative;
}
#comment-wrap > ol li {
  margin: 0;
}
#comment-wrap > ol li.comment {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
#comment-wrap > ol li.comment.bypostauthor .comment-avatar img {
  border-radius: 50%;
  transition: all 0.2s ease-out;
  border: 1px solid transparent;
  padding: 0;
}
#comment-wrap > ol li.pingback {
  list-style: none;
}
#comment-wrap > ol li > ul {
  padding-bottom: 0;
}
#comment-wrap > ol li > ul li {
  margin: 0;
}
#comment-wrap > ol li > ul.children {
  margin: 0 0 1px 0;
  padding-left: 70px;
}
#comment-wrap > ol li article {
  display: block;
}
#comment-wrap > ol li article:first-child {
  padding-top: 0;
}
#comment-wrap p {
  margin: 0 0 10px 0;
  font-size: 100%;
}
#comment-wrap p.swm-nocomments {
  margin: 0;
}
#comment-wrap .comment-text > p:last-child {
  margin-bottom: 0;
}
#comment-wrap .comment-text ol {
  margin: 0 0 1.42em 30px;
}
#comment-wrap .comment-text ol + h2 {
  margin-top: 1.42em;
}

.comment-body {
  position: relative;
  padding: 0;
}

.comment-avatar {
  float: left;
  display: inline-block;
  position: relative;
  margin: 10px 0;
  padding: var(--comment-padding, 18px);
}
.comment-avatar img {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
}

.comment-postinfo {
  margin-left: 70px;
  position: relative;
  padding: var(--comment-padding, 18px);
}
.comment-postinfo .comment-title-section .comment-author {
  display: block;
  padding-right: 4px;
  text-decoration: none;
  line-height: 19px;
  display: inline-block;
}
.comment-postinfo .comment-title-section .comment-author a {
  text-decoration: none;
}
.comment-postinfo .comment-title-section .comment-date {
  margin-top: -2px;
}
.comment-postinfo .comment-title-section .comment-date:before {
  content: "/";
  margin-right: 8px;
}
.comment-postinfo .comment-title-section .comment-date i {
  margin-right: 5px;
}

.comment-content {
  position: relative;
  float: left;
  z-index: 1;
  width: 100%;
  margin-bottom: 15px;
  background: #fafafa;
}

.comment-edit-link {
  display: inline-block;
  font-size: 90%;
  margin-top: 15px;
}

.comment-respond {
  clear: both;
  position: relative;
  padding: var(--repson-padding, 18px);
  background: #dedede;
}
.comment-respond:before, .comment-respond:after {
  display: none;
}
.comment-respond h3 {
  text-align: left;
}
.comment-respond h3 small {
  float: right;
}
.comment-respond h3 small a#cancel-comment-reply-link {
  font-size: 0.91234rem;
  display: block;
  text-transform: none;
  color: red;
}
.comment-respond h3 i {
  margin-right: 10px;
}
.comment-respond h3 i.comment-reply-title {
  display: none;
}
.comment-respond .form-allowed-tags {
  display: none;
}
.comment-respond h3.comment-reply-title span:after {
  display: none;
}
.comment-respond h3.comment-reply-title:after {
  display: none;
}

#commentform {
  padding: 0;
  display: block;
}
#commentform label {
  clear: both;
  font-weight: normal;
}
#commentform textarea#comment {
  width: 100%;
  height: 145px;
}
#commentform input[type=url],
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=password],
#commentform textarea {
  width: 100%;
}
#commentform .hidden {
  display: none;
}
#commentform p.comment-form-email input[type=text] {
  margin-right: 0;
  float: right;
  margin-left: 12px;
}
#commentform p.form-submit {
  margin: 10px 0 30px;
}

input:not([type=submit])::placeholder,
textarea::placeholder {
  opacity: 0.6;
  text-transform: lowercase;
}

.region {
  padding: var(--lg-gap, 24px);
}
.container {
  display: block;
  margin: 0 auto;
  max-width: 1240px;
  padding-left: var(--mobile-space, 24px);
  padding-right: var(--mobile-space, 24px);
}
.container.container-sm {
  max-width: 600px;
}
.container.container-md {
  max-width: 830px;
}
.container.container-lg {
  max-width: 1130px;
}
.container .container {
  padding-left: 0px;
  padding-right: 0px;
}

.header {
  width: 100%;
  position: relative;
  background: #ffffff;
}
.header.on-sticky {
  position: fixed !important;
  top: 0;
  z-index: 800;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header .site-logo img {
  width: auto;
  height: 32px;
}
@media (max-width: 991.98px) {
  .header .site-logo img {
    height: 32px;
  }
}

.header > [class*=header-] > [class*=container] {
  gap: 15px;
  display: flex;
  align-items: center;
}

.header-info {
  font-size: 0.9124rem;
  border-bottom: 1px solid #dedede;
  padding-bottom: 7.5px;
  padding-top: 7.5px;
}
.header-info .container {
  gap: 15px;
  display: flex;
  align-items: center;
}

.header-menu {
  padding-bottom: 15px;
  padding-top: 15px;
}
.header-menu .brand {
  align-items: center;
  display: inline-flex;
}
.header-menu .brand a {
  align-items: center;
  display: inline-flex;
}
.header-menu .menu {
  flex: 1;
}
.header-menu .block.menu {
  margin-right: auto;
}

.footer {
  color: #ffffff;
  background: #272727;
  font-size: 0.813rem;
  line-height: 1.6;
}

.footer-form {
  padding-top: var(--footer-form-gap, 18px);
  padding-bottom: var(--footer-form-gap, 18px);
  border-bottom: 1px solid #ffffff !important;
}

.footer-main {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .footer-main {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.footer-info {
  font-size: 0.812rem;
  border-top: 1px solid #eaeaea;
  padding-top: 15px;
  padding-bottom: 15px;
}
.footer-info p {
  margin-bottom: 0;
}
.footer-info .container {
  gap: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-info .container .credit {
  flex: 1;
  text-align: center;
}
@media (min-width: 992px) {
  .footer-info .container {
    flex-direction: row;
  }
}

.dialog {
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.912rem;
}
.dialog .dialog-cover {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
}
.dialog .dialog-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 480px;
  height: auto;
}
.appbar {
  top: 0;
  left: 0px;
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  font-size: 0.912rem;
}
.appbar .container {
  padding-left: 15px;
  padding-right: 15px;
}
.appbar .appbar-cover {
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
}
.appbar .appbar-inner {
  height: 100%;
  display: flex;
  max-width: 300px;
  flex-direction: column;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
}
.appbar .appbar-title {
  border-bottom: 1px solid #dedede;
  padding-bottom: 7.5px;
  padding-top: 7.5px;
}
.appbar .appbar-title .container {
  gap: 10px;
  display: flex;
  align-items: center;
}
.appbar .appbar-spacer {
  flex: 1;
  overflow-y: auto;
  transition: all 0.5s ease-out;
  overscroll-behavior-y: contain;
}
.appbar .appbar-spacer::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.appbar .appbar-spacer::-webkit-scrollbar-thumb {
  background-color: black;
}
.appbar .appbar-spacer::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
.appbar .site-logo img {
  width: auto;
  max-height: 30px;
}

.appnav {
  bottom: 0;
  z-index: 999999;
  position: fixed;
  visibility: visible;
}
.appnav .appnav-menu {
  width: 100vw;
  display: flex;
}
.appnav .appnav-menu a,
.appnav .appnav-menu button {
  font-weight: bold;
}
.appnav .appnav-menu > * {
  width: 50%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .appnav .appnav-side {
    display: none;
  }
}
@media (min-width: 992px) {
  .appnav {
    bottom: 50px;
  }
  .appnav .appnav-menu {
    display: none;
  }
}

.subnav {
  position: relative;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 10px 0px;
}
.subnav .skincover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.subnav .skincover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
}
.subnav .skincover:before {
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) -21.56%, rgba(0, 0, 0, 0) 135.94%);
}
.subnav > [class*=container] {
  position: relative;
  z-index: 2;
}

.subnav .container.flex {
  align-items: center;
}
.subnav .container.flex .title {
  margin-bottom: 0;
}
.subnav .container.flex .crumb {
  margin-left: auto;
}

[class*=sidebar] .widget {
  margin-bottom: 15px;
}
[class*=sidebar] .widget .title {
  font-size: 1.2rem;
  font-weight: normal;
}

.section {
  position: relative;
  padding: 40px 0px;
}
.section .skincover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.section .skincover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
}
.section .skincover.overlay:before {
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) -21.56%, rgba(0, 0, 0, 0) 135.94%);
}
.section > [class*=container] {
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .section {
    padding: 60px 0px;
  }
}

@media (min-width: 992px) {
  .section.as-hero {
    padding: 100px 0px;
  }
}

.section.is-merge {
  padding: 0px 0px;
}
.section.is-small {
  padding: 25px 0px;
}
.section.is-large {
  padding: 75px 0px;
}
.section.is-header {
  padding: 75px 0px;
}
.section.is-launch {
  padding: 100px 0px;
}
.section.is-layout > [class*=container] {
  gap: 30px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .section.is-layout > [class*=container] {
    flex-direction: row;
  }
  .section.is-layout > [class*=container] > .is-sidebar {
    width: 300px;
    min-width: 300px;
    flex-shrink: 0;
    margin-left: auto;
  }
  .section.is-layout > [class*=container] > .is-content {
    flex: 1;
    max-width: 780px;
  }
}
.section.as-header {
  padding: 175px 0px 75px;
}

.landing {
  position: relative;
  color: var(--landing-text, #ffffff);
  background-color: var(--landing-skin, #000000);
  padding: 75px 0px 75px;
}
.landing .skincover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.landing .skincover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
}
.landing .skincover.overlay:before {
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) -21.56%, rgba(0, 0, 0, 0) 135.94%);
}
.landing > [class*=container] {
  position: relative;
  z-index: 2;
}
.landing:not([class*=skin-]):before {
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
}

.landing .title {
  font-size: 30px;
  font-weight: bold;
}
.landing .short {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .landing .title {
    font-size: 42px;
  }
  .landing .short {
    margin-bottom: 40px;
  }
}

.content-meta {
  margin-bottom: 7px;
}
.content-meta > * {
  line-height: 1;
  display: inline-flex;
  vertical-align: middle;
  flex-wrap: wrap;
  color: var(--swm-color-headings);
}
.content-meta a,
.content-meta a:hover {
  position: relative;
  color: inherit;
}
.content-meta .content-meta-separator {
  color: var(--swm-color-text);
}
.content-meta .content-meta-date-separator:after,
.content-meta .content-meta-separator:after {
  content: "";
  margin: 0 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: currentColor;
}
.content-meta .content-meta-cat-separator:after {
  content: ",";
  margin-right: 5px;
}
.content-meta .content-meta-separator:last-of-type {
  display: none;
}
.content-meta .content-meta-date-separator:after {
  height: 1px;
  width: 42px;
  margin: 0 15px 0 0;
}

.is-glass,
.is-clear {
  color: inherit;
  background-color: transparent !important;
}

.drop-red::after {
  background-color: var(--color-red, #dc3545) !important;
}

.color-red {
  color: var(--color-red, #dc3545) !important;
}

.border-red {
  border-color: var(--color-red, #dc3545) !important;
  outline-color: var(--color-red, #dc3545) !important;
}

.background-red {
  background-color: var(--color-red, #dc3545) !important;
}

.drop-blue::after {
  background-color: var(--color-blue, #0d6efd) !important;
}

.color-blue {
  color: var(--color-blue, #0d6efd) !important;
}

.border-blue {
  border-color: var(--color-blue, #0d6efd) !important;
  outline-color: var(--color-blue, #0d6efd) !important;
}

.background-blue {
  background-color: var(--color-blue, #0d6efd) !important;
}

.drop-pink::after {
  background-color: var(--color-pink, #d63384) !important;
}

.color-pink {
  color: var(--color-pink, #d63384) !important;
}

.border-pink {
  border-color: var(--color-pink, #d63384) !important;
  outline-color: var(--color-pink, #d63384) !important;
}

.background-pink {
  background-color: var(--color-pink, #d63384) !important;
}

.drop-teal::after {
  background-color: var(--color-teal, #20c997) !important;
}

.color-teal {
  color: var(--color-teal, #20c997) !important;
}

.border-teal {
  border-color: var(--color-teal, #20c997) !important;
  outline-color: var(--color-teal, #20c997) !important;
}

.background-teal {
  background-color: var(--color-teal, #20c997) !important;
}

.drop-cyan::after {
  background-color: var(--color-cyan, #0dcaf0) !important;
}

.color-cyan {
  color: var(--color-cyan, #0dcaf0) !important;
}

.border-cyan {
  border-color: var(--color-cyan, #0dcaf0) !important;
  outline-color: var(--color-cyan, #0dcaf0) !important;
}

.background-cyan {
  background-color: var(--color-cyan, #0dcaf0) !important;
}

.drop-white::after {
  background-color: var(--color-white, #ffffff) !important;
}

.color-white {
  color: var(--color-white, #ffffff) !important;
}

.border-white {
  border-color: var(--color-white, #ffffff) !important;
  outline-color: var(--color-white, #ffffff) !important;
}

.background-white {
  background-color: var(--color-white, #ffffff) !important;
}

.drop-black::after {
  background-color: var(--color-black, #000000) !important;
}

.color-black {
  color: var(--color-black, #000000) !important;
}

.border-black {
  border-color: var(--color-black, #000000) !important;
  outline-color: var(--color-black, #000000) !important;
}

.background-black {
  background-color: var(--color-black, #000000) !important;
}

.drop-green::after {
  background-color: var(--color-green, #198754) !important;
}

.color-green {
  color: var(--color-green, #198754) !important;
}

.border-green {
  border-color: var(--color-green, #198754) !important;
  outline-color: var(--color-green, #198754) !important;
}

.background-green {
  background-color: var(--color-green, #198754) !important;
}

.drop-indigo::after {
  background-color: var(--color-indigo, #6610f2) !important;
}

.color-indigo {
  color: var(--color-indigo, #6610f2) !important;
}

.border-indigo {
  border-color: var(--color-indigo, #6610f2) !important;
  outline-color: var(--color-indigo, #6610f2) !important;
}

.background-indigo {
  background-color: var(--color-indigo, #6610f2) !important;
}

.drop-purple::after {
  background-color: var(--color-purple, #6f42c1) !important;
}

.color-purple {
  color: var(--color-purple, #6f42c1) !important;
}

.border-purple {
  border-color: var(--color-purple, #6f42c1) !important;
  outline-color: var(--color-purple, #6f42c1) !important;
}

.background-purple {
  background-color: var(--color-purple, #6f42c1) !important;
}

.drop-orange::after {
  background-color: var(--color-orange, #fd7e14) !important;
}

.color-orange {
  color: var(--color-orange, #fd7e14) !important;
}

.border-orange {
  border-color: var(--color-orange, #fd7e14) !important;
  outline-color: var(--color-orange, #fd7e14) !important;
}

.background-orange {
  background-color: var(--color-orange, #fd7e14) !important;
}

.drop-yellow::after {
  background-color: var(--color-yellow, #ffc107) !important;
}

.color-yellow {
  color: var(--color-yellow, #ffc107) !important;
}

.border-yellow {
  border-color: var(--color-yellow, #ffc107) !important;
  outline-color: var(--color-yellow, #ffc107) !important;
}

.background-yellow {
  background-color: var(--color-yellow, #ffc107) !important;
}

.drop-primary::after {
  background-color: var(--color-primary, #ddf472) !important;
}

.color-primary {
  color: var(--color-primary, #ddf472) !important;
}

.border-primary {
  border-color: var(--color-primary, #ddf472) !important;
  outline-color: var(--color-primary, #ddf472) !important;
}

.background-primary {
  background-color: var(--color-primary, #ddf472) !important;
}

.drop-secondary::after {
  background-color: var(--color-secondary, #bbd4d4) !important;
}

.color-secondary {
  color: var(--color-secondary, #bbd4d4) !important;
}

.border-secondary {
  border-color: var(--color-secondary, #bbd4d4) !important;
  outline-color: var(--color-secondary, #bbd4d4) !important;
}

.background-secondary {
  background-color: var(--color-secondary, #bbd4d4) !important;
}

.drop-tertiary::after {
  background-color: var(--color-tertiary, #4d4d4d) !important;
}

.color-tertiary {
  color: var(--color-tertiary, #4d4d4d) !important;
}

.border-tertiary {
  border-color: var(--color-tertiary, #4d4d4d) !important;
  outline-color: var(--color-tertiary, #4d4d4d) !important;
}

.background-tertiary {
  background-color: var(--color-tertiary, #4d4d4d) !important;
}

.drop-success::after {
  background-color: var(--color-success, #53d258) !important;
}

.color-success {
  color: var(--color-success, #53d258) !important;
}

.border-success {
  border-color: var(--color-success, #53d258) !important;
  outline-color: var(--color-success, #53d258) !important;
}

.background-success {
  background-color: var(--color-success, #53d258) !important;
}

.drop-warning::after {
  background-color: var(--color-warning, #e4c65b) !important;
}

.color-warning {
  color: var(--color-warning, #e4c65b) !important;
}

.border-warning {
  border-color: var(--color-warning, #e4c65b) !important;
  outline-color: var(--color-warning, #e4c65b) !important;
}

.background-warning {
  background-color: var(--color-warning, #e4c65b) !important;
}

.drop-danger::after {
  background-color: var(--color-danger, #e25c5c) !important;
}

.color-danger {
  color: var(--color-danger, #e25c5c) !important;
}

.border-danger {
  border-color: var(--color-danger, #e25c5c) !important;
  outline-color: var(--color-danger, #e25c5c) !important;
}

.background-danger {
  background-color: var(--color-danger, #e25c5c) !important;
}

.drop-info::after {
  background-color: var(--color-info, #2685ca) !important;
}

.color-info {
  color: var(--color-info, #2685ca) !important;
}

.border-info {
  border-color: var(--color-info, #2685ca) !important;
  outline-color: var(--color-info, #2685ca) !important;
}

.background-info {
  background-color: var(--color-info, #2685ca) !important;
}

.drop-tint::after {
  background-color: var(--color-tint, #f7f7f7) !important;
}

.color-tint {
  color: var(--color-tint, #f7f7f7) !important;
}

.border-tint {
  border-color: var(--color-tint, #f7f7f7) !important;
  outline-color: var(--color-tint, #f7f7f7) !important;
}

.background-tint {
  background-color: var(--color-tint, #f7f7f7) !important;
}

.drop-gray::after {
  background-color: var(--color-gray, #eaeaea) !important;
}

.color-gray {
  color: var(--color-gray, #eaeaea) !important;
}

.border-gray {
  border-color: var(--color-gray, #eaeaea) !important;
  outline-color: var(--color-gray, #eaeaea) !important;
}

.background-gray {
  background-color: var(--color-gray, #eaeaea) !important;
}

.drop-soft::after {
  background-color: var(--color-soft, #dee8e8) !important;
}

.color-soft {
  color: var(--color-soft, #dee8e8) !important;
}

.border-soft {
  border-color: var(--color-soft, #dee8e8) !important;
  outline-color: var(--color-soft, #dee8e8) !important;
}

.background-soft {
  background-color: var(--color-soft, #dee8e8) !important;
}

.drop-warm::after {
  background-color: var(--color-warm, #eaeaea) !important;
}

.color-warm {
  color: var(--color-warm, #eaeaea) !important;
}

.border-warm {
  border-color: var(--color-warm, #eaeaea) !important;
  outline-color: var(--color-warm, #eaeaea) !important;
}

.background-warm {
  background-color: var(--color-warm, #eaeaea) !important;
}

.drop-rich::after {
  background-color: var(--color-rich, #5bbb7b) !important;
}

.color-rich {
  color: var(--color-rich, #5bbb7b) !important;
}

.border-rich {
  border-color: var(--color-rich, #5bbb7b) !important;
  outline-color: var(--color-rich, #5bbb7b) !important;
}

.background-rich {
  background-color: var(--color-rich, #5bbb7b) !important;
}

.drop-deep::after {
  background-color: var(--color-deep, #5bbb7b) !important;
}

.color-deep {
  color: var(--color-deep, #5bbb7b) !important;
}

.border-deep {
  border-color: var(--color-deep, #5bbb7b) !important;
  outline-color: var(--color-deep, #5bbb7b) !important;
}

.background-deep {
  background-color: var(--color-deep, #5bbb7b) !important;
}

.drop-dark::after {
  background-color: var(--color-dark, #272727) !important;
}

.color-dark {
  color: var(--color-dark, #272727) !important;
}

.border-dark {
  border-color: var(--color-dark, #272727) !important;
  outline-color: var(--color-dark, #272727) !important;
}

.background-dark {
  background-color: var(--color-dark, #272727) !important;
}

.drop-tone-1::after {
  background-color: var(--color-tone-1, #006d77) !important;
}

.color-tone-1 {
  color: var(--color-tone-1, #006d77) !important;
}

.border-tone-1 {
  border-color: var(--color-tone-1, #006d77) !important;
  outline-color: var(--color-tone-1, #006d77) !important;
}

.background-tone-1 {
  background-color: var(--color-tone-1, #006d77) !important;
}

.drop-tone-2::after {
  background-color: var(--color-tone-2, #83c5be) !important;
}

.color-tone-2 {
  color: var(--color-tone-2, #83c5be) !important;
}

.border-tone-2 {
  border-color: var(--color-tone-2, #83c5be) !important;
  outline-color: var(--color-tone-2, #83c5be) !important;
}

.background-tone-2 {
  background-color: var(--color-tone-2, #83c5be) !important;
}

.drop-tone-3::after {
  background-color: var(--color-tone-3, #afeae4) !important;
}

.color-tone-3 {
  color: var(--color-tone-3, #afeae4) !important;
}

.border-tone-3 {
  border-color: var(--color-tone-3, #afeae4) !important;
  outline-color: var(--color-tone-3, #afeae4) !important;
}

.background-tone-3 {
  background-color: var(--color-tone-3, #afeae4) !important;
}

.drop-tone-4::after {
  background-color: var(--color-tone-4, #faede3) !important;
}

.color-tone-4 {
  color: var(--color-tone-4, #faede3) !important;
}

.border-tone-4 {
  border-color: var(--color-tone-4, #faede3) !important;
  outline-color: var(--color-tone-4, #faede3) !important;
}

.background-tone-4 {
  background-color: var(--color-tone-4, #faede3) !important;
}

.drop-tone-5::after {
  background-color: var(--color-tone-5, #ffddd2) !important;
}

.color-tone-5 {
  color: var(--color-tone-5, #ffddd2) !important;
}

.border-tone-5 {
  border-color: var(--color-tone-5, #ffddd2) !important;
  outline-color: var(--color-tone-5, #ffddd2) !important;
}

.background-tone-5 {
  background-color: var(--color-tone-5, #ffddd2) !important;
}

.drop-tone-6::after {
  background-color: var(--color-tone-6, #e29578) !important;
}

.color-tone-6 {
  color: var(--color-tone-6, #e29578) !important;
}

.border-tone-6 {
  border-color: var(--color-tone-6, #e29578) !important;
  outline-color: var(--color-tone-6, #e29578) !important;
}

.background-tone-6 {
  background-color: var(--color-tone-6, #e29578) !important;
}

.drop-tone-7::after {
  background-color: var(--color-tone-7, #ffd166) !important;
}

.color-tone-7 {
  color: var(--color-tone-7, #ffd166) !important;
}

.border-tone-7 {
  border-color: var(--color-tone-7, #ffd166) !important;
  outline-color: var(--color-tone-7, #ffd166) !important;
}

.background-tone-7 {
  background-color: var(--color-tone-7, #ffd166) !important;
}

.drop-gray-05::after {
  background-color: var(--color-gray-05, #f9fafb) !important;
}

.color-gray-05 {
  color: var(--color-gray-05, #f9fafb) !important;
}

.border-gray-05 {
  border-color: var(--color-gray-05, #f9fafb) !important;
  outline-color: var(--color-gray-05, #f9fafb) !important;
}

.background-gray-05 {
  background-color: var(--color-gray-05, #f9fafb) !important;
}

.drop-gray-10::after {
  background-color: var(--color-gray-10, #f2f4f7) !important;
}

.color-gray-10 {
  color: var(--color-gray-10, #f2f4f7) !important;
}

.border-gray-10 {
  border-color: var(--color-gray-10, #f2f4f7) !important;
  outline-color: var(--color-gray-10, #f2f4f7) !important;
}

.background-gray-10 {
  background-color: var(--color-gray-10, #f2f4f7) !important;
}

.drop-gray-20::after {
  background-color: var(--color-gray-20, #e4e7ec) !important;
}

.color-gray-20 {
  color: var(--color-gray-20, #e4e7ec) !important;
}

.border-gray-20 {
  border-color: var(--color-gray-20, #e4e7ec) !important;
  outline-color: var(--color-gray-20, #e4e7ec) !important;
}

.background-gray-20 {
  background-color: var(--color-gray-20, #e4e7ec) !important;
}

.drop-gray-30::after {
  background-color: var(--color-gray-30, #d0d5dd) !important;
}

.color-gray-30 {
  color: var(--color-gray-30, #d0d5dd) !important;
}

.border-gray-30 {
  border-color: var(--color-gray-30, #d0d5dd) !important;
  outline-color: var(--color-gray-30, #d0d5dd) !important;
}

.background-gray-30 {
  background-color: var(--color-gray-30, #d0d5dd) !important;
}

.drop-gray-40::after {
  background-color: var(--color-gray-40, #98a2b3) !important;
}

.color-gray-40 {
  color: var(--color-gray-40, #98a2b3) !important;
}

.border-gray-40 {
  border-color: var(--color-gray-40, #98a2b3) !important;
  outline-color: var(--color-gray-40, #98a2b3) !important;
}

.background-gray-40 {
  background-color: var(--color-gray-40, #98a2b3) !important;
}

.drop-gray-50::after {
  background-color: var(--color-gray-50, #667085) !important;
}

.color-gray-50 {
  color: var(--color-gray-50, #667085) !important;
}

.border-gray-50 {
  border-color: var(--color-gray-50, #667085) !important;
  outline-color: var(--color-gray-50, #667085) !important;
}

.background-gray-50 {
  background-color: var(--color-gray-50, #667085) !important;
}

.drop-gray-60::after {
  background-color: var(--color-gray-60, #475467) !important;
}

.color-gray-60 {
  color: var(--color-gray-60, #475467) !important;
}

.border-gray-60 {
  border-color: var(--color-gray-60, #475467) !important;
  outline-color: var(--color-gray-60, #475467) !important;
}

.background-gray-60 {
  background-color: var(--color-gray-60, #475467) !important;
}

.drop-gray-70::after {
  background-color: var(--color-gray-70, #344054) !important;
}

.color-gray-70 {
  color: var(--color-gray-70, #344054) !important;
}

.border-gray-70 {
  border-color: var(--color-gray-70, #344054) !important;
  outline-color: var(--color-gray-70, #344054) !important;
}

.background-gray-70 {
  background-color: var(--color-gray-70, #344054) !important;
}

.drop-gray-80::after {
  background-color: var(--color-gray-80, #1d2939) !important;
}

.color-gray-80 {
  color: var(--color-gray-80, #1d2939) !important;
}

.border-gray-80 {
  border-color: var(--color-gray-80, #1d2939) !important;
  outline-color: var(--color-gray-80, #1d2939) !important;
}

.background-gray-80 {
  background-color: var(--color-gray-80, #1d2939) !important;
}

.drop-gray-90::after {
  background-color: var(--color-gray-90, #101828) !important;
}

.color-gray-90 {
  color: var(--color-gray-90, #101828) !important;
}

.border-gray-90 {
  border-color: var(--color-gray-90, #101828) !important;
  outline-color: var(--color-gray-90, #101828) !important;
}

.background-gray-90 {
  background-color: var(--color-gray-90, #101828) !important;
}

.drop-skin-1::after {
  background-color: var(--color-skin-1, #f9fafb) !important;
}

.color-skin-1 {
  color: var(--color-skin-1, #f9fafb) !important;
}

.border-skin-1 {
  border-color: var(--color-skin-1, #f9fafb) !important;
  outline-color: var(--color-skin-1, #f9fafb) !important;
}

.background-skin-1 {
  background-color: var(--color-skin-1, #f9fafb) !important;
}

.drop-skin-2::after {
  background-color: var(--color-skin-2, #f2f4f7) !important;
}

.color-skin-2 {
  color: var(--color-skin-2, #f2f4f7) !important;
}

.border-skin-2 {
  border-color: var(--color-skin-2, #f2f4f7) !important;
  outline-color: var(--color-skin-2, #f2f4f7) !important;
}

.background-skin-2 {
  background-color: var(--color-skin-2, #f2f4f7) !important;
}

.drop-skin-3::after {
  background-color: var(--color-skin-3, #e4e7ec) !important;
}

.color-skin-3 {
  color: var(--color-skin-3, #e4e7ec) !important;
}

.border-skin-3 {
  border-color: var(--color-skin-3, #e4e7ec) !important;
  outline-color: var(--color-skin-3, #e4e7ec) !important;
}

.background-skin-3 {
  background-color: var(--color-skin-3, #e4e7ec) !important;
}

.drop-skin-4::after {
  background-color: var(--color-skin-4, #d0d5dd) !important;
}

.color-skin-4 {
  color: var(--color-skin-4, #d0d5dd) !important;
}

.border-skin-4 {
  border-color: var(--color-skin-4, #d0d5dd) !important;
  outline-color: var(--color-skin-4, #d0d5dd) !important;
}

.background-skin-4 {
  background-color: var(--color-skin-4, #d0d5dd) !important;
}

.drop-skin-5::after {
  background-color: var(--color-skin-5, #98a2b3) !important;
}

.color-skin-5 {
  color: var(--color-skin-5, #98a2b3) !important;
}

.border-skin-5 {
  border-color: var(--color-skin-5, #98a2b3) !important;
  outline-color: var(--color-skin-5, #98a2b3) !important;
}

.background-skin-5 {
  background-color: var(--color-skin-5, #98a2b3) !important;
}

.drop-skin-6::after {
  background-color: var(--color-skin-6, #667085) !important;
}

.color-skin-6 {
  color: var(--color-skin-6, #667085) !important;
}

.border-skin-6 {
  border-color: var(--color-skin-6, #667085) !important;
  outline-color: var(--color-skin-6, #667085) !important;
}

.background-skin-6 {
  background-color: var(--color-skin-6, #667085) !important;
}

.drop-skin-7::after {
  background-color: var(--color-skin-7, #475467) !important;
}

.color-skin-7 {
  color: var(--color-skin-7, #475467) !important;
}

.border-skin-7 {
  border-color: var(--color-skin-7, #475467) !important;
  outline-color: var(--color-skin-7, #475467) !important;
}

.background-skin-7 {
  background-color: var(--color-skin-7, #475467) !important;
}

.drop-skin-8::after {
  background-color: var(--color-skin-8, #344054) !important;
}

.color-skin-8 {
  color: var(--color-skin-8, #344054) !important;
}

.border-skin-8 {
  border-color: var(--color-skin-8, #344054) !important;
  outline-color: var(--color-skin-8, #344054) !important;
}

.background-skin-8 {
  background-color: var(--color-skin-8, #344054) !important;
}

.drop-skin-9::after {
  background-color: var(--color-skin-9, #1d2939) !important;
}

.color-skin-9 {
  color: var(--color-skin-9, #1d2939) !important;
}

.border-skin-9 {
  border-color: var(--color-skin-9, #1d2939) !important;
  outline-color: var(--color-skin-9, #1d2939) !important;
}

.background-skin-9 {
  background-color: var(--color-skin-9, #1d2939) !important;
}

.drop-skin-10::after {
  background-color: var(--color-skin-10, #101828) !important;
}

.color-skin-10 {
  color: var(--color-skin-10, #101828) !important;
}

.border-skin-10 {
  border-color: var(--color-skin-10, #101828) !important;
  outline-color: var(--color-skin-10, #101828) !important;
}

.background-skin-10 {
  background-color: var(--color-skin-10, #101828) !important;
}

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

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

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

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

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

.vertical-top,
.vertical-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.vertical-middle,
.vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vertical-bottom,
.vertical-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.is-red {
  color: var(--color-red-text, #ffffff);
  border-color: var(--color-red, #dc3545);
  outline-color: var(--color-red, #dc3545);
  background-color: var(--color-red, #dc3545);
}

.bg-red {
  background-color: var(--color-red, #dc3545);
}

.text-red {
  color: var(--color-red, #dc3545);
}

.border-red {
  border-color: var(--color-red, #dc3545);
}

.outline-red {
  outline-color: var(--color-red, #dc3545);
}

.is-blue {
  color: var(--color-blue-text, #ffffff);
  border-color: var(--color-blue, #0d6efd);
  outline-color: var(--color-blue, #0d6efd);
  background-color: var(--color-blue, #0d6efd);
}

.bg-blue {
  background-color: var(--color-blue, #0d6efd);
}

.text-blue {
  color: var(--color-blue, #0d6efd);
}

.border-blue {
  border-color: var(--color-blue, #0d6efd);
}

.outline-blue {
  outline-color: var(--color-blue, #0d6efd);
}

.is-pink {
  color: var(--color-pink-text, #ffffff);
  border-color: var(--color-pink, #d63384);
  outline-color: var(--color-pink, #d63384);
  background-color: var(--color-pink, #d63384);
}

.bg-pink {
  background-color: var(--color-pink, #d63384);
}

.text-pink {
  color: var(--color-pink, #d63384);
}

.border-pink {
  border-color: var(--color-pink, #d63384);
}

.outline-pink {
  outline-color: var(--color-pink, #d63384);
}

.is-teal {
  color: var(--color-teal-text, #ffffff);
  border-color: var(--color-teal, #20c997);
  outline-color: var(--color-teal, #20c997);
  background-color: var(--color-teal, #20c997);
}

.bg-teal {
  background-color: var(--color-teal, #20c997);
}

.text-teal {
  color: var(--color-teal, #20c997);
}

.border-teal {
  border-color: var(--color-teal, #20c997);
}

.outline-teal {
  outline-color: var(--color-teal, #20c997);
}

.is-cyan {
  color: var(--color-cyan-text, #000000);
  border-color: var(--color-cyan, #0dcaf0);
  outline-color: var(--color-cyan, #0dcaf0);
  background-color: var(--color-cyan, #0dcaf0);
}

.bg-cyan {
  background-color: var(--color-cyan, #0dcaf0);
}

.text-cyan {
  color: var(--color-cyan, #0dcaf0);
}

.border-cyan {
  border-color: var(--color-cyan, #0dcaf0);
}

.outline-cyan {
  outline-color: var(--color-cyan, #0dcaf0);
}

.is-white {
  color: var(--color-white-text, #000000);
  border-color: var(--color-white, #ffffff);
  outline-color: var(--color-white, #ffffff);
  background-color: var(--color-white, #ffffff);
}

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

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

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

.outline-white {
  outline-color: var(--color-white, #ffffff);
}

.is-black {
  color: var(--color-black-text, #ffffff);
  border-color: var(--color-black, #000000);
  outline-color: var(--color-black, #000000);
  background-color: var(--color-black, #000000);
}

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

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

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

.outline-black {
  outline-color: var(--color-black, #000000);
}

.is-green {
  color: var(--color-green-text, #ffffff);
  border-color: var(--color-green, #198754);
  outline-color: var(--color-green, #198754);
  background-color: var(--color-green, #198754);
}

.bg-green {
  background-color: var(--color-green, #198754);
}

.text-green {
  color: var(--color-green, #198754);
}

.border-green {
  border-color: var(--color-green, #198754);
}

.outline-green {
  outline-color: var(--color-green, #198754);
}

.is-indigo {
  color: var(--color-indigo-text, #ffffff);
  border-color: var(--color-indigo, #6610f2);
  outline-color: var(--color-indigo, #6610f2);
  background-color: var(--color-indigo, #6610f2);
}

.bg-indigo {
  background-color: var(--color-indigo, #6610f2);
}

.text-indigo {
  color: var(--color-indigo, #6610f2);
}

.border-indigo {
  border-color: var(--color-indigo, #6610f2);
}

.outline-indigo {
  outline-color: var(--color-indigo, #6610f2);
}

.is-purple {
  color: var(--color-purple-text, #ffffff);
  border-color: var(--color-purple, #6f42c1);
  outline-color: var(--color-purple, #6f42c1);
  background-color: var(--color-purple, #6f42c1);
}

.bg-purple {
  background-color: var(--color-purple, #6f42c1);
}

.text-purple {
  color: var(--color-purple, #6f42c1);
}

.border-purple {
  border-color: var(--color-purple, #6f42c1);
}

.outline-purple {
  outline-color: var(--color-purple, #6f42c1);
}

.is-orange {
  color: var(--color-orange-text, #000000);
  border-color: var(--color-orange, #fd7e14);
  outline-color: var(--color-orange, #fd7e14);
  background-color: var(--color-orange, #fd7e14);
}

.bg-orange {
  background-color: var(--color-orange, #fd7e14);
}

.text-orange {
  color: var(--color-orange, #fd7e14);
}

.border-orange {
  border-color: var(--color-orange, #fd7e14);
}

.outline-orange {
  outline-color: var(--color-orange, #fd7e14);
}

.is-yellow {
  color: var(--color-yellow-text, #000000);
  border-color: var(--color-yellow, #ffc107);
  outline-color: var(--color-yellow, #ffc107);
  background-color: var(--color-yellow, #ffc107);
}

.bg-yellow {
  background-color: var(--color-yellow, #ffc107);
}

.text-yellow {
  color: var(--color-yellow, #ffc107);
}

.border-yellow {
  border-color: var(--color-yellow, #ffc107);
}

.outline-yellow {
  outline-color: var(--color-yellow, #ffc107);
}

.is-primary {
  color: var(--color-primary-text, #000000);
  border-color: var(--color-primary, #ddf472);
  outline-color: var(--color-primary, #ddf472);
  background-color: var(--color-primary, #ddf472);
}

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

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

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

.outline-primary {
  outline-color: var(--color-primary, #ddf472);
}

.is-secondary {
  color: var(--color-secondary-text, #000000);
  border-color: var(--color-secondary, #bbd4d4);
  outline-color: var(--color-secondary, #bbd4d4);
  background-color: var(--color-secondary, #bbd4d4);
}

.bg-secondary {
  background-color: var(--color-secondary, #bbd4d4);
}

.text-secondary {
  color: var(--color-secondary, #bbd4d4);
}

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

.outline-secondary {
  outline-color: var(--color-secondary, #bbd4d4);
}

.is-tertiary {
  color: var(--color-tertiary-text, #ffffff);
  border-color: var(--color-tertiary, #4d4d4d);
  outline-color: var(--color-tertiary, #4d4d4d);
  background-color: var(--color-tertiary, #4d4d4d);
}

.bg-tertiary {
  background-color: var(--color-tertiary, #4d4d4d);
}

.text-tertiary {
  color: var(--color-tertiary, #4d4d4d);
}

.border-tertiary {
  border-color: var(--color-tertiary, #4d4d4d);
}

.outline-tertiary {
  outline-color: var(--color-tertiary, #4d4d4d);
}

.is-success {
  color: var(--color-success-text, #ffffff);
  border-color: var(--color-success, #53d258);
  outline-color: var(--color-success, #53d258);
  background-color: var(--color-success, #53d258);
}

.bg-success {
  background-color: var(--color-success, #53d258);
}

.text-success {
  color: var(--color-success, #53d258);
}

.border-success {
  border-color: var(--color-success, #53d258);
}

.outline-success {
  outline-color: var(--color-success, #53d258);
}

.is-warning {
  color: var(--color-warning-text, #000000);
  border-color: var(--color-warning, #e4c65b);
  outline-color: var(--color-warning, #e4c65b);
  background-color: var(--color-warning, #e4c65b);
}

.bg-warning {
  background-color: var(--color-warning, #e4c65b);
}

.text-warning {
  color: var(--color-warning, #e4c65b);
}

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

.outline-warning {
  outline-color: var(--color-warning, #e4c65b);
}

.is-danger {
  color: var(--color-danger-text, #ffffff);
  border-color: var(--color-danger, #e25c5c);
  outline-color: var(--color-danger, #e25c5c);
  background-color: var(--color-danger, #e25c5c);
}

.bg-danger {
  background-color: var(--color-danger, #e25c5c);
}

.text-danger {
  color: var(--color-danger, #e25c5c);
}

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

.outline-danger {
  outline-color: var(--color-danger, #e25c5c);
}

.is-info {
  color: var(--color-info-text, #ffffff);
  border-color: var(--color-info, #2685ca);
  outline-color: var(--color-info, #2685ca);
  background-color: var(--color-info, #2685ca);
}

.bg-info {
  background-color: var(--color-info, #2685ca);
}

.text-info {
  color: var(--color-info, #2685ca);
}

.border-info {
  border-color: var(--color-info, #2685ca);
}

.outline-info {
  outline-color: var(--color-info, #2685ca);
}

.is-tint {
  color: var(--color-tint-text, #000000);
  border-color: var(--color-tint, #f7f7f7);
  outline-color: var(--color-tint, #f7f7f7);
  background-color: var(--color-tint, #f7f7f7);
}

.bg-tint {
  background-color: var(--color-tint, #f7f7f7);
}

.text-tint {
  color: var(--color-tint, #f7f7f7);
}

.border-tint {
  border-color: var(--color-tint, #f7f7f7);
}

.outline-tint {
  outline-color: var(--color-tint, #f7f7f7);
}

.is-gray {
  color: var(--color-gray-text, #000000);
  border-color: var(--color-gray, #eaeaea);
  outline-color: var(--color-gray, #eaeaea);
  background-color: var(--color-gray, #eaeaea);
}

.bg-gray {
  background-color: var(--color-gray, #eaeaea);
}

.text-gray {
  color: var(--color-gray, #eaeaea);
}

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

.outline-gray {
  outline-color: var(--color-gray, #eaeaea);
}

.is-soft {
  color: var(--color-soft-text, #000000);
  border-color: var(--color-soft, #dee8e8);
  outline-color: var(--color-soft, #dee8e8);
  background-color: var(--color-soft, #dee8e8);
}

.bg-soft {
  background-color: var(--color-soft, #dee8e8);
}

.text-soft {
  color: var(--color-soft, #dee8e8);
}

.border-soft {
  border-color: var(--color-soft, #dee8e8);
}

.outline-soft {
  outline-color: var(--color-soft, #dee8e8);
}

.is-warm {
  color: var(--color-warm-text, #000000);
  border-color: var(--color-warm, #eaeaea);
  outline-color: var(--color-warm, #eaeaea);
  background-color: var(--color-warm, #eaeaea);
}

.bg-warm {
  background-color: var(--color-warm, #eaeaea);
}

.text-warm {
  color: var(--color-warm, #eaeaea);
}

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

.outline-warm {
  outline-color: var(--color-warm, #eaeaea);
}

.is-rich {
  color: var(--color-rich-text, #ffffff);
  border-color: var(--color-rich, #5bbb7b);
  outline-color: var(--color-rich, #5bbb7b);
  background-color: var(--color-rich, #5bbb7b);
}

.bg-rich {
  background-color: var(--color-rich, #5bbb7b);
}

.text-rich {
  color: var(--color-rich, #5bbb7b);
}

.border-rich {
  border-color: var(--color-rich, #5bbb7b);
}

.outline-rich {
  outline-color: var(--color-rich, #5bbb7b);
}

.is-deep {
  color: var(--color-deep-text, #ffffff);
  border-color: var(--color-deep, #5bbb7b);
  outline-color: var(--color-deep, #5bbb7b);
  background-color: var(--color-deep, #5bbb7b);
}

.bg-deep {
  background-color: var(--color-deep, #5bbb7b);
}

.text-deep {
  color: var(--color-deep, #5bbb7b);
}

.border-deep {
  border-color: var(--color-deep, #5bbb7b);
}

.outline-deep {
  outline-color: var(--color-deep, #5bbb7b);
}

.is-dark {
  color: var(--color-dark-text, #ffffff);
  border-color: var(--color-dark, #272727);
  outline-color: var(--color-dark, #272727);
  background-color: var(--color-dark, #272727);
}

.bg-dark {
  background-color: var(--color-dark, #272727);
}

.text-dark {
  color: var(--color-dark, #272727);
}

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

.outline-dark {
  outline-color: var(--color-dark, #272727);
}

.is-tone-1 {
  color: var(--color-tone-1-text, #ffffff);
  border-color: var(--color-tone-1, #006d77);
  outline-color: var(--color-tone-1, #006d77);
  background-color: var(--color-tone-1, #006d77);
}

.bg-tone-1 {
  background-color: var(--color-tone-1, #006d77);
}

.text-tone-1 {
  color: var(--color-tone-1, #006d77);
}

.border-tone-1 {
  border-color: var(--color-tone-1, #006d77);
}

.outline-tone-1 {
  outline-color: var(--color-tone-1, #006d77);
}

.is-tone-2 {
  color: var(--color-tone-2-text, #000000);
  border-color: var(--color-tone-2, #83c5be);
  outline-color: var(--color-tone-2, #83c5be);
  background-color: var(--color-tone-2, #83c5be);
}

.bg-tone-2 {
  background-color: var(--color-tone-2, #83c5be);
}

.text-tone-2 {
  color: var(--color-tone-2, #83c5be);
}

.border-tone-2 {
  border-color: var(--color-tone-2, #83c5be);
}

.outline-tone-2 {
  outline-color: var(--color-tone-2, #83c5be);
}

.is-tone-3 {
  color: var(--color-tone-3-text, #000000);
  border-color: var(--color-tone-3, #afeae4);
  outline-color: var(--color-tone-3, #afeae4);
  background-color: var(--color-tone-3, #afeae4);
}

.bg-tone-3 {
  background-color: var(--color-tone-3, #afeae4);
}

.text-tone-3 {
  color: var(--color-tone-3, #afeae4);
}

.border-tone-3 {
  border-color: var(--color-tone-3, #afeae4);
}

.outline-tone-3 {
  outline-color: var(--color-tone-3, #afeae4);
}

.is-tone-4 {
  color: var(--color-tone-4-text, #000000);
  border-color: var(--color-tone-4, #faede3);
  outline-color: var(--color-tone-4, #faede3);
  background-color: var(--color-tone-4, #faede3);
}

.bg-tone-4 {
  background-color: var(--color-tone-4, #faede3);
}

.text-tone-4 {
  color: var(--color-tone-4, #faede3);
}

.border-tone-4 {
  border-color: var(--color-tone-4, #faede3);
}

.outline-tone-4 {
  outline-color: var(--color-tone-4, #faede3);
}

.is-tone-5 {
  color: var(--color-tone-5-text, #000000);
  border-color: var(--color-tone-5, #ffddd2);
  outline-color: var(--color-tone-5, #ffddd2);
  background-color: var(--color-tone-5, #ffddd2);
}

.bg-tone-5 {
  background-color: var(--color-tone-5, #ffddd2);
}

.text-tone-5 {
  color: var(--color-tone-5, #ffddd2);
}

.border-tone-5 {
  border-color: var(--color-tone-5, #ffddd2);
}

.outline-tone-5 {
  outline-color: var(--color-tone-5, #ffddd2);
}

.is-tone-6 {
  color: var(--color-tone-6-text, #ffffff);
  border-color: var(--color-tone-6, #e29578);
  outline-color: var(--color-tone-6, #e29578);
  background-color: var(--color-tone-6, #e29578);
}

.bg-tone-6 {
  background-color: var(--color-tone-6, #e29578);
}

.text-tone-6 {
  color: var(--color-tone-6, #e29578);
}

.border-tone-6 {
  border-color: var(--color-tone-6, #e29578);
}

.outline-tone-6 {
  outline-color: var(--color-tone-6, #e29578);
}

.is-tone-7 {
  color: var(--color-tone-7-text, #000000);
  border-color: var(--color-tone-7, #ffd166);
  outline-color: var(--color-tone-7, #ffd166);
  background-color: var(--color-tone-7, #ffd166);
}

.bg-tone-7 {
  background-color: var(--color-tone-7, #ffd166);
}

.text-tone-7 {
  color: var(--color-tone-7, #ffd166);
}

.border-tone-7 {
  border-color: var(--color-tone-7, #ffd166);
}

.outline-tone-7 {
  outline-color: var(--color-tone-7, #ffd166);
}

.is-gray-05 {
  color: var(--color-gray-05-text, #000000);
  border-color: var(--color-gray-05, #f9fafb);
  outline-color: var(--color-gray-05, #f9fafb);
  background-color: var(--color-gray-05, #f9fafb);
}

.bg-gray-05 {
  background-color: var(--color-gray-05, #f9fafb);
}

.text-gray-05 {
  color: var(--color-gray-05, #f9fafb);
}

.border-gray-05 {
  border-color: var(--color-gray-05, #f9fafb);
}

.outline-gray-05 {
  outline-color: var(--color-gray-05, #f9fafb);
}

.is-gray-10 {
  color: var(--color-gray-10-text, #000000);
  border-color: var(--color-gray-10, #f2f4f7);
  outline-color: var(--color-gray-10, #f2f4f7);
  background-color: var(--color-gray-10, #f2f4f7);
}

.bg-gray-10 {
  background-color: var(--color-gray-10, #f2f4f7);
}

.text-gray-10 {
  color: var(--color-gray-10, #f2f4f7);
}

.border-gray-10 {
  border-color: var(--color-gray-10, #f2f4f7);
}

.outline-gray-10 {
  outline-color: var(--color-gray-10, #f2f4f7);
}

.is-gray-20 {
  color: var(--color-gray-20-text, #000000);
  border-color: var(--color-gray-20, #e4e7ec);
  outline-color: var(--color-gray-20, #e4e7ec);
  background-color: var(--color-gray-20, #e4e7ec);
}

.bg-gray-20 {
  background-color: var(--color-gray-20, #e4e7ec);
}

.text-gray-20 {
  color: var(--color-gray-20, #e4e7ec);
}

.border-gray-20 {
  border-color: var(--color-gray-20, #e4e7ec);
}

.outline-gray-20 {
  outline-color: var(--color-gray-20, #e4e7ec);
}

.is-gray-30 {
  color: var(--color-gray-30-text, #000000);
  border-color: var(--color-gray-30, #d0d5dd);
  outline-color: var(--color-gray-30, #d0d5dd);
  background-color: var(--color-gray-30, #d0d5dd);
}

.bg-gray-30 {
  background-color: var(--color-gray-30, #d0d5dd);
}

.text-gray-30 {
  color: var(--color-gray-30, #d0d5dd);
}

.border-gray-30 {
  border-color: var(--color-gray-30, #d0d5dd);
}

.outline-gray-30 {
  outline-color: var(--color-gray-30, #d0d5dd);
}

.is-gray-40 {
  color: var(--color-gray-40-text, #ffffff);
  border-color: var(--color-gray-40, #98a2b3);
  outline-color: var(--color-gray-40, #98a2b3);
  background-color: var(--color-gray-40, #98a2b3);
}

.bg-gray-40 {
  background-color: var(--color-gray-40, #98a2b3);
}

.text-gray-40 {
  color: var(--color-gray-40, #98a2b3);
}

.border-gray-40 {
  border-color: var(--color-gray-40, #98a2b3);
}

.outline-gray-40 {
  outline-color: var(--color-gray-40, #98a2b3);
}

.is-gray-50 {
  color: var(--color-gray-50-text, #ffffff);
  border-color: var(--color-gray-50, #667085);
  outline-color: var(--color-gray-50, #667085);
  background-color: var(--color-gray-50, #667085);
}

.bg-gray-50 {
  background-color: var(--color-gray-50, #667085);
}

.text-gray-50 {
  color: var(--color-gray-50, #667085);
}

.border-gray-50 {
  border-color: var(--color-gray-50, #667085);
}

.outline-gray-50 {
  outline-color: var(--color-gray-50, #667085);
}

.is-gray-60 {
  color: var(--color-gray-60-text, #ffffff);
  border-color: var(--color-gray-60, #475467);
  outline-color: var(--color-gray-60, #475467);
  background-color: var(--color-gray-60, #475467);
}

.bg-gray-60 {
  background-color: var(--color-gray-60, #475467);
}

.text-gray-60 {
  color: var(--color-gray-60, #475467);
}

.border-gray-60 {
  border-color: var(--color-gray-60, #475467);
}

.outline-gray-60 {
  outline-color: var(--color-gray-60, #475467);
}

.is-gray-70 {
  color: var(--color-gray-70-text, #ffffff);
  border-color: var(--color-gray-70, #344054);
  outline-color: var(--color-gray-70, #344054);
  background-color: var(--color-gray-70, #344054);
}

.bg-gray-70 {
  background-color: var(--color-gray-70, #344054);
}

.text-gray-70 {
  color: var(--color-gray-70, #344054);
}

.border-gray-70 {
  border-color: var(--color-gray-70, #344054);
}

.outline-gray-70 {
  outline-color: var(--color-gray-70, #344054);
}

.is-gray-80 {
  color: var(--color-gray-80-text, #ffffff);
  border-color: var(--color-gray-80, #1d2939);
  outline-color: var(--color-gray-80, #1d2939);
  background-color: var(--color-gray-80, #1d2939);
}

.bg-gray-80 {
  background-color: var(--color-gray-80, #1d2939);
}

.text-gray-80 {
  color: var(--color-gray-80, #1d2939);
}

.border-gray-80 {
  border-color: var(--color-gray-80, #1d2939);
}

.outline-gray-80 {
  outline-color: var(--color-gray-80, #1d2939);
}

.is-gray-90 {
  color: var(--color-gray-90-text, #ffffff);
  border-color: var(--color-gray-90, #101828);
  outline-color: var(--color-gray-90, #101828);
  background-color: var(--color-gray-90, #101828);
}

.bg-gray-90 {
  background-color: var(--color-gray-90, #101828);
}

.text-gray-90 {
  color: var(--color-gray-90, #101828);
}

.border-gray-90 {
  border-color: var(--color-gray-90, #101828);
}

.outline-gray-90 {
  outline-color: var(--color-gray-90, #101828);
}

.is-skin-1 {
  color: var(--color-skin-1-text, #000000);
  border-color: var(--color-skin-1, #f9fafb);
  outline-color: var(--color-skin-1, #f9fafb);
  background-color: var(--color-skin-1, #f9fafb);
}

.bg-skin-1 {
  background-color: var(--color-skin-1, #f9fafb);
}

.text-skin-1 {
  color: var(--color-skin-1, #f9fafb);
}

.border-skin-1 {
  border-color: var(--color-skin-1, #f9fafb);
}

.outline-skin-1 {
  outline-color: var(--color-skin-1, #f9fafb);
}

.is-skin-2 {
  color: var(--color-skin-2-text, #000000);
  border-color: var(--color-skin-2, #f2f4f7);
  outline-color: var(--color-skin-2, #f2f4f7);
  background-color: var(--color-skin-2, #f2f4f7);
}

.bg-skin-2 {
  background-color: var(--color-skin-2, #f2f4f7);
}

.text-skin-2 {
  color: var(--color-skin-2, #f2f4f7);
}

.border-skin-2 {
  border-color: var(--color-skin-2, #f2f4f7);
}

.outline-skin-2 {
  outline-color: var(--color-skin-2, #f2f4f7);
}

.is-skin-3 {
  color: var(--color-skin-3-text, #000000);
  border-color: var(--color-skin-3, #e4e7ec);
  outline-color: var(--color-skin-3, #e4e7ec);
  background-color: var(--color-skin-3, #e4e7ec);
}

.bg-skin-3 {
  background-color: var(--color-skin-3, #e4e7ec);
}

.text-skin-3 {
  color: var(--color-skin-3, #e4e7ec);
}

.border-skin-3 {
  border-color: var(--color-skin-3, #e4e7ec);
}

.outline-skin-3 {
  outline-color: var(--color-skin-3, #e4e7ec);
}

.is-skin-4 {
  color: var(--color-skin-4-text, #000000);
  border-color: var(--color-skin-4, #d0d5dd);
  outline-color: var(--color-skin-4, #d0d5dd);
  background-color: var(--color-skin-4, #d0d5dd);
}

.bg-skin-4 {
  background-color: var(--color-skin-4, #d0d5dd);
}

.text-skin-4 {
  color: var(--color-skin-4, #d0d5dd);
}

.border-skin-4 {
  border-color: var(--color-skin-4, #d0d5dd);
}

.outline-skin-4 {
  outline-color: var(--color-skin-4, #d0d5dd);
}

.is-skin-5 {
  color: var(--color-skin-5-text, #ffffff);
  border-color: var(--color-skin-5, #98a2b3);
  outline-color: var(--color-skin-5, #98a2b3);
  background-color: var(--color-skin-5, #98a2b3);
}

.bg-skin-5 {
  background-color: var(--color-skin-5, #98a2b3);
}

.text-skin-5 {
  color: var(--color-skin-5, #98a2b3);
}

.border-skin-5 {
  border-color: var(--color-skin-5, #98a2b3);
}

.outline-skin-5 {
  outline-color: var(--color-skin-5, #98a2b3);
}

.is-skin-6 {
  color: var(--color-skin-6-text, #ffffff);
  border-color: var(--color-skin-6, #667085);
  outline-color: var(--color-skin-6, #667085);
  background-color: var(--color-skin-6, #667085);
}

.bg-skin-6 {
  background-color: var(--color-skin-6, #667085);
}

.text-skin-6 {
  color: var(--color-skin-6, #667085);
}

.border-skin-6 {
  border-color: var(--color-skin-6, #667085);
}

.outline-skin-6 {
  outline-color: var(--color-skin-6, #667085);
}

.is-skin-7 {
  color: var(--color-skin-7-text, #ffffff);
  border-color: var(--color-skin-7, #475467);
  outline-color: var(--color-skin-7, #475467);
  background-color: var(--color-skin-7, #475467);
}

.bg-skin-7 {
  background-color: var(--color-skin-7, #475467);
}

.text-skin-7 {
  color: var(--color-skin-7, #475467);
}

.border-skin-7 {
  border-color: var(--color-skin-7, #475467);
}

.outline-skin-7 {
  outline-color: var(--color-skin-7, #475467);
}

.is-skin-8 {
  color: var(--color-skin-8-text, #ffffff);
  border-color: var(--color-skin-8, #344054);
  outline-color: var(--color-skin-8, #344054);
  background-color: var(--color-skin-8, #344054);
}

.bg-skin-8 {
  background-color: var(--color-skin-8, #344054);
}

.text-skin-8 {
  color: var(--color-skin-8, #344054);
}

.border-skin-8 {
  border-color: var(--color-skin-8, #344054);
}

.outline-skin-8 {
  outline-color: var(--color-skin-8, #344054);
}

.is-skin-9 {
  color: var(--color-skin-9-text, #ffffff);
  border-color: var(--color-skin-9, #1d2939);
  outline-color: var(--color-skin-9, #1d2939);
  background-color: var(--color-skin-9, #1d2939);
}

.bg-skin-9 {
  background-color: var(--color-skin-9, #1d2939);
}

.text-skin-9 {
  color: var(--color-skin-9, #1d2939);
}

.border-skin-9 {
  border-color: var(--color-skin-9, #1d2939);
}

.outline-skin-9 {
  outline-color: var(--color-skin-9, #1d2939);
}

.is-skin-10 {
  color: var(--color-skin-10-text, #ffffff);
  border-color: var(--color-skin-10, #101828);
  outline-color: var(--color-skin-10, #101828);
  background-color: var(--color-skin-10, #101828);
}

.bg-skin-10 {
  background-color: var(--color-skin-10, #101828);
}

.text-skin-10 {
  color: var(--color-skin-10, #101828);
}

.border-skin-10 {
  border-color: var(--color-skin-10, #101828);
}

.outline-skin-10 {
  outline-color: var(--color-skin-10, #101828);
}

.text-10 {
  font-size: 10px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.pb-10 {
  padding-bottom: 10px !important;
}

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

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

.s-10 {
  width: 10px !important;
  height: 10px !important;
}

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

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

.a-10 {
  margin-left: auto;
  margin-right: auto;
  width: 10px;
  max-width: 10px;
}

.text-12 {
  font-size: 12px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.s-12 {
  width: 12px !important;
  height: 12px !important;
}

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

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

.a-12 {
  margin-left: auto;
  margin-right: auto;
  width: 12px;
  max-width: 12px;
}

.text-14 {
  font-size: 14px !important;
}

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

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

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

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

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

.mh-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.mv-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.p-14 {
  padding: 14px !important;
}

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

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

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

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

.ph-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.pv-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.s-14 {
  width: 14px !important;
  height: 14px !important;
}

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

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

.a-14 {
  margin-left: auto;
  margin-right: auto;
  width: 14px;
  max-width: 14px;
}

.text-16 {
  font-size: 16px !important;
}

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

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

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

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

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

.mh-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mv-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

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

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

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

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

.ph-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.pv-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.s-16 {
  width: 16px !important;
  height: 16px !important;
}

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

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

.a-16 {
  margin-left: auto;
  margin-right: auto;
  width: 16px;
  max-width: 16px;
}

.text-20 {
  font-size: 20px !important;
}

.m-20 {
  margin: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mh-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mv-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.ph-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pv-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.s-20 {
  width: 20px !important;
  height: 20px !important;
}

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

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

.a-20 {
  margin-left: auto;
  margin-right: auto;
  width: 20px;
  max-width: 20px;
}

.text-24 {
  font-size: 24px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.s-24 {
  width: 24px !important;
  height: 24px !important;
}

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

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

.a-24 {
  margin-left: auto;
  margin-right: auto;
  width: 24px;
  max-width: 24px;
}

.text-28 {
  font-size: 28px !important;
}

.m-28 {
  margin: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mh-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.mv-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.p-28 {
  padding: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.ph-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.pv-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.s-28 {
  width: 28px !important;
  height: 28px !important;
}

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

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

.a-28 {
  margin-left: auto;
  margin-right: auto;
  width: 28px;
  max-width: 28px;
}

.text-32 {
  font-size: 32px !important;
}

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

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

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

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

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

.mh-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.mv-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.p-32 {
  padding: 32px !important;
}

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

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

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

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

.ph-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pv-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.s-32 {
  width: 32px !important;
  height: 32px !important;
}

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

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

.a-32 {
  margin-left: auto;
  margin-right: auto;
  width: 32px;
  max-width: 32px;
}

.text-40 {
  font-size: 40px !important;
}

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

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

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

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

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

.mh-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mv-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

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

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

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

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

.ph-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pv-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.s-40 {
  width: 40px !important;
  height: 40px !important;
}

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

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

.a-40 {
  margin-left: auto;
  margin-right: auto;
  width: 40px;
  max-width: 40px;
}

.text-48 {
  font-size: 48px !important;
}

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

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

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

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

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

.mh-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.mv-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.p-48 {
  padding: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.ph-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.pv-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.s-48 {
  width: 48px !important;
  height: 48px !important;
}

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

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

.a-48 {
  margin-left: auto;
  margin-right: auto;
  width: 48px;
  max-width: 48px;
}

.text-50 {
  font-size: 50px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.pb-50 {
  padding-bottom: 50px !important;
}

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

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

.s-50 {
  width: 50px !important;
  height: 50px !important;
}

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

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

.a-50 {
  margin-left: auto;
  margin-right: auto;
  width: 50px;
  max-width: 50px;
}

.text-75 {
  font-size: 75px !important;
}

.m-75 {
  margin: 75px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mh-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.mv-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.p-75 {
  padding: 75px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.ph-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.pv-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.s-75 {
  width: 75px !important;
  height: 75px !important;
}

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

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

.a-75 {
  margin-left: auto;
  margin-right: auto;
  width: 75px;
  max-width: 75px;
}

.text-100 {
  font-size: 100px !important;
}

.m-100 {
  margin: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mh-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.mv-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.ph-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.pv-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.s-100 {
  width: 100px !important;
  height: 100px !important;
}

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

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

.a-100 {
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  max-width: 100px;
}

.text-150 {
  font-size: 150px !important;
}

.m-150 {
  margin: 150px !important;
}

.ml-150 {
  margin-left: 150px !important;
}

.mt-150 {
  margin-top: 150px !important;
}

.mr-150 {
  margin-right: 150px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.mh-150 {
  margin-left: 150px !important;
  margin-right: 150px !important;
}

.mv-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}

.p-150 {
  padding: 150px !important;
}

.pl-150 {
  padding-left: 150px !important;
}

.pt-150 {
  padding-top: 150px !important;
}

.pr-150 {
  padding-right: 150px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

.ph-150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}

.pv-150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.s-150 {
  width: 150px !important;
  height: 150px !important;
}

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

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

.a-150 {
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  max-width: 150px;
}

.text-200 {
  font-size: 200px !important;
}

.m-200 {
  margin: 200px !important;
}

.ml-200 {
  margin-left: 200px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mr-200 {
  margin-right: 200px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.mh-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}

.mv-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.p-200 {
  padding: 200px !important;
}

.pl-200 {
  padding-left: 200px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pr-200 {
  padding-right: 200px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.ph-200 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

.pv-200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.s-200 {
  width: 200px !important;
  height: 200px !important;
}

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

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

.a-200 {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  max-width: 200px;
}

.text-250 {
  font-size: 250px !important;
}

.m-250 {
  margin: 250px !important;
}

.ml-250 {
  margin-left: 250px !important;
}

.mt-250 {
  margin-top: 250px !important;
}

.mr-250 {
  margin-right: 250px !important;
}

.mb-250 {
  margin-bottom: 250px !important;
}

.mh-250 {
  margin-left: 250px !important;
  margin-right: 250px !important;
}

.mv-250 {
  margin-top: 250px !important;
  margin-bottom: 250px !important;
}

.p-250 {
  padding: 250px !important;
}

.pl-250 {
  padding-left: 250px !important;
}

.pt-250 {
  padding-top: 250px !important;
}

.pr-250 {
  padding-right: 250px !important;
}

.pb-250 {
  padding-bottom: 250px !important;
}

.ph-250 {
  padding-left: 250px !important;
  padding-right: 250px !important;
}

.pv-250 {
  padding-top: 250px !important;
  padding-bottom: 250px !important;
}

.s-250 {
  width: 250px !important;
  height: 250px !important;
}

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

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

.a-250 {
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  max-width: 250px;
}

.text-300 {
  font-size: 300px !important;
}

.m-300 {
  margin: 300px !important;
}

.ml-300 {
  margin-left: 300px !important;
}

.mt-300 {
  margin-top: 300px !important;
}

.mr-300 {
  margin-right: 300px !important;
}

.mb-300 {
  margin-bottom: 300px !important;
}

.mh-300 {
  margin-left: 300px !important;
  margin-right: 300px !important;
}

.mv-300 {
  margin-top: 300px !important;
  margin-bottom: 300px !important;
}

.p-300 {
  padding: 300px !important;
}

.pl-300 {
  padding-left: 300px !important;
}

.pt-300 {
  padding-top: 300px !important;
}

.pr-300 {
  padding-right: 300px !important;
}

.pb-300 {
  padding-bottom: 300px !important;
}

.ph-300 {
  padding-left: 300px !important;
  padding-right: 300px !important;
}

.pv-300 {
  padding-top: 300px !important;
  padding-bottom: 300px !important;
}

.s-300 {
  width: 300px !important;
  height: 300px !important;
}

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

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

.a-300 {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  max-width: 300px;
}

.text-350 {
  font-size: 350px !important;
}

.m-350 {
  margin: 350px !important;
}

.ml-350 {
  margin-left: 350px !important;
}

.mt-350 {
  margin-top: 350px !important;
}

.mr-350 {
  margin-right: 350px !important;
}

.mb-350 {
  margin-bottom: 350px !important;
}

.mh-350 {
  margin-left: 350px !important;
  margin-right: 350px !important;
}

.mv-350 {
  margin-top: 350px !important;
  margin-bottom: 350px !important;
}

.p-350 {
  padding: 350px !important;
}

.pl-350 {
  padding-left: 350px !important;
}

.pt-350 {
  padding-top: 350px !important;
}

.pr-350 {
  padding-right: 350px !important;
}

.pb-350 {
  padding-bottom: 350px !important;
}

.ph-350 {
  padding-left: 350px !important;
  padding-right: 350px !important;
}

.pv-350 {
  padding-top: 350px !important;
  padding-bottom: 350px !important;
}

.s-350 {
  width: 350px !important;
  height: 350px !important;
}

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

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

.a-350 {
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  max-width: 350px;
}

.text-400 {
  font-size: 400px !important;
}

.m-400 {
  margin: 400px !important;
}

.ml-400 {
  margin-left: 400px !important;
}

.mt-400 {
  margin-top: 400px !important;
}

.mr-400 {
  margin-right: 400px !important;
}

.mb-400 {
  margin-bottom: 400px !important;
}

.mh-400 {
  margin-left: 400px !important;
  margin-right: 400px !important;
}

.mv-400 {
  margin-top: 400px !important;
  margin-bottom: 400px !important;
}

.p-400 {
  padding: 400px !important;
}

.pl-400 {
  padding-left: 400px !important;
}

.pt-400 {
  padding-top: 400px !important;
}

.pr-400 {
  padding-right: 400px !important;
}

.pb-400 {
  padding-bottom: 400px !important;
}

.ph-400 {
  padding-left: 400px !important;
  padding-right: 400px !important;
}

.pv-400 {
  padding-top: 400px !important;
  padding-bottom: 400px !important;
}

.s-400 {
  width: 400px !important;
  height: 400px !important;
}

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

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

.a-400 {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  max-width: 400px;
}

.text-480 {
  font-size: 480px !important;
}

.m-480 {
  margin: 480px !important;
}

.ml-480 {
  margin-left: 480px !important;
}

.mt-480 {
  margin-top: 480px !important;
}

.mr-480 {
  margin-right: 480px !important;
}

.mb-480 {
  margin-bottom: 480px !important;
}

.mh-480 {
  margin-left: 480px !important;
  margin-right: 480px !important;
}

.mv-480 {
  margin-top: 480px !important;
  margin-bottom: 480px !important;
}

.p-480 {
  padding: 480px !important;
}

.pl-480 {
  padding-left: 480px !important;
}

.pt-480 {
  padding-top: 480px !important;
}

.pr-480 {
  padding-right: 480px !important;
}

.pb-480 {
  padding-bottom: 480px !important;
}

.ph-480 {
  padding-left: 480px !important;
  padding-right: 480px !important;
}

.pv-480 {
  padding-top: 480px !important;
  padding-bottom: 480px !important;
}

.s-480 {
  width: 480px !important;
  height: 480px !important;
}

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

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

.a-480 {
  margin-left: auto;
  margin-right: auto;
  width: 480px;
  max-width: 480px;
}

.text-560 {
  font-size: 560px !important;
}

.m-560 {
  margin: 560px !important;
}

.ml-560 {
  margin-left: 560px !important;
}

.mt-560 {
  margin-top: 560px !important;
}

.mr-560 {
  margin-right: 560px !important;
}

.mb-560 {
  margin-bottom: 560px !important;
}

.mh-560 {
  margin-left: 560px !important;
  margin-right: 560px !important;
}

.mv-560 {
  margin-top: 560px !important;
  margin-bottom: 560px !important;
}

.p-560 {
  padding: 560px !important;
}

.pl-560 {
  padding-left: 560px !important;
}

.pt-560 {
  padding-top: 560px !important;
}

.pr-560 {
  padding-right: 560px !important;
}

.pb-560 {
  padding-bottom: 560px !important;
}

.ph-560 {
  padding-left: 560px !important;
  padding-right: 560px !important;
}

.pv-560 {
  padding-top: 560px !important;
  padding-bottom: 560px !important;
}

.s-560 {
  width: 560px !important;
  height: 560px !important;
}

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

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

.a-560 {
  margin-left: auto;
  margin-right: auto;
  width: 560px;
  max-width: 560px;
}

.text-640 {
  font-size: 640px !important;
}

.m-640 {
  margin: 640px !important;
}

.ml-640 {
  margin-left: 640px !important;
}

.mt-640 {
  margin-top: 640px !important;
}

.mr-640 {
  margin-right: 640px !important;
}

.mb-640 {
  margin-bottom: 640px !important;
}

.mh-640 {
  margin-left: 640px !important;
  margin-right: 640px !important;
}

.mv-640 {
  margin-top: 640px !important;
  margin-bottom: 640px !important;
}

.p-640 {
  padding: 640px !important;
}

.pl-640 {
  padding-left: 640px !important;
}

.pt-640 {
  padding-top: 640px !important;
}

.pr-640 {
  padding-right: 640px !important;
}

.pb-640 {
  padding-bottom: 640px !important;
}

.ph-640 {
  padding-left: 640px !important;
  padding-right: 640px !important;
}

.pv-640 {
  padding-top: 640px !important;
  padding-bottom: 640px !important;
}

.s-640 {
  width: 640px !important;
  height: 640px !important;
}

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

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

.a-640 {
  margin-left: auto;
  margin-right: auto;
  width: 640px;
  max-width: 640px;
}

.text-720 {
  font-size: 720px !important;
}

.m-720 {
  margin: 720px !important;
}

.ml-720 {
  margin-left: 720px !important;
}

.mt-720 {
  margin-top: 720px !important;
}

.mr-720 {
  margin-right: 720px !important;
}

.mb-720 {
  margin-bottom: 720px !important;
}

.mh-720 {
  margin-left: 720px !important;
  margin-right: 720px !important;
}

.mv-720 {
  margin-top: 720px !important;
  margin-bottom: 720px !important;
}

.p-720 {
  padding: 720px !important;
}

.pl-720 {
  padding-left: 720px !important;
}

.pt-720 {
  padding-top: 720px !important;
}

.pr-720 {
  padding-right: 720px !important;
}

.pb-720 {
  padding-bottom: 720px !important;
}

.ph-720 {
  padding-left: 720px !important;
  padding-right: 720px !important;
}

.pv-720 {
  padding-top: 720px !important;
  padding-bottom: 720px !important;
}

.s-720 {
  width: 720px !important;
  height: 720px !important;
}

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

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

.a-720 {
  margin-left: auto;
  margin-right: auto;
  width: 720px;
  max-width: 720px;
}

.text-800 {
  font-size: 800px !important;
}

.m-800 {
  margin: 800px !important;
}

.ml-800 {
  margin-left: 800px !important;
}

.mt-800 {
  margin-top: 800px !important;
}

.mr-800 {
  margin-right: 800px !important;
}

.mb-800 {
  margin-bottom: 800px !important;
}

.mh-800 {
  margin-left: 800px !important;
  margin-right: 800px !important;
}

.mv-800 {
  margin-top: 800px !important;
  margin-bottom: 800px !important;
}

.p-800 {
  padding: 800px !important;
}

.pl-800 {
  padding-left: 800px !important;
}

.pt-800 {
  padding-top: 800px !important;
}

.pr-800 {
  padding-right: 800px !important;
}

.pb-800 {
  padding-bottom: 800px !important;
}

.ph-800 {
  padding-left: 800px !important;
  padding-right: 800px !important;
}

.pv-800 {
  padding-top: 800px !important;
  padding-bottom: 800px !important;
}

.s-800 {
  width: 800px !important;
  height: 800px !important;
}

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

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

.a-800 {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  max-width: 800px;
}

.text-880 {
  font-size: 880px !important;
}

.m-880 {
  margin: 880px !important;
}

.ml-880 {
  margin-left: 880px !important;
}

.mt-880 {
  margin-top: 880px !important;
}

.mr-880 {
  margin-right: 880px !important;
}

.mb-880 {
  margin-bottom: 880px !important;
}

.mh-880 {
  margin-left: 880px !important;
  margin-right: 880px !important;
}

.mv-880 {
  margin-top: 880px !important;
  margin-bottom: 880px !important;
}

.p-880 {
  padding: 880px !important;
}

.pl-880 {
  padding-left: 880px !important;
}

.pt-880 {
  padding-top: 880px !important;
}

.pr-880 {
  padding-right: 880px !important;
}

.pb-880 {
  padding-bottom: 880px !important;
}

.ph-880 {
  padding-left: 880px !important;
  padding-right: 880px !important;
}

.pv-880 {
  padding-top: 880px !important;
  padding-bottom: 880px !important;
}

.s-880 {
  width: 880px !important;
  height: 880px !important;
}

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

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

.a-880 {
  margin-left: auto;
  margin-right: auto;
  width: 880px;
  max-width: 880px;
}

.text-960 {
  font-size: 960px !important;
}

.m-960 {
  margin: 960px !important;
}

.ml-960 {
  margin-left: 960px !important;
}

.mt-960 {
  margin-top: 960px !important;
}

.mr-960 {
  margin-right: 960px !important;
}

.mb-960 {
  margin-bottom: 960px !important;
}

.mh-960 {
  margin-left: 960px !important;
  margin-right: 960px !important;
}

.mv-960 {
  margin-top: 960px !important;
  margin-bottom: 960px !important;
}

.p-960 {
  padding: 960px !important;
}

.pl-960 {
  padding-left: 960px !important;
}

.pt-960 {
  padding-top: 960px !important;
}

.pr-960 {
  padding-right: 960px !important;
}

.pb-960 {
  padding-bottom: 960px !important;
}

.ph-960 {
  padding-left: 960px !important;
  padding-right: 960px !important;
}

.pv-960 {
  padding-top: 960px !important;
  padding-bottom: 960px !important;
}

.s-960 {
  width: 960px !important;
  height: 960px !important;
}

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

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

.a-960 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  max-width: 960px;
}

.text-1040 {
  font-size: 1040px !important;
}

.m-1040 {
  margin: 1040px !important;
}

.ml-1040 {
  margin-left: 1040px !important;
}

.mt-1040 {
  margin-top: 1040px !important;
}

.mr-1040 {
  margin-right: 1040px !important;
}

.mb-1040 {
  margin-bottom: 1040px !important;
}

.mh-1040 {
  margin-left: 1040px !important;
  margin-right: 1040px !important;
}

.mv-1040 {
  margin-top: 1040px !important;
  margin-bottom: 1040px !important;
}

.p-1040 {
  padding: 1040px !important;
}

.pl-1040 {
  padding-left: 1040px !important;
}

.pt-1040 {
  padding-top: 1040px !important;
}

.pr-1040 {
  padding-right: 1040px !important;
}

.pb-1040 {
  padding-bottom: 1040px !important;
}

.ph-1040 {
  padding-left: 1040px !important;
  padding-right: 1040px !important;
}

.pv-1040 {
  padding-top: 1040px !important;
  padding-bottom: 1040px !important;
}

.s-1040 {
  width: 1040px !important;
  height: 1040px !important;
}

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

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

.a-1040 {
  margin-left: auto;
  margin-right: auto;
  width: 1040px;
  max-width: 1040px;
}

.text-1120 {
  font-size: 1120px !important;
}

.m-1120 {
  margin: 1120px !important;
}

.ml-1120 {
  margin-left: 1120px !important;
}

.mt-1120 {
  margin-top: 1120px !important;
}

.mr-1120 {
  margin-right: 1120px !important;
}

.mb-1120 {
  margin-bottom: 1120px !important;
}

.mh-1120 {
  margin-left: 1120px !important;
  margin-right: 1120px !important;
}

.mv-1120 {
  margin-top: 1120px !important;
  margin-bottom: 1120px !important;
}

.p-1120 {
  padding: 1120px !important;
}

.pl-1120 {
  padding-left: 1120px !important;
}

.pt-1120 {
  padding-top: 1120px !important;
}

.pr-1120 {
  padding-right: 1120px !important;
}

.pb-1120 {
  padding-bottom: 1120px !important;
}

.ph-1120 {
  padding-left: 1120px !important;
  padding-right: 1120px !important;
}

.pv-1120 {
  padding-top: 1120px !important;
  padding-bottom: 1120px !important;
}

.s-1120 {
  width: 1120px !important;
  height: 1120px !important;
}

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

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

.a-1120 {
  margin-left: auto;
  margin-right: auto;
  width: 1120px;
  max-width: 1120px;
}

.text-1200 {
  font-size: 1200px !important;
}

.m-1200 {
  margin: 1200px !important;
}

.ml-1200 {
  margin-left: 1200px !important;
}

.mt-1200 {
  margin-top: 1200px !important;
}

.mr-1200 {
  margin-right: 1200px !important;
}

.mb-1200 {
  margin-bottom: 1200px !important;
}

.mh-1200 {
  margin-left: 1200px !important;
  margin-right: 1200px !important;
}

.mv-1200 {
  margin-top: 1200px !important;
  margin-bottom: 1200px !important;
}

.p-1200 {
  padding: 1200px !important;
}

.pl-1200 {
  padding-left: 1200px !important;
}

.pt-1200 {
  padding-top: 1200px !important;
}

.pr-1200 {
  padding-right: 1200px !important;
}

.pb-1200 {
  padding-bottom: 1200px !important;
}

.ph-1200 {
  padding-left: 1200px !important;
  padding-right: 1200px !important;
}

.pv-1200 {
  padding-top: 1200px !important;
  padding-bottom: 1200px !important;
}

.s-1200 {
  width: 1200px !important;
  height: 1200px !important;
}

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

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

.a-1200 {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  max-width: 1200px;
}

.text-1280 {
  font-size: 1280px !important;
}

.m-1280 {
  margin: 1280px !important;
}

.ml-1280 {
  margin-left: 1280px !important;
}

.mt-1280 {
  margin-top: 1280px !important;
}

.mr-1280 {
  margin-right: 1280px !important;
}

.mb-1280 {
  margin-bottom: 1280px !important;
}

.mh-1280 {
  margin-left: 1280px !important;
  margin-right: 1280px !important;
}

.mv-1280 {
  margin-top: 1280px !important;
  margin-bottom: 1280px !important;
}

.p-1280 {
  padding: 1280px !important;
}

.pl-1280 {
  padding-left: 1280px !important;
}

.pt-1280 {
  padding-top: 1280px !important;
}

.pr-1280 {
  padding-right: 1280px !important;
}

.pb-1280 {
  padding-bottom: 1280px !important;
}

.ph-1280 {
  padding-left: 1280px !important;
  padding-right: 1280px !important;
}

.pv-1280 {
  padding-top: 1280px !important;
  padding-bottom: 1280px !important;
}

.s-1280 {
  width: 1280px !important;
  height: 1280px !important;
}

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

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

.a-1280 {
  margin-left: auto;
  margin-right: auto;
  width: 1280px;
  max-width: 1280px;
}

@media (max-width: 991.98px) {
  .px-0-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .h-full-sm {
    height: 100vh !important;
  }
  .align-left-sm {
    text-align: left;
  }
  .align-right-sm {
    text-align: right;
  }
  .align-center-sm {
    text-align: center;
  }
  .vertical-top-sm,
  .vertical-start-sm {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .vertical-middle-sm,
  .vertical-center-sm {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .vertical-bottom-sm,
  .vertical-end-sm {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .is-red {
    color: var(--color-red-text, #ffffff);
    border-color: var(--color-red, #dc3545);
    outline-color: var(--color-red, #dc3545);
    background-color: var(--color-red, #dc3545);
  }
  .bg-red {
    background-color: var(--color-red, #dc3545);
  }
  .text-red {
    color: var(--color-red, #dc3545);
  }
  .border-red {
    border-color: var(--color-red, #dc3545);
  }
  .outline-red {
    outline-color: var(--color-red, #dc3545);
  }
  .is-blue {
    color: var(--color-blue-text, #ffffff);
    border-color: var(--color-blue, #0d6efd);
    outline-color: var(--color-blue, #0d6efd);
    background-color: var(--color-blue, #0d6efd);
  }
  .bg-blue {
    background-color: var(--color-blue, #0d6efd);
  }
  .text-blue {
    color: var(--color-blue, #0d6efd);
  }
  .border-blue {
    border-color: var(--color-blue, #0d6efd);
  }
  .outline-blue {
    outline-color: var(--color-blue, #0d6efd);
  }
  .is-pink {
    color: var(--color-pink-text, #ffffff);
    border-color: var(--color-pink, #d63384);
    outline-color: var(--color-pink, #d63384);
    background-color: var(--color-pink, #d63384);
  }
  .bg-pink {
    background-color: var(--color-pink, #d63384);
  }
  .text-pink {
    color: var(--color-pink, #d63384);
  }
  .border-pink {
    border-color: var(--color-pink, #d63384);
  }
  .outline-pink {
    outline-color: var(--color-pink, #d63384);
  }
  .is-teal {
    color: var(--color-teal-text, #ffffff);
    border-color: var(--color-teal, #20c997);
    outline-color: var(--color-teal, #20c997);
    background-color: var(--color-teal, #20c997);
  }
  .bg-teal {
    background-color: var(--color-teal, #20c997);
  }
  .text-teal {
    color: var(--color-teal, #20c997);
  }
  .border-teal {
    border-color: var(--color-teal, #20c997);
  }
  .outline-teal {
    outline-color: var(--color-teal, #20c997);
  }
  .is-cyan {
    color: var(--color-cyan-text, #000000);
    border-color: var(--color-cyan, #0dcaf0);
    outline-color: var(--color-cyan, #0dcaf0);
    background-color: var(--color-cyan, #0dcaf0);
  }
  .bg-cyan {
    background-color: var(--color-cyan, #0dcaf0);
  }
  .text-cyan {
    color: var(--color-cyan, #0dcaf0);
  }
  .border-cyan {
    border-color: var(--color-cyan, #0dcaf0);
  }
  .outline-cyan {
    outline-color: var(--color-cyan, #0dcaf0);
  }
  .is-white {
    color: var(--color-white-text, #000000);
    border-color: var(--color-white, #ffffff);
    outline-color: var(--color-white, #ffffff);
    background-color: var(--color-white, #ffffff);
  }
  .bg-white {
    background-color: var(--color-white, #ffffff);
  }
  .text-white {
    color: var(--color-white, #ffffff);
  }
  .border-white {
    border-color: var(--color-white, #ffffff);
  }
  .outline-white {
    outline-color: var(--color-white, #ffffff);
  }
  .is-black {
    color: var(--color-black-text, #ffffff);
    border-color: var(--color-black, #000000);
    outline-color: var(--color-black, #000000);
    background-color: var(--color-black, #000000);
  }
  .bg-black {
    background-color: var(--color-black, #000000);
  }
  .text-black {
    color: var(--color-black, #000000);
  }
  .border-black {
    border-color: var(--color-black, #000000);
  }
  .outline-black {
    outline-color: var(--color-black, #000000);
  }
  .is-green {
    color: var(--color-green-text, #ffffff);
    border-color: var(--color-green, #198754);
    outline-color: var(--color-green, #198754);
    background-color: var(--color-green, #198754);
  }
  .bg-green {
    background-color: var(--color-green, #198754);
  }
  .text-green {
    color: var(--color-green, #198754);
  }
  .border-green {
    border-color: var(--color-green, #198754);
  }
  .outline-green {
    outline-color: var(--color-green, #198754);
  }
  .is-indigo {
    color: var(--color-indigo-text, #ffffff);
    border-color: var(--color-indigo, #6610f2);
    outline-color: var(--color-indigo, #6610f2);
    background-color: var(--color-indigo, #6610f2);
  }
  .bg-indigo {
    background-color: var(--color-indigo, #6610f2);
  }
  .text-indigo {
    color: var(--color-indigo, #6610f2);
  }
  .border-indigo {
    border-color: var(--color-indigo, #6610f2);
  }
  .outline-indigo {
    outline-color: var(--color-indigo, #6610f2);
  }
  .is-purple {
    color: var(--color-purple-text, #ffffff);
    border-color: var(--color-purple, #6f42c1);
    outline-color: var(--color-purple, #6f42c1);
    background-color: var(--color-purple, #6f42c1);
  }
  .bg-purple {
    background-color: var(--color-purple, #6f42c1);
  }
  .text-purple {
    color: var(--color-purple, #6f42c1);
  }
  .border-purple {
    border-color: var(--color-purple, #6f42c1);
  }
  .outline-purple {
    outline-color: var(--color-purple, #6f42c1);
  }
  .is-orange {
    color: var(--color-orange-text, #000000);
    border-color: var(--color-orange, #fd7e14);
    outline-color: var(--color-orange, #fd7e14);
    background-color: var(--color-orange, #fd7e14);
  }
  .bg-orange {
    background-color: var(--color-orange, #fd7e14);
  }
  .text-orange {
    color: var(--color-orange, #fd7e14);
  }
  .border-orange {
    border-color: var(--color-orange, #fd7e14);
  }
  .outline-orange {
    outline-color: var(--color-orange, #fd7e14);
  }
  .is-yellow {
    color: var(--color-yellow-text, #000000);
    border-color: var(--color-yellow, #ffc107);
    outline-color: var(--color-yellow, #ffc107);
    background-color: var(--color-yellow, #ffc107);
  }
  .bg-yellow {
    background-color: var(--color-yellow, #ffc107);
  }
  .text-yellow {
    color: var(--color-yellow, #ffc107);
  }
  .border-yellow {
    border-color: var(--color-yellow, #ffc107);
  }
  .outline-yellow {
    outline-color: var(--color-yellow, #ffc107);
  }
  .is-primary {
    color: var(--color-primary-text, #000000);
    border-color: var(--color-primary, #ddf472);
    outline-color: var(--color-primary, #ddf472);
    background-color: var(--color-primary, #ddf472);
  }
  .bg-primary {
    background-color: var(--color-primary, #ddf472);
  }
  .text-primary {
    color: var(--color-primary, #ddf472);
  }
  .border-primary {
    border-color: var(--color-primary, #ddf472);
  }
  .outline-primary {
    outline-color: var(--color-primary, #ddf472);
  }
  .is-secondary {
    color: var(--color-secondary-text, #000000);
    border-color: var(--color-secondary, #bbd4d4);
    outline-color: var(--color-secondary, #bbd4d4);
    background-color: var(--color-secondary, #bbd4d4);
  }
  .bg-secondary {
    background-color: var(--color-secondary, #bbd4d4);
  }
  .text-secondary {
    color: var(--color-secondary, #bbd4d4);
  }
  .border-secondary {
    border-color: var(--color-secondary, #bbd4d4);
  }
  .outline-secondary {
    outline-color: var(--color-secondary, #bbd4d4);
  }
  .is-tertiary {
    color: var(--color-tertiary-text, #ffffff);
    border-color: var(--color-tertiary, #4d4d4d);
    outline-color: var(--color-tertiary, #4d4d4d);
    background-color: var(--color-tertiary, #4d4d4d);
  }
  .bg-tertiary {
    background-color: var(--color-tertiary, #4d4d4d);
  }
  .text-tertiary {
    color: var(--color-tertiary, #4d4d4d);
  }
  .border-tertiary {
    border-color: var(--color-tertiary, #4d4d4d);
  }
  .outline-tertiary {
    outline-color: var(--color-tertiary, #4d4d4d);
  }
  .is-success {
    color: var(--color-success-text, #ffffff);
    border-color: var(--color-success, #53d258);
    outline-color: var(--color-success, #53d258);
    background-color: var(--color-success, #53d258);
  }
  .bg-success {
    background-color: var(--color-success, #53d258);
  }
  .text-success {
    color: var(--color-success, #53d258);
  }
  .border-success {
    border-color: var(--color-success, #53d258);
  }
  .outline-success {
    outline-color: var(--color-success, #53d258);
  }
  .is-warning {
    color: var(--color-warning-text, #000000);
    border-color: var(--color-warning, #e4c65b);
    outline-color: var(--color-warning, #e4c65b);
    background-color: var(--color-warning, #e4c65b);
  }
  .bg-warning {
    background-color: var(--color-warning, #e4c65b);
  }
  .text-warning {
    color: var(--color-warning, #e4c65b);
  }
  .border-warning {
    border-color: var(--color-warning, #e4c65b);
  }
  .outline-warning {
    outline-color: var(--color-warning, #e4c65b);
  }
  .is-danger {
    color: var(--color-danger-text, #ffffff);
    border-color: var(--color-danger, #e25c5c);
    outline-color: var(--color-danger, #e25c5c);
    background-color: var(--color-danger, #e25c5c);
  }
  .bg-danger {
    background-color: var(--color-danger, #e25c5c);
  }
  .text-danger {
    color: var(--color-danger, #e25c5c);
  }
  .border-danger {
    border-color: var(--color-danger, #e25c5c);
  }
  .outline-danger {
    outline-color: var(--color-danger, #e25c5c);
  }
  .is-info {
    color: var(--color-info-text, #ffffff);
    border-color: var(--color-info, #2685ca);
    outline-color: var(--color-info, #2685ca);
    background-color: var(--color-info, #2685ca);
  }
  .bg-info {
    background-color: var(--color-info, #2685ca);
  }
  .text-info {
    color: var(--color-info, #2685ca);
  }
  .border-info {
    border-color: var(--color-info, #2685ca);
  }
  .outline-info {
    outline-color: var(--color-info, #2685ca);
  }
  .is-tint {
    color: var(--color-tint-text, #000000);
    border-color: var(--color-tint, #f7f7f7);
    outline-color: var(--color-tint, #f7f7f7);
    background-color: var(--color-tint, #f7f7f7);
  }
  .bg-tint {
    background-color: var(--color-tint, #f7f7f7);
  }
  .text-tint {
    color: var(--color-tint, #f7f7f7);
  }
  .border-tint {
    border-color: var(--color-tint, #f7f7f7);
  }
  .outline-tint {
    outline-color: var(--color-tint, #f7f7f7);
  }
  .is-gray {
    color: var(--color-gray-text, #000000);
    border-color: var(--color-gray, #eaeaea);
    outline-color: var(--color-gray, #eaeaea);
    background-color: var(--color-gray, #eaeaea);
  }
  .bg-gray {
    background-color: var(--color-gray, #eaeaea);
  }
  .text-gray {
    color: var(--color-gray, #eaeaea);
  }
  .border-gray {
    border-color: var(--color-gray, #eaeaea);
  }
  .outline-gray {
    outline-color: var(--color-gray, #eaeaea);
  }
  .is-soft {
    color: var(--color-soft-text, #000000);
    border-color: var(--color-soft, #dee8e8);
    outline-color: var(--color-soft, #dee8e8);
    background-color: var(--color-soft, #dee8e8);
  }
  .bg-soft {
    background-color: var(--color-soft, #dee8e8);
  }
  .text-soft {
    color: var(--color-soft, #dee8e8);
  }
  .border-soft {
    border-color: var(--color-soft, #dee8e8);
  }
  .outline-soft {
    outline-color: var(--color-soft, #dee8e8);
  }
  .is-warm {
    color: var(--color-warm-text, #000000);
    border-color: var(--color-warm, #eaeaea);
    outline-color: var(--color-warm, #eaeaea);
    background-color: var(--color-warm, #eaeaea);
  }
  .bg-warm {
    background-color: var(--color-warm, #eaeaea);
  }
  .text-warm {
    color: var(--color-warm, #eaeaea);
  }
  .border-warm {
    border-color: var(--color-warm, #eaeaea);
  }
  .outline-warm {
    outline-color: var(--color-warm, #eaeaea);
  }
  .is-rich {
    color: var(--color-rich-text, #ffffff);
    border-color: var(--color-rich, #5bbb7b);
    outline-color: var(--color-rich, #5bbb7b);
    background-color: var(--color-rich, #5bbb7b);
  }
  .bg-rich {
    background-color: var(--color-rich, #5bbb7b);
  }
  .text-rich {
    color: var(--color-rich, #5bbb7b);
  }
  .border-rich {
    border-color: var(--color-rich, #5bbb7b);
  }
  .outline-rich {
    outline-color: var(--color-rich, #5bbb7b);
  }
  .is-deep {
    color: var(--color-deep-text, #ffffff);
    border-color: var(--color-deep, #5bbb7b);
    outline-color: var(--color-deep, #5bbb7b);
    background-color: var(--color-deep, #5bbb7b);
  }
  .bg-deep {
    background-color: var(--color-deep, #5bbb7b);
  }
  .text-deep {
    color: var(--color-deep, #5bbb7b);
  }
  .border-deep {
    border-color: var(--color-deep, #5bbb7b);
  }
  .outline-deep {
    outline-color: var(--color-deep, #5bbb7b);
  }
  .is-dark {
    color: var(--color-dark-text, #ffffff);
    border-color: var(--color-dark, #272727);
    outline-color: var(--color-dark, #272727);
    background-color: var(--color-dark, #272727);
  }
  .bg-dark {
    background-color: var(--color-dark, #272727);
  }
  .text-dark {
    color: var(--color-dark, #272727);
  }
  .border-dark {
    border-color: var(--color-dark, #272727);
  }
  .outline-dark {
    outline-color: var(--color-dark, #272727);
  }
  .is-tone-1 {
    color: var(--color-tone-1-text, #ffffff);
    border-color: var(--color-tone-1, #006d77);
    outline-color: var(--color-tone-1, #006d77);
    background-color: var(--color-tone-1, #006d77);
  }
  .bg-tone-1 {
    background-color: var(--color-tone-1, #006d77);
  }
  .text-tone-1 {
    color: var(--color-tone-1, #006d77);
  }
  .border-tone-1 {
    border-color: var(--color-tone-1, #006d77);
  }
  .outline-tone-1 {
    outline-color: var(--color-tone-1, #006d77);
  }
  .is-tone-2 {
    color: var(--color-tone-2-text, #000000);
    border-color: var(--color-tone-2, #83c5be);
    outline-color: var(--color-tone-2, #83c5be);
    background-color: var(--color-tone-2, #83c5be);
  }
  .bg-tone-2 {
    background-color: var(--color-tone-2, #83c5be);
  }
  .text-tone-2 {
    color: var(--color-tone-2, #83c5be);
  }
  .border-tone-2 {
    border-color: var(--color-tone-2, #83c5be);
  }
  .outline-tone-2 {
    outline-color: var(--color-tone-2, #83c5be);
  }
  .is-tone-3 {
    color: var(--color-tone-3-text, #000000);
    border-color: var(--color-tone-3, #afeae4);
    outline-color: var(--color-tone-3, #afeae4);
    background-color: var(--color-tone-3, #afeae4);
  }
  .bg-tone-3 {
    background-color: var(--color-tone-3, #afeae4);
  }
  .text-tone-3 {
    color: var(--color-tone-3, #afeae4);
  }
  .border-tone-3 {
    border-color: var(--color-tone-3, #afeae4);
  }
  .outline-tone-3 {
    outline-color: var(--color-tone-3, #afeae4);
  }
  .is-tone-4 {
    color: var(--color-tone-4-text, #000000);
    border-color: var(--color-tone-4, #faede3);
    outline-color: var(--color-tone-4, #faede3);
    background-color: var(--color-tone-4, #faede3);
  }
  .bg-tone-4 {
    background-color: var(--color-tone-4, #faede3);
  }
  .text-tone-4 {
    color: var(--color-tone-4, #faede3);
  }
  .border-tone-4 {
    border-color: var(--color-tone-4, #faede3);
  }
  .outline-tone-4 {
    outline-color: var(--color-tone-4, #faede3);
  }
  .is-tone-5 {
    color: var(--color-tone-5-text, #000000);
    border-color: var(--color-tone-5, #ffddd2);
    outline-color: var(--color-tone-5, #ffddd2);
    background-color: var(--color-tone-5, #ffddd2);
  }
  .bg-tone-5 {
    background-color: var(--color-tone-5, #ffddd2);
  }
  .text-tone-5 {
    color: var(--color-tone-5, #ffddd2);
  }
  .border-tone-5 {
    border-color: var(--color-tone-5, #ffddd2);
  }
  .outline-tone-5 {
    outline-color: var(--color-tone-5, #ffddd2);
  }
  .is-tone-6 {
    color: var(--color-tone-6-text, #ffffff);
    border-color: var(--color-tone-6, #e29578);
    outline-color: var(--color-tone-6, #e29578);
    background-color: var(--color-tone-6, #e29578);
  }
  .bg-tone-6 {
    background-color: var(--color-tone-6, #e29578);
  }
  .text-tone-6 {
    color: var(--color-tone-6, #e29578);
  }
  .border-tone-6 {
    border-color: var(--color-tone-6, #e29578);
  }
  .outline-tone-6 {
    outline-color: var(--color-tone-6, #e29578);
  }
  .is-tone-7 {
    color: var(--color-tone-7-text, #000000);
    border-color: var(--color-tone-7, #ffd166);
    outline-color: var(--color-tone-7, #ffd166);
    background-color: var(--color-tone-7, #ffd166);
  }
  .bg-tone-7 {
    background-color: var(--color-tone-7, #ffd166);
  }
  .text-tone-7 {
    color: var(--color-tone-7, #ffd166);
  }
  .border-tone-7 {
    border-color: var(--color-tone-7, #ffd166);
  }
  .outline-tone-7 {
    outline-color: var(--color-tone-7, #ffd166);
  }
  .is-gray-05 {
    color: var(--color-gray-05-text, #000000);
    border-color: var(--color-gray-05, #f9fafb);
    outline-color: var(--color-gray-05, #f9fafb);
    background-color: var(--color-gray-05, #f9fafb);
  }
  .bg-gray-05 {
    background-color: var(--color-gray-05, #f9fafb);
  }
  .text-gray-05 {
    color: var(--color-gray-05, #f9fafb);
  }
  .border-gray-05 {
    border-color: var(--color-gray-05, #f9fafb);
  }
  .outline-gray-05 {
    outline-color: var(--color-gray-05, #f9fafb);
  }
  .is-gray-10 {
    color: var(--color-gray-10-text, #000000);
    border-color: var(--color-gray-10, #f2f4f7);
    outline-color: var(--color-gray-10, #f2f4f7);
    background-color: var(--color-gray-10, #f2f4f7);
  }
  .bg-gray-10 {
    background-color: var(--color-gray-10, #f2f4f7);
  }
  .text-gray-10 {
    color: var(--color-gray-10, #f2f4f7);
  }
  .border-gray-10 {
    border-color: var(--color-gray-10, #f2f4f7);
  }
  .outline-gray-10 {
    outline-color: var(--color-gray-10, #f2f4f7);
  }
  .is-gray-20 {
    color: var(--color-gray-20-text, #000000);
    border-color: var(--color-gray-20, #e4e7ec);
    outline-color: var(--color-gray-20, #e4e7ec);
    background-color: var(--color-gray-20, #e4e7ec);
  }
  .bg-gray-20 {
    background-color: var(--color-gray-20, #e4e7ec);
  }
  .text-gray-20 {
    color: var(--color-gray-20, #e4e7ec);
  }
  .border-gray-20 {
    border-color: var(--color-gray-20, #e4e7ec);
  }
  .outline-gray-20 {
    outline-color: var(--color-gray-20, #e4e7ec);
  }
  .is-gray-30 {
    color: var(--color-gray-30-text, #000000);
    border-color: var(--color-gray-30, #d0d5dd);
    outline-color: var(--color-gray-30, #d0d5dd);
    background-color: var(--color-gray-30, #d0d5dd);
  }
  .bg-gray-30 {
    background-color: var(--color-gray-30, #d0d5dd);
  }
  .text-gray-30 {
    color: var(--color-gray-30, #d0d5dd);
  }
  .border-gray-30 {
    border-color: var(--color-gray-30, #d0d5dd);
  }
  .outline-gray-30 {
    outline-color: var(--color-gray-30, #d0d5dd);
  }
  .is-gray-40 {
    color: var(--color-gray-40-text, #ffffff);
    border-color: var(--color-gray-40, #98a2b3);
    outline-color: var(--color-gray-40, #98a2b3);
    background-color: var(--color-gray-40, #98a2b3);
  }
  .bg-gray-40 {
    background-color: var(--color-gray-40, #98a2b3);
  }
  .text-gray-40 {
    color: var(--color-gray-40, #98a2b3);
  }
  .border-gray-40 {
    border-color: var(--color-gray-40, #98a2b3);
  }
  .outline-gray-40 {
    outline-color: var(--color-gray-40, #98a2b3);
  }
  .is-gray-50 {
    color: var(--color-gray-50-text, #ffffff);
    border-color: var(--color-gray-50, #667085);
    outline-color: var(--color-gray-50, #667085);
    background-color: var(--color-gray-50, #667085);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50, #667085);
  }
  .text-gray-50 {
    color: var(--color-gray-50, #667085);
  }
  .border-gray-50 {
    border-color: var(--color-gray-50, #667085);
  }
  .outline-gray-50 {
    outline-color: var(--color-gray-50, #667085);
  }
  .is-gray-60 {
    color: var(--color-gray-60-text, #ffffff);
    border-color: var(--color-gray-60, #475467);
    outline-color: var(--color-gray-60, #475467);
    background-color: var(--color-gray-60, #475467);
  }
  .bg-gray-60 {
    background-color: var(--color-gray-60, #475467);
  }
  .text-gray-60 {
    color: var(--color-gray-60, #475467);
  }
  .border-gray-60 {
    border-color: var(--color-gray-60, #475467);
  }
  .outline-gray-60 {
    outline-color: var(--color-gray-60, #475467);
  }
  .is-gray-70 {
    color: var(--color-gray-70-text, #ffffff);
    border-color: var(--color-gray-70, #344054);
    outline-color: var(--color-gray-70, #344054);
    background-color: var(--color-gray-70, #344054);
  }
  .bg-gray-70 {
    background-color: var(--color-gray-70, #344054);
  }
  .text-gray-70 {
    color: var(--color-gray-70, #344054);
  }
  .border-gray-70 {
    border-color: var(--color-gray-70, #344054);
  }
  .outline-gray-70 {
    outline-color: var(--color-gray-70, #344054);
  }
  .is-gray-80 {
    color: var(--color-gray-80-text, #ffffff);
    border-color: var(--color-gray-80, #1d2939);
    outline-color: var(--color-gray-80, #1d2939);
    background-color: var(--color-gray-80, #1d2939);
  }
  .bg-gray-80 {
    background-color: var(--color-gray-80, #1d2939);
  }
  .text-gray-80 {
    color: var(--color-gray-80, #1d2939);
  }
  .border-gray-80 {
    border-color: var(--color-gray-80, #1d2939);
  }
  .outline-gray-80 {
    outline-color: var(--color-gray-80, #1d2939);
  }
  .is-gray-90 {
    color: var(--color-gray-90-text, #ffffff);
    border-color: var(--color-gray-90, #101828);
    outline-color: var(--color-gray-90, #101828);
    background-color: var(--color-gray-90, #101828);
  }
  .bg-gray-90 {
    background-color: var(--color-gray-90, #101828);
  }
  .text-gray-90 {
    color: var(--color-gray-90, #101828);
  }
  .border-gray-90 {
    border-color: var(--color-gray-90, #101828);
  }
  .outline-gray-90 {
    outline-color: var(--color-gray-90, #101828);
  }
  .is-skin-1 {
    color: var(--color-skin-1-text, #000000);
    border-color: var(--color-skin-1, #f9fafb);
    outline-color: var(--color-skin-1, #f9fafb);
    background-color: var(--color-skin-1, #f9fafb);
  }
  .bg-skin-1 {
    background-color: var(--color-skin-1, #f9fafb);
  }
  .text-skin-1 {
    color: var(--color-skin-1, #f9fafb);
  }
  .border-skin-1 {
    border-color: var(--color-skin-1, #f9fafb);
  }
  .outline-skin-1 {
    outline-color: var(--color-skin-1, #f9fafb);
  }
  .is-skin-2 {
    color: var(--color-skin-2-text, #000000);
    border-color: var(--color-skin-2, #f2f4f7);
    outline-color: var(--color-skin-2, #f2f4f7);
    background-color: var(--color-skin-2, #f2f4f7);
  }
  .bg-skin-2 {
    background-color: var(--color-skin-2, #f2f4f7);
  }
  .text-skin-2 {
    color: var(--color-skin-2, #f2f4f7);
  }
  .border-skin-2 {
    border-color: var(--color-skin-2, #f2f4f7);
  }
  .outline-skin-2 {
    outline-color: var(--color-skin-2, #f2f4f7);
  }
  .is-skin-3 {
    color: var(--color-skin-3-text, #000000);
    border-color: var(--color-skin-3, #e4e7ec);
    outline-color: var(--color-skin-3, #e4e7ec);
    background-color: var(--color-skin-3, #e4e7ec);
  }
  .bg-skin-3 {
    background-color: var(--color-skin-3, #e4e7ec);
  }
  .text-skin-3 {
    color: var(--color-skin-3, #e4e7ec);
  }
  .border-skin-3 {
    border-color: var(--color-skin-3, #e4e7ec);
  }
  .outline-skin-3 {
    outline-color: var(--color-skin-3, #e4e7ec);
  }
  .is-skin-4 {
    color: var(--color-skin-4-text, #000000);
    border-color: var(--color-skin-4, #d0d5dd);
    outline-color: var(--color-skin-4, #d0d5dd);
    background-color: var(--color-skin-4, #d0d5dd);
  }
  .bg-skin-4 {
    background-color: var(--color-skin-4, #d0d5dd);
  }
  .text-skin-4 {
    color: var(--color-skin-4, #d0d5dd);
  }
  .border-skin-4 {
    border-color: var(--color-skin-4, #d0d5dd);
  }
  .outline-skin-4 {
    outline-color: var(--color-skin-4, #d0d5dd);
  }
  .is-skin-5 {
    color: var(--color-skin-5-text, #ffffff);
    border-color: var(--color-skin-5, #98a2b3);
    outline-color: var(--color-skin-5, #98a2b3);
    background-color: var(--color-skin-5, #98a2b3);
  }
  .bg-skin-5 {
    background-color: var(--color-skin-5, #98a2b3);
  }
  .text-skin-5 {
    color: var(--color-skin-5, #98a2b3);
  }
  .border-skin-5 {
    border-color: var(--color-skin-5, #98a2b3);
  }
  .outline-skin-5 {
    outline-color: var(--color-skin-5, #98a2b3);
  }
  .is-skin-6 {
    color: var(--color-skin-6-text, #ffffff);
    border-color: var(--color-skin-6, #667085);
    outline-color: var(--color-skin-6, #667085);
    background-color: var(--color-skin-6, #667085);
  }
  .bg-skin-6 {
    background-color: var(--color-skin-6, #667085);
  }
  .text-skin-6 {
    color: var(--color-skin-6, #667085);
  }
  .border-skin-6 {
    border-color: var(--color-skin-6, #667085);
  }
  .outline-skin-6 {
    outline-color: var(--color-skin-6, #667085);
  }
  .is-skin-7 {
    color: var(--color-skin-7-text, #ffffff);
    border-color: var(--color-skin-7, #475467);
    outline-color: var(--color-skin-7, #475467);
    background-color: var(--color-skin-7, #475467);
  }
  .bg-skin-7 {
    background-color: var(--color-skin-7, #475467);
  }
  .text-skin-7 {
    color: var(--color-skin-7, #475467);
  }
  .border-skin-7 {
    border-color: var(--color-skin-7, #475467);
  }
  .outline-skin-7 {
    outline-color: var(--color-skin-7, #475467);
  }
  .is-skin-8 {
    color: var(--color-skin-8-text, #ffffff);
    border-color: var(--color-skin-8, #344054);
    outline-color: var(--color-skin-8, #344054);
    background-color: var(--color-skin-8, #344054);
  }
  .bg-skin-8 {
    background-color: var(--color-skin-8, #344054);
  }
  .text-skin-8 {
    color: var(--color-skin-8, #344054);
  }
  .border-skin-8 {
    border-color: var(--color-skin-8, #344054);
  }
  .outline-skin-8 {
    outline-color: var(--color-skin-8, #344054);
  }
  .is-skin-9 {
    color: var(--color-skin-9-text, #ffffff);
    border-color: var(--color-skin-9, #1d2939);
    outline-color: var(--color-skin-9, #1d2939);
    background-color: var(--color-skin-9, #1d2939);
  }
  .bg-skin-9 {
    background-color: var(--color-skin-9, #1d2939);
  }
  .text-skin-9 {
    color: var(--color-skin-9, #1d2939);
  }
  .border-skin-9 {
    border-color: var(--color-skin-9, #1d2939);
  }
  .outline-skin-9 {
    outline-color: var(--color-skin-9, #1d2939);
  }
  .is-skin-10 {
    color: var(--color-skin-10-text, #ffffff);
    border-color: var(--color-skin-10, #101828);
    outline-color: var(--color-skin-10, #101828);
    background-color: var(--color-skin-10, #101828);
  }
  .bg-skin-10 {
    background-color: var(--color-skin-10, #101828);
  }
  .text-skin-10 {
    color: var(--color-skin-10, #101828);
  }
  .border-skin-10 {
    border-color: var(--color-skin-10, #101828);
  }
  .outline-skin-10 {
    outline-color: var(--color-skin-10, #101828);
  }
  .text-10-sm {
    font-size: 10px !important;
  }
  .m-10-sm {
    margin: 10px !important;
  }
  .ml-10-sm {
    margin-left: 10px !important;
  }
  .mt-10-sm {
    margin-top: 10px !important;
  }
  .mr-10-sm {
    margin-right: 10px !important;
  }
  .mb-10-sm {
    margin-bottom: 10px !important;
  }
  .mh-10-sm {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mv-10-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .p-10-sm {
    padding: 10px !important;
  }
  .pl-10-sm {
    padding-left: 10px !important;
  }
  .pt-10-sm {
    padding-top: 10px !important;
  }
  .pr-10-sm {
    padding-right: 10px !important;
  }
  .pb-10-sm {
    padding-bottom: 10px !important;
  }
  .ph-10-sm {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pv-10-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .s-10-sm {
    width: 10px !important;
    height: 10px !important;
  }
  .w-10-sm {
    width: 10px !important;
  }
  .h-10-sm {
    height: 10px !important;
  }
  .a-10-sm {
    margin-left: auto;
    margin-right: auto;
    width: 10px;
    max-width: 10px;
  }
  .text-12-sm {
    font-size: 12px !important;
  }
  .m-12-sm {
    margin: 12px !important;
  }
  .ml-12-sm {
    margin-left: 12px !important;
  }
  .mt-12-sm {
    margin-top: 12px !important;
  }
  .mr-12-sm {
    margin-right: 12px !important;
  }
  .mb-12-sm {
    margin-bottom: 12px !important;
  }
  .mh-12-sm {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mv-12-sm {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-12-sm {
    padding: 12px !important;
  }
  .pl-12-sm {
    padding-left: 12px !important;
  }
  .pt-12-sm {
    padding-top: 12px !important;
  }
  .pr-12-sm {
    padding-right: 12px !important;
  }
  .pb-12-sm {
    padding-bottom: 12px !important;
  }
  .ph-12-sm {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pv-12-sm {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .s-12-sm {
    width: 12px !important;
    height: 12px !important;
  }
  .w-12-sm {
    width: 12px !important;
  }
  .h-12-sm {
    height: 12px !important;
  }
  .a-12-sm {
    margin-left: auto;
    margin-right: auto;
    width: 12px;
    max-width: 12px;
  }
  .text-14-sm {
    font-size: 14px !important;
  }
  .m-14-sm {
    margin: 14px !important;
  }
  .ml-14-sm {
    margin-left: 14px !important;
  }
  .mt-14-sm {
    margin-top: 14px !important;
  }
  .mr-14-sm {
    margin-right: 14px !important;
  }
  .mb-14-sm {
    margin-bottom: 14px !important;
  }
  .mh-14-sm {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  .mv-14-sm {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }
  .p-14-sm {
    padding: 14px !important;
  }
  .pl-14-sm {
    padding-left: 14px !important;
  }
  .pt-14-sm {
    padding-top: 14px !important;
  }
  .pr-14-sm {
    padding-right: 14px !important;
  }
  .pb-14-sm {
    padding-bottom: 14px !important;
  }
  .ph-14-sm {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .pv-14-sm {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .s-14-sm {
    width: 14px !important;
    height: 14px !important;
  }
  .w-14-sm {
    width: 14px !important;
  }
  .h-14-sm {
    height: 14px !important;
  }
  .a-14-sm {
    margin-left: auto;
    margin-right: auto;
    width: 14px;
    max-width: 14px;
  }
  .text-16-sm {
    font-size: 16px !important;
  }
  .m-16-sm {
    margin: 16px !important;
  }
  .ml-16-sm {
    margin-left: 16px !important;
  }
  .mt-16-sm {
    margin-top: 16px !important;
  }
  .mr-16-sm {
    margin-right: 16px !important;
  }
  .mb-16-sm {
    margin-bottom: 16px !important;
  }
  .mh-16-sm {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mv-16-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-16-sm {
    padding: 16px !important;
  }
  .pl-16-sm {
    padding-left: 16px !important;
  }
  .pt-16-sm {
    padding-top: 16px !important;
  }
  .pr-16-sm {
    padding-right: 16px !important;
  }
  .pb-16-sm {
    padding-bottom: 16px !important;
  }
  .ph-16-sm {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pv-16-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .s-16-sm {
    width: 16px !important;
    height: 16px !important;
  }
  .w-16-sm {
    width: 16px !important;
  }
  .h-16-sm {
    height: 16px !important;
  }
  .a-16-sm {
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    max-width: 16px;
  }
  .text-20-sm {
    font-size: 20px !important;
  }
  .m-20-sm {
    margin: 20px !important;
  }
  .ml-20-sm {
    margin-left: 20px !important;
  }
  .mt-20-sm {
    margin-top: 20px !important;
  }
  .mr-20-sm {
    margin-right: 20px !important;
  }
  .mb-20-sm {
    margin-bottom: 20px !important;
  }
  .mh-20-sm {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mv-20-sm {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-20-sm {
    padding: 20px !important;
  }
  .pl-20-sm {
    padding-left: 20px !important;
  }
  .pt-20-sm {
    padding-top: 20px !important;
  }
  .pr-20-sm {
    padding-right: 20px !important;
  }
  .pb-20-sm {
    padding-bottom: 20px !important;
  }
  .ph-20-sm {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pv-20-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .s-20-sm {
    width: 20px !important;
    height: 20px !important;
  }
  .w-20-sm {
    width: 20px !important;
  }
  .h-20-sm {
    height: 20px !important;
  }
  .a-20-sm {
    margin-left: auto;
    margin-right: auto;
    width: 20px;
    max-width: 20px;
  }
  .text-24-sm {
    font-size: 24px !important;
  }
  .m-24-sm {
    margin: 24px !important;
  }
  .ml-24-sm {
    margin-left: 24px !important;
  }
  .mt-24-sm {
    margin-top: 24px !important;
  }
  .mr-24-sm {
    margin-right: 24px !important;
  }
  .mb-24-sm {
    margin-bottom: 24px !important;
  }
  .mh-24-sm {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mv-24-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-24-sm {
    padding: 24px !important;
  }
  .pl-24-sm {
    padding-left: 24px !important;
  }
  .pt-24-sm {
    padding-top: 24px !important;
  }
  .pr-24-sm {
    padding-right: 24px !important;
  }
  .pb-24-sm {
    padding-bottom: 24px !important;
  }
  .ph-24-sm {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pv-24-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .s-24-sm {
    width: 24px !important;
    height: 24px !important;
  }
  .w-24-sm {
    width: 24px !important;
  }
  .h-24-sm {
    height: 24px !important;
  }
  .a-24-sm {
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    max-width: 24px;
  }
  .text-28-sm {
    font-size: 28px !important;
  }
  .m-28-sm {
    margin: 28px !important;
  }
  .ml-28-sm {
    margin-left: 28px !important;
  }
  .mt-28-sm {
    margin-top: 28px !important;
  }
  .mr-28-sm {
    margin-right: 28px !important;
  }
  .mb-28-sm {
    margin-bottom: 28px !important;
  }
  .mh-28-sm {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .mv-28-sm {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .p-28-sm {
    padding: 28px !important;
  }
  .pl-28-sm {
    padding-left: 28px !important;
  }
  .pt-28-sm {
    padding-top: 28px !important;
  }
  .pr-28-sm {
    padding-right: 28px !important;
  }
  .pb-28-sm {
    padding-bottom: 28px !important;
  }
  .ph-28-sm {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .pv-28-sm {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .s-28-sm {
    width: 28px !important;
    height: 28px !important;
  }
  .w-28-sm {
    width: 28px !important;
  }
  .h-28-sm {
    height: 28px !important;
  }
  .a-28-sm {
    margin-left: auto;
    margin-right: auto;
    width: 28px;
    max-width: 28px;
  }
  .text-32-sm {
    font-size: 32px !important;
  }
  .m-32-sm {
    margin: 32px !important;
  }
  .ml-32-sm {
    margin-left: 32px !important;
  }
  .mt-32-sm {
    margin-top: 32px !important;
  }
  .mr-32-sm {
    margin-right: 32px !important;
  }
  .mb-32-sm {
    margin-bottom: 32px !important;
  }
  .mh-32-sm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mv-32-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-32-sm {
    padding: 32px !important;
  }
  .pl-32-sm {
    padding-left: 32px !important;
  }
  .pt-32-sm {
    padding-top: 32px !important;
  }
  .pr-32-sm {
    padding-right: 32px !important;
  }
  .pb-32-sm {
    padding-bottom: 32px !important;
  }
  .ph-32-sm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .pv-32-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .s-32-sm {
    width: 32px !important;
    height: 32px !important;
  }
  .w-32-sm {
    width: 32px !important;
  }
  .h-32-sm {
    height: 32px !important;
  }
  .a-32-sm {
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    max-width: 32px;
  }
  .text-40-sm {
    font-size: 40px !important;
  }
  .m-40-sm {
    margin: 40px !important;
  }
  .ml-40-sm {
    margin-left: 40px !important;
  }
  .mt-40-sm {
    margin-top: 40px !important;
  }
  .mr-40-sm {
    margin-right: 40px !important;
  }
  .mb-40-sm {
    margin-bottom: 40px !important;
  }
  .mh-40-sm {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mv-40-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-40-sm {
    padding: 40px !important;
  }
  .pl-40-sm {
    padding-left: 40px !important;
  }
  .pt-40-sm {
    padding-top: 40px !important;
  }
  .pr-40-sm {
    padding-right: 40px !important;
  }
  .pb-40-sm {
    padding-bottom: 40px !important;
  }
  .ph-40-sm {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pv-40-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .s-40-sm {
    width: 40px !important;
    height: 40px !important;
  }
  .w-40-sm {
    width: 40px !important;
  }
  .h-40-sm {
    height: 40px !important;
  }
  .a-40-sm {
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    max-width: 40px;
  }
  .text-48-sm {
    font-size: 48px !important;
  }
  .m-48-sm {
    margin: 48px !important;
  }
  .ml-48-sm {
    margin-left: 48px !important;
  }
  .mt-48-sm {
    margin-top: 48px !important;
  }
  .mr-48-sm {
    margin-right: 48px !important;
  }
  .mb-48-sm {
    margin-bottom: 48px !important;
  }
  .mh-48-sm {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mv-48-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-48-sm {
    padding: 48px !important;
  }
  .pl-48-sm {
    padding-left: 48px !important;
  }
  .pt-48-sm {
    padding-top: 48px !important;
  }
  .pr-48-sm {
    padding-right: 48px !important;
  }
  .pb-48-sm {
    padding-bottom: 48px !important;
  }
  .ph-48-sm {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .pv-48-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .s-48-sm {
    width: 48px !important;
    height: 48px !important;
  }
  .w-48-sm {
    width: 48px !important;
  }
  .h-48-sm {
    height: 48px !important;
  }
  .a-48-sm {
    margin-left: auto;
    margin-right: auto;
    width: 48px;
    max-width: 48px;
  }
  .text-50-sm {
    font-size: 50px !important;
  }
  .m-50-sm {
    margin: 50px !important;
  }
  .ml-50-sm {
    margin-left: 50px !important;
  }
  .mt-50-sm {
    margin-top: 50px !important;
  }
  .mr-50-sm {
    margin-right: 50px !important;
  }
  .mb-50-sm {
    margin-bottom: 50px !important;
  }
  .mh-50-sm {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mv-50-sm {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .p-50-sm {
    padding: 50px !important;
  }
  .pl-50-sm {
    padding-left: 50px !important;
  }
  .pt-50-sm {
    padding-top: 50px !important;
  }
  .pr-50-sm {
    padding-right: 50px !important;
  }
  .pb-50-sm {
    padding-bottom: 50px !important;
  }
  .ph-50-sm {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pv-50-sm {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .s-50-sm {
    width: 50px !important;
    height: 50px !important;
  }
  .w-50-sm {
    width: 50px !important;
  }
  .h-50-sm {
    height: 50px !important;
  }
  .a-50-sm {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    max-width: 50px;
  }
  .text-75-sm {
    font-size: 75px !important;
  }
  .m-75-sm {
    margin: 75px !important;
  }
  .ml-75-sm {
    margin-left: 75px !important;
  }
  .mt-75-sm {
    margin-top: 75px !important;
  }
  .mr-75-sm {
    margin-right: 75px !important;
  }
  .mb-75-sm {
    margin-bottom: 75px !important;
  }
  .mh-75-sm {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mv-75-sm {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .p-75-sm {
    padding: 75px !important;
  }
  .pl-75-sm {
    padding-left: 75px !important;
  }
  .pt-75-sm {
    padding-top: 75px !important;
  }
  .pr-75-sm {
    padding-right: 75px !important;
  }
  .pb-75-sm {
    padding-bottom: 75px !important;
  }
  .ph-75-sm {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pv-75-sm {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .s-75-sm {
    width: 75px !important;
    height: 75px !important;
  }
  .w-75-sm {
    width: 75px !important;
  }
  .h-75-sm {
    height: 75px !important;
  }
  .a-75-sm {
    margin-left: auto;
    margin-right: auto;
    width: 75px;
    max-width: 75px;
  }
  .text-100-sm {
    font-size: 100px !important;
  }
  .m-100-sm {
    margin: 100px !important;
  }
  .ml-100-sm {
    margin-left: 100px !important;
  }
  .mt-100-sm {
    margin-top: 100px !important;
  }
  .mr-100-sm {
    margin-right: 100px !important;
  }
  .mb-100-sm {
    margin-bottom: 100px !important;
  }
  .mh-100-sm {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mv-100-sm {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .p-100-sm {
    padding: 100px !important;
  }
  .pl-100-sm {
    padding-left: 100px !important;
  }
  .pt-100-sm {
    padding-top: 100px !important;
  }
  .pr-100-sm {
    padding-right: 100px !important;
  }
  .pb-100-sm {
    padding-bottom: 100px !important;
  }
  .ph-100-sm {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pv-100-sm {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .s-100-sm {
    width: 100px !important;
    height: 100px !important;
  }
  .w-100-sm {
    width: 100px !important;
  }
  .h-100-sm {
    height: 100px !important;
  }
  .a-100-sm {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    max-width: 100px;
  }
  .text-150-sm {
    font-size: 150px !important;
  }
  .m-150-sm {
    margin: 150px !important;
  }
  .ml-150-sm {
    margin-left: 150px !important;
  }
  .mt-150-sm {
    margin-top: 150px !important;
  }
  .mr-150-sm {
    margin-right: 150px !important;
  }
  .mb-150-sm {
    margin-bottom: 150px !important;
  }
  .mh-150-sm {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
  .mv-150-sm {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
  .p-150-sm {
    padding: 150px !important;
  }
  .pl-150-sm {
    padding-left: 150px !important;
  }
  .pt-150-sm {
    padding-top: 150px !important;
  }
  .pr-150-sm {
    padding-right: 150px !important;
  }
  .pb-150-sm {
    padding-bottom: 150px !important;
  }
  .ph-150-sm {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .pv-150-sm {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .s-150-sm {
    width: 150px !important;
    height: 150px !important;
  }
  .w-150-sm {
    width: 150px !important;
  }
  .h-150-sm {
    height: 150px !important;
  }
  .a-150-sm {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    max-width: 150px;
  }
  .text-200-sm {
    font-size: 200px !important;
  }
  .m-200-sm {
    margin: 200px !important;
  }
  .ml-200-sm {
    margin-left: 200px !important;
  }
  .mt-200-sm {
    margin-top: 200px !important;
  }
  .mr-200-sm {
    margin-right: 200px !important;
  }
  .mb-200-sm {
    margin-bottom: 200px !important;
  }
  .mh-200-sm {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
  .mv-200-sm {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .p-200-sm {
    padding: 200px !important;
  }
  .pl-200-sm {
    padding-left: 200px !important;
  }
  .pt-200-sm {
    padding-top: 200px !important;
  }
  .pr-200-sm {
    padding-right: 200px !important;
  }
  .pb-200-sm {
    padding-bottom: 200px !important;
  }
  .ph-200-sm {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .pv-200-sm {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .s-200-sm {
    width: 200px !important;
    height: 200px !important;
  }
  .w-200-sm {
    width: 200px !important;
  }
  .h-200-sm {
    height: 200px !important;
  }
  .a-200-sm {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    max-width: 200px;
  }
  .text-250-sm {
    font-size: 250px !important;
  }
  .m-250-sm {
    margin: 250px !important;
  }
  .ml-250-sm {
    margin-left: 250px !important;
  }
  .mt-250-sm {
    margin-top: 250px !important;
  }
  .mr-250-sm {
    margin-right: 250px !important;
  }
  .mb-250-sm {
    margin-bottom: 250px !important;
  }
  .mh-250-sm {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }
  .mv-250-sm {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }
  .p-250-sm {
    padding: 250px !important;
  }
  .pl-250-sm {
    padding-left: 250px !important;
  }
  .pt-250-sm {
    padding-top: 250px !important;
  }
  .pr-250-sm {
    padding-right: 250px !important;
  }
  .pb-250-sm {
    padding-bottom: 250px !important;
  }
  .ph-250-sm {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }
  .pv-250-sm {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
  .s-250-sm {
    width: 250px !important;
    height: 250px !important;
  }
  .w-250-sm {
    width: 250px !important;
  }
  .h-250-sm {
    height: 250px !important;
  }
  .a-250-sm {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    max-width: 250px;
  }
  .text-300-sm {
    font-size: 300px !important;
  }
  .m-300-sm {
    margin: 300px !important;
  }
  .ml-300-sm {
    margin-left: 300px !important;
  }
  .mt-300-sm {
    margin-top: 300px !important;
  }
  .mr-300-sm {
    margin-right: 300px !important;
  }
  .mb-300-sm {
    margin-bottom: 300px !important;
  }
  .mh-300-sm {
    margin-left: 300px !important;
    margin-right: 300px !important;
  }
  .mv-300-sm {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
  }
  .p-300-sm {
    padding: 300px !important;
  }
  .pl-300-sm {
    padding-left: 300px !important;
  }
  .pt-300-sm {
    padding-top: 300px !important;
  }
  .pr-300-sm {
    padding-right: 300px !important;
  }
  .pb-300-sm {
    padding-bottom: 300px !important;
  }
  .ph-300-sm {
    padding-left: 300px !important;
    padding-right: 300px !important;
  }
  .pv-300-sm {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .s-300-sm {
    width: 300px !important;
    height: 300px !important;
  }
  .w-300-sm {
    width: 300px !important;
  }
  .h-300-sm {
    height: 300px !important;
  }
  .a-300-sm {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    max-width: 300px;
  }
  .text-350-sm {
    font-size: 350px !important;
  }
  .m-350-sm {
    margin: 350px !important;
  }
  .ml-350-sm {
    margin-left: 350px !important;
  }
  .mt-350-sm {
    margin-top: 350px !important;
  }
  .mr-350-sm {
    margin-right: 350px !important;
  }
  .mb-350-sm {
    margin-bottom: 350px !important;
  }
  .mh-350-sm {
    margin-left: 350px !important;
    margin-right: 350px !important;
  }
  .mv-350-sm {
    margin-top: 350px !important;
    margin-bottom: 350px !important;
  }
  .p-350-sm {
    padding: 350px !important;
  }
  .pl-350-sm {
    padding-left: 350px !important;
  }
  .pt-350-sm {
    padding-top: 350px !important;
  }
  .pr-350-sm {
    padding-right: 350px !important;
  }
  .pb-350-sm {
    padding-bottom: 350px !important;
  }
  .ph-350-sm {
    padding-left: 350px !important;
    padding-right: 350px !important;
  }
  .pv-350-sm {
    padding-top: 350px !important;
    padding-bottom: 350px !important;
  }
  .s-350-sm {
    width: 350px !important;
    height: 350px !important;
  }
  .w-350-sm {
    width: 350px !important;
  }
  .h-350-sm {
    height: 350px !important;
  }
  .a-350-sm {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    max-width: 350px;
  }
  .text-400-sm {
    font-size: 400px !important;
  }
  .m-400-sm {
    margin: 400px !important;
  }
  .ml-400-sm {
    margin-left: 400px !important;
  }
  .mt-400-sm {
    margin-top: 400px !important;
  }
  .mr-400-sm {
    margin-right: 400px !important;
  }
  .mb-400-sm {
    margin-bottom: 400px !important;
  }
  .mh-400-sm {
    margin-left: 400px !important;
    margin-right: 400px !important;
  }
  .mv-400-sm {
    margin-top: 400px !important;
    margin-bottom: 400px !important;
  }
  .p-400-sm {
    padding: 400px !important;
  }
  .pl-400-sm {
    padding-left: 400px !important;
  }
  .pt-400-sm {
    padding-top: 400px !important;
  }
  .pr-400-sm {
    padding-right: 400px !important;
  }
  .pb-400-sm {
    padding-bottom: 400px !important;
  }
  .ph-400-sm {
    padding-left: 400px !important;
    padding-right: 400px !important;
  }
  .pv-400-sm {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
  .s-400-sm {
    width: 400px !important;
    height: 400px !important;
  }
  .w-400-sm {
    width: 400px !important;
  }
  .h-400-sm {
    height: 400px !important;
  }
  .a-400-sm {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    max-width: 400px;
  }
  .text-480-sm {
    font-size: 480px !important;
  }
  .m-480-sm {
    margin: 480px !important;
  }
  .ml-480-sm {
    margin-left: 480px !important;
  }
  .mt-480-sm {
    margin-top: 480px !important;
  }
  .mr-480-sm {
    margin-right: 480px !important;
  }
  .mb-480-sm {
    margin-bottom: 480px !important;
  }
  .mh-480-sm {
    margin-left: 480px !important;
    margin-right: 480px !important;
  }
  .mv-480-sm {
    margin-top: 480px !important;
    margin-bottom: 480px !important;
  }
  .p-480-sm {
    padding: 480px !important;
  }
  .pl-480-sm {
    padding-left: 480px !important;
  }
  .pt-480-sm {
    padding-top: 480px !important;
  }
  .pr-480-sm {
    padding-right: 480px !important;
  }
  .pb-480-sm {
    padding-bottom: 480px !important;
  }
  .ph-480-sm {
    padding-left: 480px !important;
    padding-right: 480px !important;
  }
  .pv-480-sm {
    padding-top: 480px !important;
    padding-bottom: 480px !important;
  }
  .s-480-sm {
    width: 480px !important;
    height: 480px !important;
  }
  .w-480-sm {
    width: 480px !important;
  }
  .h-480-sm {
    height: 480px !important;
  }
  .a-480-sm {
    margin-left: auto;
    margin-right: auto;
    width: 480px;
    max-width: 480px;
  }
  .text-560-sm {
    font-size: 560px !important;
  }
  .m-560-sm {
    margin: 560px !important;
  }
  .ml-560-sm {
    margin-left: 560px !important;
  }
  .mt-560-sm {
    margin-top: 560px !important;
  }
  .mr-560-sm {
    margin-right: 560px !important;
  }
  .mb-560-sm {
    margin-bottom: 560px !important;
  }
  .mh-560-sm {
    margin-left: 560px !important;
    margin-right: 560px !important;
  }
  .mv-560-sm {
    margin-top: 560px !important;
    margin-bottom: 560px !important;
  }
  .p-560-sm {
    padding: 560px !important;
  }
  .pl-560-sm {
    padding-left: 560px !important;
  }
  .pt-560-sm {
    padding-top: 560px !important;
  }
  .pr-560-sm {
    padding-right: 560px !important;
  }
  .pb-560-sm {
    padding-bottom: 560px !important;
  }
  .ph-560-sm {
    padding-left: 560px !important;
    padding-right: 560px !important;
  }
  .pv-560-sm {
    padding-top: 560px !important;
    padding-bottom: 560px !important;
  }
  .s-560-sm {
    width: 560px !important;
    height: 560px !important;
  }
  .w-560-sm {
    width: 560px !important;
  }
  .h-560-sm {
    height: 560px !important;
  }
  .a-560-sm {
    margin-left: auto;
    margin-right: auto;
    width: 560px;
    max-width: 560px;
  }
  .text-640-sm {
    font-size: 640px !important;
  }
  .m-640-sm {
    margin: 640px !important;
  }
  .ml-640-sm {
    margin-left: 640px !important;
  }
  .mt-640-sm {
    margin-top: 640px !important;
  }
  .mr-640-sm {
    margin-right: 640px !important;
  }
  .mb-640-sm {
    margin-bottom: 640px !important;
  }
  .mh-640-sm {
    margin-left: 640px !important;
    margin-right: 640px !important;
  }
  .mv-640-sm {
    margin-top: 640px !important;
    margin-bottom: 640px !important;
  }
  .p-640-sm {
    padding: 640px !important;
  }
  .pl-640-sm {
    padding-left: 640px !important;
  }
  .pt-640-sm {
    padding-top: 640px !important;
  }
  .pr-640-sm {
    padding-right: 640px !important;
  }
  .pb-640-sm {
    padding-bottom: 640px !important;
  }
  .ph-640-sm {
    padding-left: 640px !important;
    padding-right: 640px !important;
  }
  .pv-640-sm {
    padding-top: 640px !important;
    padding-bottom: 640px !important;
  }
  .s-640-sm {
    width: 640px !important;
    height: 640px !important;
  }
  .w-640-sm {
    width: 640px !important;
  }
  .h-640-sm {
    height: 640px !important;
  }
  .a-640-sm {
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    max-width: 640px;
  }
  .text-720-sm {
    font-size: 720px !important;
  }
  .m-720-sm {
    margin: 720px !important;
  }
  .ml-720-sm {
    margin-left: 720px !important;
  }
  .mt-720-sm {
    margin-top: 720px !important;
  }
  .mr-720-sm {
    margin-right: 720px !important;
  }
  .mb-720-sm {
    margin-bottom: 720px !important;
  }
  .mh-720-sm {
    margin-left: 720px !important;
    margin-right: 720px !important;
  }
  .mv-720-sm {
    margin-top: 720px !important;
    margin-bottom: 720px !important;
  }
  .p-720-sm {
    padding: 720px !important;
  }
  .pl-720-sm {
    padding-left: 720px !important;
  }
  .pt-720-sm {
    padding-top: 720px !important;
  }
  .pr-720-sm {
    padding-right: 720px !important;
  }
  .pb-720-sm {
    padding-bottom: 720px !important;
  }
  .ph-720-sm {
    padding-left: 720px !important;
    padding-right: 720px !important;
  }
  .pv-720-sm {
    padding-top: 720px !important;
    padding-bottom: 720px !important;
  }
  .s-720-sm {
    width: 720px !important;
    height: 720px !important;
  }
  .w-720-sm {
    width: 720px !important;
  }
  .h-720-sm {
    height: 720px !important;
  }
  .a-720-sm {
    margin-left: auto;
    margin-right: auto;
    width: 720px;
    max-width: 720px;
  }
  .text-800-sm {
    font-size: 800px !important;
  }
  .m-800-sm {
    margin: 800px !important;
  }
  .ml-800-sm {
    margin-left: 800px !important;
  }
  .mt-800-sm {
    margin-top: 800px !important;
  }
  .mr-800-sm {
    margin-right: 800px !important;
  }
  .mb-800-sm {
    margin-bottom: 800px !important;
  }
  .mh-800-sm {
    margin-left: 800px !important;
    margin-right: 800px !important;
  }
  .mv-800-sm {
    margin-top: 800px !important;
    margin-bottom: 800px !important;
  }
  .p-800-sm {
    padding: 800px !important;
  }
  .pl-800-sm {
    padding-left: 800px !important;
  }
  .pt-800-sm {
    padding-top: 800px !important;
  }
  .pr-800-sm {
    padding-right: 800px !important;
  }
  .pb-800-sm {
    padding-bottom: 800px !important;
  }
  .ph-800-sm {
    padding-left: 800px !important;
    padding-right: 800px !important;
  }
  .pv-800-sm {
    padding-top: 800px !important;
    padding-bottom: 800px !important;
  }
  .s-800-sm {
    width: 800px !important;
    height: 800px !important;
  }
  .w-800-sm {
    width: 800px !important;
  }
  .h-800-sm {
    height: 800px !important;
  }
  .a-800-sm {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    max-width: 800px;
  }
  .text-880-sm {
    font-size: 880px !important;
  }
  .m-880-sm {
    margin: 880px !important;
  }
  .ml-880-sm {
    margin-left: 880px !important;
  }
  .mt-880-sm {
    margin-top: 880px !important;
  }
  .mr-880-sm {
    margin-right: 880px !important;
  }
  .mb-880-sm {
    margin-bottom: 880px !important;
  }
  .mh-880-sm {
    margin-left: 880px !important;
    margin-right: 880px !important;
  }
  .mv-880-sm {
    margin-top: 880px !important;
    margin-bottom: 880px !important;
  }
  .p-880-sm {
    padding: 880px !important;
  }
  .pl-880-sm {
    padding-left: 880px !important;
  }
  .pt-880-sm {
    padding-top: 880px !important;
  }
  .pr-880-sm {
    padding-right: 880px !important;
  }
  .pb-880-sm {
    padding-bottom: 880px !important;
  }
  .ph-880-sm {
    padding-left: 880px !important;
    padding-right: 880px !important;
  }
  .pv-880-sm {
    padding-top: 880px !important;
    padding-bottom: 880px !important;
  }
  .s-880-sm {
    width: 880px !important;
    height: 880px !important;
  }
  .w-880-sm {
    width: 880px !important;
  }
  .h-880-sm {
    height: 880px !important;
  }
  .a-880-sm {
    margin-left: auto;
    margin-right: auto;
    width: 880px;
    max-width: 880px;
  }
  .text-960-sm {
    font-size: 960px !important;
  }
  .m-960-sm {
    margin: 960px !important;
  }
  .ml-960-sm {
    margin-left: 960px !important;
  }
  .mt-960-sm {
    margin-top: 960px !important;
  }
  .mr-960-sm {
    margin-right: 960px !important;
  }
  .mb-960-sm {
    margin-bottom: 960px !important;
  }
  .mh-960-sm {
    margin-left: 960px !important;
    margin-right: 960px !important;
  }
  .mv-960-sm {
    margin-top: 960px !important;
    margin-bottom: 960px !important;
  }
  .p-960-sm {
    padding: 960px !important;
  }
  .pl-960-sm {
    padding-left: 960px !important;
  }
  .pt-960-sm {
    padding-top: 960px !important;
  }
  .pr-960-sm {
    padding-right: 960px !important;
  }
  .pb-960-sm {
    padding-bottom: 960px !important;
  }
  .ph-960-sm {
    padding-left: 960px !important;
    padding-right: 960px !important;
  }
  .pv-960-sm {
    padding-top: 960px !important;
    padding-bottom: 960px !important;
  }
  .s-960-sm {
    width: 960px !important;
    height: 960px !important;
  }
  .w-960-sm {
    width: 960px !important;
  }
  .h-960-sm {
    height: 960px !important;
  }
  .a-960-sm {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    max-width: 960px;
  }
  .text-1040-sm {
    font-size: 1040px !important;
  }
  .m-1040-sm {
    margin: 1040px !important;
  }
  .ml-1040-sm {
    margin-left: 1040px !important;
  }
  .mt-1040-sm {
    margin-top: 1040px !important;
  }
  .mr-1040-sm {
    margin-right: 1040px !important;
  }
  .mb-1040-sm {
    margin-bottom: 1040px !important;
  }
  .mh-1040-sm {
    margin-left: 1040px !important;
    margin-right: 1040px !important;
  }
  .mv-1040-sm {
    margin-top: 1040px !important;
    margin-bottom: 1040px !important;
  }
  .p-1040-sm {
    padding: 1040px !important;
  }
  .pl-1040-sm {
    padding-left: 1040px !important;
  }
  .pt-1040-sm {
    padding-top: 1040px !important;
  }
  .pr-1040-sm {
    padding-right: 1040px !important;
  }
  .pb-1040-sm {
    padding-bottom: 1040px !important;
  }
  .ph-1040-sm {
    padding-left: 1040px !important;
    padding-right: 1040px !important;
  }
  .pv-1040-sm {
    padding-top: 1040px !important;
    padding-bottom: 1040px !important;
  }
  .s-1040-sm {
    width: 1040px !important;
    height: 1040px !important;
  }
  .w-1040-sm {
    width: 1040px !important;
  }
  .h-1040-sm {
    height: 1040px !important;
  }
  .a-1040-sm {
    margin-left: auto;
    margin-right: auto;
    width: 1040px;
    max-width: 1040px;
  }
  .text-1120-sm {
    font-size: 1120px !important;
  }
  .m-1120-sm {
    margin: 1120px !important;
  }
  .ml-1120-sm {
    margin-left: 1120px !important;
  }
  .mt-1120-sm {
    margin-top: 1120px !important;
  }
  .mr-1120-sm {
    margin-right: 1120px !important;
  }
  .mb-1120-sm {
    margin-bottom: 1120px !important;
  }
  .mh-1120-sm {
    margin-left: 1120px !important;
    margin-right: 1120px !important;
  }
  .mv-1120-sm {
    margin-top: 1120px !important;
    margin-bottom: 1120px !important;
  }
  .p-1120-sm {
    padding: 1120px !important;
  }
  .pl-1120-sm {
    padding-left: 1120px !important;
  }
  .pt-1120-sm {
    padding-top: 1120px !important;
  }
  .pr-1120-sm {
    padding-right: 1120px !important;
  }
  .pb-1120-sm {
    padding-bottom: 1120px !important;
  }
  .ph-1120-sm {
    padding-left: 1120px !important;
    padding-right: 1120px !important;
  }
  .pv-1120-sm {
    padding-top: 1120px !important;
    padding-bottom: 1120px !important;
  }
  .s-1120-sm {
    width: 1120px !important;
    height: 1120px !important;
  }
  .w-1120-sm {
    width: 1120px !important;
  }
  .h-1120-sm {
    height: 1120px !important;
  }
  .a-1120-sm {
    margin-left: auto;
    margin-right: auto;
    width: 1120px;
    max-width: 1120px;
  }
  .text-1200-sm {
    font-size: 1200px !important;
  }
  .m-1200-sm {
    margin: 1200px !important;
  }
  .ml-1200-sm {
    margin-left: 1200px !important;
  }
  .mt-1200-sm {
    margin-top: 1200px !important;
  }
  .mr-1200-sm {
    margin-right: 1200px !important;
  }
  .mb-1200-sm {
    margin-bottom: 1200px !important;
  }
  .mh-1200-sm {
    margin-left: 1200px !important;
    margin-right: 1200px !important;
  }
  .mv-1200-sm {
    margin-top: 1200px !important;
    margin-bottom: 1200px !important;
  }
  .p-1200-sm {
    padding: 1200px !important;
  }
  .pl-1200-sm {
    padding-left: 1200px !important;
  }
  .pt-1200-sm {
    padding-top: 1200px !important;
  }
  .pr-1200-sm {
    padding-right: 1200px !important;
  }
  .pb-1200-sm {
    padding-bottom: 1200px !important;
  }
  .ph-1200-sm {
    padding-left: 1200px !important;
    padding-right: 1200px !important;
  }
  .pv-1200-sm {
    padding-top: 1200px !important;
    padding-bottom: 1200px !important;
  }
  .s-1200-sm {
    width: 1200px !important;
    height: 1200px !important;
  }
  .w-1200-sm {
    width: 1200px !important;
  }
  .h-1200-sm {
    height: 1200px !important;
  }
  .a-1200-sm {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    max-width: 1200px;
  }
  .text-1280-sm {
    font-size: 1280px !important;
  }
  .m-1280-sm {
    margin: 1280px !important;
  }
  .ml-1280-sm {
    margin-left: 1280px !important;
  }
  .mt-1280-sm {
    margin-top: 1280px !important;
  }
  .mr-1280-sm {
    margin-right: 1280px !important;
  }
  .mb-1280-sm {
    margin-bottom: 1280px !important;
  }
  .mh-1280-sm {
    margin-left: 1280px !important;
    margin-right: 1280px !important;
  }
  .mv-1280-sm {
    margin-top: 1280px !important;
    margin-bottom: 1280px !important;
  }
  .p-1280-sm {
    padding: 1280px !important;
  }
  .pl-1280-sm {
    padding-left: 1280px !important;
  }
  .pt-1280-sm {
    padding-top: 1280px !important;
  }
  .pr-1280-sm {
    padding-right: 1280px !important;
  }
  .pb-1280-sm {
    padding-bottom: 1280px !important;
  }
  .ph-1280-sm {
    padding-left: 1280px !important;
    padding-right: 1280px !important;
  }
  .pv-1280-sm {
    padding-top: 1280px !important;
    padding-bottom: 1280px !important;
  }
  .s-1280-sm {
    width: 1280px !important;
    height: 1280px !important;
  }
  .w-1280-sm {
    width: 1280px !important;
  }
  .h-1280-sm {
    height: 1280px !important;
  }
  .a-1280-sm {
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    max-width: 1280px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .px-0-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .h-full-md {
    height: 100vh !important;
  }
  .align-left-md {
    text-align: left;
  }
  .align-right-md {
    text-align: right;
  }
  .align-center-md {
    text-align: center;
  }
  .vertical-top-md,
  .vertical-start-md {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .vertical-middle-md,
  .vertical-center-md {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .vertical-bottom-md,
  .vertical-end-md {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .is-red {
    color: var(--color-red-text, #ffffff);
    border-color: var(--color-red, #dc3545);
    outline-color: var(--color-red, #dc3545);
    background-color: var(--color-red, #dc3545);
  }
  .bg-red {
    background-color: var(--color-red, #dc3545);
  }
  .text-red {
    color: var(--color-red, #dc3545);
  }
  .border-red {
    border-color: var(--color-red, #dc3545);
  }
  .outline-red {
    outline-color: var(--color-red, #dc3545);
  }
  .is-blue {
    color: var(--color-blue-text, #ffffff);
    border-color: var(--color-blue, #0d6efd);
    outline-color: var(--color-blue, #0d6efd);
    background-color: var(--color-blue, #0d6efd);
  }
  .bg-blue {
    background-color: var(--color-blue, #0d6efd);
  }
  .text-blue {
    color: var(--color-blue, #0d6efd);
  }
  .border-blue {
    border-color: var(--color-blue, #0d6efd);
  }
  .outline-blue {
    outline-color: var(--color-blue, #0d6efd);
  }
  .is-pink {
    color: var(--color-pink-text, #ffffff);
    border-color: var(--color-pink, #d63384);
    outline-color: var(--color-pink, #d63384);
    background-color: var(--color-pink, #d63384);
  }
  .bg-pink {
    background-color: var(--color-pink, #d63384);
  }
  .text-pink {
    color: var(--color-pink, #d63384);
  }
  .border-pink {
    border-color: var(--color-pink, #d63384);
  }
  .outline-pink {
    outline-color: var(--color-pink, #d63384);
  }
  .is-teal {
    color: var(--color-teal-text, #ffffff);
    border-color: var(--color-teal, #20c997);
    outline-color: var(--color-teal, #20c997);
    background-color: var(--color-teal, #20c997);
  }
  .bg-teal {
    background-color: var(--color-teal, #20c997);
  }
  .text-teal {
    color: var(--color-teal, #20c997);
  }
  .border-teal {
    border-color: var(--color-teal, #20c997);
  }
  .outline-teal {
    outline-color: var(--color-teal, #20c997);
  }
  .is-cyan {
    color: var(--color-cyan-text, #000000);
    border-color: var(--color-cyan, #0dcaf0);
    outline-color: var(--color-cyan, #0dcaf0);
    background-color: var(--color-cyan, #0dcaf0);
  }
  .bg-cyan {
    background-color: var(--color-cyan, #0dcaf0);
  }
  .text-cyan {
    color: var(--color-cyan, #0dcaf0);
  }
  .border-cyan {
    border-color: var(--color-cyan, #0dcaf0);
  }
  .outline-cyan {
    outline-color: var(--color-cyan, #0dcaf0);
  }
  .is-white {
    color: var(--color-white-text, #000000);
    border-color: var(--color-white, #ffffff);
    outline-color: var(--color-white, #ffffff);
    background-color: var(--color-white, #ffffff);
  }
  .bg-white {
    background-color: var(--color-white, #ffffff);
  }
  .text-white {
    color: var(--color-white, #ffffff);
  }
  .border-white {
    border-color: var(--color-white, #ffffff);
  }
  .outline-white {
    outline-color: var(--color-white, #ffffff);
  }
  .is-black {
    color: var(--color-black-text, #ffffff);
    border-color: var(--color-black, #000000);
    outline-color: var(--color-black, #000000);
    background-color: var(--color-black, #000000);
  }
  .bg-black {
    background-color: var(--color-black, #000000);
  }
  .text-black {
    color: var(--color-black, #000000);
  }
  .border-black {
    border-color: var(--color-black, #000000);
  }
  .outline-black {
    outline-color: var(--color-black, #000000);
  }
  .is-green {
    color: var(--color-green-text, #ffffff);
    border-color: var(--color-green, #198754);
    outline-color: var(--color-green, #198754);
    background-color: var(--color-green, #198754);
  }
  .bg-green {
    background-color: var(--color-green, #198754);
  }
  .text-green {
    color: var(--color-green, #198754);
  }
  .border-green {
    border-color: var(--color-green, #198754);
  }
  .outline-green {
    outline-color: var(--color-green, #198754);
  }
  .is-indigo {
    color: var(--color-indigo-text, #ffffff);
    border-color: var(--color-indigo, #6610f2);
    outline-color: var(--color-indigo, #6610f2);
    background-color: var(--color-indigo, #6610f2);
  }
  .bg-indigo {
    background-color: var(--color-indigo, #6610f2);
  }
  .text-indigo {
    color: var(--color-indigo, #6610f2);
  }
  .border-indigo {
    border-color: var(--color-indigo, #6610f2);
  }
  .outline-indigo {
    outline-color: var(--color-indigo, #6610f2);
  }
  .is-purple {
    color: var(--color-purple-text, #ffffff);
    border-color: var(--color-purple, #6f42c1);
    outline-color: var(--color-purple, #6f42c1);
    background-color: var(--color-purple, #6f42c1);
  }
  .bg-purple {
    background-color: var(--color-purple, #6f42c1);
  }
  .text-purple {
    color: var(--color-purple, #6f42c1);
  }
  .border-purple {
    border-color: var(--color-purple, #6f42c1);
  }
  .outline-purple {
    outline-color: var(--color-purple, #6f42c1);
  }
  .is-orange {
    color: var(--color-orange-text, #000000);
    border-color: var(--color-orange, #fd7e14);
    outline-color: var(--color-orange, #fd7e14);
    background-color: var(--color-orange, #fd7e14);
  }
  .bg-orange {
    background-color: var(--color-orange, #fd7e14);
  }
  .text-orange {
    color: var(--color-orange, #fd7e14);
  }
  .border-orange {
    border-color: var(--color-orange, #fd7e14);
  }
  .outline-orange {
    outline-color: var(--color-orange, #fd7e14);
  }
  .is-yellow {
    color: var(--color-yellow-text, #000000);
    border-color: var(--color-yellow, #ffc107);
    outline-color: var(--color-yellow, #ffc107);
    background-color: var(--color-yellow, #ffc107);
  }
  .bg-yellow {
    background-color: var(--color-yellow, #ffc107);
  }
  .text-yellow {
    color: var(--color-yellow, #ffc107);
  }
  .border-yellow {
    border-color: var(--color-yellow, #ffc107);
  }
  .outline-yellow {
    outline-color: var(--color-yellow, #ffc107);
  }
  .is-primary {
    color: var(--color-primary-text, #000000);
    border-color: var(--color-primary, #ddf472);
    outline-color: var(--color-primary, #ddf472);
    background-color: var(--color-primary, #ddf472);
  }
  .bg-primary {
    background-color: var(--color-primary, #ddf472);
  }
  .text-primary {
    color: var(--color-primary, #ddf472);
  }
  .border-primary {
    border-color: var(--color-primary, #ddf472);
  }
  .outline-primary {
    outline-color: var(--color-primary, #ddf472);
  }
  .is-secondary {
    color: var(--color-secondary-text, #000000);
    border-color: var(--color-secondary, #bbd4d4);
    outline-color: var(--color-secondary, #bbd4d4);
    background-color: var(--color-secondary, #bbd4d4);
  }
  .bg-secondary {
    background-color: var(--color-secondary, #bbd4d4);
  }
  .text-secondary {
    color: var(--color-secondary, #bbd4d4);
  }
  .border-secondary {
    border-color: var(--color-secondary, #bbd4d4);
  }
  .outline-secondary {
    outline-color: var(--color-secondary, #bbd4d4);
  }
  .is-tertiary {
    color: var(--color-tertiary-text, #ffffff);
    border-color: var(--color-tertiary, #4d4d4d);
    outline-color: var(--color-tertiary, #4d4d4d);
    background-color: var(--color-tertiary, #4d4d4d);
  }
  .bg-tertiary {
    background-color: var(--color-tertiary, #4d4d4d);
  }
  .text-tertiary {
    color: var(--color-tertiary, #4d4d4d);
  }
  .border-tertiary {
    border-color: var(--color-tertiary, #4d4d4d);
  }
  .outline-tertiary {
    outline-color: var(--color-tertiary, #4d4d4d);
  }
  .is-success {
    color: var(--color-success-text, #ffffff);
    border-color: var(--color-success, #53d258);
    outline-color: var(--color-success, #53d258);
    background-color: var(--color-success, #53d258);
  }
  .bg-success {
    background-color: var(--color-success, #53d258);
  }
  .text-success {
    color: var(--color-success, #53d258);
  }
  .border-success {
    border-color: var(--color-success, #53d258);
  }
  .outline-success {
    outline-color: var(--color-success, #53d258);
  }
  .is-warning {
    color: var(--color-warning-text, #000000);
    border-color: var(--color-warning, #e4c65b);
    outline-color: var(--color-warning, #e4c65b);
    background-color: var(--color-warning, #e4c65b);
  }
  .bg-warning {
    background-color: var(--color-warning, #e4c65b);
  }
  .text-warning {
    color: var(--color-warning, #e4c65b);
  }
  .border-warning {
    border-color: var(--color-warning, #e4c65b);
  }
  .outline-warning {
    outline-color: var(--color-warning, #e4c65b);
  }
  .is-danger {
    color: var(--color-danger-text, #ffffff);
    border-color: var(--color-danger, #e25c5c);
    outline-color: var(--color-danger, #e25c5c);
    background-color: var(--color-danger, #e25c5c);
  }
  .bg-danger {
    background-color: var(--color-danger, #e25c5c);
  }
  .text-danger {
    color: var(--color-danger, #e25c5c);
  }
  .border-danger {
    border-color: var(--color-danger, #e25c5c);
  }
  .outline-danger {
    outline-color: var(--color-danger, #e25c5c);
  }
  .is-info {
    color: var(--color-info-text, #ffffff);
    border-color: var(--color-info, #2685ca);
    outline-color: var(--color-info, #2685ca);
    background-color: var(--color-info, #2685ca);
  }
  .bg-info {
    background-color: var(--color-info, #2685ca);
  }
  .text-info {
    color: var(--color-info, #2685ca);
  }
  .border-info {
    border-color: var(--color-info, #2685ca);
  }
  .outline-info {
    outline-color: var(--color-info, #2685ca);
  }
  .is-tint {
    color: var(--color-tint-text, #000000);
    border-color: var(--color-tint, #f7f7f7);
    outline-color: var(--color-tint, #f7f7f7);
    background-color: var(--color-tint, #f7f7f7);
  }
  .bg-tint {
    background-color: var(--color-tint, #f7f7f7);
  }
  .text-tint {
    color: var(--color-tint, #f7f7f7);
  }
  .border-tint {
    border-color: var(--color-tint, #f7f7f7);
  }
  .outline-tint {
    outline-color: var(--color-tint, #f7f7f7);
  }
  .is-gray {
    color: var(--color-gray-text, #000000);
    border-color: var(--color-gray, #eaeaea);
    outline-color: var(--color-gray, #eaeaea);
    background-color: var(--color-gray, #eaeaea);
  }
  .bg-gray {
    background-color: var(--color-gray, #eaeaea);
  }
  .text-gray {
    color: var(--color-gray, #eaeaea);
  }
  .border-gray {
    border-color: var(--color-gray, #eaeaea);
  }
  .outline-gray {
    outline-color: var(--color-gray, #eaeaea);
  }
  .is-soft {
    color: var(--color-soft-text, #000000);
    border-color: var(--color-soft, #dee8e8);
    outline-color: var(--color-soft, #dee8e8);
    background-color: var(--color-soft, #dee8e8);
  }
  .bg-soft {
    background-color: var(--color-soft, #dee8e8);
  }
  .text-soft {
    color: var(--color-soft, #dee8e8);
  }
  .border-soft {
    border-color: var(--color-soft, #dee8e8);
  }
  .outline-soft {
    outline-color: var(--color-soft, #dee8e8);
  }
  .is-warm {
    color: var(--color-warm-text, #000000);
    border-color: var(--color-warm, #eaeaea);
    outline-color: var(--color-warm, #eaeaea);
    background-color: var(--color-warm, #eaeaea);
  }
  .bg-warm {
    background-color: var(--color-warm, #eaeaea);
  }
  .text-warm {
    color: var(--color-warm, #eaeaea);
  }
  .border-warm {
    border-color: var(--color-warm, #eaeaea);
  }
  .outline-warm {
    outline-color: var(--color-warm, #eaeaea);
  }
  .is-rich {
    color: var(--color-rich-text, #ffffff);
    border-color: var(--color-rich, #5bbb7b);
    outline-color: var(--color-rich, #5bbb7b);
    background-color: var(--color-rich, #5bbb7b);
  }
  .bg-rich {
    background-color: var(--color-rich, #5bbb7b);
  }
  .text-rich {
    color: var(--color-rich, #5bbb7b);
  }
  .border-rich {
    border-color: var(--color-rich, #5bbb7b);
  }
  .outline-rich {
    outline-color: var(--color-rich, #5bbb7b);
  }
  .is-deep {
    color: var(--color-deep-text, #ffffff);
    border-color: var(--color-deep, #5bbb7b);
    outline-color: var(--color-deep, #5bbb7b);
    background-color: var(--color-deep, #5bbb7b);
  }
  .bg-deep {
    background-color: var(--color-deep, #5bbb7b);
  }
  .text-deep {
    color: var(--color-deep, #5bbb7b);
  }
  .border-deep {
    border-color: var(--color-deep, #5bbb7b);
  }
  .outline-deep {
    outline-color: var(--color-deep, #5bbb7b);
  }
  .is-dark {
    color: var(--color-dark-text, #ffffff);
    border-color: var(--color-dark, #272727);
    outline-color: var(--color-dark, #272727);
    background-color: var(--color-dark, #272727);
  }
  .bg-dark {
    background-color: var(--color-dark, #272727);
  }
  .text-dark {
    color: var(--color-dark, #272727);
  }
  .border-dark {
    border-color: var(--color-dark, #272727);
  }
  .outline-dark {
    outline-color: var(--color-dark, #272727);
  }
  .is-tone-1 {
    color: var(--color-tone-1-text, #ffffff);
    border-color: var(--color-tone-1, #006d77);
    outline-color: var(--color-tone-1, #006d77);
    background-color: var(--color-tone-1, #006d77);
  }
  .bg-tone-1 {
    background-color: var(--color-tone-1, #006d77);
  }
  .text-tone-1 {
    color: var(--color-tone-1, #006d77);
  }
  .border-tone-1 {
    border-color: var(--color-tone-1, #006d77);
  }
  .outline-tone-1 {
    outline-color: var(--color-tone-1, #006d77);
  }
  .is-tone-2 {
    color: var(--color-tone-2-text, #000000);
    border-color: var(--color-tone-2, #83c5be);
    outline-color: var(--color-tone-2, #83c5be);
    background-color: var(--color-tone-2, #83c5be);
  }
  .bg-tone-2 {
    background-color: var(--color-tone-2, #83c5be);
  }
  .text-tone-2 {
    color: var(--color-tone-2, #83c5be);
  }
  .border-tone-2 {
    border-color: var(--color-tone-2, #83c5be);
  }
  .outline-tone-2 {
    outline-color: var(--color-tone-2, #83c5be);
  }
  .is-tone-3 {
    color: var(--color-tone-3-text, #000000);
    border-color: var(--color-tone-3, #afeae4);
    outline-color: var(--color-tone-3, #afeae4);
    background-color: var(--color-tone-3, #afeae4);
  }
  .bg-tone-3 {
    background-color: var(--color-tone-3, #afeae4);
  }
  .text-tone-3 {
    color: var(--color-tone-3, #afeae4);
  }
  .border-tone-3 {
    border-color: var(--color-tone-3, #afeae4);
  }
  .outline-tone-3 {
    outline-color: var(--color-tone-3, #afeae4);
  }
  .is-tone-4 {
    color: var(--color-tone-4-text, #000000);
    border-color: var(--color-tone-4, #faede3);
    outline-color: var(--color-tone-4, #faede3);
    background-color: var(--color-tone-4, #faede3);
  }
  .bg-tone-4 {
    background-color: var(--color-tone-4, #faede3);
  }
  .text-tone-4 {
    color: var(--color-tone-4, #faede3);
  }
  .border-tone-4 {
    border-color: var(--color-tone-4, #faede3);
  }
  .outline-tone-4 {
    outline-color: var(--color-tone-4, #faede3);
  }
  .is-tone-5 {
    color: var(--color-tone-5-text, #000000);
    border-color: var(--color-tone-5, #ffddd2);
    outline-color: var(--color-tone-5, #ffddd2);
    background-color: var(--color-tone-5, #ffddd2);
  }
  .bg-tone-5 {
    background-color: var(--color-tone-5, #ffddd2);
  }
  .text-tone-5 {
    color: var(--color-tone-5, #ffddd2);
  }
  .border-tone-5 {
    border-color: var(--color-tone-5, #ffddd2);
  }
  .outline-tone-5 {
    outline-color: var(--color-tone-5, #ffddd2);
  }
  .is-tone-6 {
    color: var(--color-tone-6-text, #ffffff);
    border-color: var(--color-tone-6, #e29578);
    outline-color: var(--color-tone-6, #e29578);
    background-color: var(--color-tone-6, #e29578);
  }
  .bg-tone-6 {
    background-color: var(--color-tone-6, #e29578);
  }
  .text-tone-6 {
    color: var(--color-tone-6, #e29578);
  }
  .border-tone-6 {
    border-color: var(--color-tone-6, #e29578);
  }
  .outline-tone-6 {
    outline-color: var(--color-tone-6, #e29578);
  }
  .is-tone-7 {
    color: var(--color-tone-7-text, #000000);
    border-color: var(--color-tone-7, #ffd166);
    outline-color: var(--color-tone-7, #ffd166);
    background-color: var(--color-tone-7, #ffd166);
  }
  .bg-tone-7 {
    background-color: var(--color-tone-7, #ffd166);
  }
  .text-tone-7 {
    color: var(--color-tone-7, #ffd166);
  }
  .border-tone-7 {
    border-color: var(--color-tone-7, #ffd166);
  }
  .outline-tone-7 {
    outline-color: var(--color-tone-7, #ffd166);
  }
  .is-gray-05 {
    color: var(--color-gray-05-text, #000000);
    border-color: var(--color-gray-05, #f9fafb);
    outline-color: var(--color-gray-05, #f9fafb);
    background-color: var(--color-gray-05, #f9fafb);
  }
  .bg-gray-05 {
    background-color: var(--color-gray-05, #f9fafb);
  }
  .text-gray-05 {
    color: var(--color-gray-05, #f9fafb);
  }
  .border-gray-05 {
    border-color: var(--color-gray-05, #f9fafb);
  }
  .outline-gray-05 {
    outline-color: var(--color-gray-05, #f9fafb);
  }
  .is-gray-10 {
    color: var(--color-gray-10-text, #000000);
    border-color: var(--color-gray-10, #f2f4f7);
    outline-color: var(--color-gray-10, #f2f4f7);
    background-color: var(--color-gray-10, #f2f4f7);
  }
  .bg-gray-10 {
    background-color: var(--color-gray-10, #f2f4f7);
  }
  .text-gray-10 {
    color: var(--color-gray-10, #f2f4f7);
  }
  .border-gray-10 {
    border-color: var(--color-gray-10, #f2f4f7);
  }
  .outline-gray-10 {
    outline-color: var(--color-gray-10, #f2f4f7);
  }
  .is-gray-20 {
    color: var(--color-gray-20-text, #000000);
    border-color: var(--color-gray-20, #e4e7ec);
    outline-color: var(--color-gray-20, #e4e7ec);
    background-color: var(--color-gray-20, #e4e7ec);
  }
  .bg-gray-20 {
    background-color: var(--color-gray-20, #e4e7ec);
  }
  .text-gray-20 {
    color: var(--color-gray-20, #e4e7ec);
  }
  .border-gray-20 {
    border-color: var(--color-gray-20, #e4e7ec);
  }
  .outline-gray-20 {
    outline-color: var(--color-gray-20, #e4e7ec);
  }
  .is-gray-30 {
    color: var(--color-gray-30-text, #000000);
    border-color: var(--color-gray-30, #d0d5dd);
    outline-color: var(--color-gray-30, #d0d5dd);
    background-color: var(--color-gray-30, #d0d5dd);
  }
  .bg-gray-30 {
    background-color: var(--color-gray-30, #d0d5dd);
  }
  .text-gray-30 {
    color: var(--color-gray-30, #d0d5dd);
  }
  .border-gray-30 {
    border-color: var(--color-gray-30, #d0d5dd);
  }
  .outline-gray-30 {
    outline-color: var(--color-gray-30, #d0d5dd);
  }
  .is-gray-40 {
    color: var(--color-gray-40-text, #ffffff);
    border-color: var(--color-gray-40, #98a2b3);
    outline-color: var(--color-gray-40, #98a2b3);
    background-color: var(--color-gray-40, #98a2b3);
  }
  .bg-gray-40 {
    background-color: var(--color-gray-40, #98a2b3);
  }
  .text-gray-40 {
    color: var(--color-gray-40, #98a2b3);
  }
  .border-gray-40 {
    border-color: var(--color-gray-40, #98a2b3);
  }
  .outline-gray-40 {
    outline-color: var(--color-gray-40, #98a2b3);
  }
  .is-gray-50 {
    color: var(--color-gray-50-text, #ffffff);
    border-color: var(--color-gray-50, #667085);
    outline-color: var(--color-gray-50, #667085);
    background-color: var(--color-gray-50, #667085);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50, #667085);
  }
  .text-gray-50 {
    color: var(--color-gray-50, #667085);
  }
  .border-gray-50 {
    border-color: var(--color-gray-50, #667085);
  }
  .outline-gray-50 {
    outline-color: var(--color-gray-50, #667085);
  }
  .is-gray-60 {
    color: var(--color-gray-60-text, #ffffff);
    border-color: var(--color-gray-60, #475467);
    outline-color: var(--color-gray-60, #475467);
    background-color: var(--color-gray-60, #475467);
  }
  .bg-gray-60 {
    background-color: var(--color-gray-60, #475467);
  }
  .text-gray-60 {
    color: var(--color-gray-60, #475467);
  }
  .border-gray-60 {
    border-color: var(--color-gray-60, #475467);
  }
  .outline-gray-60 {
    outline-color: var(--color-gray-60, #475467);
  }
  .is-gray-70 {
    color: var(--color-gray-70-text, #ffffff);
    border-color: var(--color-gray-70, #344054);
    outline-color: var(--color-gray-70, #344054);
    background-color: var(--color-gray-70, #344054);
  }
  .bg-gray-70 {
    background-color: var(--color-gray-70, #344054);
  }
  .text-gray-70 {
    color: var(--color-gray-70, #344054);
  }
  .border-gray-70 {
    border-color: var(--color-gray-70, #344054);
  }
  .outline-gray-70 {
    outline-color: var(--color-gray-70, #344054);
  }
  .is-gray-80 {
    color: var(--color-gray-80-text, #ffffff);
    border-color: var(--color-gray-80, #1d2939);
    outline-color: var(--color-gray-80, #1d2939);
    background-color: var(--color-gray-80, #1d2939);
  }
  .bg-gray-80 {
    background-color: var(--color-gray-80, #1d2939);
  }
  .text-gray-80 {
    color: var(--color-gray-80, #1d2939);
  }
  .border-gray-80 {
    border-color: var(--color-gray-80, #1d2939);
  }
  .outline-gray-80 {
    outline-color: var(--color-gray-80, #1d2939);
  }
  .is-gray-90 {
    color: var(--color-gray-90-text, #ffffff);
    border-color: var(--color-gray-90, #101828);
    outline-color: var(--color-gray-90, #101828);
    background-color: var(--color-gray-90, #101828);
  }
  .bg-gray-90 {
    background-color: var(--color-gray-90, #101828);
  }
  .text-gray-90 {
    color: var(--color-gray-90, #101828);
  }
  .border-gray-90 {
    border-color: var(--color-gray-90, #101828);
  }
  .outline-gray-90 {
    outline-color: var(--color-gray-90, #101828);
  }
  .is-skin-1 {
    color: var(--color-skin-1-text, #000000);
    border-color: var(--color-skin-1, #f9fafb);
    outline-color: var(--color-skin-1, #f9fafb);
    background-color: var(--color-skin-1, #f9fafb);
  }
  .bg-skin-1 {
    background-color: var(--color-skin-1, #f9fafb);
  }
  .text-skin-1 {
    color: var(--color-skin-1, #f9fafb);
  }
  .border-skin-1 {
    border-color: var(--color-skin-1, #f9fafb);
  }
  .outline-skin-1 {
    outline-color: var(--color-skin-1, #f9fafb);
  }
  .is-skin-2 {
    color: var(--color-skin-2-text, #000000);
    border-color: var(--color-skin-2, #f2f4f7);
    outline-color: var(--color-skin-2, #f2f4f7);
    background-color: var(--color-skin-2, #f2f4f7);
  }
  .bg-skin-2 {
    background-color: var(--color-skin-2, #f2f4f7);
  }
  .text-skin-2 {
    color: var(--color-skin-2, #f2f4f7);
  }
  .border-skin-2 {
    border-color: var(--color-skin-2, #f2f4f7);
  }
  .outline-skin-2 {
    outline-color: var(--color-skin-2, #f2f4f7);
  }
  .is-skin-3 {
    color: var(--color-skin-3-text, #000000);
    border-color: var(--color-skin-3, #e4e7ec);
    outline-color: var(--color-skin-3, #e4e7ec);
    background-color: var(--color-skin-3, #e4e7ec);
  }
  .bg-skin-3 {
    background-color: var(--color-skin-3, #e4e7ec);
  }
  .text-skin-3 {
    color: var(--color-skin-3, #e4e7ec);
  }
  .border-skin-3 {
    border-color: var(--color-skin-3, #e4e7ec);
  }
  .outline-skin-3 {
    outline-color: var(--color-skin-3, #e4e7ec);
  }
  .is-skin-4 {
    color: var(--color-skin-4-text, #000000);
    border-color: var(--color-skin-4, #d0d5dd);
    outline-color: var(--color-skin-4, #d0d5dd);
    background-color: var(--color-skin-4, #d0d5dd);
  }
  .bg-skin-4 {
    background-color: var(--color-skin-4, #d0d5dd);
  }
  .text-skin-4 {
    color: var(--color-skin-4, #d0d5dd);
  }
  .border-skin-4 {
    border-color: var(--color-skin-4, #d0d5dd);
  }
  .outline-skin-4 {
    outline-color: var(--color-skin-4, #d0d5dd);
  }
  .is-skin-5 {
    color: var(--color-skin-5-text, #ffffff);
    border-color: var(--color-skin-5, #98a2b3);
    outline-color: var(--color-skin-5, #98a2b3);
    background-color: var(--color-skin-5, #98a2b3);
  }
  .bg-skin-5 {
    background-color: var(--color-skin-5, #98a2b3);
  }
  .text-skin-5 {
    color: var(--color-skin-5, #98a2b3);
  }
  .border-skin-5 {
    border-color: var(--color-skin-5, #98a2b3);
  }
  .outline-skin-5 {
    outline-color: var(--color-skin-5, #98a2b3);
  }
  .is-skin-6 {
    color: var(--color-skin-6-text, #ffffff);
    border-color: var(--color-skin-6, #667085);
    outline-color: var(--color-skin-6, #667085);
    background-color: var(--color-skin-6, #667085);
  }
  .bg-skin-6 {
    background-color: var(--color-skin-6, #667085);
  }
  .text-skin-6 {
    color: var(--color-skin-6, #667085);
  }
  .border-skin-6 {
    border-color: var(--color-skin-6, #667085);
  }
  .outline-skin-6 {
    outline-color: var(--color-skin-6, #667085);
  }
  .is-skin-7 {
    color: var(--color-skin-7-text, #ffffff);
    border-color: var(--color-skin-7, #475467);
    outline-color: var(--color-skin-7, #475467);
    background-color: var(--color-skin-7, #475467);
  }
  .bg-skin-7 {
    background-color: var(--color-skin-7, #475467);
  }
  .text-skin-7 {
    color: var(--color-skin-7, #475467);
  }
  .border-skin-7 {
    border-color: var(--color-skin-7, #475467);
  }
  .outline-skin-7 {
    outline-color: var(--color-skin-7, #475467);
  }
  .is-skin-8 {
    color: var(--color-skin-8-text, #ffffff);
    border-color: var(--color-skin-8, #344054);
    outline-color: var(--color-skin-8, #344054);
    background-color: var(--color-skin-8, #344054);
  }
  .bg-skin-8 {
    background-color: var(--color-skin-8, #344054);
  }
  .text-skin-8 {
    color: var(--color-skin-8, #344054);
  }
  .border-skin-8 {
    border-color: var(--color-skin-8, #344054);
  }
  .outline-skin-8 {
    outline-color: var(--color-skin-8, #344054);
  }
  .is-skin-9 {
    color: var(--color-skin-9-text, #ffffff);
    border-color: var(--color-skin-9, #1d2939);
    outline-color: var(--color-skin-9, #1d2939);
    background-color: var(--color-skin-9, #1d2939);
  }
  .bg-skin-9 {
    background-color: var(--color-skin-9, #1d2939);
  }
  .text-skin-9 {
    color: var(--color-skin-9, #1d2939);
  }
  .border-skin-9 {
    border-color: var(--color-skin-9, #1d2939);
  }
  .outline-skin-9 {
    outline-color: var(--color-skin-9, #1d2939);
  }
  .is-skin-10 {
    color: var(--color-skin-10-text, #ffffff);
    border-color: var(--color-skin-10, #101828);
    outline-color: var(--color-skin-10, #101828);
    background-color: var(--color-skin-10, #101828);
  }
  .bg-skin-10 {
    background-color: var(--color-skin-10, #101828);
  }
  .text-skin-10 {
    color: var(--color-skin-10, #101828);
  }
  .border-skin-10 {
    border-color: var(--color-skin-10, #101828);
  }
  .outline-skin-10 {
    outline-color: var(--color-skin-10, #101828);
  }
  .text-10-md {
    font-size: 10px !important;
  }
  .m-10-md {
    margin: 10px !important;
  }
  .ml-10-md {
    margin-left: 10px !important;
  }
  .mt-10-md {
    margin-top: 10px !important;
  }
  .mr-10-md {
    margin-right: 10px !important;
  }
  .mb-10-md {
    margin-bottom: 10px !important;
  }
  .mh-10-md {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mv-10-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .p-10-md {
    padding: 10px !important;
  }
  .pl-10-md {
    padding-left: 10px !important;
  }
  .pt-10-md {
    padding-top: 10px !important;
  }
  .pr-10-md {
    padding-right: 10px !important;
  }
  .pb-10-md {
    padding-bottom: 10px !important;
  }
  .ph-10-md {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pv-10-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .s-10-md {
    width: 10px !important;
    height: 10px !important;
  }
  .w-10-md {
    width: 10px !important;
  }
  .h-10-md {
    height: 10px !important;
  }
  .a-10-md {
    margin-left: auto;
    margin-right: auto;
    width: 10px;
    max-width: 10px;
  }
  .text-12-md {
    font-size: 12px !important;
  }
  .m-12-md {
    margin: 12px !important;
  }
  .ml-12-md {
    margin-left: 12px !important;
  }
  .mt-12-md {
    margin-top: 12px !important;
  }
  .mr-12-md {
    margin-right: 12px !important;
  }
  .mb-12-md {
    margin-bottom: 12px !important;
  }
  .mh-12-md {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mv-12-md {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-12-md {
    padding: 12px !important;
  }
  .pl-12-md {
    padding-left: 12px !important;
  }
  .pt-12-md {
    padding-top: 12px !important;
  }
  .pr-12-md {
    padding-right: 12px !important;
  }
  .pb-12-md {
    padding-bottom: 12px !important;
  }
  .ph-12-md {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pv-12-md {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .s-12-md {
    width: 12px !important;
    height: 12px !important;
  }
  .w-12-md {
    width: 12px !important;
  }
  .h-12-md {
    height: 12px !important;
  }
  .a-12-md {
    margin-left: auto;
    margin-right: auto;
    width: 12px;
    max-width: 12px;
  }
  .text-14-md {
    font-size: 14px !important;
  }
  .m-14-md {
    margin: 14px !important;
  }
  .ml-14-md {
    margin-left: 14px !important;
  }
  .mt-14-md {
    margin-top: 14px !important;
  }
  .mr-14-md {
    margin-right: 14px !important;
  }
  .mb-14-md {
    margin-bottom: 14px !important;
  }
  .mh-14-md {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  .mv-14-md {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }
  .p-14-md {
    padding: 14px !important;
  }
  .pl-14-md {
    padding-left: 14px !important;
  }
  .pt-14-md {
    padding-top: 14px !important;
  }
  .pr-14-md {
    padding-right: 14px !important;
  }
  .pb-14-md {
    padding-bottom: 14px !important;
  }
  .ph-14-md {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .pv-14-md {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .s-14-md {
    width: 14px !important;
    height: 14px !important;
  }
  .w-14-md {
    width: 14px !important;
  }
  .h-14-md {
    height: 14px !important;
  }
  .a-14-md {
    margin-left: auto;
    margin-right: auto;
    width: 14px;
    max-width: 14px;
  }
  .text-16-md {
    font-size: 16px !important;
  }
  .m-16-md {
    margin: 16px !important;
  }
  .ml-16-md {
    margin-left: 16px !important;
  }
  .mt-16-md {
    margin-top: 16px !important;
  }
  .mr-16-md {
    margin-right: 16px !important;
  }
  .mb-16-md {
    margin-bottom: 16px !important;
  }
  .mh-16-md {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mv-16-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-16-md {
    padding: 16px !important;
  }
  .pl-16-md {
    padding-left: 16px !important;
  }
  .pt-16-md {
    padding-top: 16px !important;
  }
  .pr-16-md {
    padding-right: 16px !important;
  }
  .pb-16-md {
    padding-bottom: 16px !important;
  }
  .ph-16-md {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pv-16-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .s-16-md {
    width: 16px !important;
    height: 16px !important;
  }
  .w-16-md {
    width: 16px !important;
  }
  .h-16-md {
    height: 16px !important;
  }
  .a-16-md {
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    max-width: 16px;
  }
  .text-20-md {
    font-size: 20px !important;
  }
  .m-20-md {
    margin: 20px !important;
  }
  .ml-20-md {
    margin-left: 20px !important;
  }
  .mt-20-md {
    margin-top: 20px !important;
  }
  .mr-20-md {
    margin-right: 20px !important;
  }
  .mb-20-md {
    margin-bottom: 20px !important;
  }
  .mh-20-md {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mv-20-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-20-md {
    padding: 20px !important;
  }
  .pl-20-md {
    padding-left: 20px !important;
  }
  .pt-20-md {
    padding-top: 20px !important;
  }
  .pr-20-md {
    padding-right: 20px !important;
  }
  .pb-20-md {
    padding-bottom: 20px !important;
  }
  .ph-20-md {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pv-20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .s-20-md {
    width: 20px !important;
    height: 20px !important;
  }
  .w-20-md {
    width: 20px !important;
  }
  .h-20-md {
    height: 20px !important;
  }
  .a-20-md {
    margin-left: auto;
    margin-right: auto;
    width: 20px;
    max-width: 20px;
  }
  .text-24-md {
    font-size: 24px !important;
  }
  .m-24-md {
    margin: 24px !important;
  }
  .ml-24-md {
    margin-left: 24px !important;
  }
  .mt-24-md {
    margin-top: 24px !important;
  }
  .mr-24-md {
    margin-right: 24px !important;
  }
  .mb-24-md {
    margin-bottom: 24px !important;
  }
  .mh-24-md {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mv-24-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-24-md {
    padding: 24px !important;
  }
  .pl-24-md {
    padding-left: 24px !important;
  }
  .pt-24-md {
    padding-top: 24px !important;
  }
  .pr-24-md {
    padding-right: 24px !important;
  }
  .pb-24-md {
    padding-bottom: 24px !important;
  }
  .ph-24-md {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pv-24-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .s-24-md {
    width: 24px !important;
    height: 24px !important;
  }
  .w-24-md {
    width: 24px !important;
  }
  .h-24-md {
    height: 24px !important;
  }
  .a-24-md {
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    max-width: 24px;
  }
  .text-28-md {
    font-size: 28px !important;
  }
  .m-28-md {
    margin: 28px !important;
  }
  .ml-28-md {
    margin-left: 28px !important;
  }
  .mt-28-md {
    margin-top: 28px !important;
  }
  .mr-28-md {
    margin-right: 28px !important;
  }
  .mb-28-md {
    margin-bottom: 28px !important;
  }
  .mh-28-md {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .mv-28-md {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .p-28-md {
    padding: 28px !important;
  }
  .pl-28-md {
    padding-left: 28px !important;
  }
  .pt-28-md {
    padding-top: 28px !important;
  }
  .pr-28-md {
    padding-right: 28px !important;
  }
  .pb-28-md {
    padding-bottom: 28px !important;
  }
  .ph-28-md {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .pv-28-md {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .s-28-md {
    width: 28px !important;
    height: 28px !important;
  }
  .w-28-md {
    width: 28px !important;
  }
  .h-28-md {
    height: 28px !important;
  }
  .a-28-md {
    margin-left: auto;
    margin-right: auto;
    width: 28px;
    max-width: 28px;
  }
  .text-32-md {
    font-size: 32px !important;
  }
  .m-32-md {
    margin: 32px !important;
  }
  .ml-32-md {
    margin-left: 32px !important;
  }
  .mt-32-md {
    margin-top: 32px !important;
  }
  .mr-32-md {
    margin-right: 32px !important;
  }
  .mb-32-md {
    margin-bottom: 32px !important;
  }
  .mh-32-md {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mv-32-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-32-md {
    padding: 32px !important;
  }
  .pl-32-md {
    padding-left: 32px !important;
  }
  .pt-32-md {
    padding-top: 32px !important;
  }
  .pr-32-md {
    padding-right: 32px !important;
  }
  .pb-32-md {
    padding-bottom: 32px !important;
  }
  .ph-32-md {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .pv-32-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .s-32-md {
    width: 32px !important;
    height: 32px !important;
  }
  .w-32-md {
    width: 32px !important;
  }
  .h-32-md {
    height: 32px !important;
  }
  .a-32-md {
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    max-width: 32px;
  }
  .text-40-md {
    font-size: 40px !important;
  }
  .m-40-md {
    margin: 40px !important;
  }
  .ml-40-md {
    margin-left: 40px !important;
  }
  .mt-40-md {
    margin-top: 40px !important;
  }
  .mr-40-md {
    margin-right: 40px !important;
  }
  .mb-40-md {
    margin-bottom: 40px !important;
  }
  .mh-40-md {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mv-40-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-40-md {
    padding: 40px !important;
  }
  .pl-40-md {
    padding-left: 40px !important;
  }
  .pt-40-md {
    padding-top: 40px !important;
  }
  .pr-40-md {
    padding-right: 40px !important;
  }
  .pb-40-md {
    padding-bottom: 40px !important;
  }
  .ph-40-md {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pv-40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .s-40-md {
    width: 40px !important;
    height: 40px !important;
  }
  .w-40-md {
    width: 40px !important;
  }
  .h-40-md {
    height: 40px !important;
  }
  .a-40-md {
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    max-width: 40px;
  }
  .text-48-md {
    font-size: 48px !important;
  }
  .m-48-md {
    margin: 48px !important;
  }
  .ml-48-md {
    margin-left: 48px !important;
  }
  .mt-48-md {
    margin-top: 48px !important;
  }
  .mr-48-md {
    margin-right: 48px !important;
  }
  .mb-48-md {
    margin-bottom: 48px !important;
  }
  .mh-48-md {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mv-48-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-48-md {
    padding: 48px !important;
  }
  .pl-48-md {
    padding-left: 48px !important;
  }
  .pt-48-md {
    padding-top: 48px !important;
  }
  .pr-48-md {
    padding-right: 48px !important;
  }
  .pb-48-md {
    padding-bottom: 48px !important;
  }
  .ph-48-md {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .pv-48-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .s-48-md {
    width: 48px !important;
    height: 48px !important;
  }
  .w-48-md {
    width: 48px !important;
  }
  .h-48-md {
    height: 48px !important;
  }
  .a-48-md {
    margin-left: auto;
    margin-right: auto;
    width: 48px;
    max-width: 48px;
  }
  .text-50-md {
    font-size: 50px !important;
  }
  .m-50-md {
    margin: 50px !important;
  }
  .ml-50-md {
    margin-left: 50px !important;
  }
  .mt-50-md {
    margin-top: 50px !important;
  }
  .mr-50-md {
    margin-right: 50px !important;
  }
  .mb-50-md {
    margin-bottom: 50px !important;
  }
  .mh-50-md {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mv-50-md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .p-50-md {
    padding: 50px !important;
  }
  .pl-50-md {
    padding-left: 50px !important;
  }
  .pt-50-md {
    padding-top: 50px !important;
  }
  .pr-50-md {
    padding-right: 50px !important;
  }
  .pb-50-md {
    padding-bottom: 50px !important;
  }
  .ph-50-md {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pv-50-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .s-50-md {
    width: 50px !important;
    height: 50px !important;
  }
  .w-50-md {
    width: 50px !important;
  }
  .h-50-md {
    height: 50px !important;
  }
  .a-50-md {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    max-width: 50px;
  }
  .text-75-md {
    font-size: 75px !important;
  }
  .m-75-md {
    margin: 75px !important;
  }
  .ml-75-md {
    margin-left: 75px !important;
  }
  .mt-75-md {
    margin-top: 75px !important;
  }
  .mr-75-md {
    margin-right: 75px !important;
  }
  .mb-75-md {
    margin-bottom: 75px !important;
  }
  .mh-75-md {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mv-75-md {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .p-75-md {
    padding: 75px !important;
  }
  .pl-75-md {
    padding-left: 75px !important;
  }
  .pt-75-md {
    padding-top: 75px !important;
  }
  .pr-75-md {
    padding-right: 75px !important;
  }
  .pb-75-md {
    padding-bottom: 75px !important;
  }
  .ph-75-md {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pv-75-md {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .s-75-md {
    width: 75px !important;
    height: 75px !important;
  }
  .w-75-md {
    width: 75px !important;
  }
  .h-75-md {
    height: 75px !important;
  }
  .a-75-md {
    margin-left: auto;
    margin-right: auto;
    width: 75px;
    max-width: 75px;
  }
  .text-100-md {
    font-size: 100px !important;
  }
  .m-100-md {
    margin: 100px !important;
  }
  .ml-100-md {
    margin-left: 100px !important;
  }
  .mt-100-md {
    margin-top: 100px !important;
  }
  .mr-100-md {
    margin-right: 100px !important;
  }
  .mb-100-md {
    margin-bottom: 100px !important;
  }
  .mh-100-md {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mv-100-md {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .p-100-md {
    padding: 100px !important;
  }
  .pl-100-md {
    padding-left: 100px !important;
  }
  .pt-100-md {
    padding-top: 100px !important;
  }
  .pr-100-md {
    padding-right: 100px !important;
  }
  .pb-100-md {
    padding-bottom: 100px !important;
  }
  .ph-100-md {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pv-100-md {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .s-100-md {
    width: 100px !important;
    height: 100px !important;
  }
  .w-100-md {
    width: 100px !important;
  }
  .h-100-md {
    height: 100px !important;
  }
  .a-100-md {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    max-width: 100px;
  }
  .text-150-md {
    font-size: 150px !important;
  }
  .m-150-md {
    margin: 150px !important;
  }
  .ml-150-md {
    margin-left: 150px !important;
  }
  .mt-150-md {
    margin-top: 150px !important;
  }
  .mr-150-md {
    margin-right: 150px !important;
  }
  .mb-150-md {
    margin-bottom: 150px !important;
  }
  .mh-150-md {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
  .mv-150-md {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
  .p-150-md {
    padding: 150px !important;
  }
  .pl-150-md {
    padding-left: 150px !important;
  }
  .pt-150-md {
    padding-top: 150px !important;
  }
  .pr-150-md {
    padding-right: 150px !important;
  }
  .pb-150-md {
    padding-bottom: 150px !important;
  }
  .ph-150-md {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .pv-150-md {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .s-150-md {
    width: 150px !important;
    height: 150px !important;
  }
  .w-150-md {
    width: 150px !important;
  }
  .h-150-md {
    height: 150px !important;
  }
  .a-150-md {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    max-width: 150px;
  }
  .text-200-md {
    font-size: 200px !important;
  }
  .m-200-md {
    margin: 200px !important;
  }
  .ml-200-md {
    margin-left: 200px !important;
  }
  .mt-200-md {
    margin-top: 200px !important;
  }
  .mr-200-md {
    margin-right: 200px !important;
  }
  .mb-200-md {
    margin-bottom: 200px !important;
  }
  .mh-200-md {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
  .mv-200-md {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .p-200-md {
    padding: 200px !important;
  }
  .pl-200-md {
    padding-left: 200px !important;
  }
  .pt-200-md {
    padding-top: 200px !important;
  }
  .pr-200-md {
    padding-right: 200px !important;
  }
  .pb-200-md {
    padding-bottom: 200px !important;
  }
  .ph-200-md {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .pv-200-md {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .s-200-md {
    width: 200px !important;
    height: 200px !important;
  }
  .w-200-md {
    width: 200px !important;
  }
  .h-200-md {
    height: 200px !important;
  }
  .a-200-md {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    max-width: 200px;
  }
  .text-250-md {
    font-size: 250px !important;
  }
  .m-250-md {
    margin: 250px !important;
  }
  .ml-250-md {
    margin-left: 250px !important;
  }
  .mt-250-md {
    margin-top: 250px !important;
  }
  .mr-250-md {
    margin-right: 250px !important;
  }
  .mb-250-md {
    margin-bottom: 250px !important;
  }
  .mh-250-md {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }
  .mv-250-md {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }
  .p-250-md {
    padding: 250px !important;
  }
  .pl-250-md {
    padding-left: 250px !important;
  }
  .pt-250-md {
    padding-top: 250px !important;
  }
  .pr-250-md {
    padding-right: 250px !important;
  }
  .pb-250-md {
    padding-bottom: 250px !important;
  }
  .ph-250-md {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }
  .pv-250-md {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
  .s-250-md {
    width: 250px !important;
    height: 250px !important;
  }
  .w-250-md {
    width: 250px !important;
  }
  .h-250-md {
    height: 250px !important;
  }
  .a-250-md {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    max-width: 250px;
  }
  .text-300-md {
    font-size: 300px !important;
  }
  .m-300-md {
    margin: 300px !important;
  }
  .ml-300-md {
    margin-left: 300px !important;
  }
  .mt-300-md {
    margin-top: 300px !important;
  }
  .mr-300-md {
    margin-right: 300px !important;
  }
  .mb-300-md {
    margin-bottom: 300px !important;
  }
  .mh-300-md {
    margin-left: 300px !important;
    margin-right: 300px !important;
  }
  .mv-300-md {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
  }
  .p-300-md {
    padding: 300px !important;
  }
  .pl-300-md {
    padding-left: 300px !important;
  }
  .pt-300-md {
    padding-top: 300px !important;
  }
  .pr-300-md {
    padding-right: 300px !important;
  }
  .pb-300-md {
    padding-bottom: 300px !important;
  }
  .ph-300-md {
    padding-left: 300px !important;
    padding-right: 300px !important;
  }
  .pv-300-md {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .s-300-md {
    width: 300px !important;
    height: 300px !important;
  }
  .w-300-md {
    width: 300px !important;
  }
  .h-300-md {
    height: 300px !important;
  }
  .a-300-md {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    max-width: 300px;
  }
  .text-350-md {
    font-size: 350px !important;
  }
  .m-350-md {
    margin: 350px !important;
  }
  .ml-350-md {
    margin-left: 350px !important;
  }
  .mt-350-md {
    margin-top: 350px !important;
  }
  .mr-350-md {
    margin-right: 350px !important;
  }
  .mb-350-md {
    margin-bottom: 350px !important;
  }
  .mh-350-md {
    margin-left: 350px !important;
    margin-right: 350px !important;
  }
  .mv-350-md {
    margin-top: 350px !important;
    margin-bottom: 350px !important;
  }
  .p-350-md {
    padding: 350px !important;
  }
  .pl-350-md {
    padding-left: 350px !important;
  }
  .pt-350-md {
    padding-top: 350px !important;
  }
  .pr-350-md {
    padding-right: 350px !important;
  }
  .pb-350-md {
    padding-bottom: 350px !important;
  }
  .ph-350-md {
    padding-left: 350px !important;
    padding-right: 350px !important;
  }
  .pv-350-md {
    padding-top: 350px !important;
    padding-bottom: 350px !important;
  }
  .s-350-md {
    width: 350px !important;
    height: 350px !important;
  }
  .w-350-md {
    width: 350px !important;
  }
  .h-350-md {
    height: 350px !important;
  }
  .a-350-md {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    max-width: 350px;
  }
  .text-400-md {
    font-size: 400px !important;
  }
  .m-400-md {
    margin: 400px !important;
  }
  .ml-400-md {
    margin-left: 400px !important;
  }
  .mt-400-md {
    margin-top: 400px !important;
  }
  .mr-400-md {
    margin-right: 400px !important;
  }
  .mb-400-md {
    margin-bottom: 400px !important;
  }
  .mh-400-md {
    margin-left: 400px !important;
    margin-right: 400px !important;
  }
  .mv-400-md {
    margin-top: 400px !important;
    margin-bottom: 400px !important;
  }
  .p-400-md {
    padding: 400px !important;
  }
  .pl-400-md {
    padding-left: 400px !important;
  }
  .pt-400-md {
    padding-top: 400px !important;
  }
  .pr-400-md {
    padding-right: 400px !important;
  }
  .pb-400-md {
    padding-bottom: 400px !important;
  }
  .ph-400-md {
    padding-left: 400px !important;
    padding-right: 400px !important;
  }
  .pv-400-md {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
  .s-400-md {
    width: 400px !important;
    height: 400px !important;
  }
  .w-400-md {
    width: 400px !important;
  }
  .h-400-md {
    height: 400px !important;
  }
  .a-400-md {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    max-width: 400px;
  }
  .text-480-md {
    font-size: 480px !important;
  }
  .m-480-md {
    margin: 480px !important;
  }
  .ml-480-md {
    margin-left: 480px !important;
  }
  .mt-480-md {
    margin-top: 480px !important;
  }
  .mr-480-md {
    margin-right: 480px !important;
  }
  .mb-480-md {
    margin-bottom: 480px !important;
  }
  .mh-480-md {
    margin-left: 480px !important;
    margin-right: 480px !important;
  }
  .mv-480-md {
    margin-top: 480px !important;
    margin-bottom: 480px !important;
  }
  .p-480-md {
    padding: 480px !important;
  }
  .pl-480-md {
    padding-left: 480px !important;
  }
  .pt-480-md {
    padding-top: 480px !important;
  }
  .pr-480-md {
    padding-right: 480px !important;
  }
  .pb-480-md {
    padding-bottom: 480px !important;
  }
  .ph-480-md {
    padding-left: 480px !important;
    padding-right: 480px !important;
  }
  .pv-480-md {
    padding-top: 480px !important;
    padding-bottom: 480px !important;
  }
  .s-480-md {
    width: 480px !important;
    height: 480px !important;
  }
  .w-480-md {
    width: 480px !important;
  }
  .h-480-md {
    height: 480px !important;
  }
  .a-480-md {
    margin-left: auto;
    margin-right: auto;
    width: 480px;
    max-width: 480px;
  }
  .text-560-md {
    font-size: 560px !important;
  }
  .m-560-md {
    margin: 560px !important;
  }
  .ml-560-md {
    margin-left: 560px !important;
  }
  .mt-560-md {
    margin-top: 560px !important;
  }
  .mr-560-md {
    margin-right: 560px !important;
  }
  .mb-560-md {
    margin-bottom: 560px !important;
  }
  .mh-560-md {
    margin-left: 560px !important;
    margin-right: 560px !important;
  }
  .mv-560-md {
    margin-top: 560px !important;
    margin-bottom: 560px !important;
  }
  .p-560-md {
    padding: 560px !important;
  }
  .pl-560-md {
    padding-left: 560px !important;
  }
  .pt-560-md {
    padding-top: 560px !important;
  }
  .pr-560-md {
    padding-right: 560px !important;
  }
  .pb-560-md {
    padding-bottom: 560px !important;
  }
  .ph-560-md {
    padding-left: 560px !important;
    padding-right: 560px !important;
  }
  .pv-560-md {
    padding-top: 560px !important;
    padding-bottom: 560px !important;
  }
  .s-560-md {
    width: 560px !important;
    height: 560px !important;
  }
  .w-560-md {
    width: 560px !important;
  }
  .h-560-md {
    height: 560px !important;
  }
  .a-560-md {
    margin-left: auto;
    margin-right: auto;
    width: 560px;
    max-width: 560px;
  }
  .text-640-md {
    font-size: 640px !important;
  }
  .m-640-md {
    margin: 640px !important;
  }
  .ml-640-md {
    margin-left: 640px !important;
  }
  .mt-640-md {
    margin-top: 640px !important;
  }
  .mr-640-md {
    margin-right: 640px !important;
  }
  .mb-640-md {
    margin-bottom: 640px !important;
  }
  .mh-640-md {
    margin-left: 640px !important;
    margin-right: 640px !important;
  }
  .mv-640-md {
    margin-top: 640px !important;
    margin-bottom: 640px !important;
  }
  .p-640-md {
    padding: 640px !important;
  }
  .pl-640-md {
    padding-left: 640px !important;
  }
  .pt-640-md {
    padding-top: 640px !important;
  }
  .pr-640-md {
    padding-right: 640px !important;
  }
  .pb-640-md {
    padding-bottom: 640px !important;
  }
  .ph-640-md {
    padding-left: 640px !important;
    padding-right: 640px !important;
  }
  .pv-640-md {
    padding-top: 640px !important;
    padding-bottom: 640px !important;
  }
  .s-640-md {
    width: 640px !important;
    height: 640px !important;
  }
  .w-640-md {
    width: 640px !important;
  }
  .h-640-md {
    height: 640px !important;
  }
  .a-640-md {
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    max-width: 640px;
  }
  .text-720-md {
    font-size: 720px !important;
  }
  .m-720-md {
    margin: 720px !important;
  }
  .ml-720-md {
    margin-left: 720px !important;
  }
  .mt-720-md {
    margin-top: 720px !important;
  }
  .mr-720-md {
    margin-right: 720px !important;
  }
  .mb-720-md {
    margin-bottom: 720px !important;
  }
  .mh-720-md {
    margin-left: 720px !important;
    margin-right: 720px !important;
  }
  .mv-720-md {
    margin-top: 720px !important;
    margin-bottom: 720px !important;
  }
  .p-720-md {
    padding: 720px !important;
  }
  .pl-720-md {
    padding-left: 720px !important;
  }
  .pt-720-md {
    padding-top: 720px !important;
  }
  .pr-720-md {
    padding-right: 720px !important;
  }
  .pb-720-md {
    padding-bottom: 720px !important;
  }
  .ph-720-md {
    padding-left: 720px !important;
    padding-right: 720px !important;
  }
  .pv-720-md {
    padding-top: 720px !important;
    padding-bottom: 720px !important;
  }
  .s-720-md {
    width: 720px !important;
    height: 720px !important;
  }
  .w-720-md {
    width: 720px !important;
  }
  .h-720-md {
    height: 720px !important;
  }
  .a-720-md {
    margin-left: auto;
    margin-right: auto;
    width: 720px;
    max-width: 720px;
  }
  .text-800-md {
    font-size: 800px !important;
  }
  .m-800-md {
    margin: 800px !important;
  }
  .ml-800-md {
    margin-left: 800px !important;
  }
  .mt-800-md {
    margin-top: 800px !important;
  }
  .mr-800-md {
    margin-right: 800px !important;
  }
  .mb-800-md {
    margin-bottom: 800px !important;
  }
  .mh-800-md {
    margin-left: 800px !important;
    margin-right: 800px !important;
  }
  .mv-800-md {
    margin-top: 800px !important;
    margin-bottom: 800px !important;
  }
  .p-800-md {
    padding: 800px !important;
  }
  .pl-800-md {
    padding-left: 800px !important;
  }
  .pt-800-md {
    padding-top: 800px !important;
  }
  .pr-800-md {
    padding-right: 800px !important;
  }
  .pb-800-md {
    padding-bottom: 800px !important;
  }
  .ph-800-md {
    padding-left: 800px !important;
    padding-right: 800px !important;
  }
  .pv-800-md {
    padding-top: 800px !important;
    padding-bottom: 800px !important;
  }
  .s-800-md {
    width: 800px !important;
    height: 800px !important;
  }
  .w-800-md {
    width: 800px !important;
  }
  .h-800-md {
    height: 800px !important;
  }
  .a-800-md {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    max-width: 800px;
  }
  .text-880-md {
    font-size: 880px !important;
  }
  .m-880-md {
    margin: 880px !important;
  }
  .ml-880-md {
    margin-left: 880px !important;
  }
  .mt-880-md {
    margin-top: 880px !important;
  }
  .mr-880-md {
    margin-right: 880px !important;
  }
  .mb-880-md {
    margin-bottom: 880px !important;
  }
  .mh-880-md {
    margin-left: 880px !important;
    margin-right: 880px !important;
  }
  .mv-880-md {
    margin-top: 880px !important;
    margin-bottom: 880px !important;
  }
  .p-880-md {
    padding: 880px !important;
  }
  .pl-880-md {
    padding-left: 880px !important;
  }
  .pt-880-md {
    padding-top: 880px !important;
  }
  .pr-880-md {
    padding-right: 880px !important;
  }
  .pb-880-md {
    padding-bottom: 880px !important;
  }
  .ph-880-md {
    padding-left: 880px !important;
    padding-right: 880px !important;
  }
  .pv-880-md {
    padding-top: 880px !important;
    padding-bottom: 880px !important;
  }
  .s-880-md {
    width: 880px !important;
    height: 880px !important;
  }
  .w-880-md {
    width: 880px !important;
  }
  .h-880-md {
    height: 880px !important;
  }
  .a-880-md {
    margin-left: auto;
    margin-right: auto;
    width: 880px;
    max-width: 880px;
  }
  .text-960-md {
    font-size: 960px !important;
  }
  .m-960-md {
    margin: 960px !important;
  }
  .ml-960-md {
    margin-left: 960px !important;
  }
  .mt-960-md {
    margin-top: 960px !important;
  }
  .mr-960-md {
    margin-right: 960px !important;
  }
  .mb-960-md {
    margin-bottom: 960px !important;
  }
  .mh-960-md {
    margin-left: 960px !important;
    margin-right: 960px !important;
  }
  .mv-960-md {
    margin-top: 960px !important;
    margin-bottom: 960px !important;
  }
  .p-960-md {
    padding: 960px !important;
  }
  .pl-960-md {
    padding-left: 960px !important;
  }
  .pt-960-md {
    padding-top: 960px !important;
  }
  .pr-960-md {
    padding-right: 960px !important;
  }
  .pb-960-md {
    padding-bottom: 960px !important;
  }
  .ph-960-md {
    padding-left: 960px !important;
    padding-right: 960px !important;
  }
  .pv-960-md {
    padding-top: 960px !important;
    padding-bottom: 960px !important;
  }
  .s-960-md {
    width: 960px !important;
    height: 960px !important;
  }
  .w-960-md {
    width: 960px !important;
  }
  .h-960-md {
    height: 960px !important;
  }
  .a-960-md {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    max-width: 960px;
  }
  .text-1040-md {
    font-size: 1040px !important;
  }
  .m-1040-md {
    margin: 1040px !important;
  }
  .ml-1040-md {
    margin-left: 1040px !important;
  }
  .mt-1040-md {
    margin-top: 1040px !important;
  }
  .mr-1040-md {
    margin-right: 1040px !important;
  }
  .mb-1040-md {
    margin-bottom: 1040px !important;
  }
  .mh-1040-md {
    margin-left: 1040px !important;
    margin-right: 1040px !important;
  }
  .mv-1040-md {
    margin-top: 1040px !important;
    margin-bottom: 1040px !important;
  }
  .p-1040-md {
    padding: 1040px !important;
  }
  .pl-1040-md {
    padding-left: 1040px !important;
  }
  .pt-1040-md {
    padding-top: 1040px !important;
  }
  .pr-1040-md {
    padding-right: 1040px !important;
  }
  .pb-1040-md {
    padding-bottom: 1040px !important;
  }
  .ph-1040-md {
    padding-left: 1040px !important;
    padding-right: 1040px !important;
  }
  .pv-1040-md {
    padding-top: 1040px !important;
    padding-bottom: 1040px !important;
  }
  .s-1040-md {
    width: 1040px !important;
    height: 1040px !important;
  }
  .w-1040-md {
    width: 1040px !important;
  }
  .h-1040-md {
    height: 1040px !important;
  }
  .a-1040-md {
    margin-left: auto;
    margin-right: auto;
    width: 1040px;
    max-width: 1040px;
  }
  .text-1120-md {
    font-size: 1120px !important;
  }
  .m-1120-md {
    margin: 1120px !important;
  }
  .ml-1120-md {
    margin-left: 1120px !important;
  }
  .mt-1120-md {
    margin-top: 1120px !important;
  }
  .mr-1120-md {
    margin-right: 1120px !important;
  }
  .mb-1120-md {
    margin-bottom: 1120px !important;
  }
  .mh-1120-md {
    margin-left: 1120px !important;
    margin-right: 1120px !important;
  }
  .mv-1120-md {
    margin-top: 1120px !important;
    margin-bottom: 1120px !important;
  }
  .p-1120-md {
    padding: 1120px !important;
  }
  .pl-1120-md {
    padding-left: 1120px !important;
  }
  .pt-1120-md {
    padding-top: 1120px !important;
  }
  .pr-1120-md {
    padding-right: 1120px !important;
  }
  .pb-1120-md {
    padding-bottom: 1120px !important;
  }
  .ph-1120-md {
    padding-left: 1120px !important;
    padding-right: 1120px !important;
  }
  .pv-1120-md {
    padding-top: 1120px !important;
    padding-bottom: 1120px !important;
  }
  .s-1120-md {
    width: 1120px !important;
    height: 1120px !important;
  }
  .w-1120-md {
    width: 1120px !important;
  }
  .h-1120-md {
    height: 1120px !important;
  }
  .a-1120-md {
    margin-left: auto;
    margin-right: auto;
    width: 1120px;
    max-width: 1120px;
  }
  .text-1200-md {
    font-size: 1200px !important;
  }
  .m-1200-md {
    margin: 1200px !important;
  }
  .ml-1200-md {
    margin-left: 1200px !important;
  }
  .mt-1200-md {
    margin-top: 1200px !important;
  }
  .mr-1200-md {
    margin-right: 1200px !important;
  }
  .mb-1200-md {
    margin-bottom: 1200px !important;
  }
  .mh-1200-md {
    margin-left: 1200px !important;
    margin-right: 1200px !important;
  }
  .mv-1200-md {
    margin-top: 1200px !important;
    margin-bottom: 1200px !important;
  }
  .p-1200-md {
    padding: 1200px !important;
  }
  .pl-1200-md {
    padding-left: 1200px !important;
  }
  .pt-1200-md {
    padding-top: 1200px !important;
  }
  .pr-1200-md {
    padding-right: 1200px !important;
  }
  .pb-1200-md {
    padding-bottom: 1200px !important;
  }
  .ph-1200-md {
    padding-left: 1200px !important;
    padding-right: 1200px !important;
  }
  .pv-1200-md {
    padding-top: 1200px !important;
    padding-bottom: 1200px !important;
  }
  .s-1200-md {
    width: 1200px !important;
    height: 1200px !important;
  }
  .w-1200-md {
    width: 1200px !important;
  }
  .h-1200-md {
    height: 1200px !important;
  }
  .a-1200-md {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    max-width: 1200px;
  }
  .text-1280-md {
    font-size: 1280px !important;
  }
  .m-1280-md {
    margin: 1280px !important;
  }
  .ml-1280-md {
    margin-left: 1280px !important;
  }
  .mt-1280-md {
    margin-top: 1280px !important;
  }
  .mr-1280-md {
    margin-right: 1280px !important;
  }
  .mb-1280-md {
    margin-bottom: 1280px !important;
  }
  .mh-1280-md {
    margin-left: 1280px !important;
    margin-right: 1280px !important;
  }
  .mv-1280-md {
    margin-top: 1280px !important;
    margin-bottom: 1280px !important;
  }
  .p-1280-md {
    padding: 1280px !important;
  }
  .pl-1280-md {
    padding-left: 1280px !important;
  }
  .pt-1280-md {
    padding-top: 1280px !important;
  }
  .pr-1280-md {
    padding-right: 1280px !important;
  }
  .pb-1280-md {
    padding-bottom: 1280px !important;
  }
  .ph-1280-md {
    padding-left: 1280px !important;
    padding-right: 1280px !important;
  }
  .pv-1280-md {
    padding-top: 1280px !important;
    padding-bottom: 1280px !important;
  }
  .s-1280-md {
    width: 1280px !important;
    height: 1280px !important;
  }
  .w-1280-md {
    width: 1280px !important;
  }
  .h-1280-md {
    height: 1280px !important;
  }
  .a-1280-md {
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    max-width: 1280px;
  }
}
@media (min-width: 992px) {
  .px-0-lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .h-full-lg {
    height: 100vh !important;
  }
  .align-left-lg {
    text-align: left;
  }
  .align-right-lg {
    text-align: right;
  }
  .align-center-lg {
    text-align: center;
  }
  .vertical-top-lg,
  .vertical-start-lg {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .vertical-middle-lg,
  .vertical-center-lg {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .vertical-bottom-lg,
  .vertical-end-lg {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .is-red {
    color: var(--color-red-text, #ffffff);
    border-color: var(--color-red, #dc3545);
    outline-color: var(--color-red, #dc3545);
    background-color: var(--color-red, #dc3545);
  }
  .bg-red {
    background-color: var(--color-red, #dc3545);
  }
  .text-red {
    color: var(--color-red, #dc3545);
  }
  .border-red {
    border-color: var(--color-red, #dc3545);
  }
  .outline-red {
    outline-color: var(--color-red, #dc3545);
  }
  .is-blue {
    color: var(--color-blue-text, #ffffff);
    border-color: var(--color-blue, #0d6efd);
    outline-color: var(--color-blue, #0d6efd);
    background-color: var(--color-blue, #0d6efd);
  }
  .bg-blue {
    background-color: var(--color-blue, #0d6efd);
  }
  .text-blue {
    color: var(--color-blue, #0d6efd);
  }
  .border-blue {
    border-color: var(--color-blue, #0d6efd);
  }
  .outline-blue {
    outline-color: var(--color-blue, #0d6efd);
  }
  .is-pink {
    color: var(--color-pink-text, #ffffff);
    border-color: var(--color-pink, #d63384);
    outline-color: var(--color-pink, #d63384);
    background-color: var(--color-pink, #d63384);
  }
  .bg-pink {
    background-color: var(--color-pink, #d63384);
  }
  .text-pink {
    color: var(--color-pink, #d63384);
  }
  .border-pink {
    border-color: var(--color-pink, #d63384);
  }
  .outline-pink {
    outline-color: var(--color-pink, #d63384);
  }
  .is-teal {
    color: var(--color-teal-text, #ffffff);
    border-color: var(--color-teal, #20c997);
    outline-color: var(--color-teal, #20c997);
    background-color: var(--color-teal, #20c997);
  }
  .bg-teal {
    background-color: var(--color-teal, #20c997);
  }
  .text-teal {
    color: var(--color-teal, #20c997);
  }
  .border-teal {
    border-color: var(--color-teal, #20c997);
  }
  .outline-teal {
    outline-color: var(--color-teal, #20c997);
  }
  .is-cyan {
    color: var(--color-cyan-text, #000000);
    border-color: var(--color-cyan, #0dcaf0);
    outline-color: var(--color-cyan, #0dcaf0);
    background-color: var(--color-cyan, #0dcaf0);
  }
  .bg-cyan {
    background-color: var(--color-cyan, #0dcaf0);
  }
  .text-cyan {
    color: var(--color-cyan, #0dcaf0);
  }
  .border-cyan {
    border-color: var(--color-cyan, #0dcaf0);
  }
  .outline-cyan {
    outline-color: var(--color-cyan, #0dcaf0);
  }
  .is-white {
    color: var(--color-white-text, #000000);
    border-color: var(--color-white, #ffffff);
    outline-color: var(--color-white, #ffffff);
    background-color: var(--color-white, #ffffff);
  }
  .bg-white {
    background-color: var(--color-white, #ffffff);
  }
  .text-white {
    color: var(--color-white, #ffffff);
  }
  .border-white {
    border-color: var(--color-white, #ffffff);
  }
  .outline-white {
    outline-color: var(--color-white, #ffffff);
  }
  .is-black {
    color: var(--color-black-text, #ffffff);
    border-color: var(--color-black, #000000);
    outline-color: var(--color-black, #000000);
    background-color: var(--color-black, #000000);
  }
  .bg-black {
    background-color: var(--color-black, #000000);
  }
  .text-black {
    color: var(--color-black, #000000);
  }
  .border-black {
    border-color: var(--color-black, #000000);
  }
  .outline-black {
    outline-color: var(--color-black, #000000);
  }
  .is-green {
    color: var(--color-green-text, #ffffff);
    border-color: var(--color-green, #198754);
    outline-color: var(--color-green, #198754);
    background-color: var(--color-green, #198754);
  }
  .bg-green {
    background-color: var(--color-green, #198754);
  }
  .text-green {
    color: var(--color-green, #198754);
  }
  .border-green {
    border-color: var(--color-green, #198754);
  }
  .outline-green {
    outline-color: var(--color-green, #198754);
  }
  .is-indigo {
    color: var(--color-indigo-text, #ffffff);
    border-color: var(--color-indigo, #6610f2);
    outline-color: var(--color-indigo, #6610f2);
    background-color: var(--color-indigo, #6610f2);
  }
  .bg-indigo {
    background-color: var(--color-indigo, #6610f2);
  }
  .text-indigo {
    color: var(--color-indigo, #6610f2);
  }
  .border-indigo {
    border-color: var(--color-indigo, #6610f2);
  }
  .outline-indigo {
    outline-color: var(--color-indigo, #6610f2);
  }
  .is-purple {
    color: var(--color-purple-text, #ffffff);
    border-color: var(--color-purple, #6f42c1);
    outline-color: var(--color-purple, #6f42c1);
    background-color: var(--color-purple, #6f42c1);
  }
  .bg-purple {
    background-color: var(--color-purple, #6f42c1);
  }
  .text-purple {
    color: var(--color-purple, #6f42c1);
  }
  .border-purple {
    border-color: var(--color-purple, #6f42c1);
  }
  .outline-purple {
    outline-color: var(--color-purple, #6f42c1);
  }
  .is-orange {
    color: var(--color-orange-text, #000000);
    border-color: var(--color-orange, #fd7e14);
    outline-color: var(--color-orange, #fd7e14);
    background-color: var(--color-orange, #fd7e14);
  }
  .bg-orange {
    background-color: var(--color-orange, #fd7e14);
  }
  .text-orange {
    color: var(--color-orange, #fd7e14);
  }
  .border-orange {
    border-color: var(--color-orange, #fd7e14);
  }
  .outline-orange {
    outline-color: var(--color-orange, #fd7e14);
  }
  .is-yellow {
    color: var(--color-yellow-text, #000000);
    border-color: var(--color-yellow, #ffc107);
    outline-color: var(--color-yellow, #ffc107);
    background-color: var(--color-yellow, #ffc107);
  }
  .bg-yellow {
    background-color: var(--color-yellow, #ffc107);
  }
  .text-yellow {
    color: var(--color-yellow, #ffc107);
  }
  .border-yellow {
    border-color: var(--color-yellow, #ffc107);
  }
  .outline-yellow {
    outline-color: var(--color-yellow, #ffc107);
  }
  .is-primary {
    color: var(--color-primary-text, #000000);
    border-color: var(--color-primary, #ddf472);
    outline-color: var(--color-primary, #ddf472);
    background-color: var(--color-primary, #ddf472);
  }
  .bg-primary {
    background-color: var(--color-primary, #ddf472);
  }
  .text-primary {
    color: var(--color-primary, #ddf472);
  }
  .border-primary {
    border-color: var(--color-primary, #ddf472);
  }
  .outline-primary {
    outline-color: var(--color-primary, #ddf472);
  }
  .is-secondary {
    color: var(--color-secondary-text, #000000);
    border-color: var(--color-secondary, #bbd4d4);
    outline-color: var(--color-secondary, #bbd4d4);
    background-color: var(--color-secondary, #bbd4d4);
  }
  .bg-secondary {
    background-color: var(--color-secondary, #bbd4d4);
  }
  .text-secondary {
    color: var(--color-secondary, #bbd4d4);
  }
  .border-secondary {
    border-color: var(--color-secondary, #bbd4d4);
  }
  .outline-secondary {
    outline-color: var(--color-secondary, #bbd4d4);
  }
  .is-tertiary {
    color: var(--color-tertiary-text, #ffffff);
    border-color: var(--color-tertiary, #4d4d4d);
    outline-color: var(--color-tertiary, #4d4d4d);
    background-color: var(--color-tertiary, #4d4d4d);
  }
  .bg-tertiary {
    background-color: var(--color-tertiary, #4d4d4d);
  }
  .text-tertiary {
    color: var(--color-tertiary, #4d4d4d);
  }
  .border-tertiary {
    border-color: var(--color-tertiary, #4d4d4d);
  }
  .outline-tertiary {
    outline-color: var(--color-tertiary, #4d4d4d);
  }
  .is-success {
    color: var(--color-success-text, #ffffff);
    border-color: var(--color-success, #53d258);
    outline-color: var(--color-success, #53d258);
    background-color: var(--color-success, #53d258);
  }
  .bg-success {
    background-color: var(--color-success, #53d258);
  }
  .text-success {
    color: var(--color-success, #53d258);
  }
  .border-success {
    border-color: var(--color-success, #53d258);
  }
  .outline-success {
    outline-color: var(--color-success, #53d258);
  }
  .is-warning {
    color: var(--color-warning-text, #000000);
    border-color: var(--color-warning, #e4c65b);
    outline-color: var(--color-warning, #e4c65b);
    background-color: var(--color-warning, #e4c65b);
  }
  .bg-warning {
    background-color: var(--color-warning, #e4c65b);
  }
  .text-warning {
    color: var(--color-warning, #e4c65b);
  }
  .border-warning {
    border-color: var(--color-warning, #e4c65b);
  }
  .outline-warning {
    outline-color: var(--color-warning, #e4c65b);
  }
  .is-danger {
    color: var(--color-danger-text, #ffffff);
    border-color: var(--color-danger, #e25c5c);
    outline-color: var(--color-danger, #e25c5c);
    background-color: var(--color-danger, #e25c5c);
  }
  .bg-danger {
    background-color: var(--color-danger, #e25c5c);
  }
  .text-danger {
    color: var(--color-danger, #e25c5c);
  }
  .border-danger {
    border-color: var(--color-danger, #e25c5c);
  }
  .outline-danger {
    outline-color: var(--color-danger, #e25c5c);
  }
  .is-info {
    color: var(--color-info-text, #ffffff);
    border-color: var(--color-info, #2685ca);
    outline-color: var(--color-info, #2685ca);
    background-color: var(--color-info, #2685ca);
  }
  .bg-info {
    background-color: var(--color-info, #2685ca);
  }
  .text-info {
    color: var(--color-info, #2685ca);
  }
  .border-info {
    border-color: var(--color-info, #2685ca);
  }
  .outline-info {
    outline-color: var(--color-info, #2685ca);
  }
  .is-tint {
    color: var(--color-tint-text, #000000);
    border-color: var(--color-tint, #f7f7f7);
    outline-color: var(--color-tint, #f7f7f7);
    background-color: var(--color-tint, #f7f7f7);
  }
  .bg-tint {
    background-color: var(--color-tint, #f7f7f7);
  }
  .text-tint {
    color: var(--color-tint, #f7f7f7);
  }
  .border-tint {
    border-color: var(--color-tint, #f7f7f7);
  }
  .outline-tint {
    outline-color: var(--color-tint, #f7f7f7);
  }
  .is-gray {
    color: var(--color-gray-text, #000000);
    border-color: var(--color-gray, #eaeaea);
    outline-color: var(--color-gray, #eaeaea);
    background-color: var(--color-gray, #eaeaea);
  }
  .bg-gray {
    background-color: var(--color-gray, #eaeaea);
  }
  .text-gray {
    color: var(--color-gray, #eaeaea);
  }
  .border-gray {
    border-color: var(--color-gray, #eaeaea);
  }
  .outline-gray {
    outline-color: var(--color-gray, #eaeaea);
  }
  .is-soft {
    color: var(--color-soft-text, #000000);
    border-color: var(--color-soft, #dee8e8);
    outline-color: var(--color-soft, #dee8e8);
    background-color: var(--color-soft, #dee8e8);
  }
  .bg-soft {
    background-color: var(--color-soft, #dee8e8);
  }
  .text-soft {
    color: var(--color-soft, #dee8e8);
  }
  .border-soft {
    border-color: var(--color-soft, #dee8e8);
  }
  .outline-soft {
    outline-color: var(--color-soft, #dee8e8);
  }
  .is-warm {
    color: var(--color-warm-text, #000000);
    border-color: var(--color-warm, #eaeaea);
    outline-color: var(--color-warm, #eaeaea);
    background-color: var(--color-warm, #eaeaea);
  }
  .bg-warm {
    background-color: var(--color-warm, #eaeaea);
  }
  .text-warm {
    color: var(--color-warm, #eaeaea);
  }
  .border-warm {
    border-color: var(--color-warm, #eaeaea);
  }
  .outline-warm {
    outline-color: var(--color-warm, #eaeaea);
  }
  .is-rich {
    color: var(--color-rich-text, #ffffff);
    border-color: var(--color-rich, #5bbb7b);
    outline-color: var(--color-rich, #5bbb7b);
    background-color: var(--color-rich, #5bbb7b);
  }
  .bg-rich {
    background-color: var(--color-rich, #5bbb7b);
  }
  .text-rich {
    color: var(--color-rich, #5bbb7b);
  }
  .border-rich {
    border-color: var(--color-rich, #5bbb7b);
  }
  .outline-rich {
    outline-color: var(--color-rich, #5bbb7b);
  }
  .is-deep {
    color: var(--color-deep-text, #ffffff);
    border-color: var(--color-deep, #5bbb7b);
    outline-color: var(--color-deep, #5bbb7b);
    background-color: var(--color-deep, #5bbb7b);
  }
  .bg-deep {
    background-color: var(--color-deep, #5bbb7b);
  }
  .text-deep {
    color: var(--color-deep, #5bbb7b);
  }
  .border-deep {
    border-color: var(--color-deep, #5bbb7b);
  }
  .outline-deep {
    outline-color: var(--color-deep, #5bbb7b);
  }
  .is-dark {
    color: var(--color-dark-text, #ffffff);
    border-color: var(--color-dark, #272727);
    outline-color: var(--color-dark, #272727);
    background-color: var(--color-dark, #272727);
  }
  .bg-dark {
    background-color: var(--color-dark, #272727);
  }
  .text-dark {
    color: var(--color-dark, #272727);
  }
  .border-dark {
    border-color: var(--color-dark, #272727);
  }
  .outline-dark {
    outline-color: var(--color-dark, #272727);
  }
  .is-tone-1 {
    color: var(--color-tone-1-text, #ffffff);
    border-color: var(--color-tone-1, #006d77);
    outline-color: var(--color-tone-1, #006d77);
    background-color: var(--color-tone-1, #006d77);
  }
  .bg-tone-1 {
    background-color: var(--color-tone-1, #006d77);
  }
  .text-tone-1 {
    color: var(--color-tone-1, #006d77);
  }
  .border-tone-1 {
    border-color: var(--color-tone-1, #006d77);
  }
  .outline-tone-1 {
    outline-color: var(--color-tone-1, #006d77);
  }
  .is-tone-2 {
    color: var(--color-tone-2-text, #000000);
    border-color: var(--color-tone-2, #83c5be);
    outline-color: var(--color-tone-2, #83c5be);
    background-color: var(--color-tone-2, #83c5be);
  }
  .bg-tone-2 {
    background-color: var(--color-tone-2, #83c5be);
  }
  .text-tone-2 {
    color: var(--color-tone-2, #83c5be);
  }
  .border-tone-2 {
    border-color: var(--color-tone-2, #83c5be);
  }
  .outline-tone-2 {
    outline-color: var(--color-tone-2, #83c5be);
  }
  .is-tone-3 {
    color: var(--color-tone-3-text, #000000);
    border-color: var(--color-tone-3, #afeae4);
    outline-color: var(--color-tone-3, #afeae4);
    background-color: var(--color-tone-3, #afeae4);
  }
  .bg-tone-3 {
    background-color: var(--color-tone-3, #afeae4);
  }
  .text-tone-3 {
    color: var(--color-tone-3, #afeae4);
  }
  .border-tone-3 {
    border-color: var(--color-tone-3, #afeae4);
  }
  .outline-tone-3 {
    outline-color: var(--color-tone-3, #afeae4);
  }
  .is-tone-4 {
    color: var(--color-tone-4-text, #000000);
    border-color: var(--color-tone-4, #faede3);
    outline-color: var(--color-tone-4, #faede3);
    background-color: var(--color-tone-4, #faede3);
  }
  .bg-tone-4 {
    background-color: var(--color-tone-4, #faede3);
  }
  .text-tone-4 {
    color: var(--color-tone-4, #faede3);
  }
  .border-tone-4 {
    border-color: var(--color-tone-4, #faede3);
  }
  .outline-tone-4 {
    outline-color: var(--color-tone-4, #faede3);
  }
  .is-tone-5 {
    color: var(--color-tone-5-text, #000000);
    border-color: var(--color-tone-5, #ffddd2);
    outline-color: var(--color-tone-5, #ffddd2);
    background-color: var(--color-tone-5, #ffddd2);
  }
  .bg-tone-5 {
    background-color: var(--color-tone-5, #ffddd2);
  }
  .text-tone-5 {
    color: var(--color-tone-5, #ffddd2);
  }
  .border-tone-5 {
    border-color: var(--color-tone-5, #ffddd2);
  }
  .outline-tone-5 {
    outline-color: var(--color-tone-5, #ffddd2);
  }
  .is-tone-6 {
    color: var(--color-tone-6-text, #ffffff);
    border-color: var(--color-tone-6, #e29578);
    outline-color: var(--color-tone-6, #e29578);
    background-color: var(--color-tone-6, #e29578);
  }
  .bg-tone-6 {
    background-color: var(--color-tone-6, #e29578);
  }
  .text-tone-6 {
    color: var(--color-tone-6, #e29578);
  }
  .border-tone-6 {
    border-color: var(--color-tone-6, #e29578);
  }
  .outline-tone-6 {
    outline-color: var(--color-tone-6, #e29578);
  }
  .is-tone-7 {
    color: var(--color-tone-7-text, #000000);
    border-color: var(--color-tone-7, #ffd166);
    outline-color: var(--color-tone-7, #ffd166);
    background-color: var(--color-tone-7, #ffd166);
  }
  .bg-tone-7 {
    background-color: var(--color-tone-7, #ffd166);
  }
  .text-tone-7 {
    color: var(--color-tone-7, #ffd166);
  }
  .border-tone-7 {
    border-color: var(--color-tone-7, #ffd166);
  }
  .outline-tone-7 {
    outline-color: var(--color-tone-7, #ffd166);
  }
  .is-gray-05 {
    color: var(--color-gray-05-text, #000000);
    border-color: var(--color-gray-05, #f9fafb);
    outline-color: var(--color-gray-05, #f9fafb);
    background-color: var(--color-gray-05, #f9fafb);
  }
  .bg-gray-05 {
    background-color: var(--color-gray-05, #f9fafb);
  }
  .text-gray-05 {
    color: var(--color-gray-05, #f9fafb);
  }
  .border-gray-05 {
    border-color: var(--color-gray-05, #f9fafb);
  }
  .outline-gray-05 {
    outline-color: var(--color-gray-05, #f9fafb);
  }
  .is-gray-10 {
    color: var(--color-gray-10-text, #000000);
    border-color: var(--color-gray-10, #f2f4f7);
    outline-color: var(--color-gray-10, #f2f4f7);
    background-color: var(--color-gray-10, #f2f4f7);
  }
  .bg-gray-10 {
    background-color: var(--color-gray-10, #f2f4f7);
  }
  .text-gray-10 {
    color: var(--color-gray-10, #f2f4f7);
  }
  .border-gray-10 {
    border-color: var(--color-gray-10, #f2f4f7);
  }
  .outline-gray-10 {
    outline-color: var(--color-gray-10, #f2f4f7);
  }
  .is-gray-20 {
    color: var(--color-gray-20-text, #000000);
    border-color: var(--color-gray-20, #e4e7ec);
    outline-color: var(--color-gray-20, #e4e7ec);
    background-color: var(--color-gray-20, #e4e7ec);
  }
  .bg-gray-20 {
    background-color: var(--color-gray-20, #e4e7ec);
  }
  .text-gray-20 {
    color: var(--color-gray-20, #e4e7ec);
  }
  .border-gray-20 {
    border-color: var(--color-gray-20, #e4e7ec);
  }
  .outline-gray-20 {
    outline-color: var(--color-gray-20, #e4e7ec);
  }
  .is-gray-30 {
    color: var(--color-gray-30-text, #000000);
    border-color: var(--color-gray-30, #d0d5dd);
    outline-color: var(--color-gray-30, #d0d5dd);
    background-color: var(--color-gray-30, #d0d5dd);
  }
  .bg-gray-30 {
    background-color: var(--color-gray-30, #d0d5dd);
  }
  .text-gray-30 {
    color: var(--color-gray-30, #d0d5dd);
  }
  .border-gray-30 {
    border-color: var(--color-gray-30, #d0d5dd);
  }
  .outline-gray-30 {
    outline-color: var(--color-gray-30, #d0d5dd);
  }
  .is-gray-40 {
    color: var(--color-gray-40-text, #ffffff);
    border-color: var(--color-gray-40, #98a2b3);
    outline-color: var(--color-gray-40, #98a2b3);
    background-color: var(--color-gray-40, #98a2b3);
  }
  .bg-gray-40 {
    background-color: var(--color-gray-40, #98a2b3);
  }
  .text-gray-40 {
    color: var(--color-gray-40, #98a2b3);
  }
  .border-gray-40 {
    border-color: var(--color-gray-40, #98a2b3);
  }
  .outline-gray-40 {
    outline-color: var(--color-gray-40, #98a2b3);
  }
  .is-gray-50 {
    color: var(--color-gray-50-text, #ffffff);
    border-color: var(--color-gray-50, #667085);
    outline-color: var(--color-gray-50, #667085);
    background-color: var(--color-gray-50, #667085);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50, #667085);
  }
  .text-gray-50 {
    color: var(--color-gray-50, #667085);
  }
  .border-gray-50 {
    border-color: var(--color-gray-50, #667085);
  }
  .outline-gray-50 {
    outline-color: var(--color-gray-50, #667085);
  }
  .is-gray-60 {
    color: var(--color-gray-60-text, #ffffff);
    border-color: var(--color-gray-60, #475467);
    outline-color: var(--color-gray-60, #475467);
    background-color: var(--color-gray-60, #475467);
  }
  .bg-gray-60 {
    background-color: var(--color-gray-60, #475467);
  }
  .text-gray-60 {
    color: var(--color-gray-60, #475467);
  }
  .border-gray-60 {
    border-color: var(--color-gray-60, #475467);
  }
  .outline-gray-60 {
    outline-color: var(--color-gray-60, #475467);
  }
  .is-gray-70 {
    color: var(--color-gray-70-text, #ffffff);
    border-color: var(--color-gray-70, #344054);
    outline-color: var(--color-gray-70, #344054);
    background-color: var(--color-gray-70, #344054);
  }
  .bg-gray-70 {
    background-color: var(--color-gray-70, #344054);
  }
  .text-gray-70 {
    color: var(--color-gray-70, #344054);
  }
  .border-gray-70 {
    border-color: var(--color-gray-70, #344054);
  }
  .outline-gray-70 {
    outline-color: var(--color-gray-70, #344054);
  }
  .is-gray-80 {
    color: var(--color-gray-80-text, #ffffff);
    border-color: var(--color-gray-80, #1d2939);
    outline-color: var(--color-gray-80, #1d2939);
    background-color: var(--color-gray-80, #1d2939);
  }
  .bg-gray-80 {
    background-color: var(--color-gray-80, #1d2939);
  }
  .text-gray-80 {
    color: var(--color-gray-80, #1d2939);
  }
  .border-gray-80 {
    border-color: var(--color-gray-80, #1d2939);
  }
  .outline-gray-80 {
    outline-color: var(--color-gray-80, #1d2939);
  }
  .is-gray-90 {
    color: var(--color-gray-90-text, #ffffff);
    border-color: var(--color-gray-90, #101828);
    outline-color: var(--color-gray-90, #101828);
    background-color: var(--color-gray-90, #101828);
  }
  .bg-gray-90 {
    background-color: var(--color-gray-90, #101828);
  }
  .text-gray-90 {
    color: var(--color-gray-90, #101828);
  }
  .border-gray-90 {
    border-color: var(--color-gray-90, #101828);
  }
  .outline-gray-90 {
    outline-color: var(--color-gray-90, #101828);
  }
  .is-skin-1 {
    color: var(--color-skin-1-text, #000000);
    border-color: var(--color-skin-1, #f9fafb);
    outline-color: var(--color-skin-1, #f9fafb);
    background-color: var(--color-skin-1, #f9fafb);
  }
  .bg-skin-1 {
    background-color: var(--color-skin-1, #f9fafb);
  }
  .text-skin-1 {
    color: var(--color-skin-1, #f9fafb);
  }
  .border-skin-1 {
    border-color: var(--color-skin-1, #f9fafb);
  }
  .outline-skin-1 {
    outline-color: var(--color-skin-1, #f9fafb);
  }
  .is-skin-2 {
    color: var(--color-skin-2-text, #000000);
    border-color: var(--color-skin-2, #f2f4f7);
    outline-color: var(--color-skin-2, #f2f4f7);
    background-color: var(--color-skin-2, #f2f4f7);
  }
  .bg-skin-2 {
    background-color: var(--color-skin-2, #f2f4f7);
  }
  .text-skin-2 {
    color: var(--color-skin-2, #f2f4f7);
  }
  .border-skin-2 {
    border-color: var(--color-skin-2, #f2f4f7);
  }
  .outline-skin-2 {
    outline-color: var(--color-skin-2, #f2f4f7);
  }
  .is-skin-3 {
    color: var(--color-skin-3-text, #000000);
    border-color: var(--color-skin-3, #e4e7ec);
    outline-color: var(--color-skin-3, #e4e7ec);
    background-color: var(--color-skin-3, #e4e7ec);
  }
  .bg-skin-3 {
    background-color: var(--color-skin-3, #e4e7ec);
  }
  .text-skin-3 {
    color: var(--color-skin-3, #e4e7ec);
  }
  .border-skin-3 {
    border-color: var(--color-skin-3, #e4e7ec);
  }
  .outline-skin-3 {
    outline-color: var(--color-skin-3, #e4e7ec);
  }
  .is-skin-4 {
    color: var(--color-skin-4-text, #000000);
    border-color: var(--color-skin-4, #d0d5dd);
    outline-color: var(--color-skin-4, #d0d5dd);
    background-color: var(--color-skin-4, #d0d5dd);
  }
  .bg-skin-4 {
    background-color: var(--color-skin-4, #d0d5dd);
  }
  .text-skin-4 {
    color: var(--color-skin-4, #d0d5dd);
  }
  .border-skin-4 {
    border-color: var(--color-skin-4, #d0d5dd);
  }
  .outline-skin-4 {
    outline-color: var(--color-skin-4, #d0d5dd);
  }
  .is-skin-5 {
    color: var(--color-skin-5-text, #ffffff);
    border-color: var(--color-skin-5, #98a2b3);
    outline-color: var(--color-skin-5, #98a2b3);
    background-color: var(--color-skin-5, #98a2b3);
  }
  .bg-skin-5 {
    background-color: var(--color-skin-5, #98a2b3);
  }
  .text-skin-5 {
    color: var(--color-skin-5, #98a2b3);
  }
  .border-skin-5 {
    border-color: var(--color-skin-5, #98a2b3);
  }
  .outline-skin-5 {
    outline-color: var(--color-skin-5, #98a2b3);
  }
  .is-skin-6 {
    color: var(--color-skin-6-text, #ffffff);
    border-color: var(--color-skin-6, #667085);
    outline-color: var(--color-skin-6, #667085);
    background-color: var(--color-skin-6, #667085);
  }
  .bg-skin-6 {
    background-color: var(--color-skin-6, #667085);
  }
  .text-skin-6 {
    color: var(--color-skin-6, #667085);
  }
  .border-skin-6 {
    border-color: var(--color-skin-6, #667085);
  }
  .outline-skin-6 {
    outline-color: var(--color-skin-6, #667085);
  }
  .is-skin-7 {
    color: var(--color-skin-7-text, #ffffff);
    border-color: var(--color-skin-7, #475467);
    outline-color: var(--color-skin-7, #475467);
    background-color: var(--color-skin-7, #475467);
  }
  .bg-skin-7 {
    background-color: var(--color-skin-7, #475467);
  }
  .text-skin-7 {
    color: var(--color-skin-7, #475467);
  }
  .border-skin-7 {
    border-color: var(--color-skin-7, #475467);
  }
  .outline-skin-7 {
    outline-color: var(--color-skin-7, #475467);
  }
  .is-skin-8 {
    color: var(--color-skin-8-text, #ffffff);
    border-color: var(--color-skin-8, #344054);
    outline-color: var(--color-skin-8, #344054);
    background-color: var(--color-skin-8, #344054);
  }
  .bg-skin-8 {
    background-color: var(--color-skin-8, #344054);
  }
  .text-skin-8 {
    color: var(--color-skin-8, #344054);
  }
  .border-skin-8 {
    border-color: var(--color-skin-8, #344054);
  }
  .outline-skin-8 {
    outline-color: var(--color-skin-8, #344054);
  }
  .is-skin-9 {
    color: var(--color-skin-9-text, #ffffff);
    border-color: var(--color-skin-9, #1d2939);
    outline-color: var(--color-skin-9, #1d2939);
    background-color: var(--color-skin-9, #1d2939);
  }
  .bg-skin-9 {
    background-color: var(--color-skin-9, #1d2939);
  }
  .text-skin-9 {
    color: var(--color-skin-9, #1d2939);
  }
  .border-skin-9 {
    border-color: var(--color-skin-9, #1d2939);
  }
  .outline-skin-9 {
    outline-color: var(--color-skin-9, #1d2939);
  }
  .is-skin-10 {
    color: var(--color-skin-10-text, #ffffff);
    border-color: var(--color-skin-10, #101828);
    outline-color: var(--color-skin-10, #101828);
    background-color: var(--color-skin-10, #101828);
  }
  .bg-skin-10 {
    background-color: var(--color-skin-10, #101828);
  }
  .text-skin-10 {
    color: var(--color-skin-10, #101828);
  }
  .border-skin-10 {
    border-color: var(--color-skin-10, #101828);
  }
  .outline-skin-10 {
    outline-color: var(--color-skin-10, #101828);
  }
  .text-10-lg {
    font-size: 10px !important;
  }
  .m-10-lg {
    margin: 10px !important;
  }
  .ml-10-lg {
    margin-left: 10px !important;
  }
  .mt-10-lg {
    margin-top: 10px !important;
  }
  .mr-10-lg {
    margin-right: 10px !important;
  }
  .mb-10-lg {
    margin-bottom: 10px !important;
  }
  .mh-10-lg {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mv-10-lg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .p-10-lg {
    padding: 10px !important;
  }
  .pl-10-lg {
    padding-left: 10px !important;
  }
  .pt-10-lg {
    padding-top: 10px !important;
  }
  .pr-10-lg {
    padding-right: 10px !important;
  }
  .pb-10-lg {
    padding-bottom: 10px !important;
  }
  .ph-10-lg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pv-10-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .s-10-lg {
    width: 10px !important;
    height: 10px !important;
  }
  .w-10-lg {
    width: 10px !important;
  }
  .h-10-lg {
    height: 10px !important;
  }
  .a-10-lg {
    margin-left: auto;
    margin-right: auto;
    width: 10px;
    max-width: 10px;
  }
  .text-12-lg {
    font-size: 12px !important;
  }
  .m-12-lg {
    margin: 12px !important;
  }
  .ml-12-lg {
    margin-left: 12px !important;
  }
  .mt-12-lg {
    margin-top: 12px !important;
  }
  .mr-12-lg {
    margin-right: 12px !important;
  }
  .mb-12-lg {
    margin-bottom: 12px !important;
  }
  .mh-12-lg {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mv-12-lg {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-12-lg {
    padding: 12px !important;
  }
  .pl-12-lg {
    padding-left: 12px !important;
  }
  .pt-12-lg {
    padding-top: 12px !important;
  }
  .pr-12-lg {
    padding-right: 12px !important;
  }
  .pb-12-lg {
    padding-bottom: 12px !important;
  }
  .ph-12-lg {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pv-12-lg {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .s-12-lg {
    width: 12px !important;
    height: 12px !important;
  }
  .w-12-lg {
    width: 12px !important;
  }
  .h-12-lg {
    height: 12px !important;
  }
  .a-12-lg {
    margin-left: auto;
    margin-right: auto;
    width: 12px;
    max-width: 12px;
  }
  .text-14-lg {
    font-size: 14px !important;
  }
  .m-14-lg {
    margin: 14px !important;
  }
  .ml-14-lg {
    margin-left: 14px !important;
  }
  .mt-14-lg {
    margin-top: 14px !important;
  }
  .mr-14-lg {
    margin-right: 14px !important;
  }
  .mb-14-lg {
    margin-bottom: 14px !important;
  }
  .mh-14-lg {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  .mv-14-lg {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }
  .p-14-lg {
    padding: 14px !important;
  }
  .pl-14-lg {
    padding-left: 14px !important;
  }
  .pt-14-lg {
    padding-top: 14px !important;
  }
  .pr-14-lg {
    padding-right: 14px !important;
  }
  .pb-14-lg {
    padding-bottom: 14px !important;
  }
  .ph-14-lg {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .pv-14-lg {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .s-14-lg {
    width: 14px !important;
    height: 14px !important;
  }
  .w-14-lg {
    width: 14px !important;
  }
  .h-14-lg {
    height: 14px !important;
  }
  .a-14-lg {
    margin-left: auto;
    margin-right: auto;
    width: 14px;
    max-width: 14px;
  }
  .text-16-lg {
    font-size: 16px !important;
  }
  .m-16-lg {
    margin: 16px !important;
  }
  .ml-16-lg {
    margin-left: 16px !important;
  }
  .mt-16-lg {
    margin-top: 16px !important;
  }
  .mr-16-lg {
    margin-right: 16px !important;
  }
  .mb-16-lg {
    margin-bottom: 16px !important;
  }
  .mh-16-lg {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mv-16-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-16-lg {
    padding: 16px !important;
  }
  .pl-16-lg {
    padding-left: 16px !important;
  }
  .pt-16-lg {
    padding-top: 16px !important;
  }
  .pr-16-lg {
    padding-right: 16px !important;
  }
  .pb-16-lg {
    padding-bottom: 16px !important;
  }
  .ph-16-lg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pv-16-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .s-16-lg {
    width: 16px !important;
    height: 16px !important;
  }
  .w-16-lg {
    width: 16px !important;
  }
  .h-16-lg {
    height: 16px !important;
  }
  .a-16-lg {
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    max-width: 16px;
  }
  .text-20-lg {
    font-size: 20px !important;
  }
  .m-20-lg {
    margin: 20px !important;
  }
  .ml-20-lg {
    margin-left: 20px !important;
  }
  .mt-20-lg {
    margin-top: 20px !important;
  }
  .mr-20-lg {
    margin-right: 20px !important;
  }
  .mb-20-lg {
    margin-bottom: 20px !important;
  }
  .mh-20-lg {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mv-20-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-20-lg {
    padding: 20px !important;
  }
  .pl-20-lg {
    padding-left: 20px !important;
  }
  .pt-20-lg {
    padding-top: 20px !important;
  }
  .pr-20-lg {
    padding-right: 20px !important;
  }
  .pb-20-lg {
    padding-bottom: 20px !important;
  }
  .ph-20-lg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pv-20-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .s-20-lg {
    width: 20px !important;
    height: 20px !important;
  }
  .w-20-lg {
    width: 20px !important;
  }
  .h-20-lg {
    height: 20px !important;
  }
  .a-20-lg {
    margin-left: auto;
    margin-right: auto;
    width: 20px;
    max-width: 20px;
  }
  .text-24-lg {
    font-size: 24px !important;
  }
  .m-24-lg {
    margin: 24px !important;
  }
  .ml-24-lg {
    margin-left: 24px !important;
  }
  .mt-24-lg {
    margin-top: 24px !important;
  }
  .mr-24-lg {
    margin-right: 24px !important;
  }
  .mb-24-lg {
    margin-bottom: 24px !important;
  }
  .mh-24-lg {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mv-24-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-24-lg {
    padding: 24px !important;
  }
  .pl-24-lg {
    padding-left: 24px !important;
  }
  .pt-24-lg {
    padding-top: 24px !important;
  }
  .pr-24-lg {
    padding-right: 24px !important;
  }
  .pb-24-lg {
    padding-bottom: 24px !important;
  }
  .ph-24-lg {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pv-24-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .s-24-lg {
    width: 24px !important;
    height: 24px !important;
  }
  .w-24-lg {
    width: 24px !important;
  }
  .h-24-lg {
    height: 24px !important;
  }
  .a-24-lg {
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    max-width: 24px;
  }
  .text-28-lg {
    font-size: 28px !important;
  }
  .m-28-lg {
    margin: 28px !important;
  }
  .ml-28-lg {
    margin-left: 28px !important;
  }
  .mt-28-lg {
    margin-top: 28px !important;
  }
  .mr-28-lg {
    margin-right: 28px !important;
  }
  .mb-28-lg {
    margin-bottom: 28px !important;
  }
  .mh-28-lg {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .mv-28-lg {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .p-28-lg {
    padding: 28px !important;
  }
  .pl-28-lg {
    padding-left: 28px !important;
  }
  .pt-28-lg {
    padding-top: 28px !important;
  }
  .pr-28-lg {
    padding-right: 28px !important;
  }
  .pb-28-lg {
    padding-bottom: 28px !important;
  }
  .ph-28-lg {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .pv-28-lg {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .s-28-lg {
    width: 28px !important;
    height: 28px !important;
  }
  .w-28-lg {
    width: 28px !important;
  }
  .h-28-lg {
    height: 28px !important;
  }
  .a-28-lg {
    margin-left: auto;
    margin-right: auto;
    width: 28px;
    max-width: 28px;
  }
  .text-32-lg {
    font-size: 32px !important;
  }
  .m-32-lg {
    margin: 32px !important;
  }
  .ml-32-lg {
    margin-left: 32px !important;
  }
  .mt-32-lg {
    margin-top: 32px !important;
  }
  .mr-32-lg {
    margin-right: 32px !important;
  }
  .mb-32-lg {
    margin-bottom: 32px !important;
  }
  .mh-32-lg {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mv-32-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-32-lg {
    padding: 32px !important;
  }
  .pl-32-lg {
    padding-left: 32px !important;
  }
  .pt-32-lg {
    padding-top: 32px !important;
  }
  .pr-32-lg {
    padding-right: 32px !important;
  }
  .pb-32-lg {
    padding-bottom: 32px !important;
  }
  .ph-32-lg {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .pv-32-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .s-32-lg {
    width: 32px !important;
    height: 32px !important;
  }
  .w-32-lg {
    width: 32px !important;
  }
  .h-32-lg {
    height: 32px !important;
  }
  .a-32-lg {
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    max-width: 32px;
  }
  .text-40-lg {
    font-size: 40px !important;
  }
  .m-40-lg {
    margin: 40px !important;
  }
  .ml-40-lg {
    margin-left: 40px !important;
  }
  .mt-40-lg {
    margin-top: 40px !important;
  }
  .mr-40-lg {
    margin-right: 40px !important;
  }
  .mb-40-lg {
    margin-bottom: 40px !important;
  }
  .mh-40-lg {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mv-40-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-40-lg {
    padding: 40px !important;
  }
  .pl-40-lg {
    padding-left: 40px !important;
  }
  .pt-40-lg {
    padding-top: 40px !important;
  }
  .pr-40-lg {
    padding-right: 40px !important;
  }
  .pb-40-lg {
    padding-bottom: 40px !important;
  }
  .ph-40-lg {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pv-40-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .s-40-lg {
    width: 40px !important;
    height: 40px !important;
  }
  .w-40-lg {
    width: 40px !important;
  }
  .h-40-lg {
    height: 40px !important;
  }
  .a-40-lg {
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    max-width: 40px;
  }
  .text-48-lg {
    font-size: 48px !important;
  }
  .m-48-lg {
    margin: 48px !important;
  }
  .ml-48-lg {
    margin-left: 48px !important;
  }
  .mt-48-lg {
    margin-top: 48px !important;
  }
  .mr-48-lg {
    margin-right: 48px !important;
  }
  .mb-48-lg {
    margin-bottom: 48px !important;
  }
  .mh-48-lg {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mv-48-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-48-lg {
    padding: 48px !important;
  }
  .pl-48-lg {
    padding-left: 48px !important;
  }
  .pt-48-lg {
    padding-top: 48px !important;
  }
  .pr-48-lg {
    padding-right: 48px !important;
  }
  .pb-48-lg {
    padding-bottom: 48px !important;
  }
  .ph-48-lg {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .pv-48-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .s-48-lg {
    width: 48px !important;
    height: 48px !important;
  }
  .w-48-lg {
    width: 48px !important;
  }
  .h-48-lg {
    height: 48px !important;
  }
  .a-48-lg {
    margin-left: auto;
    margin-right: auto;
    width: 48px;
    max-width: 48px;
  }
  .text-50-lg {
    font-size: 50px !important;
  }
  .m-50-lg {
    margin: 50px !important;
  }
  .ml-50-lg {
    margin-left: 50px !important;
  }
  .mt-50-lg {
    margin-top: 50px !important;
  }
  .mr-50-lg {
    margin-right: 50px !important;
  }
  .mb-50-lg {
    margin-bottom: 50px !important;
  }
  .mh-50-lg {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mv-50-lg {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .p-50-lg {
    padding: 50px !important;
  }
  .pl-50-lg {
    padding-left: 50px !important;
  }
  .pt-50-lg {
    padding-top: 50px !important;
  }
  .pr-50-lg {
    padding-right: 50px !important;
  }
  .pb-50-lg {
    padding-bottom: 50px !important;
  }
  .ph-50-lg {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pv-50-lg {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .s-50-lg {
    width: 50px !important;
    height: 50px !important;
  }
  .w-50-lg {
    width: 50px !important;
  }
  .h-50-lg {
    height: 50px !important;
  }
  .a-50-lg {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    max-width: 50px;
  }
  .text-75-lg {
    font-size: 75px !important;
  }
  .m-75-lg {
    margin: 75px !important;
  }
  .ml-75-lg {
    margin-left: 75px !important;
  }
  .mt-75-lg {
    margin-top: 75px !important;
  }
  .mr-75-lg {
    margin-right: 75px !important;
  }
  .mb-75-lg {
    margin-bottom: 75px !important;
  }
  .mh-75-lg {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mv-75-lg {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .p-75-lg {
    padding: 75px !important;
  }
  .pl-75-lg {
    padding-left: 75px !important;
  }
  .pt-75-lg {
    padding-top: 75px !important;
  }
  .pr-75-lg {
    padding-right: 75px !important;
  }
  .pb-75-lg {
    padding-bottom: 75px !important;
  }
  .ph-75-lg {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pv-75-lg {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .s-75-lg {
    width: 75px !important;
    height: 75px !important;
  }
  .w-75-lg {
    width: 75px !important;
  }
  .h-75-lg {
    height: 75px !important;
  }
  .a-75-lg {
    margin-left: auto;
    margin-right: auto;
    width: 75px;
    max-width: 75px;
  }
  .text-100-lg {
    font-size: 100px !important;
  }
  .m-100-lg {
    margin: 100px !important;
  }
  .ml-100-lg {
    margin-left: 100px !important;
  }
  .mt-100-lg {
    margin-top: 100px !important;
  }
  .mr-100-lg {
    margin-right: 100px !important;
  }
  .mb-100-lg {
    margin-bottom: 100px !important;
  }
  .mh-100-lg {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mv-100-lg {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .p-100-lg {
    padding: 100px !important;
  }
  .pl-100-lg {
    padding-left: 100px !important;
  }
  .pt-100-lg {
    padding-top: 100px !important;
  }
  .pr-100-lg {
    padding-right: 100px !important;
  }
  .pb-100-lg {
    padding-bottom: 100px !important;
  }
  .ph-100-lg {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pv-100-lg {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .s-100-lg {
    width: 100px !important;
    height: 100px !important;
  }
  .w-100-lg {
    width: 100px !important;
  }
  .h-100-lg {
    height: 100px !important;
  }
  .a-100-lg {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    max-width: 100px;
  }
  .text-150-lg {
    font-size: 150px !important;
  }
  .m-150-lg {
    margin: 150px !important;
  }
  .ml-150-lg {
    margin-left: 150px !important;
  }
  .mt-150-lg {
    margin-top: 150px !important;
  }
  .mr-150-lg {
    margin-right: 150px !important;
  }
  .mb-150-lg {
    margin-bottom: 150px !important;
  }
  .mh-150-lg {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
  .mv-150-lg {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
  .p-150-lg {
    padding: 150px !important;
  }
  .pl-150-lg {
    padding-left: 150px !important;
  }
  .pt-150-lg {
    padding-top: 150px !important;
  }
  .pr-150-lg {
    padding-right: 150px !important;
  }
  .pb-150-lg {
    padding-bottom: 150px !important;
  }
  .ph-150-lg {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .pv-150-lg {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .s-150-lg {
    width: 150px !important;
    height: 150px !important;
  }
  .w-150-lg {
    width: 150px !important;
  }
  .h-150-lg {
    height: 150px !important;
  }
  .a-150-lg {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    max-width: 150px;
  }
  .text-200-lg {
    font-size: 200px !important;
  }
  .m-200-lg {
    margin: 200px !important;
  }
  .ml-200-lg {
    margin-left: 200px !important;
  }
  .mt-200-lg {
    margin-top: 200px !important;
  }
  .mr-200-lg {
    margin-right: 200px !important;
  }
  .mb-200-lg {
    margin-bottom: 200px !important;
  }
  .mh-200-lg {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
  .mv-200-lg {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .p-200-lg {
    padding: 200px !important;
  }
  .pl-200-lg {
    padding-left: 200px !important;
  }
  .pt-200-lg {
    padding-top: 200px !important;
  }
  .pr-200-lg {
    padding-right: 200px !important;
  }
  .pb-200-lg {
    padding-bottom: 200px !important;
  }
  .ph-200-lg {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .pv-200-lg {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .s-200-lg {
    width: 200px !important;
    height: 200px !important;
  }
  .w-200-lg {
    width: 200px !important;
  }
  .h-200-lg {
    height: 200px !important;
  }
  .a-200-lg {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    max-width: 200px;
  }
  .text-250-lg {
    font-size: 250px !important;
  }
  .m-250-lg {
    margin: 250px !important;
  }
  .ml-250-lg {
    margin-left: 250px !important;
  }
  .mt-250-lg {
    margin-top: 250px !important;
  }
  .mr-250-lg {
    margin-right: 250px !important;
  }
  .mb-250-lg {
    margin-bottom: 250px !important;
  }
  .mh-250-lg {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }
  .mv-250-lg {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }
  .p-250-lg {
    padding: 250px !important;
  }
  .pl-250-lg {
    padding-left: 250px !important;
  }
  .pt-250-lg {
    padding-top: 250px !important;
  }
  .pr-250-lg {
    padding-right: 250px !important;
  }
  .pb-250-lg {
    padding-bottom: 250px !important;
  }
  .ph-250-lg {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }
  .pv-250-lg {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
  .s-250-lg {
    width: 250px !important;
    height: 250px !important;
  }
  .w-250-lg {
    width: 250px !important;
  }
  .h-250-lg {
    height: 250px !important;
  }
  .a-250-lg {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    max-width: 250px;
  }
  .text-300-lg {
    font-size: 300px !important;
  }
  .m-300-lg {
    margin: 300px !important;
  }
  .ml-300-lg {
    margin-left: 300px !important;
  }
  .mt-300-lg {
    margin-top: 300px !important;
  }
  .mr-300-lg {
    margin-right: 300px !important;
  }
  .mb-300-lg {
    margin-bottom: 300px !important;
  }
  .mh-300-lg {
    margin-left: 300px !important;
    margin-right: 300px !important;
  }
  .mv-300-lg {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
  }
  .p-300-lg {
    padding: 300px !important;
  }
  .pl-300-lg {
    padding-left: 300px !important;
  }
  .pt-300-lg {
    padding-top: 300px !important;
  }
  .pr-300-lg {
    padding-right: 300px !important;
  }
  .pb-300-lg {
    padding-bottom: 300px !important;
  }
  .ph-300-lg {
    padding-left: 300px !important;
    padding-right: 300px !important;
  }
  .pv-300-lg {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .s-300-lg {
    width: 300px !important;
    height: 300px !important;
  }
  .w-300-lg {
    width: 300px !important;
  }
  .h-300-lg {
    height: 300px !important;
  }
  .a-300-lg {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    max-width: 300px;
  }
  .text-350-lg {
    font-size: 350px !important;
  }
  .m-350-lg {
    margin: 350px !important;
  }
  .ml-350-lg {
    margin-left: 350px !important;
  }
  .mt-350-lg {
    margin-top: 350px !important;
  }
  .mr-350-lg {
    margin-right: 350px !important;
  }
  .mb-350-lg {
    margin-bottom: 350px !important;
  }
  .mh-350-lg {
    margin-left: 350px !important;
    margin-right: 350px !important;
  }
  .mv-350-lg {
    margin-top: 350px !important;
    margin-bottom: 350px !important;
  }
  .p-350-lg {
    padding: 350px !important;
  }
  .pl-350-lg {
    padding-left: 350px !important;
  }
  .pt-350-lg {
    padding-top: 350px !important;
  }
  .pr-350-lg {
    padding-right: 350px !important;
  }
  .pb-350-lg {
    padding-bottom: 350px !important;
  }
  .ph-350-lg {
    padding-left: 350px !important;
    padding-right: 350px !important;
  }
  .pv-350-lg {
    padding-top: 350px !important;
    padding-bottom: 350px !important;
  }
  .s-350-lg {
    width: 350px !important;
    height: 350px !important;
  }
  .w-350-lg {
    width: 350px !important;
  }
  .h-350-lg {
    height: 350px !important;
  }
  .a-350-lg {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    max-width: 350px;
  }
  .text-400-lg {
    font-size: 400px !important;
  }
  .m-400-lg {
    margin: 400px !important;
  }
  .ml-400-lg {
    margin-left: 400px !important;
  }
  .mt-400-lg {
    margin-top: 400px !important;
  }
  .mr-400-lg {
    margin-right: 400px !important;
  }
  .mb-400-lg {
    margin-bottom: 400px !important;
  }
  .mh-400-lg {
    margin-left: 400px !important;
    margin-right: 400px !important;
  }
  .mv-400-lg {
    margin-top: 400px !important;
    margin-bottom: 400px !important;
  }
  .p-400-lg {
    padding: 400px !important;
  }
  .pl-400-lg {
    padding-left: 400px !important;
  }
  .pt-400-lg {
    padding-top: 400px !important;
  }
  .pr-400-lg {
    padding-right: 400px !important;
  }
  .pb-400-lg {
    padding-bottom: 400px !important;
  }
  .ph-400-lg {
    padding-left: 400px !important;
    padding-right: 400px !important;
  }
  .pv-400-lg {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
  .s-400-lg {
    width: 400px !important;
    height: 400px !important;
  }
  .w-400-lg {
    width: 400px !important;
  }
  .h-400-lg {
    height: 400px !important;
  }
  .a-400-lg {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    max-width: 400px;
  }
  .text-480-lg {
    font-size: 480px !important;
  }
  .m-480-lg {
    margin: 480px !important;
  }
  .ml-480-lg {
    margin-left: 480px !important;
  }
  .mt-480-lg {
    margin-top: 480px !important;
  }
  .mr-480-lg {
    margin-right: 480px !important;
  }
  .mb-480-lg {
    margin-bottom: 480px !important;
  }
  .mh-480-lg {
    margin-left: 480px !important;
    margin-right: 480px !important;
  }
  .mv-480-lg {
    margin-top: 480px !important;
    margin-bottom: 480px !important;
  }
  .p-480-lg {
    padding: 480px !important;
  }
  .pl-480-lg {
    padding-left: 480px !important;
  }
  .pt-480-lg {
    padding-top: 480px !important;
  }
  .pr-480-lg {
    padding-right: 480px !important;
  }
  .pb-480-lg {
    padding-bottom: 480px !important;
  }
  .ph-480-lg {
    padding-left: 480px !important;
    padding-right: 480px !important;
  }
  .pv-480-lg {
    padding-top: 480px !important;
    padding-bottom: 480px !important;
  }
  .s-480-lg {
    width: 480px !important;
    height: 480px !important;
  }
  .w-480-lg {
    width: 480px !important;
  }
  .h-480-lg {
    height: 480px !important;
  }
  .a-480-lg {
    margin-left: auto;
    margin-right: auto;
    width: 480px;
    max-width: 480px;
  }
  .text-560-lg {
    font-size: 560px !important;
  }
  .m-560-lg {
    margin: 560px !important;
  }
  .ml-560-lg {
    margin-left: 560px !important;
  }
  .mt-560-lg {
    margin-top: 560px !important;
  }
  .mr-560-lg {
    margin-right: 560px !important;
  }
  .mb-560-lg {
    margin-bottom: 560px !important;
  }
  .mh-560-lg {
    margin-left: 560px !important;
    margin-right: 560px !important;
  }
  .mv-560-lg {
    margin-top: 560px !important;
    margin-bottom: 560px !important;
  }
  .p-560-lg {
    padding: 560px !important;
  }
  .pl-560-lg {
    padding-left: 560px !important;
  }
  .pt-560-lg {
    padding-top: 560px !important;
  }
  .pr-560-lg {
    padding-right: 560px !important;
  }
  .pb-560-lg {
    padding-bottom: 560px !important;
  }
  .ph-560-lg {
    padding-left: 560px !important;
    padding-right: 560px !important;
  }
  .pv-560-lg {
    padding-top: 560px !important;
    padding-bottom: 560px !important;
  }
  .s-560-lg {
    width: 560px !important;
    height: 560px !important;
  }
  .w-560-lg {
    width: 560px !important;
  }
  .h-560-lg {
    height: 560px !important;
  }
  .a-560-lg {
    margin-left: auto;
    margin-right: auto;
    width: 560px;
    max-width: 560px;
  }
  .text-640-lg {
    font-size: 640px !important;
  }
  .m-640-lg {
    margin: 640px !important;
  }
  .ml-640-lg {
    margin-left: 640px !important;
  }
  .mt-640-lg {
    margin-top: 640px !important;
  }
  .mr-640-lg {
    margin-right: 640px !important;
  }
  .mb-640-lg {
    margin-bottom: 640px !important;
  }
  .mh-640-lg {
    margin-left: 640px !important;
    margin-right: 640px !important;
  }
  .mv-640-lg {
    margin-top: 640px !important;
    margin-bottom: 640px !important;
  }
  .p-640-lg {
    padding: 640px !important;
  }
  .pl-640-lg {
    padding-left: 640px !important;
  }
  .pt-640-lg {
    padding-top: 640px !important;
  }
  .pr-640-lg {
    padding-right: 640px !important;
  }
  .pb-640-lg {
    padding-bottom: 640px !important;
  }
  .ph-640-lg {
    padding-left: 640px !important;
    padding-right: 640px !important;
  }
  .pv-640-lg {
    padding-top: 640px !important;
    padding-bottom: 640px !important;
  }
  .s-640-lg {
    width: 640px !important;
    height: 640px !important;
  }
  .w-640-lg {
    width: 640px !important;
  }
  .h-640-lg {
    height: 640px !important;
  }
  .a-640-lg {
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    max-width: 640px;
  }
  .text-720-lg {
    font-size: 720px !important;
  }
  .m-720-lg {
    margin: 720px !important;
  }
  .ml-720-lg {
    margin-left: 720px !important;
  }
  .mt-720-lg {
    margin-top: 720px !important;
  }
  .mr-720-lg {
    margin-right: 720px !important;
  }
  .mb-720-lg {
    margin-bottom: 720px !important;
  }
  .mh-720-lg {
    margin-left: 720px !important;
    margin-right: 720px !important;
  }
  .mv-720-lg {
    margin-top: 720px !important;
    margin-bottom: 720px !important;
  }
  .p-720-lg {
    padding: 720px !important;
  }
  .pl-720-lg {
    padding-left: 720px !important;
  }
  .pt-720-lg {
    padding-top: 720px !important;
  }
  .pr-720-lg {
    padding-right: 720px !important;
  }
  .pb-720-lg {
    padding-bottom: 720px !important;
  }
  .ph-720-lg {
    padding-left: 720px !important;
    padding-right: 720px !important;
  }
  .pv-720-lg {
    padding-top: 720px !important;
    padding-bottom: 720px !important;
  }
  .s-720-lg {
    width: 720px !important;
    height: 720px !important;
  }
  .w-720-lg {
    width: 720px !important;
  }
  .h-720-lg {
    height: 720px !important;
  }
  .a-720-lg {
    margin-left: auto;
    margin-right: auto;
    width: 720px;
    max-width: 720px;
  }
  .text-800-lg {
    font-size: 800px !important;
  }
  .m-800-lg {
    margin: 800px !important;
  }
  .ml-800-lg {
    margin-left: 800px !important;
  }
  .mt-800-lg {
    margin-top: 800px !important;
  }
  .mr-800-lg {
    margin-right: 800px !important;
  }
  .mb-800-lg {
    margin-bottom: 800px !important;
  }
  .mh-800-lg {
    margin-left: 800px !important;
    margin-right: 800px !important;
  }
  .mv-800-lg {
    margin-top: 800px !important;
    margin-bottom: 800px !important;
  }
  .p-800-lg {
    padding: 800px !important;
  }
  .pl-800-lg {
    padding-left: 800px !important;
  }
  .pt-800-lg {
    padding-top: 800px !important;
  }
  .pr-800-lg {
    padding-right: 800px !important;
  }
  .pb-800-lg {
    padding-bottom: 800px !important;
  }
  .ph-800-lg {
    padding-left: 800px !important;
    padding-right: 800px !important;
  }
  .pv-800-lg {
    padding-top: 800px !important;
    padding-bottom: 800px !important;
  }
  .s-800-lg {
    width: 800px !important;
    height: 800px !important;
  }
  .w-800-lg {
    width: 800px !important;
  }
  .h-800-lg {
    height: 800px !important;
  }
  .a-800-lg {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    max-width: 800px;
  }
  .text-880-lg {
    font-size: 880px !important;
  }
  .m-880-lg {
    margin: 880px !important;
  }
  .ml-880-lg {
    margin-left: 880px !important;
  }
  .mt-880-lg {
    margin-top: 880px !important;
  }
  .mr-880-lg {
    margin-right: 880px !important;
  }
  .mb-880-lg {
    margin-bottom: 880px !important;
  }
  .mh-880-lg {
    margin-left: 880px !important;
    margin-right: 880px !important;
  }
  .mv-880-lg {
    margin-top: 880px !important;
    margin-bottom: 880px !important;
  }
  .p-880-lg {
    padding: 880px !important;
  }
  .pl-880-lg {
    padding-left: 880px !important;
  }
  .pt-880-lg {
    padding-top: 880px !important;
  }
  .pr-880-lg {
    padding-right: 880px !important;
  }
  .pb-880-lg {
    padding-bottom: 880px !important;
  }
  .ph-880-lg {
    padding-left: 880px !important;
    padding-right: 880px !important;
  }
  .pv-880-lg {
    padding-top: 880px !important;
    padding-bottom: 880px !important;
  }
  .s-880-lg {
    width: 880px !important;
    height: 880px !important;
  }
  .w-880-lg {
    width: 880px !important;
  }
  .h-880-lg {
    height: 880px !important;
  }
  .a-880-lg {
    margin-left: auto;
    margin-right: auto;
    width: 880px;
    max-width: 880px;
  }
  .text-960-lg {
    font-size: 960px !important;
  }
  .m-960-lg {
    margin: 960px !important;
  }
  .ml-960-lg {
    margin-left: 960px !important;
  }
  .mt-960-lg {
    margin-top: 960px !important;
  }
  .mr-960-lg {
    margin-right: 960px !important;
  }
  .mb-960-lg {
    margin-bottom: 960px !important;
  }
  .mh-960-lg {
    margin-left: 960px !important;
    margin-right: 960px !important;
  }
  .mv-960-lg {
    margin-top: 960px !important;
    margin-bottom: 960px !important;
  }
  .p-960-lg {
    padding: 960px !important;
  }
  .pl-960-lg {
    padding-left: 960px !important;
  }
  .pt-960-lg {
    padding-top: 960px !important;
  }
  .pr-960-lg {
    padding-right: 960px !important;
  }
  .pb-960-lg {
    padding-bottom: 960px !important;
  }
  .ph-960-lg {
    padding-left: 960px !important;
    padding-right: 960px !important;
  }
  .pv-960-lg {
    padding-top: 960px !important;
    padding-bottom: 960px !important;
  }
  .s-960-lg {
    width: 960px !important;
    height: 960px !important;
  }
  .w-960-lg {
    width: 960px !important;
  }
  .h-960-lg {
    height: 960px !important;
  }
  .a-960-lg {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    max-width: 960px;
  }
  .text-1040-lg {
    font-size: 1040px !important;
  }
  .m-1040-lg {
    margin: 1040px !important;
  }
  .ml-1040-lg {
    margin-left: 1040px !important;
  }
  .mt-1040-lg {
    margin-top: 1040px !important;
  }
  .mr-1040-lg {
    margin-right: 1040px !important;
  }
  .mb-1040-lg {
    margin-bottom: 1040px !important;
  }
  .mh-1040-lg {
    margin-left: 1040px !important;
    margin-right: 1040px !important;
  }
  .mv-1040-lg {
    margin-top: 1040px !important;
    margin-bottom: 1040px !important;
  }
  .p-1040-lg {
    padding: 1040px !important;
  }
  .pl-1040-lg {
    padding-left: 1040px !important;
  }
  .pt-1040-lg {
    padding-top: 1040px !important;
  }
  .pr-1040-lg {
    padding-right: 1040px !important;
  }
  .pb-1040-lg {
    padding-bottom: 1040px !important;
  }
  .ph-1040-lg {
    padding-left: 1040px !important;
    padding-right: 1040px !important;
  }
  .pv-1040-lg {
    padding-top: 1040px !important;
    padding-bottom: 1040px !important;
  }
  .s-1040-lg {
    width: 1040px !important;
    height: 1040px !important;
  }
  .w-1040-lg {
    width: 1040px !important;
  }
  .h-1040-lg {
    height: 1040px !important;
  }
  .a-1040-lg {
    margin-left: auto;
    margin-right: auto;
    width: 1040px;
    max-width: 1040px;
  }
  .text-1120-lg {
    font-size: 1120px !important;
  }
  .m-1120-lg {
    margin: 1120px !important;
  }
  .ml-1120-lg {
    margin-left: 1120px !important;
  }
  .mt-1120-lg {
    margin-top: 1120px !important;
  }
  .mr-1120-lg {
    margin-right: 1120px !important;
  }
  .mb-1120-lg {
    margin-bottom: 1120px !important;
  }
  .mh-1120-lg {
    margin-left: 1120px !important;
    margin-right: 1120px !important;
  }
  .mv-1120-lg {
    margin-top: 1120px !important;
    margin-bottom: 1120px !important;
  }
  .p-1120-lg {
    padding: 1120px !important;
  }
  .pl-1120-lg {
    padding-left: 1120px !important;
  }
  .pt-1120-lg {
    padding-top: 1120px !important;
  }
  .pr-1120-lg {
    padding-right: 1120px !important;
  }
  .pb-1120-lg {
    padding-bottom: 1120px !important;
  }
  .ph-1120-lg {
    padding-left: 1120px !important;
    padding-right: 1120px !important;
  }
  .pv-1120-lg {
    padding-top: 1120px !important;
    padding-bottom: 1120px !important;
  }
  .s-1120-lg {
    width: 1120px !important;
    height: 1120px !important;
  }
  .w-1120-lg {
    width: 1120px !important;
  }
  .h-1120-lg {
    height: 1120px !important;
  }
  .a-1120-lg {
    margin-left: auto;
    margin-right: auto;
    width: 1120px;
    max-width: 1120px;
  }
  .text-1200-lg {
    font-size: 1200px !important;
  }
  .m-1200-lg {
    margin: 1200px !important;
  }
  .ml-1200-lg {
    margin-left: 1200px !important;
  }
  .mt-1200-lg {
    margin-top: 1200px !important;
  }
  .mr-1200-lg {
    margin-right: 1200px !important;
  }
  .mb-1200-lg {
    margin-bottom: 1200px !important;
  }
  .mh-1200-lg {
    margin-left: 1200px !important;
    margin-right: 1200px !important;
  }
  .mv-1200-lg {
    margin-top: 1200px !important;
    margin-bottom: 1200px !important;
  }
  .p-1200-lg {
    padding: 1200px !important;
  }
  .pl-1200-lg {
    padding-left: 1200px !important;
  }
  .pt-1200-lg {
    padding-top: 1200px !important;
  }
  .pr-1200-lg {
    padding-right: 1200px !important;
  }
  .pb-1200-lg {
    padding-bottom: 1200px !important;
  }
  .ph-1200-lg {
    padding-left: 1200px !important;
    padding-right: 1200px !important;
  }
  .pv-1200-lg {
    padding-top: 1200px !important;
    padding-bottom: 1200px !important;
  }
  .s-1200-lg {
    width: 1200px !important;
    height: 1200px !important;
  }
  .w-1200-lg {
    width: 1200px !important;
  }
  .h-1200-lg {
    height: 1200px !important;
  }
  .a-1200-lg {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    max-width: 1200px;
  }
  .text-1280-lg {
    font-size: 1280px !important;
  }
  .m-1280-lg {
    margin: 1280px !important;
  }
  .ml-1280-lg {
    margin-left: 1280px !important;
  }
  .mt-1280-lg {
    margin-top: 1280px !important;
  }
  .mr-1280-lg {
    margin-right: 1280px !important;
  }
  .mb-1280-lg {
    margin-bottom: 1280px !important;
  }
  .mh-1280-lg {
    margin-left: 1280px !important;
    margin-right: 1280px !important;
  }
  .mv-1280-lg {
    margin-top: 1280px !important;
    margin-bottom: 1280px !important;
  }
  .p-1280-lg {
    padding: 1280px !important;
  }
  .pl-1280-lg {
    padding-left: 1280px !important;
  }
  .pt-1280-lg {
    padding-top: 1280px !important;
  }
  .pr-1280-lg {
    padding-right: 1280px !important;
  }
  .pb-1280-lg {
    padding-bottom: 1280px !important;
  }
  .ph-1280-lg {
    padding-left: 1280px !important;
    padding-right: 1280px !important;
  }
  .pv-1280-lg {
    padding-top: 1280px !important;
    padding-bottom: 1280px !important;
  }
  .s-1280-lg {
    width: 1280px !important;
    height: 1280px !important;
  }
  .w-1280-lg {
    width: 1280px !important;
  }
  .h-1280-lg {
    height: 1280px !important;
  }
  .a-1280-lg {
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    max-width: 1280px;
  }
}