:root {
  --moon-4: #969696;
  --night-7: #2c3761;
  --moon-1: #f7f7f7;
  --moon-3: #bdbdbd;
  --snow: #fff;
  --night-5: #5161a2;
  --moon-2: #d9d9d9;
  --fire-3: #fc9272;
  --sky-4: #7ecdf5;
  --night-1: #e8edf9;
  --desert-1: #fef2de;
  --sky-3: #a9dfff;
  --sky-2: #cfecff;
  --night-4: #6e7cb7;
  --sky-5: #52b3e0;
  --sky-1: #effaff;
  --fire-1: #fee5d9;
  --fire-2: #fcbba1;
  --fire-4: #fb6a4a;
  --fire-5: #ef3b2c;
  --fire-6: #cb181d;
  --fire-7: #99000d;
  --desert-2: #fddfa2;
  --desert-3: #fdc76b;
  --desert-4: #fdad3c;
  --desert-5: #f18d13;
  --desert-6: #d96d01;
  --desert-7: #8c4304;
  --forest-1: #edf8e9;
  --forest-2: #c7e9c0;
  --forest-3: #a1d99b;
  --forest-4: #74c476;
  --forest-5: #41ab5d;
  --forest-6: #238b45;
  --forest-7: #005a32;
  --sky-6: #2a90bf;
  --sky-7: #105c80;
  --garden-1: #f4f0f7;
  --garden-2: #e0daeb;
  --garden-3: #c6bcdc;
  --garden-4: #ad9ac8;
  --garden-5: #947dba;
  --garden-6: #8551a3;
  --garden-7: #6f1486;
  --night-2: #bcc5e3;
  --night-3: #909dce;
  --night-6: #3c4c85;
  --moon-5: #737373;
  --moon-6: #525252;
  --moon-7: #252525;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

a {
  color: var(--moon-4);
  text-decoration: underline;
}

.body {
  direction: rtl;
  color: var(--night-7);
  font-family: Vazirmatn, sans-serif;
  font-weight: 500;
}

.layout {
  background-color: var(--moon-1);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
}

.layout.layout--vh {
  height: 100vh;
  min-height: auto;
}

.layout.layout--auth {
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  min-height: auto;
}

.layout.layout--alert {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}

.nav {
  z-index: 4;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 16px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.nav__main-container {
  background-color: var(--night-7);
  filter: drop-shadow(-4px 0 16px #0003);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.nav__item-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.nav__item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--moon-3);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.nav__item:hover,
.nav__item.nav__item--active {
  color: var(--snow);
}

.nav__icon {
  width: 24px;
  height: 24px;
}

.nav__icon-container {
  border-radius: 16px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.nav__icon-container.nav__icon-container--active {
  background-color: var(--night-5);
}

.nav__item-text {
  flex: none;
  font-size: 16px;
}

.nav__dropdown {
  width: 200px;
}

.nav__dropdown-toggle {
  color: var(--moon-3);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.nav__dropdown-toggle:hover {
  color: var(--snow);
}

.dropdown__arrow {
  width: 10px;
  height: 10px;
}

.nav__dropdown-list {
  background-color: #ddd0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.nav__dropdown-list.w--open {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 56px;
  display: flex;
}

.nav__dropdown-item {
  color: var(--moon-2);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
  font-size: 16px;
  display: flex;
}

.nav__dropdown-item:hover {
  color: var(--snow);
}

.page {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 120px;
  display: block;
}

.menu {
  z-index: 3;
  width: 100%;
  position: sticky;
  top: 0;
}

.content {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.content.content--height100 {
  height: calc(100% - 64px);
}

.menu__container {
  border-bottom: 1px solid var(--moon-2);
  background-color: var(--moon-1);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 64px;
  display: flex;
}

.menu__container.menu__container--logo-only {
  justify-content: center;
  align-items: center;
}

.menu__logo {
  width: 98px;
}

.menu__item-container {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.menu__dropdown {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: block;
}

.menu__dropdown-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-style: none solid;
  border-width: 1px;
  border-color: black var(--moon-1);
  color: var(--night-7);
  background-color: #f3f3f300;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding: 0 16px;
  text-decoration: none;
  display: flex;
}

.menu__dropdown-toggle.w--open {
  border-right-style: solid;
  border-right-color: var(--moon-2);
  border-left-style: solid;
  border-left-color: var(--moon-2);
  background-color: var(--snow);
  color: var(--night-7);
}

.menu__dropdown-list.w--open {
  box-sizing: content-box;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--moon-2);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--moon-2);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--moon-2);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--moon-2);
  background-color: var(--snow);
  border-radius: 0 0 16px 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  padding: 0 16px;
  display: flex;
  left: auto;
}

.menu__dropdown-list.menu__dropdown-list--left.w--open {
  left: 0;
}

.menu__dropdown-list.menu__dropdown-list--empty.w--open {
  display: none;
}

.dropdown__icon {
  width: 24px;
  height: 24px;
}

.dropdown__text {
  font-weight: 500;
}

.menu__form {
  height: 100%;
  margin-bottom: 0;
}

.menu__form-container {
  height: 100%;
}

.dropdown__item {
  text-align: right;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
  font-weight: 500;
  text-decoration: none;
}

.dropdown__item-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--moon-4);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 100%;
  max-height: 250px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  overflow: auto;
}

.divider-h {
  background-color: var(--moon-2);
  flex: none;
  width: 100%;
  height: 1px;
}

.divider-h.divider-h--margin32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.dropdown__item-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--moon-4);
  background-color: #f0f0f000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.dropdown__item-container:hover {
  color: var(--night-7);
}

