.button {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  white-space: nowrap;
  padding: 13px 40px;
  background: var(--btn-color, --primary-color);
}

.button__primary {
  --btn-color: linear-gradient(0deg, var(--primary-color-2) 0%, var(--primary-color) 100%);
  --btn-color-hover: 0px 1px 1px rgba(var(--box-shadow), 0.1), inset 0px 2px 0px rgba(var(--color-white-rgb), 0.06);
  --btn-text-color: var(--color-white-100);
  border: 1px solid var(--primary-color);
  color: var(--btn-text-color);
}

.button__primary--without-gradient {
  --btn-color: var(--primary-color);
  --btn-color-hover: 0px 1px 1px rgba(var(--box-shadow), 0.1), inset 0px 2px 0px rgba(var(--color-white-rgb), 0.06);
  --btn-text-color: var(--color-white-100);
  border: 1px solid var(--primary-color);
  color: var(--btn-text-color);
}

.button__primary__light {
  --btn-color: var(--primary-color-500);
  --btn-text-color: var(--primary-color);
  border: none;
}

.button__danger {
  --btn-color: var(--danger-color);
  --btn-color-hover: rgba(var(--danger-color-rgb), 0.03);
  --btn-text-color: var(--primary-color-inverse);
  color: var(--btn-text-color);
}

.button__small {
  height: 36px;
  padding: 6px 16px;
  min-width: unset;
}

.button__small img {
  height: 16px;
  width: 16px;
}

.button__deactivate {
  background: var(--color-deactivate);
  border: 1px solid var(--primary-color-500);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 1px rgba(var(--box-shadow), 0.05), inset 0px 2px 0px rgba(var(--color-white), 0.05);
          box-shadow: 0px 1px 1px rgba(var(--box-shadow), 0.05), inset 0px 2px 0px rgba(var(--color-white), 0.05);
  color: var(--color-white-100);
  height: 56px;
}

.button__deactivate.height {
  height: 50px;
}

.button__white {
  --btn-color: linear-gradient(0deg, var(--color-off-white) 0%, var(--color-white) 100%);
  border: 1px solid var(--line-border);
  -webkit-box-shadow: 0px 1px 1px rgba(var(--box-shadow), 0.05), inset 0px 2px 0px rgba(var(--color-white-rgb), 0.05);
          box-shadow: 0px 1px 1px rgba(var(--box-shadow), 0.05), inset 0px 2px 0px rgba(var(--color-white-rgb), 0.05);
  color: var(--secondary-color);
}

.button__no-style {
  background: none;
  border: none;
  color: var(--primary-color);
}

.button__no-style:hover, .button__no-style:focus {
  -webkit-box-shadow: 0px 1px 1px rgba(var(--box-shadow), 0.05), inset 0px 2px 0px rgba(var(--color-white-rgb), 0.05);
          box-shadow: 0px 1px 1px rgba(var(--box-shadow), 0.05), inset 0px 2px 0px rgba(var(--color-white-rgb), 0.05);
}

.button__more {
  background: var(--color-light);
  border: none;
  border-radius: 4px;
  margin-left: 16px;
  padding-left: 14px;
  padding-right: 14px;
}

.button__more.with-padding {
  padding: 11px 16px;
}

.button__more .name {
  max-width: 139px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.button__back {
  background: var(--color-white);
  -webkit-box-shadow: 0px 10px 25px rgba(var(--primary-color-rgb-2), 0.08);
          box-shadow: 0px 10px 25px rgba(var(--primary-color-rgb-2), 0.08);
  border-radius: 15px;
  height: 32px;
  width: 32px;
  border: none;
}

.button__retry {
  border: none;
  background: var(--primary-color-400);
  border-radius: 4px;
  padding: 6px 9px;
  color: var(--primary-color);
}

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

.button__retry img {
  width: 14px;
  height: 14px;
}

.button--full {
  width: 90%;
}

.button--full-100 {
  width: 100%;
}

.button--round {
  border-radius: 50%;
}

.button--has-icon.icon-center img {
  max-height: 22px;
}

.button--has-icon.icon-right img {
  margin-left: 10px;
}

.button--has-icon.icon-left img {
  margin-right: 10px;
}

.button--has-icon.small-icon img {
  height: 16px;
  width: 16px;
}

.button--has-icon.smaller-icon img {
  height: 14px;
  width: 14px;
}

.button__clear {
  letter-spacing: 0.2px;
  color: var(--primary-color);
  background: transparent;
  border: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
}

.button__clear.dark {
  padding: 10px;
  color: var(--color-black);
}

.button__outline {
  border: 1px solid var(--line-border-2);
  color: var(--primary-color);
}

.button__filter {
  background: var(--color-white-100);
  border: 1px solid var(--line-border-2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  height: 36px;
  padding: 5px 10px;
  min-width: 100px;
  color: var(--grey-color);
}

.button__filter img {
  width: 14px;
  height: 14px;
}

.button__filter img.right-image {
  margin-left: auto;
}

.button__filter input {
  border: none;
  background: none;
  width: 0px;
  color: var(--primary-color);
}

.button__filter input:focus {
  border: none;
  outline: none;
}

.button__filter.active {
  color: var(--primary-color);
  background: rgba(var(--primary-color-rgb), 0.1);
  border: 1px solid var(--primary-color);
}

.button__filter.active input {
  width: 63px;
}

.button--container.margin-top {
  margin-top: 40px;
}

.button--container.margin-bottom {
  margin-bottom: 40px;
}

.button--container img {
  height: 15px;
  width: 15px;
}

.button--small-padding {
  padding: 13px 20px;
  min-width: unset;
}

.button.margin-top {
  margin-top: 15px;
}

.button--align-self {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  width: 100%;
}

button:hover {
  cursor: pointer;
}

.disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  text-decoration: none;
  pointer-events: none;
  cursor: not-allowed;
}

.input {
  margin-bottom: 24px;
  width: 100%;
  position: relative;
}

.input input,
.input select,
.input textarea {
  background: var(--primary-color-600);
  border: 1px solid var(--line-border);
  border-radius: 4px;
  padding: 13px 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 4px;
  min-height: 50px;
  width: 100%;
}

.input input.danger,
.input select.danger,
.input textarea.danger {
  border: 1px solid var(--color-danger);
}

.input input::-webkit-input-placeholder, .input input:disabled,
.input select::-webkit-input-placeholder,
.input select:disabled,
.input textarea::-webkit-input-placeholder,
.input textarea:disabled {
  color: rgba(var(--grey-color-rgb), 0.24);
}

.input input:-ms-input-placeholder, .input input:disabled,
.input select:-ms-input-placeholder,
.input select:disabled,
.input textarea:-ms-input-placeholder,
.input textarea:disabled {
  color: rgba(var(--grey-color-rgb), 0.24);
}

.input input::-ms-input-placeholder, .input input:disabled,
.input select::-ms-input-placeholder,
.input select:disabled,
.input textarea::-ms-input-placeholder,
.input textarea:disabled {
  color: rgba(var(--grey-color-rgb), 0.24);
}

.input input::placeholder, .input input:disabled,
.input select::placeholder,
.input select:disabled,
.input textarea::placeholder,
.input textarea:disabled {
  color: rgba(var(--grey-color-rgb), 0.24);
}

.input input:focus,
.input select:focus,
.input textarea:focus {
  background: rgba(var(--primary-color-rgb), 0.04);
  border: 1px solid var(--primary-color);
  outline: var(--primary-color);
}

.input input.ng-touched.ng-invalid, .input input .input--multiple.invalid,
.input select.ng-touched.ng-invalid,
.input select .input--multiple.invalid,
.input textarea.ng-touched.ng-invalid,
.input textarea .input--multiple.invalid {
  border: 1px solid var(--color-danger);
}

.input input:-internal-autofill-selected,
.input select:-internal-autofill-selected,
.input textarea:-internal-autofill-selected {
  background-color: none !important;
  background: rgba(var(--primary-color-rgb), 0.04) !important;
  border: 1px solid var(--primary-color);
  outline: var(--primary-color);
}

.input label {
  color: var(--grey-color);
}

.input input.z-index__1 + label {
  z-index: 1;
}

.input input:focus + label,
.input textarea:focus + label,
.input input:-internal-autofill-selected + label {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-left: 19px;
  top: 12px;
}

.input input:focus + label,
.input .input--multiple:focus-within + label,
.input label.active {
  margin-left: 19px;
  top: 12px;
}

.input input.ng-dirty + label,
.input input.editMode:valid + label,
.input input.editMode:-moz-read-only + label,
.input input.ng-dirty:valid + label,
.input select.editMode:valid + label,
.input select.editMode:-moz-read-only + label,
.input select.ng-dirty:valid + label,
.input textarea.editMode:valid + label,
.input textarea.editMode:-moz-read-only + label,
.input textarea.ng-dirty:valid + label,
.input input:-internal-autofill-selected + label {
  margin-left: 19px;
  top: 12px;
}

.input input.ng-dirty + label,
.input input.editMode:valid + label,
.input input.editMode:read-only + label,
.input input.ng-dirty:valid + label,
.input select.editMode:valid + label,
.input select.editMode:read-only + label,
.input select.ng-dirty:valid + label,
.input textarea.editMode:valid + label,
.input textarea.editMode:read-only + label,
.input textarea.ng-dirty:valid + label,
.input input:-internal-autofill-selected + label {
  margin-left: 19px;
  top: 12px;
}

.input input:-internal-autofill-selected + label {
  z-index: 999;
}

.input__search {
  border: 1px solid var(--line-border);
  border-radius: 10px;
  padding: 10px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 10px;
  height: 40px;
}

.input__search.filter {
  background: var(--color-white-100);
  border: 1px solid var(--line-border-2);
  height: 36px;
  padding: 0 15px;
  margin-bottom: 0;
  max-width: 350px;
  width: 100%;
}

.input__search.filter input {
  width: 100%;
  height: 34px;
}

.input__search.no-margin {
  margin-bottom: unset;
  margin-right: 24px;
  background: var(--color-white);
}

.input__search input {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  color: var(--grey-color);
  height: 39px;
}

.input__search input:valid {
  padding: 0;
}

.input__search input:focus {
  background: none;
  outline: none;
  border: none;
  padding: 0;
}

.input__search input:focus-visible {
  background: none;
}

.input__search img {
  margin-right: 10px;
}

.input__search .enter-button {
  opacity: 0;
  padding: 3px;
  background: transparent;
  border: none;
}

.input__search .enter-button img {
  width: 17px;
  height: 17px;
  margin: 0;
}

.input__search .enter-button.show {
  opacity: 0.7;
}

.input__search__filter {
  position: relative;
}

.input__search__filter input {
  background: var(--color-white-100);
  border: 1px solid var(--line-border);
  width: 100%;
  max-width: 350px;
  height: 36px;
  margin-bottom: 0;
}

.input__search__filter input:focus {
  border: 2px solid rgba(var(--primary-color-rgb), 0.5);
}

.input__search__filter input .img {
  position: absolute;
}

.input__search__filter input .enter-button {
  position: absolute;
}

.input--password {
  position: relative;
  width: 100%;
}

.input--password button {
  background: none;
  width: 18px;
  height: 18px;
}

.input--password__view-toggle {
  position: absolute;
  top: 55%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding: 0;
  right: 17px;
  border: 0;
}

.input--password__view-toggle img {
  width: 18px;
  height: 18px;
}

.input__error {
  margin-top: 8px;
}

.input__error img {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}

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

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

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

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

.input__error__secondary {
  color: var(--grey-color-100);
  font-style: italic;
}

.input--multiple {
  position: relative;
  width: 100%;
  background: var(--primary-color-600);
  border: 1px solid var(--line-border);
  border-radius: 4px;
  padding: 11px 20px 11px 20px;
  min-height: 50px;
}

.input--multiple .tag {
  background: -webkit-gradient(linear, left bottom, left top, from(var(--color-off-white)), to(var(--color-white)));
  background: linear-gradient(0deg, var(--color-off-white) 0%, var(--color-white) 100%);
  border: 1px solid var(--line-border);
  -webkit-box-shadow: inset 0px 2px 0px rgba(var(--color-white-rgb), 0.05);
          box-shadow: inset 0px 2px 0px rgba(var(--color-white-rgb), 0.05);
  border-radius: 4px;
  padding: 2px 12px;
}

.input--multiple .tag a {
  height: 16px;
  width: 16px;
}

.input--multiple input {
  border: none;
  background: transparent;
  padding: 0;
  min-height: unset;
  height: 24px;
  width: unset;
  margin-top: unset;
}

.input--multiple input:focus {
  padding: 0;
  background: none;
  outline: none;
  border: none;
}

.input--multiple input:valid {
  padding: 0;
}

.input--multiple input.ng-touched.ng-invalid {
  border: none;
}

.input--multiple:focus-within, .input--multiple.active {
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}

.input--multiple:hover {
  cursor: text;
}

.input.multiple label {
  top: 13px;
}

.input.multiple .input--multiple:focus-within + label,
.input.multiple label.active {
  top: 6px;
}

.input.radio button {
  padding: 0;
  background: transparent;
  color: var(--grey-color);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-right: 48px;
}

.input.radio button img {
  margin-right: 9px;
}

.input.radio button.active {
  color: var(--primary-color);
}

.input.small {
  width: 300px;
}

.input.small input:focus + label {
  top: 7px;
}

.input.smaller {
  width: 45%;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[type='time']::-webkit-calendar-picker-indicator {
  background: none;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}

select::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3325 6.11378C11.2076 5.98962 11.0386 5.91992 10.8625 5.91992C10.6864 5.91992 10.5174 5.98962 10.3925 6.11378L7.99915 8.47378L5.63915 6.11378C5.51424 5.98962 5.34528 5.91992 5.16915 5.91992C4.99303 5.91992 4.82406 5.98962 4.69915 6.11378C4.63667 6.17576 4.58707 6.24949 4.55322 6.33073C4.51938 6.41197 4.50195 6.49911 4.50195 6.58712C4.50195 6.67512 4.51938 6.76226 4.55322 6.8435C4.58707 6.92474 4.63667 6.99847 4.69915 7.06045L7.52582 9.88712C7.58779 9.9496 7.66153 9.9992 7.74277 10.033C7.82401 10.0669 7.91114 10.0843 7.99915 10.0843C8.08716 10.0843 8.1743 10.0669 8.25554 10.033C8.33678 9.9992 8.41051 9.9496 8.47249 9.88712L11.3325 7.06045C11.395 6.99847 11.4446 6.92474 11.4784 6.8435C11.5123 6.76226 11.5297 6.67512 11.5297 6.58712C11.5297 6.49911 11.5123 6.41197 11.4784 6.33073C11.4446 6.24949 11.395 6.17576 11.3325 6.11378Z' fill='%23737A91'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 16px;
  height: 16px;
}

input[type='checkbox'],
input[type='radio'] {
  padding: 7px;
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--line-border);
}

