/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/***
 COLOR START
 ***/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');
/* ===========================================================================================
============================================================================================== */
/* Override variables ant start */
/* Override variables ant end */
.shadow-top-s {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 -1px 2px rgba(16, 24, 40, 0.05);
}
.shadow-top-m {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 -1px 3px rgba(16, 24, 40, 0.1), 0 -1px 2px rgba(16, 24, 40, 0.06);
}
.shadow-top-l {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 -4px 8px -2px rgba(16, 24, 40, 0.1), 0 -2px 4px -2px rgba(16, 24, 40, 0.06);
}
.shadow-top-1xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 -12px 16px -4px rgba(16, 24, 40, 0.08), 0 -4px 6px -2px rgba(16, 24, 40, 0.03);
}
.shadow-top-2xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 -20px 24px -4px rgba(16, 24, 40, 0.08), 0 -8px 8px -4px rgba(16, 24, 40, 0.03);
}
.shadow-top-3xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 -24px 48px -12px rgba(16, 24, 40, 0.18);
}
.shadow-top-4xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 -32px 64px -12px rgba(16, 24, 40, 0.14);
}
.shadow-bottom-s {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
.shadow-bottom-m {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
}
.shadow-bottom-l {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.shadow-bottom-1xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.shadow-bottom-2xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.shadow-bottom-3xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 24px 48px -12px rgba(16, 24, 40, 0.18);
}
.shadow-bottom-4xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 32px 64px -12px rgba(16, 24, 40, 0.14);
}
.shadow-left-s {
  background: #fff;
  border-radius: 8px;
  box-shadow: -1px 0 2px rgba(16, 24, 40, 0.05);
}
.shadow-left-m {
  background: #fff;
  border-radius: 8px;
  box-shadow: -1px 0 3px rgba(16, 24, 40, 0.1), -1px 0 2px rgba(16, 24, 40, 0.06);
}
.shadow-left-l {
  background: #fff;
  border-radius: 8px;
  box-shadow: -4px 0 8px -2px rgba(16, 24, 40, 0.1), -2px 0 4px -2px rgba(16, 24, 40, 0.06);
}
.shadow-left-1xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: -12px 0 16px -4px rgba(16, 24, 40, 0.08), -4px 0 6px -2px rgba(16, 24, 40, 0.03);
}
.shadow-left-2xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: -20px 0 24px -4px rgba(16, 24, 40, 0.08), -8px 0 8px -4px rgba(16, 24, 40, 0.03);
}
.shadow-left-3xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: -24px 0 48px -12px rgba(16, 24, 40, 0.18);
}
.shadow-left-4xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: -32px 0 64px -12px rgba(16, 24, 40, 0.14);
}
.shadow-right-s {
  background: #fff;
  border-radius: 8px;
  box-shadow: 1px 0 2px rgba(16, 24, 40, 0.05);
}
.shadow-right-m {
  background: #fff;
  border-radius: 8px;
  box-shadow: 1px 0 3px rgba(16, 24, 40, 0.1), 1px 0 2px rgba(16, 24, 40, 0.06);
}
.shadow-right-l {
  background: #fff;
  border-radius: 8px;
  box-shadow: 4px 0 8px -2px rgba(16, 24, 40, 0.1), 2px 0 4px -2px rgba(16, 24, 40, 0.06);
}
.shadow-right-1xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 12px 0 16px -4px rgba(16, 24, 40, 0.08), 4px 0 6px -2px rgba(16, 24, 40, 0.03);
}
.shadow-right-2xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 20px 0 24px -4px rgba(16, 24, 40, 0.08), 8px 0 8px -4px rgba(16, 24, 40, 0.03);
}
.shadow-right-3xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 24px 0 48px -12px rgba(16, 24, 40, 0.18);
}
.shadow-right-4xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 32px 0 64px -12px rgba(16, 24, 40, 0.14);
}
.shadow-center-s {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 3px rgba(16, 24, 40, 0.07);
}
.shadow-center-m {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(16, 24, 40, 0.1), 0 0 3px rgba(16, 24, 40, 0.06);
}
.shadow-center-l {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 12px 2px rgba(16, 24, 40, 0.08), 0 0 6px 2px rgba(16, 24, 40, 0.04);
}
.shadow-center-1xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 28px 8px rgba(16, 24, 40, 0.08), 0 0 10px 4px rgba(16, 24, 40, 0.03);
}
.shadow-center-2xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 44px 8px rgba(16, 24, 40, 0.08), 0 0 16px 4px rgba(16, 24, 40, 0.03);
}
.shadow-center-3xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 72px 12px rgba(16, 24, 40, 0.18);
}
.shadow-center-4xl {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 96px 12px rgba(16, 24, 40, 0.14);
}