.dropdown__item-container.dropdown__item-container--fire:hover {
  color: var(--fire-3);
}

.dropdown__item-icon {
  width: 24px;
  height: 24px;
}

.menu__dropdown-toggle-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-style: none;
  border-width: 1px;
  border-color: black var(--moon-1);
  color: var(--night-7);
  background-color: #f3f3f300;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.menu__dropdown-toggle-link.w--open {
  border-right-style: solid;
  border-right-color: var(--moon-2);
  border-left-style: solid;
  border-left-color: var(--moon-2);
  background-color: var(--snow);
  color: var(--night-7);
}

.menu__dropdown-toggle-link.menu__dropdown-toggle-link--alert {
  color: var(--fire-3);
}

.content__full-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 40px 0;
  display: flex;
}

.content__full-container.content__full-container--full-height {
  height: 100%;
  padding-bottom: 16px;
}

.content__full-container.content__full-container--horizontal {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.content__block-v {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.content__block-v.content__block-v--height100 {
  height: 100%;
}

.content__block-v.content__block-v--nav {
  flex: none;
  width: 260px;
  position: sticky;
  top: 104px;
  overflow: visible;
}

.content__block-v.content__block-v--size {
  width: calc(100% - 292px);
}

.content__block-title {
  color: var(--night-7);
  font-size: 16px;
}

.chart__block-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.chart__block-grid.chart__block-grid--column3 {
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
}

.chart__container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  border-radius: 24px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
  overflow: visible;
}

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

.chart__container.chart__container--height100 {
  /* height: 100%;*/
  height: 550px;
}


/*  */
/* .chart__container.chart__container--column-table {
  max-width: 650px;
  max-height: 85%;
} */

.chart__container.chart__container--column-table {
  width: 80%;
  height: 80%;
}


.chart__container.chart__container--column-chart {
  width: 90%;
  max-height: 85%;
}

.chart__container.chart__container--column-number {
  width: 90%;
  max-width: 450px;
}

.chart__head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 36px;
  display: inline-flex;
}

.chart__title {
  color: var(--moon-4);
  white-space: nowrap;
  vertical-align: baseline;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  display: block;
  overflow: hidden;
}

.chart__controls-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chart__actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding: 6px 12px;
  display: flex;
}

.dropdown__more-icon {
  color: var(--moon-4);
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.dropdown__more-icon:hover {
  color: var(--night-7);
}

.dropdown__more-icon.dropdown__more-icon--size {
  width: 24px;
  height: 24px;
}

.chart__number {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.chart__number-pack {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.chart__number-value,
.chart__number-unit {
  font-size: 20px;
  font-weight: 700;
}

.chart__number-visualization {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  flex: none;
  width: 48px;
  height: 48px;
}

.dropdown__more {
  z-index: 2;
  cursor: pointer;
  margin-left: 0;
  margin-right: 0;
}

.dropdown__more-toggle {
  padding: 0;
}

.dropdown__list {
  width: 100%;
  padding: 16px;
}

.dropdown__list.w--open {
  box-sizing: content-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  direction: rtl;
  background-color: #ddd0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  margin-top: 0;
  padding: 12px 0 0;
  display: flex;
  left: -14px;
}

.dropdown__list.menu__dropdown-list--left.w--open {
  left: 0;
}

.dropdown__list.menu__dropdown-list--empty.w--open {
  display: none;
}

.dropdown__list.dropdown__list--right.w--open {
  left: auto;
  right: 0;
}

.div-block {
  width: 100%;
  max-width: 50px;
  display: block;
}

.dropdown__list-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 120px;
  padding: 16px;
  display: flex;
}

.dropdown__list-container.w--open {
  box-sizing: content-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--moon-2);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--moon-2);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--moon-2);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--moon-2);
  background-color: var(--snow);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  min-width: 80px;
  margin-top: 0;
  padding: 12px 0 0;
  display: flex;
  left: -14px;
}

.dropdown__list-container.menu__dropdown-list--left.w--open {
  left: 0;
}

.dropdown__list-container.menu__dropdown-list--empty.w--open {
  display: none;
}

.content__block-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.content__block-container.content__block-container--height100 {
  flex: 0 auto;
  height: calc(100% - 60px);
}

.content__block-container.content__block-container--gap16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.content__block-container.content__block-container--right {
  justify-content: flex-start;
  align-items: flex-start;
}

.content__block-container.content__block-container--tickets {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  max-height: calc(100vh - 220px);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: auto;
}

.chart__line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.chart__line.chart__line--horizontal {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  max-height: 100%;
}