input[type='checkbox']::after,
input[type='radio']::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

input[type='checkbox']:checked,
input[type='radio']:checked {
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
}

input:focus + .input__search {
  border: 3px solid var(--primary-color-500);
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}

.filter {
  padding: 24px 16px;
  position: relative;
}

.filter.without-padding {
  padding: 24px 0;
}

.filter > div {
  white-space: nowrap;
}

.filter--button {
  min-width: 130px;
}

.filter--button {
  background: var(--color-white);
  border: 1px solid var(--color-light-2);
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 0 8px;
}

.filter--button div {
  margin: 0 8px;
}

.filter--button img:last-of-type {
  width: 20px;
}

.filter--button.active {
  border-color: rgba(var(--primary-color-rgb), 0.2);
  -webkit-box-shadow: 0px 10px 25px rgba(var(--primary-color-rgb-2), 0.08);
          box-shadow: 0px 10px 25px rgba(var(--primary-color-rgb-2), 0.08);
  color: var(--primary-color);
}

.filter .select {
  min-width: 150px;
  position: relative;
  background: var(--color-white-100);
  border: 1px solid var(--line-border-2);
  border-radius: 10px;
  height: 36px;
  margin-left: 15px;
}

.filter .select::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  right: 5px;
}

.filter .select select {
  border: none;
  background: transparent;
  padding: 10px;
  width: 100%;
  color: var(--grey-color);
}

.key {
  border: 1px solid var(--line-border);
  border-radius: 6px;
  height: 50px;
  width: 100%;
  color: var(--grey-alt);
  padding-left: 15px;
  padding-right: 15px;
}

.key span {
  white-space: nowrap;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.key img {
  height: 20px;
  width: 20px;
}

.key button {
  padding: 0;
  border: none;
  background: none;
  color: var(--grey-alt);
}

.key button img {
  height: 20px;
  width: 20px;
}

.toggle {
  cursor: pointer;
}

.toggle-switch {
  display: inline-block;
  background: rgba(var(--toggle-bg), 0.16);
  border-radius: 16px;
  width: 35px;
  height: 21px;
  position: relative;
  vertical-align: middle;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}

.toggle-switch:before, .toggle-switch:after {
  content: '';
}

.toggle-switch:before {
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-white)), to(var(--color-off-white)));
  background: linear-gradient(to bottom, var(--color-white) 0%, var(--color-off-white) 100%);
  border-radius: 50%;
  border: 0.67308px solid var(--line-border-2);
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-transition: left 0.25s;
  transition: left 0.25s;
}

.toggle:hover .toggle-switch:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-white)), to(var(--color-white)));
  background: linear-gradient(to bottom, var(--color-white) 0%, var(--color-white) 100%);
}

.toggle-checkbox:checked + .toggle-switch {
  background: var(--primary-color);
}

.toggle-checkbox:checked + .toggle-switch:before {
  left: 16px;
}

.toggle-switch .toggle-checkbox:checked {
  background: var(--primary-color);
}

.toggle-label {
  position: relative;
  right: +16px;
  color: var(--color-black);
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
  display: none;
}

.checkbox label {
  color: var(--grey-color);
}

.account-page--view label {
  z-index: 1;
}

.account-page--view input:valid + label {
  z-index: 1;
}

.checkbox-option {
  position: relative;
}

.checkbox-option input {
  opacity: 0;
  position: absolute;
}

.checkbox-option input:checked + label, .checkbox-option input:focus + label {
  --line-border: var(--primary-color);
  background: var(--color-background);
}

.checkbox-option input:checked + label .checkbox, .checkbox-option input:focus + label .checkbox {
  border-width: 5px;
}

.width-unset {
  width: unset !important;
}

.width-unset-max {
  max-width: unset !important;
}

.width-unset-min {
  min-width: unset !important;
}

.width__5 {
  width: 5%;
}

.width__10 {
  width: 10%;
}

.width__20 {
  width: 20%;
}

.width__30 {
  width: 30%;
}

.width__40 {
  width: 40%;
}

.width__50 {
  width: 50%;
}

.width__60 {
  width: 60%;
}

.width__70 {
  width: 70%;
}

.width__80 {
  width: 80%;
}

.width__90 {
  width: 90%;
}

.width__100 {
  width: 100%;
}

.width__4px {
  width: 4px;
}

.width__8px {
  width: 8px;
}

.width__12px {
  width: 12px;
}

.width__16px {
  width: 16px;
}

.width__20px {
  width: 20px;
}

.width__24px {
  width: 24px;
}

.width__28px {
  width: 28px;
}

.width__32px {
  width: 32px;
}