.chart__label-h {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chart__label-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chart__label-item.chart__label-item--width100 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.chart__label-icon {
  color: var(--sky-4);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.chart__label-icon.chart__label-icon--sky4 {
  color: var(--sky-4);
}

.chart__label-icon.chart__label-icon--fire4 {
  color: var(--fire-3);
}

.chart__label-text {
  color: var(--moon-3);
  font-weight: 400;
}

.chart__line-container {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 400px;
  max-height: 600px;
  display: flex;
}

.chart__line-container.chart__line-container--column {
  height: auto;
}

.chart__line-container.chart__line-container--column.chart__line-container--pie {
  flex: 1;
  min-height: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.chart__label-h-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 12px 40px;
  display: flex;
  overflow: auto;
}

.chart__label-h-fade {
  background-image: linear-gradient(90deg, #fff0, #fff);
  width: 40px;
  height: 38px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.chart__label-h-fade.chart__label-h-fade--left {
  background-image: linear-gradient(90deg, #fff, #fff0);
  inset: 0% auto auto 0%;
}

.chart__select-form {
  margin-bottom: 0;
}

.chart__select-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ededed00;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chart__select {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--moon-2);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--moon-2);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--moon-2);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--moon-2);
  background-color: var(--snow);
  color: var(--night-7);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/select.svg');
  background-position: 8%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 36px;
  margin-bottom: 0;
  padding-left: 40px;
  display: flex;
}

.chart__select:hover,
.chart__select:focus {
  border-color: var(--night-7);
}

.chart__select.chart__select--min-width200 {
  min-width: 200px;
}

.page__container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.page__container.page__container--vh,
.page__container.page__container--height100 {
  height: 100vh;
}

.table__container {
  outline-color: var(--night-1);
  outline-offset: -1px;
  direction: ltr;
  border-radius: 12px;
  outline-width: 1px;
  outline-style: solid;
  flex: none;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 300px;
  max-height: 650px;
  margin-bottom: 0;
  padding: 0;
  display: block;
  overflow: auto;
}

.table__container.table__container--height100 {
  flex: 0 auto;
  min-height: auto;
  max-height: none;
}

.table__container.table__container--column {
  height: auto;
  min-height: auto;
}

.table__cell {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--night-1);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--night-1);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--night-1);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--night-1);
  white-space: nowrap;
  text-overflow: ellipsis;
  justify-content: space-between;
  align-items: center;
  padding: 4px 16px;
  font-weight: 400;
  overflow: hidden;
}

.table__row {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: visible;
}

.table__row:hover {
  background-color: var(--moon-1);
}

.table__header-test {
  text-align: left;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
}

.table__head {
  z-index: 1;
  background-color: var(--moon-1);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: sticky;
  top: 0;
}

.table__component {
  direction: ltr;
}

.table__header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--night-1);
  background-color: var(--moon-1);
  color: var(--moon-4);
  white-space: nowrap;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  overflow: visible;
}

.table__header:hover {
  color: var(--night-7);
}

.table__header.table__header--modified {
  background-color: var(--desert-1);
}

.table__header-text {
  text-align: left;
  flex: 1;
}

.dropdown__form {
  width: 100%;
  margin-bottom: 0;
}

.dropdown__form-container {
  width: 100%;
}

.dropdown__form-option-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid var(--moon-2);
  flex-flow: column;
  width: 100%;
  margin-top: 12px;
  padding-top: 12px;
  display: flex;
}

.checkbox__item {
  direction: rtl;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.checkbox__icon {
  border: 2px solid var(--moon-3);
  background-color: var(--snow);
  cursor: pointer;
  border-radius: 6px;
  width: 18px;
  height: 18px;
  margin: 0 0 0 8px;
}

.checkbox__icon:hover {
  border-color: var(--sky-4);
}

.checkbox__icon.w--redirected-checked {
  border-style: solid;
  border-color: var(--sky-4);
  background-color: var(--sky-4);
  background-image: url('../images/checkbox.svg');
  background-position: 50%;
  background-size: auto;
  margin-top: 1px;
  margin-left: 8px;
}

.checkbox__icon.w--redirected-focus {
  border-color: var(--sky-4);
  margin-top: 0;
  margin-left: 8px;
  box-shadow: 0 2px 5px #0000;
}

.checkbox__text {
  color: var(--night-7);
  margin-bottom: 0;
  font-weight: 500;
}

.radio__item {
  direction: rtl;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio__item.radio__item--top-align {
  justify-content: flex-start;
  align-items: flex-start;
}

.radio__text {
  color: var(--night-7);
  margin-bottom: 0;
  font-weight: 500;
}

.radio__text.radio__text--disable {
  color: var(--moon-3);
  cursor: default;
  margin-left: 8px;
}

.radio__icon {
  border: 2px solid var(--moon-3);
  background-color: var(--snow);
  cursor: pointer;
  border-radius: 100px;
  flex: none;
  width: 18px;
  height: 18px;
  margin: 1px 0 0 8px;
}

.radio__icon:hover {
  border-color: var(--sky-4);
}

.radio__icon.w--redirected-checked {
  border: 6px solid var(--sky-4);
  background-color: var(--snow);
  margin-top: 0;
  margin-left: 8px;
}

.radio__icon.w--redirected-focus {
  border-color: var(--sky-4);
  margin-top: 0;
  margin-left: 8px;
  box-shadow: 0 2px 5px #0000;
}

.radio__icon.radio__icon--disable {
  border-color: var(--moon-2);
  background-color: var(--moon-1);
  cursor: default;
  padding: 0;
}

.radio__icon.radio__icon--top-align {
  margin-top: 1px;
}

.table__header-divider {
  background-color: var(--moon-2);
  border-radius: 100px;
  width: 2px;
  height: 36px;
}

.table__header-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--moon-4);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.table__header-container:hover {
  color: var(--night-7);
}

.table__space {
  width: 100%;
  height: 16px;
}

.table__scroll-h {
  direction: ltr;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: visible;
}

.table__scroll-h.table__scroll-h--height100 {
  height: 100%;
}

.chart__bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 36px;
  display: inline-flex;
}

.chart__bottom.chart__bottom--left {
  justify-content: flex-end;
  align-items: center;
}

.table__pagination-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.table__pagination {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.table__pagination-text {
  color: var(--moon-4);
  vertical-align: baseline;
  font-size: 14px;
  font-weight: 500;
}

.table__pagination-text.table__pagination-text--night {
  color: var(--night-7);
}

.table__pagination-icon {
  width: 20px;
  height: 20px;
}

.table__pagination-icon.table__pagination-icon--deactive {
  color: var(--moon-2);
  cursor: auto;
}

.button__small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  color: var(--moon-4);
  cursor: pointer;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 24px;
  text-decoration: none;
  display: flex;
}

.button__small:hover {
  border-color: var(--night-7);
  color: var(--night-7);
}

.button__small.button__small--desert {
  border-color: var(--desert-1);
  background-color: var(--desert-1);
}

.button__small.button__small--moon {
  border-color: var(--moon-1);
  background-color: var(--moon-1);
}

.button__small.button__small--disable {
  border-color: var(--moon-1);
  color: var(--moon-2);
  cursor: auto;
}

.button__small.button__small--sky {
  border-color: var(--sky-3);
  background-color: var(--sky-3);
  color: var(--night-7);
  text-decoration: none;
}

.button__small.button__small--sky:hover {
  border-color: var(--sky-2);
  background-color: var(--sky-2);
}

.button__small.button__small--sky.button__small--width100 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button__small.button__small--sky.button__small--margin-32 {
  margin-top: 32px;
}

.button__small.button__small--fire:hover {
  border-color: var(--fire-3);
  color: var(--fire-3);
}

.button__small.button__small--night {
  border-color: var(--night-7);
  background-color: var(--night-7);
  color: var(--snow);
}

.button__small.button__small--night:hover {
  border-color: var(--night-4);
  background-color: var(--night-4);
}

.button__small.button__small--night.button__small--width100 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button__small.button__small--active {
  border-color: var(--night-7);
  color: var(--night-7);
}

.button__small.button__small--ghost {
  background-color: #fff0;
  border-style: none;
  padding: 0 8px;
}

.button__small.button__small--ghost.button__small--fire.button__small--disable:hover {
  color: var(--moon-2);
}

.button__small.button__small--ghost.button__small--ghost--sky {
  color: var(--sky-4);
}

.button__small.button__small--ghost.button__small--ghost--sky:hover {
  color: var(--sky-5);
}

.button__small.button__small--width100 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button__small-icon {
  width: 24px;
  height: 24px;
}

.chart__button-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chart__actions-icon {
  color: var(--moon-4);
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.chart__actions-icon:hover {
  color: var(--night-7);
}

.chart__actions-button {
  background-color: #f0f0f000;
  padding: 0;
}

.content__banner-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.banner__container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--moon-2);
  background-image: linear-gradient(90deg, #fff0, #fff);
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 20px;
  display: flex;
}

.banner__content-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.banner__image {
  width: 60px;
  height: 60px;
}

.banner__text-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.banner__title {
  font-size: 16px;
  font-weight: 700;
}

.banner__description {
  color: var(--moon-4);
  font-weight: 400;
}

.table__header-handle {
  cursor: ew-resize;
  width: 5px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.content__medium-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1000px;
  padding: 40px 0;
  display: flex;
}