.width__36px {
  width: 36px;
}

.height-unset {
  height: unset !important;
}

.height__100 {
  height: 100%;
}

.height__4px {
  height: 4px;
}

.height__8px {
  height: 8px;
}

.height__12px {
  height: 12px;
}

.height__16px {
  height: 16px;
}

.height__20px {
  height: 20px;
}

.height__24px {
  height: 24px;
}

.height__28px {
  height: 28px;
}

.height__32px {
  height: 32px;
}

.height__36px {
  height: 36px;
}

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

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

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

.bg__grey-fade {
  background: var(--grey-fade);
}

.bg__grey {
  background: var(--grey-color);
}

.bg__grey__light {
  background: #ededf5;
}

.page {
  background: var(--color-background);
  max-width: 1376px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
}

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

.page__head--sub {
  color: var(--grey-color);
}

.page--empty-state {
  background: var(--color-white);
  border: 1px solid var(--line-border);
  border-radius: 10px;
  height: 550px;
}

.page--empty-state p {
  color: var(--grey-color);
  width: 384px;
}

.page__small {
  max-width: 920px;
  background: var(--color-white);
  border: 1px solid var(--line-border);
}

.page__small.without-background {
  background: none;
  border: none;
}

.page__small--nav {
  border-right: 1px solid var(--line-border);
  min-width: 260px;
  width: 260px;
}

.page__small--head {
  border-bottom: 1px solid var(--line-border);
  padding: 16px 24px 10px;
}

.page__small--head h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
}

.page__small--nav--item {
  margin: 30px 0;
}

.page__small--nav--item button {
  color: var(--grey-color);
}

.page__small--nav--item.active {
  color: var(--primary-color);
  position: relative;
}

.page__small--nav--item.active::before {
  position: absolute;
  content: '';
  width: 3px;
  height: 16px;
  background-color: var(--primary-color);
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-radius: 100px;
}

.page__small--nav--item.active button {
  color: var(--primary-color);
}

.page__small--nav--item + hr {
  margin-left: 24px;
}

.page__small--view {
  padding: 32px;
  width: 100%;
}

.page__small--view form {
  padding-bottom: 0;
}

.page__small--view form input {
  margin-top: 0;
}

.page .container {
  max-width: 1375px;
  margin: 32px auto;
  background-color: var(--color-white);
  padding: 100px;
}

.auth-page {
  min-height: 100vh;
}

.auth-page p {
  color: var(--grey-color);
  max-width: 456px;
}

.auth-page p.center {
  max-width: 500px;
}

.auth-page--container {
  max-width: 510px;
  margin: 157px auto 0;
  margin: 0 auto;
  padding: 32px;
  width: 100%;
  background: var(--color-white);
  -webkit-box-shadow: 0px 1.0566px 10.566px rgba(var(--color-dark), 0.04);
          box-shadow: 0px 1.0566px 10.566px rgba(var(--color-dark), 0.04);
  border-radius: 10px;
  text-align: center;
}

.auth-page--container > img {
  width: 150px;
}

.auth-page--container form {
  text-align: left;
}

.auth-page .logo {
  width: 109px;
}

.auth-page .button__white {
  max-width: 510px;
  width: 100%;
}

.auth-page label {
  z-index: 1000;
}

.dashboard--header {
  background: var(--color-white);
  width: 100%;
}

.dashboard--header--container {
  max-width: 1376px;
  width: 100%;
  margin: auto;
  background: var(--color-white);
  padding: 12px 32px;
}

.dashboard--header--nav nav {
  margin-left: 91px;
}

.dashboard--header--nav nav ul li:not(:last-of-type) {
  margin-right: 32px;
}

.dashboard--header--nav nav ul li a {
  padding: 12px 15px;
  color: var(--grey-color);
}

.dashboard--header--nav nav ul li a.active {
  background: var(--primary-color-500);
  border-radius: 4px;
  color: var(--primary-color);
}

.dashboard--header--acounts a {
  white-space: nowrap;
  margin-right: 32px;
  color: var(--primary-color);
}

.dashboard--header--acounts a.no-color {
  color: unset;
}

.dashboard--header--acounts .more a {
  color: var(--grey-color);
}

.dashboard--header .user {
  background: var(--color-light);
  border: 1px solid var(--color-light);
  border-radius: 4px;
  padding: 11px 16px;
  max-width: 256px;
  width: 100%;
  position: relative;
}

.dashboard--header .user .icon {
  width: 24px;
  height: 24px;
  background: var(--secondary-color);
  color: var(--color-white);
  border-radius: 50%;
  margin-right: 8px;
}

.dashboard--header .user .name {
  font-size: 14px;
  line-height: 14px;
}

.dashboard--header .organisations {
  width: 440px;
}

.dashboard--header .more {
  width: 264px;
}

.dashboard--header .logo img {
  width: 100px;
}

.dashboard--header .logo + div a {
  color: var(--primary-color);
  margin-right: 20px;
  min-width: 90px;
}

.dashboard--page {
  width: 1374px;
  margin: 32px auto;
  padding: 0 2rem;
}

.dashboard--page--details--chart {
  padding: 0;
  max-width: 850px;
  width: 100%;
}

.dashboard--page--details--chart h3 {
  margin-bottom: 30px;
}

.dashboard--page--details--chart > div {
  padding: 24px;
}

.dashboard--page--details--credentials {
  max-width: 428px;
  width: 100%;
}

.dashboard--logs {
  margin-top: 32px;
  padding: 0 0 20px;
}

.dashboard--logs--filter {
  padding: 24px 16px;
  border-bottom: 1px solid var(--line-border);
}

.dashboard--logs--details--meta {
  padding: 8px 0 24px;
  margin: 0 0 24px;
}

.dashboard--logs--details--response-data {
  width: 100%;
  padding: 1em;
  background: var(--color-white-200);
  margin-right: 25px;
}

.dashboard--logs--details--tabs-data {
  width: 100%;
  opacity: 0;
  position: absolute;
  right: 1000px;
  z-index: -1;
  top: 0;
}

.dashboard--logs--details--tabs-data.show {
  opacity: 1;
  position: initial;
  z-index: initial;
}

.dashboard--logs--details--tabs-data h4 {
  background: var(--grey-dark);
  padding: 8px 23px;
  border-radius: 8px 8px 0px 0px;
  margin-bottom: -2px;
}

.dashboard--logs--details--tabs-data h4:not(:first-of-type) {
  margin-top: 20px;
}