.content__block-head {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.content__block-head.content__block-head--right-align {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.block__container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 1.25rem;
  box-shadow: 0 1px 2px 0 #0000000d;;
  display: flex;
}

.block__container.block__container--empty {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}

.block__container.block__container--horizonal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.block__container.block__container--funnel-settings {
  flex: none;
  width: 320px;
  height: 75vh;
  padding: 8px 8px 60px;
  position: relative;
}

.block__container.block__container--empty-funnel {
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.block__container.block__container--funnel {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
}

.table__item-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.table__item-container.table__item-container--module {
  margin-bottom: 24px;
}

.table__item-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.table__item-content.table__item-content--vertical {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.table__item-icon {
  width: 24px;
  height: 24px;
}

.table__item-icon-container {
  background-color: var(--sky-2);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.table__item-icon-container.table__item-icon-container--table {
  background-color: var(--night-1);
}

.table__actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  color: var(--moon-4);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding: 6px 12px;
  display: flex;
  position: relative;
}

.state__text-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.state__tite {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.state__description {
  color: var(--moon-4);
  text-align: center;
  font-weight: 400;
  line-height: 24px;
}

.content__block-icon-container {
  cursor: pointer;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  text-decoration: none;
  display: flex;
}

.content__block-icon-container:hover {
  color: var(--night-7);
}

.content__block-icon-container.table__item-icon-container--table {
  background-color: var(--night-1);
}

.content__block-icon {
  width: 24px;
  height: 24px;
}

.form__new-table {
  width: 100%;
  margin-bottom: 0;
}

.form__new-table-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.radio__container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.radio__container.radio__container--selected {
  border-color: var(--sky-2);
  background-color: var(--sky-1);
}

.radio__item-description {
  color: var(--moon-4);
  font-weight: 400;
  line-height: 24px;
}

.radio__item-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 24px;
  display: flex;
}

.radio__item-image-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.badge {
  background-color: var(--desert-1);
  border-radius: 12px;
  padding: 4px 12px;
}

.badge.badge--moon {
  background-color: var(--moon-1);
}

.badge.badge--night {
  background-color: var(--night-1);
}

.badge.badge--sky {
  background-color: var(--sky-2);
}

.badge__text {
  font-size: 12px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.table__item-description {
  color: var(--moon-4);
  font-weight: 400;
}

.content__block-head-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.state__container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.video {
  aspect-ratio: 16 / 9;
  height: 100%;
}

.video__container {
  border-radius: 16px;
  width: 140%;
  overflow: hidden;
}

.video__container.video__container--funnel {
  width: 460px;
}

.video__container.video__container--auth {
  width: 100%;
}

.button__container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  color: var(--moon-4);
  cursor: auto;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.button__container.button__small--desert {
  border-color: var(--desert-1);
  background-color: var(--desert-1);
}

.button__container.button__small--moon {
  border-color: var(--moon-1);
  background-color: var(--moon-1);
}

.button__container.button__small--disable {
  border-color: var(--moon-1);
  color: var(--moon-2);
  cursor: auto;
}

.button__container.button__small--sky {
  border-color: var(--sky-3);
  background-color: var(--sky-3);
  color: var(--night-7);
  text-decoration: none;
}

.button__container.button__small--sky:hover {
  border-color: var(--sky-2);
  background-color: var(--sky-2);
}

.button__container.button__small--fire:hover {
  border-color: var(--fire-3);
  color: var(--fire-3);
}

.button__container.button__small--night {
  border-color: var(--night-7);
  background-color: var(--night-7);
  color: var(--snow);
}

.button__container.button__small--night:hover {
  border-color: var(--night-4);
  background-color: var(--night-4);
}

.form__toggle {
  margin-bottom: 0;
}

.toggle__item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.toggle__item.toggle__item--margin16 {
  margin-bottom: 16px;
}

.toggle__text {
  color: var(--night-7);
  margin-bottom: 0;
  font-weight: 500;
}

.toggle__text.radio__text--disable {
  color: var(--moon-3);
  cursor: default;
  margin-left: 8px;
}

.toggle__icon {
  background-color: var(--moon-2);
  cursor: pointer;
  background-image: url('../images/toggle.svg');
  background-position: 16%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px #000;
  border-radius: 100px;
  width: 32px;
  height: 18px;
  margin-top: 0;
  margin-left: 8px;
}

.toggle__icon.w--redirected-checked {
  background-color: var(--sky-4);
  background-image: url('../images/toggle.svg');
  background-position: 90%;
  background-size: auto;
  margin-top: 0;
  margin-left: 8px;
}

.toggle__icon.w--redirected-focus {
  box-shadow: 0 2px 5px #0000;
}

.page-nav__item-container {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.dropdown__page {
  z-index: 2;
  box-sizing: content-box;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.dropdown__page-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--moon-4);
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown__page-toggle:hover {
  color: var(--night-7);
}

.dropdown__page-toggle.w--open {
  width: 100%;
  position: static;
}

.dropdown__page-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.dropdown__page-icon.dropdown__more-icon--size {
  width: 24px;
  height: 24px;
}

.dropdown__page-text {
  text-align: right;
  width: 100%;
}

.dropdown__page-list {
  position: static;
}

.dropdown__page-list.w--open {
  background-color: #ddd0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.dropdown__page-list.dropdown__page-list--gap8.w--open {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.dropdown__page-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px solid var(--moon-2);
  color: var(--moon-4);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-right: 28px;
  display: flex;
}

.dropdown__page-item.dropdown__page-item--active {
  border-right-color: var(--night-7);
  color: var(--night-7);
}

.dropdown__page-item-text {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
}


.page__title {
  font-size: 16px;
}

.page-nav__item-link {
  width: 100%;
  text-decoration: none;
}

.page-nav__item-link:hover {
  color: var(--night-7);
}

.page-nav__item {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.query__container {
  width: 100%;
  min-height: 360px;
}

.block__actions-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.block__actions-container.block__actions-container--fixed {
  border-top: 1px solid var(--moon-2);
  padding: 12px 16px;
  position: absolute;
  inset: auto 0% 0%;
}

.block__actions-container.block__actions-container--right {
  justify-content: flex-start;
  align-items: center;
}

.block__actions-container.block__actions-container--right.block__actions-container--bottom-margin {
  margin-bottom: 32px;
}

.block__container-h {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form__container {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.form__fields-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 8px 8px 16px;
  display: flex;
  overflow: auto;
}

.form__fields-container.form__fields-container--horizontal {
  flex-flow: row;
  padding: 0;
}

.form__select {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--moon-2);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--moon-2);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--moon-2);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--moon-2);
  background-color: var(--snow);
  color: var(--night-7);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/select.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  margin-bottom: 0;
  padding-left: 40px;
  display: flex;
}

.form__select:hover,
.form__select:focus {
  border-color: var(--night-7);
}

.form__select.chart__select--min-width200 {
  min-width: 200px;
}

.form__select.form__select--max-width100 {
  width: 100px;
}

.form__item-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 303px;
  display: flex;
}

.form__item-container.form__item-container--max-none {
  max-width: none;
}

.form__item-label {
  color: var(--night-7);
  margin-bottom: 0;
  font-weight: 500;
}

.form__item-description {
  color: var(--moon-4);
  text-align: right;
  width: 100%;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
}

.form__add-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form__add-head-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.form__added-item {
  background-color: var(--moon-1);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 16px 4px 8px;
  display: flex;
}

.form__added-item-actions {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form__added-item-texts {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form__added-item-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form__added-item-number {
  background-color: var(--moon-2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.chart__funnel-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.chart__funnel-data-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-width: 200px;
  height: 100%;
  display: flex;
}

.chart__funnel-chart-container {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: block;
}

.chart__funnel-step-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  display: flex;
}

.chart__funnel-step-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.chart__funnel-step-title-line {
  background-color: var(--moon-2);
  flex: 1;
  height: 1px;
}

.chart__funnel-step-title {
  color: var(--moon-4);
  flex: 0 auto;
  width: auto;
}

.chart__funnel-step-data-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.form__input {
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  color: var(--night-7);
  border-radius: 12px;
  height: 36px;
  margin-bottom: 0;
}

.form__input:hover,
.form__input:focus {
  border-color: var(--night-7);
}

.form__input::placeholder {
  color: var(--moon-3);
  font-weight: 400;
}

.block__head-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.space__user-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.space__user-container.table__item-container--module {
  margin-bottom: 24px;
}

.space__user-data-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.space__user-data-container.table__item-content--vertical {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.space__user-actions-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.space__user-actions-container.table__item-content--vertical {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.ticket__item-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.ticket__item-container.table__item-container--module {
  margin-bottom: 24px;
}

.ticket__item-actions-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ticket__item-actions-container.table__item-content--vertical {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.ticket__item-data-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.ticket__item-data-container.table__item-content--vertical {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.ticket__item-message {
  color: var(--moon-4);
  font-weight: 400;
}

.ticket__message-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.ticket__message-container.ticket__message-container--answer {
  justify-content: flex-start;
  align-items: flex-start;
}

.ticket__message-metadata {
  color: var(--moon-4);
  font-weight: 400;
}

.ticket__message {
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  border-radius: 0 24px 24px;
  max-width: 800px;
  padding: 16px;
}

.ticket__message.ticket__message--answer {
  border-color: var(--sky-3);
  background-color: var(--sky-2);
  border-top-left-radius: 24px;
  border-top-right-radius: 0;
}

.ticket__message-text {
  line-height: 24px;
}

.ticket__fade {
  background-image: linear-gradient(#f7f7f7, #f7f7f700);
  flex: none;
  width: 100%;
  height: 24px;
  position: sticky;
  inset: 0 0% auto;
}

.ticket__fade.ticket__fade--bottom {
  background-image: linear-gradient(180deg, #f7f7f700, var(--moon-1));
  flex: none;
  position: sticky;
  inset: auto 0% 0%;
}

.form__ticket {
  width: 100%;
}

.form__ticket-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.form__ticket-message {
  border: 1px solid var(--moon-2);
  color: var(--night-7);
  border-radius: 12px;
  min-height: 120px;
  margin-bottom: 0;
  padding: 16px;
}

.form__ticket-message:hover,
.form__ticket-message:focus {
  border-color: var(--night-7);
}

.form__ticket-message::placeholder {
  color: var(--moon-3);
  font-weight: 400;
}

.auth__container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: var(--snow);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 450px;
  height: 100%;
  padding: 32px;
  display: flex;
}

.auth__image {
  aspect-ratio: auto;
  object-fit: cover;
  flex: 1;
  align-self: auto;
  width: 100%;
  height: 100%;
}

.auth__logo {
  width: 100px;
}

.form__auth {
  width: 100%;
}

.form__auth-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form__auth-title {
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
}

.form__auth-head-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
}

.form__auth-head-container.content__block-head--right-align {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.form__auth-head-title {
  color: var(--moon-4);
  font-size: 14px;
  font-weight: 500;
}

.form__auth-head-icon-container {
  cursor: pointer;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  text-decoration: none;
  display: flex;
}

.form__auth-head-icon-container:hover {
  color: var(--night-7);
}

.form__auth-head-icon-container.table__item-icon-container--table {
  background-color: var(--night-1);
}

.form__auth-head-icon {
  width: 24px;
  height: 24px;
}

.form__auth-actions-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: 32px;
  display: flex;
}

.form__items-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form__items-container.form__items-container--gap24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.form__items-container.form__items-container--gap16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.auth__image-container {
  flex: 1;
  height: 100%;
}

.message__container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--desert-1);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.message__container.message__container--margin16 {
  margin-top: 16px;
}

.message__container.message__container--notes {
  background-color: var(--moon-1);
  flex-flow: column;
  padding-top: 16px;
  padding-bottom: 16px;
}

.message__text {
  text-align: right;
  margin-top: 2px;
}

.message__icon {
  width: 24px;
  height: 24px;
  margin-top: 0;
}

.auth__state-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.state__actions-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.layout__container {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.layout__container.layout__container--width800 {
  width: 100%;
  max-width: 800px;
}

.scrim {
  z-index: 6;
  background-color: #2c376140;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.scrim.scrim--toolbar {
  flex: 1;
  position: static;
}

.popup__container {
  background-color: var(--snow);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  max-height: 85vh;
  display: flex;
  overflow: hidden;
}

.popup__container.popup__container--width600 {
  width: 600px;
}

.popup__head-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--moon-2);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.popup__body-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px;
  display: flex;
  overflow: auto;
}

.popup__actions-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px none var(--moon-2);
  background-color: var(--moon-1);
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  display: flex;
}

.popup__head-title {
  color: var(--moon-4);
}

.popup__head-icon-container {
  color: var(--moon-4);
  cursor: pointer;
  background-color: #f0f0f000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  text-decoration: none;
  display: flex;
}

.popup__head-icon-container:hover {
  color: var(--night-7);
}

.popup__head-icon-container.table__item-icon-container--table {
  background-color: var(--night-1);
}

.popup__head-icon {
  width: 24px;
  height: 24px;
}

.popup__body-texts {
  align-self: stretch;
  line-height: 24px;
}

.popup__body-texts-bold {
  font-weight: 900;
}

.popup__body-image {
  width: 100px;
  height: 100px;
}

.checkbox__text--bold {
  font-weight: 900;
}

.toolbar__container {
  z-index: 6;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
}

.toolbar__content-container {
  background-color: var(--snow);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 420px;
  height: 100vh;
  display: flex;
}

.toolbar__head-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--moon-2);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.toolbar__head-icon-container {
  color: var(--moon-4);
  cursor: pointer;
  background-color: #f0f0f000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  text-decoration: none;
  display: flex;
}

.toolbar__head-icon-container:hover {
  color: var(--night-7);
}

.toolbar__head-icon-container.table__item-icon-container--table {
  background-color: var(--night-1);
}

.toolbar__head-icon {
  width: 24px;
  height: 24px;
}

.toolbar__head-title {
  color: var(--moon-4);
}

.toolbar__body-container {
  flex: 1;
  width: 100%;
  padding: 24px 16px;
  position: relative;
  overflow: auto;
}

.toolbar__body-container.toolbar__body-container--tabs {
  padding: 0;
}

.toolbar__actions-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--moon-1);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  display: flex;
  position: sticky;
  inset: auto 0% 0%;
}

.toolbar__actions-container.toolbar__actions-container--absolute {
  z-index: 6;
  position: absolute;
}

.form__toolbar {
  width: 100%;
  margin-bottom: 0;
}

.form__toolbar-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form__toolbar-container.form__toolbar-container--gap24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.form__item-description--link {
  color: var(--night-7);
}

.toolbar__info-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.toolbar__info-text {
  color: var(--moon-4);
}

.toolbar__info-text-value {
  color: var(--night-7);
}

.tabs__toolbar {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.tabs__toolbar-menu-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.tabs__toolbar-body-container {
  height: 100%;
}

.tabs__item-container {
  border: 1px solid var(--moon-2);
  background-color: var(--moon-1);
  color: var(--moon-4);
  cursor: pointer;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.tabs__item-container:hover {
  border-color: var(--night-7);
  color: var(--night-7);
}

.tabs__item-container.w--current {
  border-color: var(--night-7);
  background-color: var(--snow);
  color: var(--night-7);
  flex: 1;
  height: 100%;
}

.tabs__toolbar-content-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.tabs__toolbar-tab-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px 16px 96px;
  display: flex;
  overflow: auto;
}

.tabs__fade {
  background-image: linear-gradient(#fff, #fff0);
  flex: none;
  width: 100%;
  height: 24px;
  position: absolute;
  inset: 0 0% auto;
}

.tabs__fade.ticket__fade--bottom {
  background-image: linear-gradient(180deg, #f7f7f700, var(--moon-1));
  flex: none;
  position: sticky;
  inset: auto 0% 0%;
}

.tabs__fade.tabs__fade--bottom {
  background-image: linear-gradient(360deg, #fff, #fff0);
  inset: auto 0% 59px;
}

.tab-pane-tab-3 {
  width: 500px;
}

.tab-pane-tab-1,
.tab-pane-tab-2 {
  height: 100%;
}

.form__toolbar-container-title {
  margin-bottom: 16px;
}

.form__item-label-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.form__item-row-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.form__checklist-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form__range-text {
  color: var(--moon-3);
  text-align: right;
  width: 24px;
}

.dropdown__actions-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radio__text-2,
.form__item-label-2 {
  color: #2c3761;
  margin-bottom: 0;
  font-weight: 500;
}

.dropdown__page-toggle-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #969696;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown__page-toggle-2:hover {
  color: #2c3761;
}

.dropdown__page-toggle-2.w--open {
  width: 100%;
  position: static;
}

.radio__icon-2 {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #bdbdbd;
  border-radius: 100px;
  flex: none;
  width: 18px;
  height: 18px;
  margin: 1px 0 0 8px;
}

.radio__icon-2:hover {
  border-color: #7ecdf5;
}

.radio__icon-2.w--redirected-checked {
  background-color: #fff;
  border: 6px solid #7ecdf5;
  margin-top: 0;
  margin-left: 8px;
}

.radio__icon-2.w--redirected-focus {
  border-color: #7ecdf5;
  margin-top: 0;
  margin-left: 8px;
  box-shadow: 0 2px 5px #0000;
}

.text__description {
  color: #2c3761;
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 500;
}

.message__head-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--moon-4);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tab-pane-tab-3-2 {
  height: 100%;
}

.chart__label-v {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  max-width: 300px;
  max-height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chart__label-v-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
  overflow: auto;
}

.chart__label-v-fade {
  background-image: linear-gradient(0deg, #fff0, #fff);
  width: 100%;
  height: 24px;
  position: absolute;
  inset: 0% 0% auto;
}

.chart__label-v-fade.chart__label-h-fade--left {
  background-image: linear-gradient(90deg, #fff, #fff0);
  inset: 0% auto auto 0%;
}

.chart__label-v-fade.chart__label-v-fade--bottom {
  background-image: linear-gradient(#fff0, #fff);
  inset: auto 0% 0%;
}

.chart__bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.chart__bar.chart__line--horizontal {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  max-height: 100%;
}

.chart__grouped-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.chart__grouped-bar.chart__line--horizontal {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  max-height: 100%;
}

.select__container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  display: flex;
  position: relative;
}

.select__label {
  color: var(--night-7);
  margin-bottom: 0;
  font-weight: 500;
}

.select__description {
  color: var(--moon-4);
  text-align: right;
  width: 100%;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
}

.select__button {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--moon-2);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--moon-2);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--moon-2);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--moon-2);
  background-color: var(--snow);
  color: var(--night-7);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/select.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 36px;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 12px;
  display: flex;
  position: relative;
}

.select__button:hover,
.select__button:focus {
  border-color: var(--night-7);
}

.select__button.chart__select--min-width200 {
  min-width: 200px;
}

.select__button.form__select--max-width100 {
  width: 100px;
}

.select__list-container {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 360px;
  margin-top: 40px;
  padding: 16px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
  overflow: auto;
}

.select__form {
  width: 100%;
  margin-bottom: 0;
}

.select__form-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.select__form-container.select__form-container--date {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
}

.select__item-container {
  width: 100%;
  position: relative;
}

.select__color-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.select__shade-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.select__color-item {
  background-color: var(--fire-1);
  cursor: pointer;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  padding-bottom: 0;
  padding-right: 0;
}

.select__color-item.select__color-item--fire2 {
  background-color: var(--fire-2);
}

.select__color-item.select__color-item--fire3 {
  background-color: var(--fire-3);
}

.select__color-item.select__color-item--fire4 {
  background-color: var(--fire-4);
}

.select__color-item.select__color-item--fire5 {
  background-color: var(--fire-5);
}

.select__color-item.select__color-item--fire6 {
  background-color: var(--fire-6);
}

.select__color-item.select__color-item--fire7 {
  background-color: var(--fire-7);
}

.select__color-item.select__color-item--desert1 {
  background-color: var(--desert-1);
}

.select__color-item.select__color-item--desert2 {
  background-color: var(--desert-2);
}

.select__color-item.select__color-item--desert3 {
  background-color: var(--desert-3);
}

.select__color-item.select__color-item--desert4 {
  background-color: var(--desert-4);
}

.select__color-item.select__color-item--desert5 {
  background-color: var(--desert-5);
}

.select__color-item.select__color-item--desert6 {
  background-color: var(--desert-6);
}

.select__color-item.select__color-item--desert7 {
  background-color: var(--desert-7);
}

.select__color-item.select__color-item--forest1 {
  background-color: var(--forest-1);
}

.select__color-item.select__color-item--forest2 {
  background-color: var(--forest-2);
}

.select__color-item.select__color-item--forest3 {
  background-color: var(--forest-3);
}

.select__color-item.select__color-item--forest4 {
  background-color: var(--forest-4);
}

.select__color-item.select__color-item--forest5 {
  background-color: var(--forest-5);
}

.select__color-item.select__color-item--forest6 {
  background-color: var(--forest-6);
}

.select__color-item.select__color-item--forest7 {
  background-color: var(--forest-7);
}

.select__color-item.select__color-item--sky1 {
  background-color: var(--sky-1);
}

.select__color-item.select__color-item--sky2 {
  background-color: var(--sky-2);
}

.select__color-item.select__color-item--sky3 {
  background-color: var(--sky-3);
}

.select__color-item.select__color-item--sky4 {
  background-color: var(--sky-4);
}

.select__color-item.select__color-item--sky5 {
  background-color: var(--sky-5);
}

.select__color-item.select__color-item--sky6 {
  background-color: var(--sky-6);
}

.select__color-item.select__color-item--sky7 {
  background-color: var(--sky-7);
}

.select__color-item.select__color-item--garden1 {
  background-color: var(--garden-1);
}

.select__color-item.select__color-item--garden2 {
  background-color: var(--garden-2);
}

.select__color-item.select__color-item--garden3 {
  background-color: var(--garden-3);
}

.select__color-item.select__color-item--garden4 {
  background-color: var(--garden-4);
}

.select__color-item.select__color-item--garden5 {
  background-color: var(--garden-5);
}

.select__color-item.select__color-item--garden6 {
  background-color: var(--garden-6);
}

.select__color-item.select__color-item--garden7 {
  background-color: var(--garden-7);
}

.select__color-item.select__color-item--night1 {
  background-color: var(--night-1);
}

.select__color-item.select__color-item--night2 {
  background-color: var(--night-2);
}

.select__color-item.select__color-item--night3 {
  background-color: var(--night-3);
}

.select__color-item.select__color-item--night4 {
  background-color: var(--night-4);
}

.select__color-item.select__color-item--night5 {
  background-color: var(--night-5);
}

.select__color-item.select__color-item--night6 {
  background-color: var(--night-6);
}

.select__color-item.select__color-item--night7 {
  background-color: var(--night-7);
}

.select__color-item.select__color-item--moon1 {
  background-color: var(--moon-1);
}

.select__color-item.select__color-item--moon2 {
  background-color: var(--moon-2);
}

.select__color-item.select__color-item--moon3 {
  background-color: var(--moon-3);
}

.select__color-item.select__color-item--moon4 {
  background-color: var(--moon-4);
}

.select__color-item.select__color-item--moon5 {
  background-color: var(--moon-5);
}

.select__color-item.select__color-item--moon6 {
  background-color: var(--moon-6);
}

.select__color-item.select__color-item--moon7 {
  background-color: var(--moon-7);
}

.select__color-option {
  background-color: var(--sky-3);
  border-radius: 100px;
  width: 20px;
  height: 20px;
}

.toolbar__loading-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.loading {
  border-radius: 16px;
  width: 64px;
  height: 64px;
}

.loading.loading--snackbar {
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.loading__text {
  color: var(--moon-3);
  font-size: 16px;
  font-weight: 400;
}

.loading__text.loading__text--snackbar {
  font-size: 14px;
  font-weight: 500;
}

.component__container {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 24px;
  display: flex;
}

.loading__container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.loading__container.loading__container--snackbar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--moon-2);
  background-color: var(--snow);
  border-radius: 12px;
  flex-flow: row;
  padding: 12px;
}

@media screen and (max-width: 991px) {
  .auth__container {
    width: 400px;
    padding: 24px;
  }

  .state__actions-container {
    flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  .auth__container {
    width: 100%;
  }

  .auth__image {
    display: none;
  }

  .layout__container.layout__container--width800 {
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .layout.layout--alert {
    padding-left: 24px;
    padding-right: 24px;
  }

  .button__small.button__small--sky.button__small--mobile,
  .button__small.button__small--ghost.button__small--ghost--sky.button__small--mobile,
  .button__small.button__small--mobile {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .form__auth-actions-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

#w-node-_882b0c91-dbe4-cb41-5491-d788ee62e145-d7aef061,
#w-node-_28dc55f3-5e87-97c7-85e9-9ac26e77734f-4e919652 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatnwght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}