.dashboard--logs--details .data-hidden {
  height: 100px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.dashboard--logs--details--req-res {
  overflow-y: auto;
}

.dashboard--logs--details--req-res > div {
  margin: 10px 0 20px;
}

.dashboard--logs--details.disabled {
  opacity: 0.5;
}

.content.withPadding {
  padding-top: 60px;
}

.has-loader {
  position: relative;
}

.loading-icon {
  -webkit-animation: rotating 1s linear infinite;
          animation: rotating 1s linear infinite;
  width: 10%;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.badge .icon {
  width: 24px;
  height: 24px;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  background: var(--secondary-color);
  color: var(--color-white);
  border-radius: 50%;
}

.badge .name {
  margin-left: 8px;
  text-align: left;
  text-transform: capitalize;
  margin-right: 20px;
}

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

.badge__dark .name {
  margin-left: 16px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.overflow--auto {
  overflow: auto;
}

.overflow--auto__x {
  overflow-x: auto;
}

.overflow--auto__y {
  overflow-y: auto;
}

.overflow--hidden {
  overflow: hidden;
}

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

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

.overflow--scroll {
  overflow: scroll;
}

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

.overflow--scroll__y {
  overflow-y: scroll;
}

.z-index--1 {
  z-index: 1;
}

.z-index--2 {
  z-index: 2;
}

.z-index--3 {
  z-index: 3;
}

.z-index--4 {
  z-index: 4;
}

.z-index--5 {
  z-index: 5;
}

.position__absolute {
  position: absolute;
}

.position__fixed {
  position: fixed;
}

.position__relative {
  position: relative;
}

.position__static {
  position: static;
}

.position__sticky {
  position: -webkit-sticky;
  position: sticky;
}

.position--top__0px {
  top: 0px;
}

.position--top__4px {
  top: 4px;
}

.position--top__8px {
  top: 8px;
}

.position--top__12px {
  top: 12px;
}

.position--top__16px {
  top: 16px;
}

.position--right__0px {
  right: 0px;
}

.position--right__4px {
  right: 4px;
}

.position--right__8px {
  right: 8px;
}

.position--right__12px {
  right: 12px;
}

.position--right__16px {
  right: 16px;
}

.position--bottom__0px {
  bottom: 0px;
}

.position--bottom__4px {
  bottom: 4px;
}

.position--bottom__8px {
  bottom: 8px;
}

.position--bottom__12px {
  bottom: 12px;
}

.position--bottom__16px {
  bottom: 16px;
}

.position--left__0px {
  left: 0px;
}

.position--left__4px {
  left: 4px;
}

.position--left__8px {
  left: 8px;
}

.position--left__12px {
  left: 12px;
}

.position--left__16px {
  left: 16px;
}

.display__block {
  display: block;
}

.display__inline {
  display: inline;
}

.display__inline-block {
  display: inline-block;
}

.animate, .table--sidebar, .table--container {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table button img {
  width: 14px;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table thead {
  background: var(--primary-color-500);
}

.table thead th {
  text-align: left;
  color: var(--color-black);
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 10px;
}

.table thead th:first-child {
  padding-left: 20px;
}

.table tbody tr {
  cursor: pointer;
}

.table tbody tr:last-of-type {
  margin-bottom: 16px;
}

.table tbody tr:not(.table--date-row):hover, .table tbody tr:not(.table--date-row).active, .table tbody tr:not(.table--date-row):focus {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: rgba(var(--primary-color-rgb), 0.05);
}

.table tbody tr .has-retry {
  position: relative;
  width: 100%;
}

.table tbody tr .has-retry img {
  width: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-3px, -50%);
          transform: translate(-3px, -50%);
  opacity: 0.5;
}

.table tbody tr .has-retry .tag {
  margin-left: 20px;
}

.table tbody tr .has-retry .tag.no-margin {
  margin-left: 0 !important;
}

.table tbody tr.has-border {
  border-top: 1px solid var(--line-border);
}

.table tbody tr td {
  padding: 0;
}

.table tbody tr td > div {
  padding-top: 16px;
  padding-bottom: 16px;
  white-space: nowrap;
}

.table tbody tr td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.table tbody tr td:first-child > div {
  padding-left: 16px;
}

.table tbody tr td:last-child {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}

.table tbody tr td.has-long-text > div {
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.table tbody tr td.has-long-text.longer > div {
  width: 400px;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.table tbody tr button.spin img {
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
}

.table tbody tr button img {
  width: 14px;
}

.table tbody tr.last-item td > div {
  padding-bottom: 24px;
}

.table tbody tr.last-item .has-retry img {
  top: calc(50% - 6px);
}

.table__no-style {
  background: var(--color-white);
  border: 1px solid var(--line-border);
  border-radius: 10px;
}

.table__no-style thead {
  background: var(--color-white);
  border-radius: 10px;
  border-bottom: 1px solid var(--line-border);
}

.table__no-style thead th {
  color: var(--color-black);
  text-transform: uppercase;
  white-space: nowrap;
  padding-top: 18px;
  padding-bottom: 18px;
}

.table__no-style thead th:first-child {
  padding-left: 16px;
  width: 450px;
}

.table__no-style tbody tr {
  border-left: unset;
}

.table__no-style tbody tr:not(:last-of-type) {
  border-bottom: 1px solid var(--line-border);
}

.table__no-style tbody tr:hover, .table__no-style tbody tr:focus {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: var(--color-light);
  border-radius: 8px;
}

.table__no-style tbody tr:not(.table--date-row) {
  border-right: unset;
}

.table__no-style tbody tr td > div {
  color: var(--grey-color);
}

.table--load-more {
  border-top: 1px solid var(--line-border);
}

.table--sidebar {
  min-height: 70vh;
  width: 0px;
  padding: 0;
  border: none;
  overflow: hidden;
}

.table--sidebar.show {
  max-width: 382px;
  width: 100%;
  min-width: 310px;
}

@media only screen and (max-device-width: 1050px) and (-webkit-min-device-pixel-ratio: 1) {
  .table--sidebar.show {
    max-width: unset;
  }
}

.table--container {
  min-height: 70vh;
  overflow-y: auto;
  overflow-x: auto;
  width: 100%;
  min-width: 485px;
}

.table--container.smaller {
  max-width: calc(100% - 382px);
}

@media only screen and (max-device-width: 1050px) and (-webkit-min-device-pixel-ratio: 1) {
  .table--container.smaller {
    max-width: unset;
    min-width: unset;
    width: 0;
    overflow: hidden;
  }
}

.table--date-row {
  border-top: 1px solid var(--line-border);
  color: var(--grey-color);
}

.table--actions {
  border-bottom: 1px solid var(--line-border);
}

.table--actions button {
  padding: 10px;
  color: var(--color-black);
  margin-right: 10px;
}

.table--actions img {
  width: 15px;
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.table button.spin img {
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
}

.table .checkbox input {
  margin: 0 20px 0;
}

.pagination {
  margin-top: 50px;
}

.pagination button {
  padding: 5px;
}

.empty-state {
  text-align: center;
  width: 100%;
  margin: auto;
}

.empty-state p {
  margin-top: 20px;
}

.tag {
  padding: 1px 8px;
  background: rgba(var(--tag-shadow), 0.1);
  border-radius: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--grey-color);
  text-align: center;
}

.tag--Failure {
  background: var(--color-failure);
  color: var(--danger-color);
}

.tag--Retry {
  background: var(--color-retry);
  color: var(--color-black);
}

.tag--Success, .tag--active {
  background: var(--color-success-500);
  color: var(--color-success);
}

.tag--Primary {
  background: var(--primary-color-500);
  color: var(--primary-color);
}

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

.tag__events {
  padding: 5px 8px;
  display: inline-block;
  margin: 5px 8px 5px 0;
  color: var(--color-black);
  background: var(--primary-color-500);
}

._overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-dark), 0.5);
}

.modal {
  position: fixed;
  width: 100%;
  max-width: 600px;
  background: var(--color-white);
}

.modal__center {
  width: 420px;
  border-radius: 16px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.modal__center .modal--body {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.modal__center.large {
  width: 600px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.modal__right {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  top: 0;
  right: 0;
  bottom: 0;
  left: unset;
  max-width: 460px;
  overflow-y: auto;
}

.modal__right.large {
  max-width: 670px;
}

.modal__right .modal--body {
  min-height: calc(100vh - (113px + 75px));
}

.modal__right.large {
  max-width: 600px;
}

.modal__full {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  max-width: unset;
  background: var(--color-background);
}

.modal__full .modal--body {
  max-width: 834px;
  margin: auto;
}

.modal__full .modal--head {
  background: var(--color-white);
}

.modal__full .modal--head--left a {
  background: rgba(var(--primary-color-rgb), 0.08);
}

.modal__full .modal--head > div {
  max-width: 834px;
  margin: auto;
}

.modal--head {
  border-bottom: 1px solid var(--line-border);
  padding: 24px;
  margin-bottom: 24px;
}

.modal--body {
  padding: 0 24px 24px;
  overflow: auto;
}

.modal--body p.no-width {
  max-width: unset;
}

.modal--body.deactivate {
  padding: 40px;
}

.modal--body.deactivate .img {
  height: 126px;
  width: 126px;
}

.modal--body.success {
  padding: 100px 30px;
}

.modal--body.success .subtext {
  margin-bottom: 20px;
}

.modal--body.delete {
  padding: 71px;
}

.modal--body.delete.no-padding {
  padding: 100px 24px;
}

.modal--body.delete .img {
  height: 126px;
  width: 126px;
}

.modal--footer {
  border-top: 1px solid var(--line-border);
  padding: 11px 24px;
  border-radius: 0px 0px 16px 16px;
}

.modal--footer__with-shadow {
  border-top: none;
  -webkit-box-shadow: 20px 0px 34px rgba(var(--color-dark), 0.05);
          box-shadow: 20px 0px 34px rgba(var(--color-dark), 0.05);
}

.modal--footer .button {
  min-width: 160px;
}

h1,
h2,
h3,
h4 {
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 8px;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

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

.display {
  font-weight: bold;
  line-height: 130%;
}

.display__large {
  font-size: 56px;
}

.display__medium {
  font-size: 48px;
}

.display__regular {
  font-size: 32px;
}

.display__small {
  font-size: 24px;
}

.font__20px, .auth-page h3 {
  font-size: 20px;
  line-height: 30px;
}

.font__18px {
  font-size: 18px;
  line-height: 30px;
}

.font__16px, .button__deactivate, .button__no-style, .input.radio button, .key, .auth-page p, .table--load-more button, .subtitle, .alert .header {
  font-size: 16px;
  line-height: 24px;
}

.font__14px, .button, .button__white, .button__retry, .button__clear, .input input,
.input select,
.input textarea, .input--multiple input, .filter .select select, .key button, .toggle-label, .checkbox label, .page__head--sub, .page--empty-state p, .page__small--nav--item, .dashboard--header--nav nav ul li a, .dashboard--header--acounts a, .badge .name, .table thead th, .table tbody tr td > div, .table tbody tr button, .table__no-style tbody tr td > div, .empty-state p, .dropdown__menu .title, .dropdown__menu ul li, .dropdown__menu ul li.logout a, .dropdown__menu .base-button, .alert, .alert__info, .toast, .tabs li button span, .tabs__logs li button, .list-item--label, .list-item__inline--label, .list-item__inline--item {
  font-size: 14px;
  line-height: 22px;
}

.font__13px, .dashboard--logs--details--response-data {
  font-size: 13px;
  line-height: 30px;
}

.font__12px, .button__small, .button__filter, .input label, .input__error, .input--multiple .tag, table button, .table__no-style thead th, .table--date-row, .tag, .dropdown__menu__item label, .dropdown__menu .title__with-sub-sub, .alert__confirmation button {
  font-size: 12px;
  line-height: 20px;
}

.font__10px, .input input:focus + label,
.input textarea:focus + label,
.input input:-internal-autofill-selected + label,
.input .input--multiple:focus-within + label,
.input label.active, .input input.ng-dirty + label,
.input input.editMode:valid + label,
.input input.editMode:-moz-read-only + label,
.input input.ng-dirty:valid + label,
.input select.editMode:valid + label,
.input select.editMode:-moz-read-only + label,
.input select.ng-dirty:valid + label,
.input textarea.editMode:valid + label,
.input textarea.editMode:-moz-read-only + label,
.input textarea.ng-dirty:valid + label, .list-item button {
  font-size: 10px;
  line-height: 150%;
}

.font__10px, .input input:focus + label,
.input textarea:focus + label,
.input input:-internal-autofill-selected + label,
.input .input--multiple:focus-within + label,
.input label.active, .input input.ng-dirty + label,
.input input.editMode:valid + label,
.input input.editMode:read-only + label,
.input input.ng-dirty:valid + label,
.input select.editMode:valid + label,
.input select.editMode:read-only + label,
.input select.ng-dirty:valid + label,
.input textarea.editMode:valid + label,
.input textarea.editMode:read-only + label,
.input textarea.ng-dirty:valid + label, .list-item button {
  font-size: 10px;
  line-height: 150%;
}

.font__weight-300, .list-item__inline--label, .list-item__inline--item, body,
html, *, a {
  font-weight: 300;
}

.font__weight-400, .button__retry, .dashboard--header--acounts a.no-color, .tag__events {
  font-weight: 400;
}

.font__weight-500, .button, .button__small, .button__deactivate, .button__white, .button__filter, .button__filter.active, .input input,
.input select,
.input textarea, .input label, .input input:focus + label,
.input .input--multiple:focus-within + label,
.input label.active, .input input.ng-dirty + label,
.input input.editMode:valid + label,
.input input.editMode:-moz-read-only + label,
.input input.ng-dirty:valid + label,
.input select.editMode:valid + label,
.input select.editMode:-moz-read-only + label,
.input select.ng-dirty:valid + label,
.input textarea.editMode:valid + label,
.input textarea.editMode:-moz-read-only + label,
.input textarea.ng-dirty:valid + label,
.input input:-internal-autofill-selected + label, .input--multiple .tag, .input.radio button, .filter--button.active, .filter .select select, .key, .toggle-label, .checkbox label, .page__head--sub, .page--empty-state p, .dashboard--header--nav nav ul li a, .dashboard--header--acounts a, .dashboard--header .user .name, .dashboard--logs--details--tabs-data h4, .badge .name, .table thead th, .table tbody tr button, .table__no-style tbody tr td > div, .table--load-more button, .tag, .dropdown__menu ul li, .dropdown__menu ul li.logout a, .dropdown__menu .base-button, .alert__confirmation button, .alert__info, .toast, .tabs li button span, .tabs__logs li button, .list-item--label, .list-item--item {
  font-weight: 500;
}

.font__weight-500, .button, .button__small, .button__deactivate, .button__white, .button__filter, .button__filter.active, .input input,
.input select,
.input textarea, .input label, .input input:focus + label,
.input .input--multiple:focus-within + label,
.input label.active, .input input.ng-dirty + label,
.input input.editMode:valid + label,
.input input.editMode:read-only + label,
.input input.ng-dirty:valid + label,
.input select.editMode:valid + label,
.input select.editMode:read-only + label,
.input select.ng-dirty:valid + label,
.input textarea.editMode:valid + label,
.input textarea.editMode:read-only + label,
.input textarea.ng-dirty:valid + label,
.input input:-internal-autofill-selected + label, .input--multiple .tag, .input.radio button, .filter--button.active, .filter .select select, .key, .toggle-label, .checkbox label, .page__head--sub, .page--empty-state p, .dashboard--header--nav nav ul li a, .dashboard--header--acounts a, .dashboard--header .user .name, .dashboard--logs--details--tabs-data h4, .badge .name, .table thead th, .table tbody tr button, .table__no-style tbody tr td > div, .table--load-more button, .tag, .dropdown__menu ul li, .dropdown__menu ul li.logout a, .dropdown__menu .base-button, .alert__confirmation button, .alert__info, .toast, .tabs li button span, .tabs__logs li button, .list-item--label, .list-item--item {
  font-weight: 500;
}

.font__weight-600, .button__no-style, .page__small--nav--item.active button, .auth-page h3, .dashboard--header--nav nav ul li a.active, .dropdown__menu .title, .tabs li button.active span {
  font-weight: 600;
}

.font__weight-700, .dashboard--header .logo + div a, .dashboard--page--details--chart h3, .table__no-style thead th, .card--title h3, strong {
  font-weight: 700;
}

.font__weight-800 {
  font-weight: 800;
}

.font__weight-900 {
  font-weight: 900;
}

.font--nowrap {
  white-space: nowrap;
}

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

.color__grey {
  color: var(--grey-color);
}

.color__black, .input--multiple .tag {
  color: var(--color-black);
}

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

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

.text__uppercase {
  text-transform: uppercase;
}

.text__capitalize, .toast {
  text-transform: capitalize;
}

.text__lowercase {
  text-transform: lowercase;
}

.text--center, .page--empty-state p, .auth-page p.center {
  text-align: center;
}

.text--left, .button__filter.active {
  text-align: left;
}

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

.text--bold {
  font-weight: bold;
}

.text--underline {
  text-decoration: underline;
}

.subtitle {
  color: var(--grey-color);
}

.long-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.long-text__100px {
  width: 100px;
}

.long-text__150px {
  width: 150px;
}

.long-text__200px {
  width: 200px;
}

.long-text__250px {
  width: 250px;
}

.card {
  background: var(--color-white);
  border: 1px solid var(--line-border);
  border-radius: 8px;
}

.card.with-shadow {
  -webkit-box-shadow: 0px 2px 4px rgba(var(--drop-shadow), 0.04), 0px 4px 20px -2px rgba(var(--drop-shadow-2), 0.08);
          box-shadow: 0px 2px 4px rgba(var(--drop-shadow), 0.04), 0px 4px 20px -2px rgba(var(--drop-shadow-2), 0.08);
  border: none;
}

.card--title {
  border-bottom: 1px solid var(--line-border);
  padding: 24px 24px 16px;
}

.card--container {
  padding: 16px 24px;
}

.card.with-colour button {
  color: var(--text-color);
  padding: 9px 24px;
  border: none;
}

.card.with-colour p {
  max-width: 293px;
  min-height: 88px;
}

.card.green {
  background: var(--green-bg);
}

.card.green button {
  background: var(--green-button-bg);
}

.card.yellow {
  background: var(--yellow-bg);
}

.card.yellow button {
  background: var(--yellow-button-bg);
}

.card.purple {
  background: rgba(var(--purple-bg), 0.1);
}

.card.purple button {
  background: var(--purple-button-bg);
}

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

.border__all__2 {
  border: 1px solid var(--line-border-2);
}

.border__right {
  border-right: 1px solid var(--line-border);
}

.border__left, .table--sidebar.show {
  border-left: 1px solid var(--line-border);
}

.border__top, hr {
  border-top: 1px solid var(--line-border);
}

.border__bottom {
  border-bottom: 1px solid var(--line-border);
}

.border--width__2 {
  border-width: 2px;
}

.border--width__3 {
  border-width: 3px;
}

.border--width__4 {
  border-width: 4px;
}

.border--none {
  border: none !important;
}

.border--top__none {
  border-top: none;
}

.border--bottom__none {
  border-bottom: none;
}

.border--left__none {
  border-left: none;
}

.border--right__none {
  border-right: none;
}

.rounded__0px {
  border-radius: 0 !important;
}

.rounded__2px {
  border-radius: 2px;
}

.rounded__4px, .tag__events {
  border-radius: 4px;
}

.rounded__6px {
  border-radius: 6px;
}

.rounded__8px, .page__small, .toast {
  border-radius: 8px;
}

.rounded__10px, *::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.rounded__12px {
  border-radius: 12px;
}

.rounded__14px {
  border-radius: 14px;
}

.rounded__16px {
  border-radius: 16px;
}

.rounded__18px {
  border-radius: 18px;
}

.rounded__20px {
  border-radius: 20px;
}

.rounded__22px {
  border-radius: 22px;
}

.rounded__24px, .skeleton-loader {
  border-radius: 24px;
}

.rounded__26px {
  border-radius: 26px;
}

.rounded__28px {
  border-radius: 28px;
}

.rounded__30px {
  border-radius: 30px;
}

.rounded__50px {
  border-radius: 30px;
}

.rounded--top-left__none {
  border-top-left-radius: 0;
}

.rounded--top-right__none {
  border-top-right-radius: 0;
}

.rounded--bottom-left__none {
  border-bottom-left-radius: 0;
}

.rounded--bottom-right__none {
  border-bottom-right-radius: 0;
}

.dropdown {
  position: relative;
}

.dropdown__menu {
  position: absolute;
  top: 110%;
  width: 100%;
  background: var(--color-white);
  border: 1px solid var(--line-border);
  -webkit-box-shadow: 0px 2px 8px rgba(var(--drop-shadow), 0.08), 0px 3px 8px -1px rgba(var(--drop-shadow-2), 0.05);
          box-shadow: 0px 2px 8px rgba(var(--drop-shadow), 0.08), 0px 3px 8px -1px rgba(var(--drop-shadow-2), 0.05);
  border-radius: 12px;
  height: 0;
  z-index: 5;
  opacity: 0;
  height: 0px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out height;
  transition: 0.3s ease-in-out height;
  pointer-events: none;
}

.dropdown__menu__item {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dropdown__menu__item label {
  display: block;
  width: 100%;
  color: var(--color-black);
}

.dropdown__menu__item.with-border {
  border-bottom: 1px solid var(--line-border);
}

.dropdown__menu__push-left {
  left: 5%;
}

.dropdown__menu__nav {
  right: 5%;
  left: unset;
}

.dropdown__menu__form {
  top: 55%;
  left: unset;
}

.dropdown__menu .title {
  color: var(--grey-color);
  padding: 24px 32px 18px 32px;
}

.dropdown__menu .title__with-sub {
  padding: 24px 32px 16px 32px;
  color: var(--color-black);
  margin-bottom: 4px;
  border-bottom: 1px solid var(--line-border);
}

.dropdown__menu__secondary ul li {
  color: var(--grey-color);
}

.dropdown__menu ul li {
  padding: 10px 15px;
  color: var(--color-black);
}

.dropdown__menu ul li.danger {
  color: var(--danger-color);
}

.dropdown__menu ul li.logout {
  border-top: 1px solid var(--line-border);
  padding: 32px;
}

.dropdown__menu ul li.logout a {
  color: var(--danger-color);
}

.dropdown__menu ul li.logout a:hover {
  cursor: pointer;
}

.dropdown__menu ul li.active, .dropdown__menu ul li:hover {
  background: var(--primary-color-500);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.dropdown__menu ul li.no-hover.active, .dropdown__menu ul li.no-hover:hover {
  background: none;
}

.dropdown__menu .base-button {
  background: var(--color-white-100);
  border: 1px solid var(--line-border);
  color: var(--color-black);
  border-radius: 0px 0px 12px 12px;
  padding: 26px 34px;
  width: 100%;
}

.dropdown__menu .base-button img {
  height: 20px;
  width: 20px;
  margin-right: 12px;
}

.dropdown__menu.with-padding {
  padding: 10px 16px 15px;
}

.dropdown__menu.with-padding.smaller {
  padding: 8px 16px 16px;
}

.dropdown__menu.small {
  width: 196px;
}

.dropdown__menu.smaller {
  width: 149px;
}

.dropdown__menu.larger {
  width: 350px;
}

.dropdown__menu.large {
  width: 249px;
}

.dropdown__menu.large.show {
  max-height: unset;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.dropdown__menu.show {
  opacity: 1;
  height: unset;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: auto;
  pointer-events: all;
}

.dropdown--full-100 {
  width: 100%;
}

.alert {
  border-radius: 8px;
  padding: 9px 16px;
  color: var(--color-black);
}

.alert img {
  margin-right: 16px;
  height: 24px;
  width: 24px;
}

.alert__warning {
  background: var(--alert-danger-line);
  border: 1px solid var(--alert-danger);
}

.alert__warning.without-border {
  border: none;
}

.alert__confirmation {
  position: absolute;
  top: 86px;
  max-width: 784px;
  width: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.alert__confirmation button {
  padding: 0;
  background: none;
  border: none;
  color: var(--primary-color);
}

.alert__info {
  background: var(--primary-color-500);
  border: 1px dashed var(--line-border-2);
  border-radius: 8px;
  max-width: 576px;
}

.alert__info img {
  margin-right: 20px;
}

.alert__info p,
.alert__info a {
  max-width: 464px;
}

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

.toast {
  color: var(--color-black);
  position: fixed;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  max-width: 500px;
}

.toast--warning {
  background: var(--color-warning-500);
  border: 1px solid var(--color-warning);
}

.toast--info {
  background: var(--primary-color-500);
  border: 1px solid var(--primary-color-300);
}

.toast--success {
  background: var(--color-success-500);
  border: 1px solid var(--color-success);
}

.toast--error {
  background: var(--color-danger-500);
  border: 1px solid var(--color-danger);
}

.tabs {
  border-bottom: 1px solid var(--line-border);
  width: 100%;
  list-style: none;
}

.tabs li::marker {
  display: none;
}

.tabs li button {
  border-radius: 0;
  padding: 17px 18px;
  background: none;
  border: none;
}

.tabs li button span {
  text-transform: capitalize;
  text-align: left;
  color: var(--grey-color);
  -webkit-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
}

.tabs li button.active {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}

.tabs li button.active span {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: var(--primary-color);
}

.tabs li button.active::after {
  content: "";
  bottom: 0px;
  height: 3px;
  width: 100%;
  left: 0;
  right: 0;
  background: var(--primary-color);
  border-radius: 16px 16px 0px 0px;
  position: absolute;
}

.tabs__logs {
  border: none;
  padding-bottom: 10px;
}

.tabs__logs li button {
  padding: 6.5px 28px;
  border: 1px solid transparent;
  letter-spacing: 0.01em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--color-black);
}

.tabs__logs li.active::after {
  content: none;
}

.tabs__logs li.active button {
  border-color: rgba(var(--primary-color-rgb), 0.2);
  -webkit-box-shadow: 0px 10px 25px rgba(var(--primary-color-rgb-2), 0.08);
          box-shadow: 0px 10px 25px rgba(var(--primary-color-rgb-2), 0.08);
  border-radius: 8px;
  color: var(--primary-color);
}

.list-item {
  padding: 8px 0;
  border-bottom: 1px solid var(--line-border);
}

.list-item.more-padding {
  padding-top: 24px;
  padding-bottom: 16px;
}

.list-item--label {
  color: var(--grey-alt);
}

.list-item--item {
  line-height: 24px;
  font-size: 14px;
  word-wrap: break-word;
  color: var(--color-black);
}

.list-item--item.long-text {
  min-width: 160px;
}

.list-item button {
  padding: 0;
  margin-top: 2px;
  background: transparent;
  outline: var(--primary-color);
  color: var(--grey-color);
}

.list-item button img {
  width: 15px;
}

.list-item__inline:not(:last-of-type) {
  margin-bottom: 8px;
}

.list-item__inline--label {
  color: var(--grey-color);
}

.list-item__inline--item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  cursor: pointer;
}

.list-item__inline--item.link {
  color: var(--primary-color);
  text-decoration: none;
}

.list-item__inline--item.link img {
  width: 15px;
  -webkit-filter: opacity(0.5) drop-shadow(0 0 0 var(--primary-color));
          filter: opacity(0.5) drop-shadow(0 0 0 var(--primary-color));
}

.list-item__inline--item.color {
  color: var(--primary-color);
}

.list-item__inline--item.fint {
  color: var(--grey-color);
  font-style: italic;
}

.flex, .button--has-icon, .button__filter, .button--container, .input, .input__search, .input__search .enter-button, .input--password, .input--password__view-toggle, .input__error, .input--multiple, .input--multiple .tag, .input.radio, .filter, .filter > div, .filter--button, .key, .key button, .toggle, .checkbox, .page__head, .page__head--search, .page--empty-state, .page__small--view form, .auth-page, .dashboard--header--container, .dashboard--header--nav, .dashboard--header--nav nav ul, .dashboard--header--acounts, .dashboard--header .user, .dashboard--header .user > div, .dashboard--header .user .icon, .dashboard--header .logo + div, .dashboard--page--details, .dashboard--page--head, .dashboard--logs--tabs, .badge, .badge .icon, .table tbody tr .has-retry, .table .checkbox, .pagination, .empty-state, .modal--head, .modal--footer, .dropdown__menu__item, .dropdown__menu .base-button, .alert, .alert .header, .alert__confirmation, .alert__info, .toast, .toast__body, .tabs, .list-item button, .list-item__inline, .list-item__inline--item.link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex__with-margin {
  margin-bottom: 40px;
}

.flex__row, .input__search, .input.radio, .page__head--search {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

.flex__column, .input, .page--empty-state, .auth-page, .empty-state {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.flex__column-reverse, .input--password {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
}

.flex__align-items-stretch, .filter {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.flex__align-items-center, .button--has-icon, .button__filter, .input__search, .input__search .enter-button, .input--password__view-toggle, .input__error, .input--multiple .tag, .filter, .filter > div, .filter--button, .key, .key button, .toggle, .checkbox, .page__head, .page__head--search, .page--empty-state, .auth-page, .dashboard--header--container, .dashboard--header--nav, .dashboard--header--nav nav ul, .dashboard--header--acounts, .dashboard--header .user, .dashboard--header .user > div, .dashboard--header .user .icon, .dashboard--header .logo + div, .dashboard--page--head, .dashboard--logs--tabs, .badge, .badge .icon, .table tbody tr .has-retry, .table .checkbox, .pagination, .empty-state, .modal--head, .dropdown__menu__item, .dropdown__menu .base-button, .alert__confirmation, .alert__info, .toast, .toast__body, .tabs, .list-item button, .list-item__inline--item.link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex__align-items-start, .page__small--view form, .alert {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex__align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex__wrap, .input--multiple, .page__small--view form {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex__nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex__justify-end, .button--container, .input--password__view-toggle, .pagination, .list-item__inline--item.link {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex__justify-center, .button--has-icon.icon-center, .button--container.center, .input__search .enter-button, .page--empty-state, .auth-page, .dashboard--header .user, .dashboard--header .user .icon, .dashboard--logs--tabs, .badge .icon, .empty-state {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex__justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex__justify-between, .button__filter, .filter--button, .key, .page__head, .page__small--view form, .dashboard--header--container, .dashboard--page--details, .dashboard--page--head, .modal--head, .modal--footer, .modal--footer .button--container, .dropdown__menu__item, .alert .header, .alert__confirmation, .toast, .list-item__inline {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex__justify-start, .button--container.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.grid {
  display: -ms-grid;
  display: grid;
}

.grid__with-margin {
  margin-bottom: 40px;
}

.grid__col-2 {
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.grid__col-3 {
  -ms-grid-columns: (minmax(357px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(357px, 1fr));
}

.grid__col-3--smaller {
  -ms-grid-columns: (minmax(336px, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(336px, 1fr));
  gap: 24px 32px;
}

.grid__col-4 {
  -ms-grid-columns: (minmax(257px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(257px, 1fr));
}

.grid__col-5 {
  -ms-grid-columns: (minmax(157px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
}

.grid--gap__12px {
  gap: 12px;
}

.grid--gap__16px {
  gap: 16px;
}

.grid--gap__20px {
  gap: 20px;
}

.grid--gap__24px {
  gap: 24px;
}

.grid__align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.margin-top--unset, .margin-y--unset {
  margin-top: unset !important;
}

.margin-top__0px, .margin-y__0px {
  margin-bottom: 0 !important;
}

.margin-top__2px, .margin-y__2px {
  margin-top: 2px;
}

.margin-top__4px, .margin-y__4px {
  margin-top: 4px;
}

.margin-top__5px {
  margin-top: 5px;
}

.margin-top__6px, .margin-y__6px {
  margin-top: 6px;
}

.margin-top__7px {
  margin-top: 7px;
}

.margin-top__8px, .margin-y__8px {
  margin-top: 8px;
}

.margin-top__10px, .margin-y__10px, .margin-y__12px {
  margin-top: 10px;
}

.margin-top__12px {
  margin-top: 12px;
}

.margin-top__14px {
  margin-top: 14px;
}

.margin-top__16px, .margin-y__16px {
  margin-top: 16px;
}

.margin-top__18px {
  margin-top: 18px;
}

.margin-top__20px, .margin-y__20px {
  margin-top: 20px;
}

.margin-top__22px {
  margin-top: 22px;
}

.margin-top__24px, .page--empty-state h4, .margin-y__24px {
  margin-top: 24px;
}

.margin-top__26px {
  margin-top: 26px;
}

.margin-top__28px, .margin-y__28px {
  margin-top: 28px;
}

.margin-top__30px, .page--empty-state button {
  margin-top: 30px;
}

.margin-top__32px, .margin-y__32px {
  margin-top: 32px;
}

.margin-top__34px {
  margin-top: 34px;
}

.margin-top__36px, .margin-y__36px {
  margin-top: 36px;
}

.margin-top__38px {
  margin-top: 38px;
}

.margin-top__40px {
  margin-top: 40px;
}

.margin-top__56px {
  margin-top: 56px;
}

.margin-top__50px {
  margin-top: 50px;
}

.margin-bottom--unset, .margin-y--unset {
  margin-bottom: unset !important;
}

.margin-bottom__0px, .margin-y__0px {
  margin-bottom: 0 !important;
}

.margin-bottom__2px, .margin-y__2px {
  margin-bottom: 2px;
}

.margin-bottom__4px, .margin-y__4px {
  margin-bottom: 4px;
}

.margin-bottom__6px, .margin-y__6px {
  margin-bottom: 6px;
}

.margin-bottom__8px, .margin-y__8px {
  margin-bottom: 8px;
}

.margin-bottom__10px, .input--multiple .tag, .auth-page h3, .margin-y__10px, .margin-y__12px {
  margin-bottom: 10px;
}

.margin-bottom__12px {
  margin-bottom: 12px;
}

.margin-bottom__14px {
  margin-bottom: 14px;
}

.margin-bottom__16px, .margin-y__16px {
  margin-bottom: 16px;
}

.margin-bottom__18px {
  margin-bottom: 18px;
}

.margin-bottom__20px, .margin-y__20px {
  margin-bottom: 20px;
}

.margin-bottom__22px {
  margin-bottom: 22px;
}

.margin-bottom__24px, .page__head, .margin-y__24px {
  margin-bottom: 24px;
}

.margin-bottom__26px, .checkbox {
  margin-bottom: 26px;
}

.margin-bottom__28px, .margin-y__28px {
  margin-bottom: 28px;
}

.margin-bottom__30px {
  margin-bottom: 30px;
}

.margin-bottom__32px, .auth-page p, .margin-y__32px {
  margin-bottom: 32px;
}

.margin-bottom__32px, .auth-page p, .margin-y__32px {
  margin-bottom: 32px;
}

.margin-bottom__34px {
  margin-bottom: 34px;
}

.margin-bottom__36px, .margin-y__36px {
  margin-bottom: 36px;
}

.margin-bottom__38px {
  margin-bottom: 38px;
}

.margin-bottom__40px, .auth-page .logo {
  margin-bottom: 40px;
}

.margin-left--unset, .margin-x--unset {
  margin-left: unset !important;
}

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

.margin-left__0px, .margin-x__0px {
  margin-left: 0 !important;
}

.margin-left__2px, .margin-x__2px {
  margin-left: 2px;
}

.margin-left__4px, .margin-x__4px {
  margin-left: 4px;
}

.margin-left__6px, .margin-x__6px {
  margin-left: 6px;
}

.margin-left__8px, .input--multiple .tag a, .margin-x__8px {
  margin-left: 8px;
}

.margin-left__10px, .margin-x__10px {
  margin-left: 10px;
}

.margin-left__12px, .margin-x__12px {
  margin-left: 12px;
}

.margin-left__14px {
  margin-left: 14px;
}

.margin-left__16px, .margin-x__16px {
  margin-left: 16px;
}

.margin-left__18px, .checkbox label {
  margin-left: 18px;
}

.margin-left__20px {
  margin-left: 20px;
}

.margin-left__22px {
  margin-left: 22px;
}

.margin-left__24px, .margin-x__24px {
  margin-left: 24px;
}

.margin-left__26px {
  margin-left: 26px;
}

.margin-left__28px {
  margin-left: 28px;
}

.margin-left__30px {
  margin-left: 30px;
}

.margin-left__32px {
  margin-left: 32px;
}

.margin-right--unset, .margin-x--unset {
  margin-right: unset !important;
}

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

.margin-right__0px, .margin-x__0px {
  margin-right: 0;
}

.margin-right__2px, .margin-x__2px {
  margin-right: 2px;
}

.margin-right__4px, .margin-x__4px {
  margin-right: 4px;
}

.margin-right__6px, .margin-x__6px {
  margin-right: 6px;
}

.margin-right__8px, .tag:not(:last-of-type), .margin-x__8px {
  margin-right: 8px;
}

.margin-right__10px, .toast__body img, .margin-x__10px {
  margin-right: 10px;
}

.margin-right__12px, .margin-x__12px {
  margin-right: 12px;
}

.margin-right__14px {
  margin-right: 14px;
}

.margin-right__16px, .input--multiple .tag:not(:last-of-type), .margin-x__16px {
  margin-right: 16px;
}

.margin-right__18px {
  margin-right: 18px;
}

.margin-right__20px {
  margin-right: 20px;
}

.margin-right__22px {
  margin-right: 22px;
}

.margin-right__24px, .margin-x__24px {
  margin-right: 24px;
}

.margin-right__26px {
  margin-right: 26px;
}

.margin-right__28px {
  margin-right: 28px;
}

.margin-right__30px {
  margin-right: 30px;
}

.margin-right__32px {
  margin-right: 32px;
}

.margin-auto {
  margin: 0 auto;
}

.margin-all--unset {
  margin: unset !important;
}

.margin-all--auto {
  margin: auto;
}

.margin-all__0px {
  margin: 0;
}

.margin-all__2px {
  margin: 2px;
}

.margin-all__4px {
  margin: 4px;
}

.margin-all__6px {
  margin: 6px;
}

.margin-all__8px {
  margin: 8px;
}

.margin-all__10px {
  margin: 10px;
}

.margin-all__12px {
  margin: 12px;
}

.margin-all__14px {
  margin: 14px;
}

.margin-all__16px {
  margin: 16px;
}

.margin-all__18px {
  margin: 18px;
}

.margin-all__20px {
  margin: 20px;
}

.margin-all__22px {
  margin: 22px;
}

.margin-all__24px {
  margin: 24px;
}

.margin-all__26px {
  margin: 26px;
}

.margin-all__28px {
  margin: 28px;
}

.margin-all__30px {
  margin: 30px;
}

.margin-all__32px {
  margin: 32px;
}

.padding-top--unset, .padding-y--unset {
  padding-top: unset !important;
}

.padding-top__0px, .padding-y__0px {
  padding-top: 0 !important;
}

.padding-top__2px, .padding-y__2px, .table tbody tr button {
  padding-top: 2px;
}

.padding-top__4px, .padding-y__4px {
  padding-top: 4px;
}

.padding-top__6px, .padding-y__6px {
  padding-top: 6px;
}

.padding-top__8px, .padding-y__8px {
  padding-top: 8px;
}

.padding-top__10px, .padding-y__10px {
  padding-top: 10px;
}

.padding-top__12px, .padding-y__12px {
  padding-top: 12px;
}

.padding-top__14px {
  padding-top: 14px;
}

.padding-top__16px, .table--date-row td div, .padding-y__16px {
  padding-top: 16px;
}

.padding-top__18px {
  padding-top: 18px;
}

.padding-top__20px, .padding-y__20px {
  padding-top: 20px;
}

.padding-top__22px {
  padding-top: 22px;
}

.padding-top__24px, .padding-y__24px {
  padding-top: 24px;
}

.padding-top__26px {
  padding-top: 26px;
}

.padding-top__28px, .padding-y__28px {
  padding-top: 28px;
}

.padding-top__30px, .padding-y__30px {
  padding-top: 30px;
}

.padding-top__32px, .padding-y__32px {
  padding-top: 32px;
}

.padding-top__34px, .padding-y__34px {
  padding-top: 34px;
}

.padding-top__36px, .padding-y__36px {
  padding-top: 36px;
}

.padding-top__38px, .padding-y__38px {
  padding-top: 38px;
}

.padding-top__40px, .padding-y__40px {
  padding-top: 40px;
}

.padding-top__60px {
  padding-top: 50px;
}

.padding-bottom--unset, .padding-y--unset {
  padding-bottom: unset !important;
}

.padding-bottom__0px, .padding-y__0px {
  padding-bottom: 0 !important;
}

.padding-bottom__2px, .padding-y__2px, .table tbody tr button {
  padding-bottom: 2px;
}

.padding-bottom__4px, .padding-y__4px {
  padding-bottom: 4px;
}

.padding-bottom__6px, .padding-y__6px {
  padding-bottom: 6px;
}

.padding-bottom__8px, .padding-y__8px {
  padding-bottom: 8px;
}

.padding-bottom__10px, .padding-y__10px {
  padding-bottom: 10px;
}

.padding-bottom__12px, .padding-y__12px {
  padding-bottom: 12px;
}

.padding-bottom__14px, .table--date-row td div {
  padding-bottom: 14px;
}

.padding-bottom__16px, .padding-y__16px {
  padding-bottom: 16px;
}

.padding-bottom__18px {
  padding-bottom: 18px;
}

.padding-bottom__20px, .padding-y__20px {
  padding-bottom: 20px;
}

.padding-bottom__22px {
  padding-bottom: 22px;
}

.padding-bottom__24px, .padding-y__24px {
  padding-bottom: 24px;
}

.padding-bottom__26px {
  padding-bottom: 26px;
}

.padding-bottom__28px, .padding-y__28px {
  padding-bottom: 28px;
}

.padding-bottom__30px, .padding-y__30px {
  padding-bottom: 30px;
}

.padding-bottom__32px, .padding-y__32px {
  padding-bottom: 32px;
}

.padding-bottom__32px, .padding-y__32px {
  padding-bottom: 32px;
}

.padding-bottom__34px, .padding-y__34px {
  padding-bottom: 34px;
}

.padding-bottom__36px, .padding-y__36px {
  padding-bottom: 36px;
}

.padding-bottom__38px, .padding-y__38px {
  padding-bottom: 38px;
}

.padding-bottom__40px, .padding-y__40px {
  padding-bottom: 40px;
}

.padding-left--unset, .padding-x--unset {
  padding-left: unset !important;
}

.padding-left__0px, .padding-x__0px {
  padding-left: 0 !important;
}

.padding-left__2px, .padding-x__2px {
  padding-left: 2px;
}

.padding-left__4px, .padding-x__4px {
  padding-left: 4px;
}

.padding-left__6px, .padding-x__6px {
  padding-left: 6px;
}

.padding-left__8px, .padding-x__8px, .table tbody tr button {
  padding-left: 8px;
}

.padding-left__10px, .padding-x__10px {
  padding-left: 10px;
}

.padding-left__12px, .padding-x__12px {
  padding-left: 12px;
}

.padding-left__14px {
  padding-left: 14px;
}

.padding-left__16px, .table--sidebar.show, .padding-x__16px {
  padding-left: 16px;
}

.padding-left__18px {
  padding-left: 18px;
}

.padding-left__20px {
  padding-left: 20px;
}

.padding-left__22px, .page__small--nav--item {
  padding-left: 22px;
}

.padding-left__24px, .padding-x__24px {
  padding-left: 24px;
}

.padding-left__26px, .padding-x__26px {
  padding-left: 26px;
}

.padding-left__28px, .padding-x__28px {
  padding-left: 28px;
}

.padding-left__30px, .padding-x__30px {
  padding-left: 30px;
}

.padding-left__32px, .padding-x__32px {
  padding-left: 32px;
}

.padding-left__34px, .padding-x__34px {
  padding-left: 34px;
}

.padding-left__36px, .padding-x__36px {
  padding-left: 36px;
}

.padding-left__38px, .padding-x__38px {
  padding-left: 38px;
}

.padding-left__40px, .padding-x__40px {
  padding-left: 40px;
}

.padding-right--unset, .padding-x--unset {
  padding-right: unset !important;
}

.padding-right__0px, .padding-x__0px {
  padding-right: 0 !important;
}

.padding-right__2px, .padding-x__2px {
  padding-right: 2px;
}

.padding-right__4px, .padding-x__4px {
  padding-right: 4px;
}

.padding-right__6px, .padding-x__6px {
  padding-right: 6px;
}

.padding-right__8px, .padding-x__8px, .table tbody tr button {
  padding-right: 8px;
}

.padding-right__10px, .padding-x__10px {
  padding-right: 10px;
}

.padding-right__12px, .padding-x__12px {
  padding-right: 12px;
}

.padding-right__14px {
  padding-right: 14px;
}

.padding-right__16px, .padding-x__16px {
  padding-right: 16px;
}

.padding-right__18px {
  padding-right: 18px;
}

.padding-right__20px {
  padding-right: 20px;
}

.padding-right__22px {
  padding-right: 22px;
}

.padding-right__24px, .padding-x__24px {
  padding-right: 24px;
}

.padding-right__26px, .padding-x__26px {
  padding-right: 26px;
}

.padding-right__28px, .padding-x__28px {
  padding-right: 28px;
}

.padding-right__30px, .padding-x__30px {
  padding-right: 30px;
}

.padding-right__32px, .padding-x__32px {
  padding-right: 32px;
}

.padding-right__34px, .padding-x__34px {
  padding-right: 34px;
}

.padding-right__36px, .padding-x__36px {
  padding-right: 36px;
}

.padding-right__38px, .padding-x__38px {
  padding-right: 38px;
}

.padding-right__40px, .padding-x__40px {
  padding-right: 40px;
}

.padding-all--unset {
  padding: unset !important;
}

.padding-all__0px {
  padding: 0 !important;
}

.padding-all__2px {
  padding: 2px;
}

.padding-all__4px {
  padding: 4px;
}

.padding-all__6px {
  padding: 6px;
}

.padding-all__8px, .toast {
  padding: 8px;
}

.padding-all__10px {
  padding: 10px;
}

.padding-all__12px {
  padding: 12px;
}

.padding-all__14px {
  padding: 14px;
}

.padding-all__16px {
  padding: 16px;
}

.padding-all__18px {
  padding: 18px;
}

.padding-all__20px {
  padding: 20px;
}

.padding-all__22px {
  padding: 22px;
}

.padding-all__24px {
  padding: 24px;
}

.padding-all__26px {
  padding: 26px;
}

.padding-all__28px {
  padding: 28px;
}

.padding-all__30px {
  padding: 30px;
}

.padding-all__32px {
  padding: 32px;
}

.padding-all__34px {
  padding: 34px;
}

.padding-all__36px {
  padding: 36px;
}

.padding-all__38px {
  padding: 38px;
}

.padding-all__40px {
  padding: 40px;
}

.skeleton-loader {
  background: radial-gradient(50% 12685.97% at 50% 50%, var(--grey-color-200) 0%, var(--color-white-300) 100%);
  -webkit-animation: 12s forwards infinite placeholderShimmer linear;
          animation: 12s forwards infinite placeholderShimmer linear;
  opacity: 0.3;
  padding: 0;
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.skeleton-loader.data {
  width: 131px;
  height: 19px;
}

@media (max-width: 1024px) {
  .skeleton-loader.data {
    width: 111px;
  }
}

@media (max-width: 768px) {
  .skeleton-loader.data {
    width: 71px;
  }
}

.skeleton-loader.text {
  width: 100px;
  height: 19px;
}

.skeleton-loader.header {
  width: 223px;
  height: 19px;
}

.skeleton-loader.img {
  width: 100%;
  height: 64px;
}

.skeleton-loader.small {
  width: 50px;
  height: 19px;
}

.skeleton-loader.smaller {
  width: 70px;
  height: 12px;
}

body,
html {
  overflow-x: hidden;
  min-height: 100vh;
  line-height: 1.5;
  font-style: normal;
  color: var(--color-black);
  scroll-behavior: smooth;
  background: var(--color-background);
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Inter', sans-serif;
}

ul {
  list-style-type: none;
}

a {
  color: inherit;
  text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
button,
body,
html {
  margin: 0;
  padding: 0;
}

.pointer-cursor {
  cursor: pointer;
}

.display-none {
  display: none;
}

/*----- scrollbar styles ------*/
*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* track */
*::-webkit-scrollbar-track {
  background: transparent;
}

/* handle */
*::-webkit-scrollbar-thumb {
  background: rgba(var(--thumb-scroll), 1);
}

hr {
  height: 0;
  border: none;
  margin: 0;
}

.has-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

:root {
  --color-light: #f8f8fa;
  --color-light-2: #f3f5f9;
  --color-background: #fafafe;
  --color-black: #000624;
  --color-black-rgb: 30, 17, 71;
  --color-dark: 0, 0, 0;
  --color-white: #fff;
  --color-white-100: #fcfcfc;
  --color-white-200: #fbfbfb;
  --color-white-300: #f8f8f8;
  --color-white-rgb: 255, 255, 255;
  --color-off-white: #f6f7f9;
  --color-deactivate: #ff554a;
  --color-failure: #f7e5e5;
  --color-retry: #f8e5b9;
  --secondary-color: #32587d;
  --primary-color: #477db3;
  --primary-color-2: #376da4;
  --primary-color-3: #4c6fff;
  --primary-color-rgb: 71, 125, 179;
  --primary-color-rgb-2: 151, 143, 175;
  --primary-color-300: #a3bed9;
  --primary-color-400: #f8f9fb;
  --primary-color-500: #edf2f7;
  --primary-color-600: #fbfdfe;
  --inactive-state-rgb: 237, 239, 245;
  --primary-color-inverse: #ffffff;
  --success-color: #1f9c6a;
  --danger-color: #f25a68;
  --danger-color-rgb: 238, 0, 5;
  --grey-color-100: #b4baca;
  --grey-color-200: #e2e2e2;
  --grey-color-400: #8792a2;
  --grey-color: #737a91;
  --grey-alt: #a5abc1;
  --grey-dark: #f3f3f8;
  --grey-fade: #f9f9fb;
  --grey-color-rgb: 30, 17, 71;
  --line-border: #edeff5;
  --line-border-2: #c8d8e8;
  --box-shadow: 22, 29, 37;
  --active-box-shadow: #978faf14;
  --drop-shadow: 12, 26, 75;
  --drop-shadow-2: 50, 50, 71;
  --tag-shadow: 115, 122, 145;
  --thumb-scroll: 217, 216, 216;
  --toggle-bg: 143, 155, 179;
  --alert-danger: #ffa39e;
  --alert-danger-line: #fff1f0;
  --color-warning: #f0ad4e;
  --color-warning-500: #fef7ed;
  --color-danger: #ff554a;
  --color-danger-500: #ffeeed;
  --color-success-500: #e3fcf3;
  --color-success: #29cc92;
  --active-border-color: #477db333;
  --text-color: #46548c;
  --green-bg: #e7fbf4;
  --green-button-bg: #daeee7;
  --yellow-bg: #fcf5ec;
  --yellow-button-bg: #f2ebe2;
  --purple-bg: 90, 83, 179;
  --purple-button-bg: #e0dfed;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
}

a:hover {
  cursor: pointer;
}
/*# sourceMappingURL=main.css.map */