/* CONFIRMRESET */

._headlineLg_it3hb_1 {
  color: #3e606f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 600;
  /*line-height: 1.05;*/
  letter-spacing: var(--dt-letter-spacing-headline-lg);
  margin: 0;
  padding: 0;
}

._body_it3hb_11 {
  font-family: Saans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 380;
  letter-spacing: var(--dt-letter-spacing-headline-body);
  margin: 0;
  padding: 0;
}

._center_it3hb_21 {
  text-align: center;
}

._note_it3hb_25 {
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

._link_it3hb_34 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #3e606f;
  margin: 0;
  padding: 0;
}

._link_it3hb_34:hover,
._defaultColor_it3hb_47 {
  color: var(--dt-surface-text-primary);
}

._lighter_it3hb_51 {
  color: #3e606f;
}

.login-button {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  align-items: center;
  background-color: var(--background-surface);
  font-weight: 500;
  color: var(--gray-900);
  border-color: var(--gray-800);
}

.login-button:disabled,
.login-button[disabled] {
  background: var(--gray-100);
  color: var(--gray-500);
  border-color: var(--gray-200);
}

.login-button:disabled:hover,
.login-button[disabled]:hover {
  background: var(--gray-100);
  color: var(--gray-500);
  border-color: var(--gray-200);
}

.login-button .logo {
  width: 14px;
  margin-right: 8px;
}

.link-button {
  border: none;
  background: transparent;
  box-shadow: none;
  width: 100%;
  padding-top: 8px;
  font-family: var(--sans-serif);
  font-weight: 600;
  font-size: 1.3em;
  color: #f0b237 !important;
}

.link-button:hover {
  color: #f0b237 !important;
}

.auth-container {
  max-width: 1280px;
}

.auth-container .ant-form-item .ant-form-item-label {
  font-family: var(--sans-serif);
}

.auth-container .ant-form-item .ant-form-item-label label {
  color: var(--gray-800);
  font-weight: 500;
  font-size: 14px;
}

.auth-container .ant-form-item {
  margin-bottom: 8px;
}

.auth-container h6 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: var(--gray-800);
  font-family: var(--sans-serif);
}

.auth-container input {
  font-family: var(--sans-serif);
}

.auth-container .ant-form-explain {
  font-family: var(--sans-serif);
  background: var(--red-100);
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 4px;
  margin-top: 12px;
  color: var(--red-500);
}

.onprem-link,
.privacy-policy {
  font-size: 13px;
  color: var(--gray-600);
}

.onprem-link a,
.privacy-policy a {
  color: var(--blue-600);
}

._base_1vcfr_1 {
  all: unset;
  outline: revert;
  cursor: pointer;
}

._button_1vcfr_7 {
  text-align: center;
  padding: 12px 6px;
  background-color: var(--dt-btn-primary-default-background);
  color: var(--dt-surface-background-focused);
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  font-family: Inter, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

._fullWidth_1vcfr_22 {
  width: 100%;
}

._disabled_1vcfr_26 {
  cursor: not-allowed;
}

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

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

._buttonSecondary_1vcfr_38 {
  background-color: var(--dt-surface-background-focused);
  color: var(--dt-surface-text-primary);
}

._container_9lohp_1 {
  display: grid;
  grid-template-columns: [left-pane] 1fr [right-pane] 1fr;
  width: inherit;
  height: inherit;
  overflow: auto;
}

._left_9lohp_9,
._right_9lohp_10 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._left_9lohp_9 {
  grid-column-start: left-pane;
  background-color: var(--background-surface);
  border-right: 1px solid var(--border-emphasis);
}

._leftRebrand_9lohp_22 {
  grid-column-start: left-pane;
  background-color: var(--dt-surface-background-base);
  border-right: none;
}

._right_9lohp_10 {
  grid-column-start: right-pane;
  background-color: white;
}

@media (max-width: 950px) {
  ._container_9lohp_1 {
    grid-template-columns: [left-pane] 100%;
  }

  ._right_9lohp_10 {
    display: none;
  }
}

._container_94d66_1 {
  background-color: white;
  height: 100vh;
}

/* Contenedor de logos */
._logos_94d66_6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* en lugar de space-between */
  align-items: center;
  gap: 33px 33px; /* row-gap / column-gap */
  max-width: 720px; /* ajústalo a tu ancho real */
  margin: 0 auto; /* centra el bloque */
}

/* Cada celda de logo con alto uniforme */
._logo_94d66_6 {
  flex: 0 1 160px; /* ancho sugerido de cada celda */
  height: 64px; /* todas las filas del mismo alto */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Imagen dentro de la celda: misma “altura visual” para todos */
._logo_94d66_6 img{
    max-height: 50px;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Responsive (opcional) */
@media (max-width: 576px) {
  ._logo_94d66_6 {
    flex-basis: 130px;
    height: 56px;
  }
}

._bodyText_94d66_22 {
  color: #3e606f;
  font-size: 14px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: 600;
}

._illustration_94d66_29 {
  width: 100%;
  height: 66vh;
  max-height: 720px;
  object-fit: cover;
  object-position: center;
}

._footer_94d66_37 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
}

._container_1w32j_1 {
  display: flex;
  flex-direction: column;
  width: min(450px, 90%);
  height: 100%;
  justify-content: space-between;
}

._contentContainer_1w32j_9 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

._loading_1w32j_16 {
  opacity: 0.4;
  pointer-events: none;
}

._singlePane_1w32j_21 {
  margin: 0 auto;
  justify-content: unset;
  height: auto;
  gap: 12px;
}

._redirectText_1w32j_28 {
  align-self: center;
  text-align: center;
  text-wrap: balance;
}

._banner_1w32j_34 {
  position: relative;
}

._isPreview_1w32j_38 {
  margin-bottom: 82px;
}

._logo_1w32j_42 {
  margin-top: 32px;
  margin-bottom: 32px;
  max-width: 250px;
}

._logo_1w32j_42 img {
  max-width: 100%;
}

._header_1w32j_52 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media (max-width: 450px) {
  ._container_1w32j_1 {
    width: 75%;
  }
}

._addendum_1w32j_63 {
  width: inherit;
  align-self: center;
  text-align: center;
  text-wrap: balance;
}

._form_zaqa4_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._formItem_zaqa4_7 {
  margin: 0;
  padding: 0;
}

._formItem_zaqa4_7 .ant-form-explain {
  background: var(--red-100);
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 4px;
  margin-top: 12px;
  color: var(--red-500);
}

@keyframes _antShowHelpIn_zaqa4_1 {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes _antShowHelpOut_zaqa4_1 {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}

._formItem_zaqa4_7 .show-help-enter,
._formItem_zaqa4_7 .show-help-appear,
._formItem_zaqa4_7 .show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

._formItem_zaqa4_7 .show-help-enter.show-help-enter-active,
._formItem_zaqa4_7 .show-help-appear.show-help-appear-active {
  animation-name: _antShowHelpIn_zaqa4_1;
  animation-play-state: running;
}

._formItem_zaqa4_7 .show-help-leave.show-help-leave-active {
  animation-name: _antShowHelpOut_zaqa4_1;
  animation-play-state: running;
  pointer-events: none;
}

._formItem_zaqa4_7 .show-help-enter,
._formItem_zaqa4_7 .show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

._formItem_zaqa4_7 .show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

._authMargin_1bhbw_1 {
  margin-top: 20px;
}

/* INPUT CHECKED */
.form-check-input:checked {
  background-color: #3e606f;
  border-color: #3e606f;
}

/* APPCONTAINER  */

.ant-alert {
  box-sizing: border-box;
  margin: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
}

.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}

.ant-alert.ant-alert-closable {
  padding-right: 30px;
}

.ant-alert-icon {
  position: absolute;
  top: 11px;
  left: 16px;
}

.ant-alert-description {
  display: none;
  font-size: 12px;
  line-height: 22px;
}

.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}

.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}

.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}

.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}

.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}

.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}

.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}

.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}

.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 10px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.ant-alert-close-icon .anticon-close {
  color: #00000073;
  transition: color 0.3s;
}

.ant-alert-close-icon .anticon-close:hover {
  color: #000000bf;
}

.ant-alert-close-text {
  color: #00000073;
  transition: color 0.3s;
}

.ant-alert-close-text:hover {
  color: #000000bf;
}

.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: #000000a6;
  line-height: 1.5;
  border-radius: 4px;
}

.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}

.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}

.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 12px;
  cursor: pointer;
}

.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: #000000d9;
  font-size: 14px;
}

.ant-alert-message {
  color: #000000d9;
}

.ant-alert-with-description .ant-alert-description {
  display: block;
}

.ant-alert.ant-alert-closing {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: 50% 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}

.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}

@keyframes antAlertSlideUpIn {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }

  to {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes antAlertSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }

  to {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  to {
    transform: scale(1.6);
    opacity: 0;
  }
}

.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #3c92dc;
}

.ant-checkbox-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3c92dc;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: "";
}

.ant-checkbox:hover:after,
.ant-checkbox-wrapper:hover .ant-checkbox:after {
  visibility: visible;
}

.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}

.ant-checkbox-inner:after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: " ";
}

.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ant-checkbox-checked .ant-checkbox-inner:after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: " ";
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #3c92dc;
  border-color: #3c92dc;
}

.ant-checkbox-disabled {
  cursor: not-allowed;
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
  border-color: #00000040;
  animation-name: none;
}

.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}

.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}

.ant-checkbox-disabled .ant-checkbox-inner:after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}

.ant-checkbox-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}

.ant-checkbox-disabled:hover:after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled:after {
  visibility: hidden;
}

.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}

.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}

.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
}

.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}

.ant-checkbox-group-item:last-child {
  margin-right: 0;
}

.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #3c92dc;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " ";
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
  background-color: #00000040;
  border-color: #00000040;
}

.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}

.ant-dropdown:before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: " ";
}

.ant-dropdown-wrap {
  position: relative;
}

.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px;
  transform: scale(0.83333333) rotate(0);
}

:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 10px;
}

.ant-dropdown-wrap .anticon-down:before {
  transition: transform 0.2s;
}

.ant-dropdown-wrap-open .anticon-down:before {
  transform: rotate(180deg);
}

.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}

.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px #00000026;
  -webkit-transform: translate3d(0, 0, 0);
}

.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: #00000073;
  transition: all 0.3s;
}

.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}

.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  transform-origin: 0 0;
}

.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}

.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}

.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: #000000a6;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 10px;
}

.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: #000000a6;
  transition: all 0.3s;
}

.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #3c92dc;
  background-color: #f0faff;
}

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f0faff;
}

.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: #00000040;
  cursor: not-allowed;
}

.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: #00000040;
  background-color: #fff;
  cursor: not-allowed;
}

.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: #00000073;
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px;
  transform: scale(0.83333333) rotate(0);
}

:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 10px;
}

.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}

.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}

.ant-dropdown-menu-submenu-vertical {
  position: relative;
}

.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}

.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled
  .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow-icon {
  color: #00000040;
  background-color: #fff;
  cursor: not-allowed;
}

.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #3c92dc;
}

.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}

.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}

.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}

.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}

.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px;
  transform: scale(0.83333333) rotate(0);
}

:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 10px;
}

.ant-dropdown-button {
  white-space: nowrap;
}

.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px;
  transform: scale(0.83333333) rotate(0);
}

:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 10px;
}

.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: #ffffffa6;
}

.ant-dropdown-menu-dark
  .ant-dropdown-menu-item
  .ant-dropdown-menu-submenu-arrow:after,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow:after,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-item
  > a
  .ant-dropdown-menu-submenu-arrow:after {
  color: #ffffffa6;
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #3c92dc;
}

.ant-input {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  height: 28px;
  padding: 4px 11px;
  color: #000000a6;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}

.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-input:hover {
  border-color: #64afe8;
  border-right-width: 1px !important;
}

.ant-input:focus {
  border-color: #64afe8;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #3c92dc33;
}

.ant-input-disabled {
  color: #00000040;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

.ant-input[disabled] {
  color: #00000040;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 28px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.ant-input-lg {
  height: 36px;
  padding: 6px 11px;
  font-size: 14px;
}

.ant-input-sm {
  height: 22px;
  padding: 1px 7px;
}

.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.ant-input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.ant-input-group > [class*="col-"] {
  padding-right: 8px;
}

.ant-input-group > [class*="col-"]:last-child {
  padding-right: 0;
}

.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}

.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}

.ant-input-group-wrap > * {
  display: block !important;
}

.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}

.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}

.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}

.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: #000000a6;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}

.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}

.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}

.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #3c92dc;
}

.ant-input-group-addon > i:only-child:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group-addon:first-child {
  border-right: 0;
}

.ant-input-group-addon:last-child {
  border-left: 0;
}

.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 36px;
  padding: 6px 11px;
  font-size: 14px;
}

.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 22px;
  padding: 1px 7px;
}

.ant-input-group-lg .ant-select-selection--single {
  height: 36px;
}

.ant-input-group-sm .ant-select-selection--single {
  height: 22px;
}

.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}

.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}

.ant-input-group.ant-input-group-compact:before,
.ant-input-group.ant-input-group-compact:after {
  display: table;
  content: "";
}

.ant-input-group.ant-input-group-compact:after {
  clear: both;
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
    :last-child
  ),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
    :last-child
  ),
.ant-input-group.ant-input-group-compact
  > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
    :last-child
  ):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
    :last-child
  ):hover,
.ant-input-group.ant-input-group-compact
  > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
    :last-child
  ):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
    :last-child
  ):focus,
.ant-input-group.ant-input-group-compact
  > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}

.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-mention-wrapper
  .ant-mention-editor,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker
  .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact
  > .ant-select
  > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact
  > .ant-calendar-picker
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-mention-wrapper
  .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker
  .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-input-group-wrapper
  .ant-input:hover {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact
  > .ant-select
  > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact
  > .ant-calendar-picker
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-mention-wrapper
  .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker
  .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-input-group-wrapper
  .ant-input:focus {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact
  > .ant-select:first-child
  > .ant-select-selection,
.ant-input-group.ant-input-group-compact
  > .ant-calendar-picker:first-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete:first-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:first-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-mention-wrapper:first-child
  .ant-mention-editor,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker:first-child
  .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact
  > .ant-select:last-child
  > .ant-select-selection,
.ant-input-group.ant-input-group-compact
  > .ant-calendar-picker:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker-focused:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-mention-wrapper:last-child
  .ant-mention-editor,
.ant-input-group.ant-input-group-compact
  > .ant-time-picker:last-child
  .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input {
  vertical-align: top;
}

.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}

.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #64afe8;
  border-right-width: 1px !important;
}

.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}

.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  color: #000000a6;
  line-height: 0;
  transform: translateY(-50%);
}

.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}

.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: #00000040;
  cursor: not-allowed;
}

.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}

.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}

.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}

.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn
  .ant-input:not(:last-child) {
  padding-right: 49px;
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn
  .ant-input {
  padding-right: 22px;
}

.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}

.ant-input-password-icon {
  color: #00000073;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-input-password-icon:hover {
  color: #333;
}

.ant-input-clear-icon {
  color: #00000040;
  font-size: 10px;
  cursor: pointer;
  transition: color 0.3s;
  vertical-align: 0;
}

.ant-input-clear-icon:hover {
  color: #00000073;
}

.ant-input-clear-icon:active {
  color: #000000a6;
}

.ant-input-clear-icon + i {
  margin-left: 6px;
}

.ant-input-textarea-clear-icon {
  color: #00000040;
  font-size: 10px;
  cursor: pointer;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}

.ant-input-textarea-clear-icon:hover {
  color: #00000073;
}

.ant-input-textarea-clear-icon:active {
  color: #000000a6;
}

.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}

.ant-input-search-icon {
  color: #00000073;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-input-search-icon:hover {
  color: #000c;
}

.ant-input-search-enter-button input {
  border-right: 0;
}

.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}

.ant-input-search-enter-button
  + .ant-input-group-addon
  .ant-input-search-button,
.ant-input-search-enter-button
  input
  + .ant-input-group-addon
  .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-menu {
  box-sizing: border-box;
  margin: 0;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: "tnum";
  padding: 0;
  color: #000000a6;
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 8px #00000026;
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}

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

.ant-menu:after {
  clear: both;
}

.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-menu-hidden {
  display: none;
}

.ant-menu-item-group-title {
  padding: 8px 16px;
  color: #00000073;
  font-size: 12px;
  line-height: 1.5;
  transition: all 0.3s;
}

.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-selected {
  color: #3c92dc;
}

.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #f0faff;
}

.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-item > a {
  display: block;
  color: #000000a6;
}

.ant-menu-item > a:hover {
  color: #3c92dc;
}

.ant-menu-item > a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: "";
}

.ant-menu-item > .ant-badge > a {
  color: #000000a6;
}

.ant-menu-item > .ant-badge > a:hover {
  color: #3c92dc;
}

.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #3c92dc;
}

.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}

.ant-menu-item-selected {
  color: #3c92dc;
}

.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #3c92dc;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f0faff;
}

.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}

.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}

.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item:after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after {
  border-right: 0;
}

.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}

.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}

.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 12px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
    margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}

.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}

.ant-menu-submenu-popup:before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: " ";
}

.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}

.ant-menu-submenu > .ant-menu-submenu-title:after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: #000000a6;
  background-image: linear-gradient(to right, #000000a6, #000000a6);
  background-image: none;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

.ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before {
  transform: rotate(45deg) translateY(-2px);
}

.ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after {
  transform: rotate(-45deg) translateY(2px);
}

.ant-menu-submenu-vertical
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-inline
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:after,
.ant-menu-submenu-vertical
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:before,
.ant-menu-submenu-inline
  > .ant-menu-submenu-title:hover
  .ant-menu-submenu-arrow:before {
  background: linear-gradient(to right, #3c92dc, #3c92dc);
}

.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before {
  transform: rotate(-45deg) translate(2px);
}

.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after {
  transform: rotate(45deg) translate(-2px);
}

.ant-menu-submenu-open.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}

.ant-menu-submenu-open.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after {
  transform: rotate(-45deg) translate(-2px);
}

.ant-menu-submenu-open.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before {
  transform: rotate(45deg) translate(2px);
}

.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #3c92dc;
}

.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #3c92dc;
}

.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}

.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #3c92dc;
  border-bottom: 2px solid #3c92dc;
}

.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: #000000a6;
}

.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #3c92dc;
}

.ant-menu-horizontal > .ant-menu-item > a:before {
  bottom: -2px;
}

.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #3c92dc;
}

.ant-menu-horizontal:after {
  display: block;
  clear: both;
  height: 0;
  content: " ";
}

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}

.ant-menu-vertical .ant-menu-item:after,
.ant-menu-vertical-left .ant-menu-item:after,
.ant-menu-vertical-right .ant-menu-item:after,
.ant-menu-inline .ant-menu-item:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #3c92dc;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: "";
}

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 12px;
  line-height: 40px;
  text-overflow: ellipsis;
}

.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}

.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}

.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}

.ant-menu-inline {
  width: 100%;
}

.ant-menu-inline .ant-menu-selected:after,
.ant-menu-inline .ant-menu-item-selected:after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}

.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}

.ant-menu-inline-collapsed {
  width: 80px;
}

.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 33px !important;
  text-overflow: clip;
}

.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow {
  display: none;
}

.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .anticon,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon,
.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon {
  margin: 0;
  font-size: 14px;
  line-height: 40px;
}

.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .anticon
  + span,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon
  + span,
.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon
  + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}

.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}

.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}

.ant-menu-inline-collapsed-tooltip a {
  color: #ffffffd9;
}

.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}

.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}

.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}

.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}

.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: #00000040 !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}

.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: #00000040 !important;
  pointer-events: none;
}

.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: #00000040 !important;
  cursor: not-allowed;
}

.ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after {
  background: #00000040 !important;
}

.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: #ffffffa6;
  background: #001529;
}

.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}

.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before {
  background: #fff;
}

.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px #00000073 inset;
}

.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a:before {
  bottom: 0;
}

.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: #ffffffa6;
}

.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item:after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item:after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}

.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}

.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}

.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow {
  opacity: 1;
}

.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title:hover
  > .ant-menu-submenu-arrow:before {
  background: #fff;
}

.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}

.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}

.ant-menu-dark .ant-menu-item-selected:after {
  border-right: 0;
}

.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}

.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}

.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #3c92dc;
}

.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: #ffffff59 !important;
  opacity: 0.8;
}

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: #ffffff59 !important;
}

.ant-menu-dark
  .ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after {
  background: #ffffff59 !important;
}

.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}

.ant-tooltip-hidden {
  display: none;
}

.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}

.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}

.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}

.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}

.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: #000000bf;
  border-radius: 4px;
  box-shadow: 0 2px 8px #00000026;
}

.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.ant-tooltip-arrow:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: #000000bf;
  content: "";
  pointer-events: auto;
}

.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}

.ant-tooltip-placement-top .ant-tooltip-arrow:before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow:before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow:before {
  box-shadow: 3px 3px 7px #00000012;
  transform: translateY(-6.53553391px) rotate(45deg);
}

.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translate(-50%);
}

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}

.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}

.ant-tooltip-placement-right .ant-tooltip-arrow:before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow:before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow:before {
  box-shadow: -3px 3px 7px #00000012;
  transform: translate(6.53553391px) rotate(45deg);
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}

.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}

.ant-tooltip-placement-left .ant-tooltip-arrow:before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow:before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow:before {
  box-shadow: 3px -3px 7px #00000012;
  transform: translate(-6.53553391px) rotate(45deg);
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow:before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow:before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow:before {
  box-shadow: -3px -3px 7px #00000012;
  transform: translateY(6.53553391px) rotate(45deg);
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translate(-50%);
}

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}

.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
}

.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-pagination:after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: " ";
}

.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}

.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: #000000a6;
  transition: none;
}

.ant-pagination-item a:hover {
  text-decoration: none;
}

.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #3c92dc;
  transition: all 0.3s;
}

.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #3c92dc;
}

.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #3c92dc;
}

.ant-pagination-item-active a {
  color: #3c92dc;
}

.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #64afe8;
}

.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #64afe8;
}

.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}

.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}

.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-link-icon,
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px;
  transform: scale(1) rotate(0);
  color: #3c92dc;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}

:root
  .ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-link-icon,
:root
  .ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-link-icon {
  font-size: 10px;
}

.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis,
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: #00000040;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}

.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}

.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}

.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}

.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: #000000a6;
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}

.ant-pagination-prev a,
.ant-pagination-next a {
  color: #000000a6;
  -webkit-user-select: none;
  user-select: none;
}

.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #64afe8;
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}

.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #3c92dc;
  border-color: #3c92dc;
}

.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}

.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: #00000040;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.ant-pagination-slash {
  margin: 0 10px 0 5px;
}

.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}

.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}

.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
}

.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 28px;
  padding: 4px 11px;
  color: #000000a6;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}

.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-pagination-options-quick-jumper input:hover {
  border-color: #64afe8;
  border-right-width: 1px !important;
}

.ant-pagination-options-quick-jumper input:focus {
  border-color: #64afe8;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #3c92dc33;
}

.ant-pagination-options-quick-jumper input-disabled {
  color: #00000040;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

.ant-pagination-options-quick-jumper input[disabled] {
  color: #00000040;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 28px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.ant-pagination-options-quick-jumper input-lg {
  height: 36px;
  padding: 6px 11px;
  font-size: 14px;
}

.ant-pagination-options-quick-jumper input-sm {
  height: 22px;
  padding: 1px 7px;
}

.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}

.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}

.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #3c92dc;
}

.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}

.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}

.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}

.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 22px;
  padding: 1px 7px;
  width: 44px;
}

.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: #00000040;
  background: transparent;
  border: none;
  cursor: not-allowed;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: #00000073;
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.ant-pagination.ant-pagination-disabled
  .ant-pagination-jump-prev:focus
  .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled
  .ant-pagination-jump-next:focus
  .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled
  .ant-pagination-jump-prev:hover
  .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled
  .ant-pagination-jump-next:hover
  .ant-pagination-item-link-icon {
  opacity: 0;
}

.ant-pagination.ant-pagination-disabled
  .ant-pagination-jump-prev:focus
  .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled
  .ant-pagination-jump-next:focus
  .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled
  .ant-pagination-jump-prev:hover
  .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled
  .ant-pagination-jump-next:hover
  .ant-pagination-item-ellipsis {
  opacity: 1;
}

@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}

@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}

.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  outline: 0;
}

.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}

.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -5px;
  color: #00000040;
  font-size: 10px;
  line-height: 1;
  transform-origin: 50% 50%;
}

.ant-select-arrow > * {
  line-height: 1;
}

.ant-select-arrow svg {
  display: inline-block;
}

.ant-select-arrow:before {
  display: none;
}

.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}

.ant-select-arrow .ant-select-arrow-icon svg {
  transition: transform 0.3s;
}

.ant-select-selection {
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  user-select: none;
}

.ant-select-selection:hover {
  border-color: #64afe8;
  border-right-width: 1px !important;
}

.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #64afe8;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #3c92dc33;
}

.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: #00000040;
  font-size: 10px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}

.ant-select-selection__clear:before {
  display: block;
}

.ant-select-selection__clear:hover {
  color: #00000073;
}

.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}

.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}

.ant-select-disabled {
  color: #00000040;
}

.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}

.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none;
}

.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}

.ant-select-disabled
  .ant-select-selection--multiple
  .ant-select-selection__choice {
  padding-right: 10px;
  color: #00000054;
  background: #f5f5f5;
}

.ant-select-disabled
  .ant-select-selection--multiple
  .ant-select-selection__choice__remove {
  display: none;
}

.ant-select-selection--single {
  position: relative;
  height: 28px;
  cursor: pointer;
}

.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}

.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 11px;
}

.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 26px;
}

.ant-select-selection__rendered:after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: ".";
  pointer-events: none;
}

.ant-select-lg {
  font-size: 14px;
}

.ant-select-lg .ant-select-selection--single {
  height: 36px;
}

.ant-select-lg .ant-select-selection__rendered {
  line-height: 34px;
}

.ant-select-lg .ant-select-selection--multiple {
  min-height: 36px;
}

.ant-select-lg
  .ant-select-selection--multiple
  .ant-select-selection__rendered
  li {
  height: 28px;
  line-height: 28px;
}

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 18px;
}

.ant-select-sm .ant-select-selection--single {
  height: 22px;
}

.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 20px;
}

.ant-select-sm .ant-select-selection--multiple {
  min-height: 22px;
}

.ant-select-sm
  .ant-select-selection--multiple
  .ant-select-selection__rendered
  li {
  height: 14px;
  line-height: 12px;
}

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 11px;
}

.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}

.ant-select-disabled .ant-select-selection__choice__remove {
  color: #00000040;
  cursor: default;
}

.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: #00000040;
}

.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}

.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}

.ant-select-search__field__placeholder {
  left: 12px;
}

.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}

.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}

.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}

.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}

.ant-select-search--inline > i {
  float: right;
}

.ant-select-selection--multiple {
  min-height: 28px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}

.ant-select-selection--multiple:before,
.ant-select-selection--multiple:after {
  display: table;
  content: "";
}

.ant-select-selection--multiple:after {
  clear: both;
}

.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}

.ant-select-selection--multiple
  .ant-select-search--inline
  .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
  padding: 1px;
}

.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}

.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}

.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 20px;
  margin-top: 3px;
  line-height: 18px;
}

.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: #000000a6;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}

.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: #00000073;
  font-weight: 700;
  font-size: 10px;
  line-height: inherit;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px;
  transform: scale(0.83333333) rotate(0);
}

.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
  display: none;
}

.ant-select-selection--multiple
  .ant-select-selection__choice__remove
  .ant-select-selection--multiple
  .ant-select-selection__choice__remove-icon {
  display: block;
}

:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 10px;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: #000000bf;
}

.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 14px;
}

.ant-select-allow-clear
  .ant-select-selection--multiple
  .ant-select-selection__rendered,
.ant-select-show-arrow
  .ant-select-selection--multiple
  .ant-select-selection__rendered {
  margin-right: 20px;
}

.ant-select-open .ant-select-arrow-icon svg {
  transform: rotate(180deg);
}

.ant-select-open .ant-select-selection {
  border-color: #64afe8;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #3c92dc33;
}

.ant-select-combobox .ant-select-arrow {
  display: none;
}

.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}

.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}

.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}

.ant-select-combobox.ant-select-allow-clear
  .ant-select-selection:hover
  .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow
  .ant-select-selection:hover
  .ant-select-selection__rendered {
  margin-right: 20px;
}

.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 12px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px #00000026;
}

.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}

.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}

.ant-select-dropdown-hidden {
  display: none;
}

.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  overflow: auto;
  list-style: none;
  outline: none;
}

.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}

.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}

.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: #00000073;
  font-size: 10px;
  line-height: 32px;
}

.ant-select-dropdown-menu-item-group-list
  .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child)
  .ant-select-dropdown-menu-item-group-list
  .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}

.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: #000000a6;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}

.ant-select-dropdown-menu-item:hover:not(
    .ant-select-dropdown-menu-item-disabled
  ) {
  background-color: #f0faff;
}

.ant-select-dropdown-menu-item-selected {
  color: #000000a6;
  font-weight: 600;
  background-color: #fafafa;
}

.ant-select-dropdown-menu-item-disabled,
.ant-select-dropdown-menu-item-disabled:hover {
  color: #00000040;
  cursor: not-allowed;
}

.ant-select-dropdown-menu-item-active:not(
    .ant-select-dropdown-menu-item-disabled
  ) {
  background-color: #f0faff;
}

.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-select-dropdown.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item {
  padding-right: 32px;
}

.ant-select-dropdown.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item
  .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: 700;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  transform: translateY(-50%);
  transition: all 0.2s;
}

.ant-select-dropdown.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item:hover
  .ant-select-selected-icon {
  color: #000000de;
}

.ant-select-dropdown.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item-disabled
  .ant-select-selected-icon {
  display: none;
}

.ant-select-dropdown.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item-selected
  .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item-selected:hover
  .ant-select-selected-icon {
  display: inline-block;
  color: #3c92dc;
}

.ant-select-dropdown--empty.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item {
  padding-right: 12px;
}

.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}

.ant-empty {
  margin: 0 8px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
}

.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}

.ant-empty-image img {
  height: 100%;
}

.ant-empty-image svg {
  height: 100%;
  margin: auto;
}

.ant-empty-description {
  margin: 0;
}

.ant-empty-footer {
  margin-top: 16px;
}

.ant-empty-normal {
  margin: 32px 0;
  color: #00000040;
}

.ant-empty-normal .ant-empty-image {
  height: 40px;
}

.ant-empty-small {
  margin: 8px 0;
  color: #00000040;
}

.ant-empty-small .ant-empty-image {
  height: 35px;
}

.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: 400;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
  user-select: text;
}

.ant-popover:after {
  position: absolute;
  background: #ffffff03;
  content: "";
}

.ant-popover-hidden {
  display: none;
}

.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}

.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}

.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}

.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}

.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px #00000026;
  box-shadow: 0 0 8px #00000026;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover-inner {
    box-shadow: 0 2px 8px #00000026;
  }
}

.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: #000000d9;
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}

.ant-popover-inner-content {
  padding: 12px 16px;
  color: #000000a6;
}

.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #000000a6;
  font-size: 12px;
}

.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 12px;
}

.ant-popover-message-title {
  padding-left: 20px;
}

.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}

.ant-popover-buttons button {
  margin-left: 8px;
}

.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px #00000012;
}

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translate(-50%) rotate(45deg);
}

.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}

.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px #00000012;
}

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}

.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px #0000000f;
}

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translate(-50%) rotate(45deg);
}

.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}

.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px #00000012;
}

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}

.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}

.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
}

.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0 8px 0 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}

.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}

.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #3c92dc;
}

.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px #3c92dc14;
}

.ant-radio-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3c92dc;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: "";
}

.ant-radio:hover:after,
.ant-radio-wrapper:hover .ant-radio:after {
  visibility: visible;
}

.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  transition: all 0.3s;
}

.ant-radio-inner:after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #3c92dc;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: " ";
}

.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.ant-radio-checked .ant-radio-inner {
  border-color: #3c92dc;
}

.ant-radio-checked .ant-radio-inner:after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}

.ant-radio-disabled .ant-radio-inner:after {
  background-color: #0003;
}

.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}

.ant-radio-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}

span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 28px;
  margin: 0;
  padding: 0 15px;
  color: #000000a6;
  line-height: 26px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}

.ant-radio-button-wrapper a {
  color: #000000a6;
}

.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}

.ant-radio-group-large .ant-radio-button-wrapper {
  height: 36px;
  font-size: 14px;
  line-height: 34px;
}

.ant-radio-group-small .ant-radio-button-wrapper {
  height: 22px;
  padding: 0 7px;
  line-height: 20px;
}

.ant-radio-button-wrapper:not(:first-child):before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: "";
}

.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}

.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}

.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}

.ant-radio-button-wrapper:hover {
  position: relative;
  color: #3c92dc;
}

.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(60, 146, 220, 0.06);
}

.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type="checkbox"],
.ant-radio-button-wrapper input[type="radio"] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #3c92dc;
  background: #fff;
  border-color: #3c92dc;
  box-shadow: -1px 0 #3c92dc;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):before {
  background-color: #3c92dc !important;
  opacity: 0.1;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):first-child {
  border-color: #3c92dc;
  box-shadow: none !important;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover {
  color: #64afe8;
  border-color: #64afe8;
  box-shadow: -1px 0 #64afe8;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):active {
  color: #286eb5;
  border-color: #286eb5;
  box-shadow: -1px 0 #286eb5;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):focus-within {
  outline: 3px solid rgba(60, 146, 220, 0.06);
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #3c92dc;
  border-color: #3c92dc;
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover {
  color: #fff;
  background: #64afe8;
  border-color: #64afe8;
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):active {
  color: #fff;
  background: #286eb5;
  border-color: #286eb5;
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):focus-within {
  outline: 3px solid rgba(60, 146, 220, 0.06);
}

.ant-radio-button-wrapper-disabled {
  color: #00000040;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: #00000040;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}

.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}

@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  to {
    transform: scale(1.6);
    opacity: 0;
  }
}

@supports (-moz-appearance: meterbar) and
  (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}

.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  display: none;
  color: #3c92dc;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}

.ant-spin-nested-loading {
  position: relative;
}

.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}

.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}

.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 6px;
  text-shadow: 0 1px 2px #fff;
}

.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}

.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}

.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 3px;
}

.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}

.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}

.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 12px;
}

.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}

.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}

.ant-spin-container:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: "";
  pointer-events: none;
}

.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.ant-spin-blur:after {
  opacity: 0.4;
  pointer-events: auto;
}

.ant-spin-tip {
  color: #00000073;
}

.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}

.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #3c92dc;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}

.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}

.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}

.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}

.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}

.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}

.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}

.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}

.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}

.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}

.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}

@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}

@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}

.ant-switch {
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: #00000040;
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  -webkit-user-select: none;
  user-select: none;
}

.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 10px;
}

.ant-switch-loading-icon,
.ant-switch:after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: " ";
}

.ant-switch:after {
  box-shadow: 0 2px 4px #00230b33;
}

.ant-switch:not(.ant-switch-disabled):active:before,
.ant-switch:not(.ant-switch-disabled):active:after {
  width: 24px;
}

.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}

.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: #000000a6;
}

.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #3c92dc;
}

.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #3c92dc33;
}

.ant-switch:focus:hover {
  box-shadow: none;
}

.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}

.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 10px;
}

.ant-switch-small:after {
  width: 12px;
  height: 12px;
}

.ant-switch-small:active:before,
.ant-switch-small:active:after {
  width: 16px;
}

.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}

.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}

.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: 700;
  transform: scale(0.66667);
}

.ant-switch-checked {
  background-color: #3c92dc;
}

.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}

.ant-switch-checked:after {
  left: 100%;
  margin-left: -1px;
  transform: translate(-100%);
}

.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}

.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}

.ant-switch-loading:before,
.ant-switch-disabled:before,
.ant-switch-loading:after,
.ant-switch-disabled:after {
  cursor: not-allowed;
}

@keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0) scale(0.66667);
    transform-origin: 50% 50%;
  }

  to {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
}

.ant-table-wrapper {
  zoom: 1;
}

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

.ant-table-wrapper:after {
  clear: both;
}

.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  clear: both;
}

.ant-table-body {
  transition: opacity 0.3s;
}

.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}

.ant-table-layout-fixed table {
  table-layout: fixed;
}

.ant-table-thead > tr > th {
  color: #000000d9;
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease;
}

.ant-table-thead > tr > th[colspan]:not([colspan="1"]) {
  text-align: center;
}

.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -5px;
}

.ant-table-thead > tr > th .ant-table-filter-selected.anticon {
  color: #3c92dc;
}

.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}

.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  transition: all 0.3s;
}

.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner
  .ant-table-column-sorter-up,
.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner
  .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px;
  transform: scale(0.91666667) rotate(0);
  display: block;
  height: 1em;
  line-height: 1em;
  transition: all 0.3s;
}

:root
  .ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner
  .ant-table-column-sorter-up,
:root
  .ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner
  .ant-table-column-sorter-down {
  font-size: 10px;
}

.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner
  .ant-table-column-sorter-up.on,
.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner
  .ant-table-column-sorter-down.on {
  color: #3c92dc;
}

.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}

.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner-full
  .ant-table-column-sorter-up,
.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner-full
  .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}

.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner-full
  .ant-table-column-sorter-down {
  margin-top: 0.125em;
}

.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  -webkit-background-clip: border-box;
}

.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}

.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-filters
  .anticon-filter.ant-table-filter-open,
.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-filters
  .ant-table-filter-icon.ant-table-filter-open {
  color: #00000073;
  background: #e5e5e5;
}

.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-filters:hover
  .anticon-filter:hover,
.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-filters:hover
  .ant-table-filter-icon:hover {
  color: #00000073;
  background: #e5e5e5;
}

.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-filters:hover
  .anticon-filter:active,
.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-filters:hover
  .ant-table-filter-icon:active {
  color: #000000a6;
}

.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}

.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}

.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover
  .anticon-filter,
.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover
  .ant-table-filter-icon {
  background: #f2f2f2;
}

.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-sorters:active
  .ant-table-column-sorter-up:not(.on),
.ant-table-thead
  > tr
  > th.ant-table-column-has-actions.ant-table-column-has-sorters:active
  .ant-table-column-sorter-down:not(.on) {
  color: #00000073;
}

.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}

.ant-table-thead
  > tr
  > th
  .ant-table-header-column
  .ant-table-column-sorters
  > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}

.ant-table-thead
  > tr
  > th
  .ant-table-header-column
  .ant-table-column-sorters
  > *:not(.ant-table-column-sorter) {
  position: relative;
}

.ant-table-thead
  > tr
  > th
  .ant-table-header-column
  .ant-table-column-sorters:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: "";
}

.ant-table-thead
  > tr
  > th
  .ant-table-header-column
  .ant-table-column-sorters:hover:before {
  background: #0000000a;
}

.ant-table-thead > tr > th.ant-table-column-has-sorters {
  -webkit-user-select: none;
  user-select: none;
}

.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}

.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}

.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}

.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s, border 0s;
}

.ant-table-thead > tr,
.ant-table-tbody > tr {
  transition: all 0.3s, height 0s;
}

.ant-table-thead
  > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(
    .ant-table-row-selected
  )
  > td,
.ant-table-tbody
  > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(
    .ant-table-row-selected
  )
  > td,
.ant-table-thead
  > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td,
.ant-table-tbody
  > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td {
  background: #f0faff;
}

.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}

.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa;
}

.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}

.ant-table-thead > tr:hover {
  background: none;
}

.ant-table-footer {
  position: relative;
  padding: 16px 8px;
  color: #000000d9;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}

.ant-table-footer:before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: "";
}

.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8;
}

.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}

.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid #e8e8e8;
}

.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
}

.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered
  .ant-table-title
  + .ant-table-content
  .ant-table-thead
  > tr:first-child
  > th {
  border-radius: 0;
}

.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}

.ant-table-without-column-header.ant-table-bordered.ant-table-empty
  .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px;
}

.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}

.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}

.ant-table-tbody > tr > td.ant-table-column-sort {
  background: #00000003;
}

.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 8px;
  overflow-wrap: break-word;
}

.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}

.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}

.ant-table-header table {
  border-radius: 4px 4px 0 0;
}

.ant-table-loading {
  position: relative;
}

.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}

.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}

.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}

.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}

.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}

.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}

.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ant-table-bordered.ant-table-fixed-header
  .ant-table-header
  + .ant-table-body
  > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}

.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8;
}

.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 8px;
  color: #00000040;
  font-size: 12px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}

.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}

.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px #00000026;
}

.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}

.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}

.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 2px 8px #00000026;
}

.ant-table-filter-dropdown
  .ant-dropdown-menu
  .ant-dropdown-submenu-contain-selected
  .ant-dropdown-menu-submenu-title:after {
  color: #3c92dc;
  font-weight: 700;
  text-shadow: 0 0 2px #e8f7ff;
}

.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}

.ant-table-filter-dropdown
  > .ant-dropdown-menu
  > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown
  > .ant-dropdown-menu
  > .ant-dropdown-menu-submenu:last-child
  .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}

.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
}

.ant-table-filter-dropdown-link {
  color: #3c92dc;
}

.ant-table-filter-dropdown-link:hover {
  color: #64afe8;
}

.ant-table-filter-dropdown-link:active {
  color: #286eb5;
}

.ant-table-filter-dropdown-link.confirm {
  float: left;
}

.ant-table-filter-dropdown-link.clear {
  float: right;
}

.ant-table-selection {
  white-space: nowrap;
}

.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}

.ant-table-selection .anticon-down {
  color: #bfbfbf;
  transition: all 0.3s;
}

.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px #00000026;
}

.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}

.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}

.ant-table-selection-down:hover .anticon-down {
  color: #0009;
}

.ant-table-row-expand-icon {
  color: #3c92dc;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
  -webkit-user-select: none;
  user-select: none;
}

.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #64afe8;
}

.ant-table-row-expand-icon:active {
  color: #286eb5;
}

.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}

.ant-table-row-expanded:after {
  content: "-";
}

.ant-table-row-collapsed:after {
  content: "+";
}

.ant-table-row-spaced {
  visibility: hidden;
}

.ant-table-row-spaced:after {
  content: ".";
}

.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}

.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}

tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -8px -17px;
}

.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}

.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}

.ant-table-scroll table {
  min-width: 100%;
}

.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}

.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  visibility: hidden;
}

.ant-table-body-inner {
  height: 100%;
}

.ant-table-fixed-header
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body {
  position: relative;
  background: #fff;
}

.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}

.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}

.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 0;
}

.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
  min-width: unset;
}

.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  background-color: transparent;
}

.ant-table-bordered.ant-table-fixed-header
  .ant-table-scroll
  .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 0;
}

.ant-table-bordered.ant-table-fixed-header
  .ant-table-scroll
  .ant-table-header.ant-table-hide-scrollbar
  .ant-table-thead
  > tr:only-child
  > th:last-child {
  border-right-color: transparent;
}

.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: 0;
  transition: box-shadow 0.3s ease;
}

.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}

.ant-table-fixed-header
  .ant-table-fixed-left
  .ant-table-body-outer
  .ant-table-fixed,
.ant-table-fixed-header
  .ant-table-fixed-right
  .ant-table-body-outer
  .ant-table-fixed {
  border-radius: 0;
}

.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px #00000026;
}

.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}

.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}

.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0;
}

.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}

.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px #00000026;
}

.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}

.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}

.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}

.ant-table.ant-table-scroll-position-left .ant-table-fixed-left,
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}

.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}

.ant-table-thead
  > tr
  > th.ant-table-selection-column-custom
  .ant-table-selection {
  margin-right: -15px;
}

.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}

.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}

.ant-table-row[class*="ant-table-row-level-0"]
  .ant-table-selection-column
  > span {
  display: inline-block;
}

.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}

@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box;
  }
}

.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-content > .ant-table-footer {
  padding: 12px 4px;
}

.ant-table-middle
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td {
  padding: 12px 4px;
}

.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -29px;
}

.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-content > .ant-table-footer {
  padding: 8px 4px;
}

.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-small > .ant-table-content > .ant-table-footer {
  background-color: transparent;
  border-top: 1px solid #e8e8e8;
}

.ant-table-small > .ant-table-content > .ant-table-footer:before {
  background-color: transparent;
}

.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 4px;
}

.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table {
  border: 0;
}

.ant-table-small
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-small
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td {
  padding: 8px 4px;
}

.ant-table-small
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th {
  background-color: transparent;
}

.ant-table-small
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr,
.ant-table-small
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr {
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-small
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th.ant-table-column-sort,
.ant-table-small
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th.ant-table-column-sort,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th.ant-table-column-sort,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th.ant-table-column-sort,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th.ant-table-column-sort,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th.ant-table-column-sort,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th.ant-table-column-sort,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th.ant-table-column-sort {
  background-color: #00000003;
}

.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table,
.ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table {
  padding: 0;
}

.ant-table-small > .ant-table-content .ant-table-header {
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}

.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}

.ant-table-small.ant-table-bordered {
  border-right: 0;
}

.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8;
}

.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
}

.ant-table-small.ant-table-bordered .ant-table-footer:before {
  display: none;
}

.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.ant-table-small.ant-table-bordered
  .ant-table-thead
  > tr
  > th.ant-table-row-cell-last,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}

.ant-table-small.ant-table-bordered
  .ant-table-fixed-left
  .ant-table-thead
  > tr
  > th:last-child,
.ant-table-small.ant-table-bordered
  .ant-table-fixed-left
  .ant-table-tbody
  > tr
  > td:last-child {
  border-right: 1px solid #e8e8e8;
}

.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -4px -9px;
}

.ant-table-small.ant-table-fixed-header
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body {
  border-radius: 0 0 4px 4px;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0 2px 0 0;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #3c92dc;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active:before {
  border-top: 2px solid transparent;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: #3c92dc;
  color: #00000040;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 12px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: #00000073;
  font-size: 10px;
  vertical-align: middle;
  transition: all 0.3s;
}

.ant-tabs.ant-tabs-card
  .ant-tabs-card-bar
  .ant-tabs-tab
  .ant-tabs-close-x:hover {
  color: #000000d9;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  transition: none !important;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card
  .ant-tabs-card-content
  > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}

.ant-tabs-extra-content {
  line-height: 45px;
}

.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: #000000a6;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #3c92dc;
  border-color: #3c92dc;
}

.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 53px;
}

.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 34px;
}

.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}

.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-left-bar
  .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-right-bar
  .ant-tabs-nav-container {
  height: 100%;
}

.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-left-bar
  .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-right-bar
  .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}

.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-left-bar
  .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-right-bar
  .ant-tabs-tab-active {
  padding-bottom: 4px;
}

.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-left-bar
  .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-right-bar
  .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}

.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-left-bar
  .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card
  .ant-tabs-card-bar.ant-tabs-right-bar
  .ant-tabs-new-tab {
  width: 90%;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left
  .ant-tabs-card-bar.ant-tabs-left-bar
  .ant-tabs-nav-wrap {
  margin-right: 0;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left
  .ant-tabs-card-bar.ant-tabs-left-bar
  .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left
  .ant-tabs-card-bar.ant-tabs-left-bar
  .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right
  .ant-tabs-card-bar.ant-tabs-right-bar
  .ant-tabs-nav-wrap {
  margin-left: 0;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right
  .ant-tabs-card-bar.ant-tabs-right-bar
  .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right
  .ant-tabs-card-bar.ant-tabs-right-bar
  .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}

.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}

.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #3c92dc;
}

.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  overflow: hidden;
  zoom: 1;
}

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

.ant-tabs:after {
  clear: both;
}

.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #3c92dc;
  transform-origin: 0 0;
}

.ant-tabs-bar {
  margin: 0 0 16px;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}

.ant-tabs-nav-container:before,
.ant-tabs-nav-container:after {
  display: table;
  content: "";
}

.ant-tabs-nav-container:after {
  clear: both;
}

.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}

.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}

.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}

.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}

.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: #00000073;
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}

.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: #000000a6;
}

.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, -50%);
}

.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px;
  transform: scale(0.83333333) rotate(0);
}

:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 10px;
}

.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}

.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: #00000040;
}

.ant-tabs-tab-next {
  right: 2px;
}

.ant-tabs-tab-prev {
  left: 0;
}

:root .ant-tabs-tab-prev {
  filter: none;
}

.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}

.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}

.ant-tabs-nav {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-nav:before,
.ant-tabs-nav:after {
  display: table;
  content: " ";
}

.ant-tabs-nav:after {
  clear: both;
}

.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-nav .ant-tabs-tab:before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s;
  content: "";
  pointer-events: none;
}

.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}

.ant-tabs-nav .ant-tabs-tab:hover {
  color: #64afe8;
}

.ant-tabs-nav .ant-tabs-tab:active {
  color: #286eb5;
}

.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}

.ant-tabs-nav .ant-tabs-tab-active {
  color: #3c92dc;
  font-weight: 500;
}

.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: #00000040;
  cursor: not-allowed;
}

.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 14px;
}

.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}

.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 12px;
}

.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}

.ant-tabs-content:before {
  display: block;
  overflow: hidden;
  content: "";
}

.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}

.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  transition: opacity 0.45s;
}

.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}

.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px;
  padding: 8px 24px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}

.ant-tabs
  .ant-tabs-left-bar
  .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs
  .ant-tabs-right-bar
  .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}

.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}

.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}

.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}

.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}

.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}

.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}

.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}

.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}

.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}

.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

.retool-container.retool-form-container,
.oauth-login-container__oauth-login-button,
.oauth-login-container__oauth-login-button[disabled],
.button-widget button,
.file-picker button,
.form-button-container button,
.s3-uploader button,
.block-component {
  box-shadow: 0 0 16px #00000008;
}

.retool-modal-component .retool-widget .ant-checkbox-inner,
.retool-modal-component .input-control-component__input .ant-select-selection,
.retool-modal-component .input-control-component__input .ant-checkbox-inner,
.retool-modal-component .input-control-component__input .ant-radio-inner,
.retool-modal-component .input-control-component__input .ant-time-picker-input,
.retool-modal-component .input-control-component__input .ant-input,
.retool-modal-component .button-group-component button,
.retool-modal-component .column-editor,
.retool-modal-component .block-component {
  border: 1px solid #dddddd;
  box-shadow: none;
}

.retool-canvas.mobile {
  --retool-canvas-mobile-max-width: 600px;
  max-width: var(--retool-canvas-mobile-max-width);
}

.retool-canvas-min-width.mobile {
  min-width: 240px;
}

.retool-canvas.mobile.no-mobile-layout {
  max-width: 1000px !important;
}

.retool-canvas-min-width.mobile.no-mobile-layout {
  min-width: 800px !important;
}

.retool-canvas--app-shell {
  --retool-canvas-sidebar-frame-horizontal-margin: 16px;
}

.retool-canvas.editor-canvas.mobile {
  --retool-canvas-mobile-content-width: 450px;
  max-width: var(--retool-canvas-mobile-content-width);
}

.retool-canvas.editor-canvas.mobile.editor-canvas--has-sidebar:not(
    .editor-canvas--is-in-quick-preview
  ) {
  max-width: calc(
    var(--retool-canvas-mobile-content-width) +
      var(--retool-canvas-sidebar-max-width, 240px) +
      var(--retool-canvas-sidebar-frame-horizontal-margin, 16px) + 4px
  );
}

.retool-tabbed-container {
  display: flex;
  flex-direction: column;
}

.retool-tabbed-container.ant-tabs-top {
  height: 100%;
}

.retool-tabbed-container .ant-tabs-top-bar {
  min-height: 42px;
}

.retool-tabbed-container .ant-tabs-top-content {
  flex: 1 1 0;
  min-height: 0;
}

.retool-tabbed-container .ant-tabs-nav .ant-tabs-tab {
  font-family: var(--default-font, var(--sans-serif));
  font-weight: 600;
  font-size: 12px;
}

.retool-tabbed-container .ant-tabs-tabpane-active {
  height: 100%;
}

.retool-tabbed-container .tabpane-scrollable {
  overflow-y: var(--scrollable-overflow, auto);
  overflow-x: hidden;
}

.retool-canvas-min-width {
  min-width: 800px;
}

.retool-canvas {
  max-width: 1560px;
  height: 100%;
}

.retool-canvas--app-shell {
  max-width: none;
}

.retool-canvas h1,
.retool-canvas h2,
.retool-canvas h3,
.retool-canvas h4,
.retool-canvas h5,
.retool-canvas h6 {
  margin-bottom: 0;
}

.retool-canvas .ant-btn[disabled],
.retool-canvas .ant-btn.disabled {
  color: #00000040 !important;
  background-color: var(--gray-100) !important;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}

.block-component {
  border-radius: 4px;
  background: var(--primary-surface, white);
  border: 1px solid var(--border-color-primary, var(--gray-200));
}

.retool-container.root {
  box-shadow: none;
  background: none !important;
  border: none;
}

.retool-container:not(.retool-modal-component) {
  border-radius: var(--border-radius, 4px);
  height: 100%;
  background: var(--primary-surface, white);
}

.retool-container:not(.retool-modal-component) .ant-tabs-bar {
  margin-bottom: 0;
}

.retool-container:not(.retool-modal-component) .ant-tabs-tabpane {
  will-change: transform;
  position: relative;
}

.retool-container:not(.retool-modal-component)
  .ant-tabs:not(.ant-tabs-vertical)
  > .ant-tabs-content
  > .ant-tabs-tabpane-inactive
  .retool-grid {
  display: none;
}

.retool-module-container {
  box-shadow: none;
  border-radius: 4px;
  height: 100%;
}

.retool-module-container.default-background-color {
  background: var(--canvas);
}

.retool-module-container.transparent-background-color {
  background: none;
}

.retool-container-title-wrapper {
  height: 40px;
  background-color: var(--gray-150);
  font-family: var(--default-font, var(--sans-serif));
  font-style: normal;
  font-weight: 600;
  font-size: var(--default-font-size, 12px);
  line-height: 1.333em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--gray-600);
  display: flex;
  align-items: center;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 3px 3px 0 0;
}

.input-control-component__input .ant-select-selection,
.input-control-component__input .ant-select,
.input-control-component__input .ant-time-picker-input,
.input-control-component__input .ant-input {
  height: auto;
  font-size: var(--default-font-size, 12px);
}

.input-control-component__input .ant-select-selection__rendered {
  line-height: 28px;
}

.oauth-login-container__oauth-login-button,
.oauth-login-container__oauth-login-button[disabled] {
  border: 1px solid rgba(0, 0, 0, 0);
}

.retool-modal-component {
  padding-bottom: 0;
  border-radius: 4px;
}

.retool-modal-component .button-widget button,
.retool-modal-component .button-widget button.disabled,
.retool-modal-component .file-picker button,
.retool-modal-component .file-picker button.disabled,
.retool-modal-component .button-group-component button,
.retool-modal-component .button-group-component button.disabled,
.retool-modal-component .s3-uploader button,
.retool-modal-component .s3-uploader button.disabled,
.retool-modal-component .retool-form-button-container button,
.retool-modal-component .retool-form-button-container button.disabled,
.retool-modal-component .form-button-container button,
.retool-modal-component .form-button-container button.disabled,
.retool-modal-component .oauth-login-container__oauth-login-button {
  box-shadow: none;
}

.retool-container {
  outline: 1px solid var(--border-color-primary, var(--gray-200));
}

.retool-container.elevation-1.no-border {
  border: none !important;
  outline: none;
}

.no-drop-shadow {
  box-shadow: none !important;
}

.retool-container.elevation-1.has-title {
  overflow-y: hidden !important;
}

.retool-container-grid-wrapper,
.retool-module-container-grid-wrapper {
  height: 100%;
  border-radius: 4px;
}

.retool-module-container-enable-scroll {
  overflow-y: auto;
}

.retool-hidden-widget {
  outline: 2px solid pink;
}

.container-color-select-white {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 12px;
  top: 12px;
  border-radius: 50%;
  background: var(--background-surface);
  border: 1px solid var(--gray-400);
  box-sizing: border-box;
}

.retool-container-grid-wrapper.has-title {
  border-radius: 0 0 4px 4px;
  height: calc(100% - 40px);
}

.retool-container-grid-wrapper.overflow-scroll,
.retool-form.overflow-scroll {
  overflow-y: var(--scrollable-overflow, auto) !important;
  overflow-x: hidden;
  position: relative;
}

.retool-container-grid-wrapper.overflow-hidden,
.retool-form.overflow-hidden {
  overflow: hidden;
}

.retool-modal-component.overflow-scroll .ant-modal-body {
  overflow-y: var(--scrollable-overflow, auto) !important;
  overflow-x: hidden;
  position: relative;
}

.retool-modal-component.overflow-hidden .ant-modal-body {
  overflow: hidden;
}

.retool-container-title {
  overflow: hidden;
  white-space: nowrap;
  margin-right: 5px;
}

.expand-cell-button {
  color: var(--gray-600);
}

.s3-uploader {
  text-align: center;
  height: 100%;
  width: 100%;
}

.s3-uploader .ant-upload {
  height: 100%;
  width: 100%;
}

.s3-uploader .ant-btn {
  font-size: var(--default-font-size, 12px);
}

.retool-grid {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: var(--retool-padding);
}

.retool-grid.no-expand {
  min-height: 0;
}

.retool-grid-content {
  flex: 1 0 100%;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 0;
}

.retool-grid-placeholder {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.retool-grid .container-mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: #fff9;
}

.retool-grid .json-explorer-container {
  padding: 0 12px;
  border-radius: 4px;
  background: #fffefb;
}

.retool-grid .retool-widget {
  z-index: 0;
}

.retool-grid .retool-widget-readonly {
  padding: var(--retool-widget-margin, "4px 8px");
}

.retool-grid .retool-widget:not(.retool-widget-readonly) {
  will-change: transform;
}

.retool-grid .retool-widget:hover {
  z-index: 6;
}

.retool-grid .retool-widget:not(.isStackChild) {
  position: absolute;
}

.retool-grid .retool-widget.dragging {
  pointer-events: none;
  z-index: 7;
}

.retool-grid .retool-widget.selected {
  z-index: 5;
}

.retool-grid .retool-widget[data-debug-position]:after {
  background: var(--background-surface);
  content: attr(data-debug-position);
  font-family: var(--monospace);
  font-size: 10px;
  line-height: 1;
  opacity: 0.6;
  padding: 2px 4px;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
}

.fetching-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: #fff6;
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 0.7s;
  transition-timing-function: ease-in-out;
  opacity: 0;
}

.fetching-mask .spinner {
  font-size: 20px;
  color: var(--blue-600);
}

.fetching-mask.fetching {
  pointer-events: auto;
  opacity: 1;
}

.retool-form {
  height: 100%;
  position: relative;
}

.retool-container.retool-form-container {
  border-radius: 5px;
  height: 100%;
  border: 1px solid var(--gray-200);
}

.retool-container.retool-form-container.no-border {
  border: none !important;
}

.retool-container.retool-form-container.no-border
  > form
  > .retool-form-floating-action-bar {
  border: none;
}

.retool-form-button-container {
  padding: 6px 8px;
  min-width: 120px;
  float: right;
}

.retool-form-button-container button {
  width: 100%;
}

.retool-form-floating-action-bar {
  height: 40px;
  border-top: 1px solid var(--gray-200);
}

.retool-form-button-container.fullwidth {
  padding: 6px 8px;
  width: 100%;
}

.retool-wizard {
  height: 100%;
  position: relative;
}

.retool-wizard-grid {
  height: calc(100% - 100px);
  overflow-y: var(--scrollable-overflow, auto);
  overflow-x: hidden;
}

.retool-wizard-floating-action-bar {
  height: 52px;
  border-top: 1px solid var(--gray-150);
}

.retool-wizard .wizard-title {
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  color: var(--gray-600);
}

.retool-modal-component-wrapper {
  pointer-events: none;
  z-index: calc(
    var(--modal-click-outside-z-index) + var(--retool-modal-stacking-order, 0)
  );
}

.retool-modal-component-wrapper.retool-modal-component-wrapper--clickable,
.ant-modal-content,
.retool-modal-component {
  pointer-events: all;
}

.retool-modal-component .ant-modal-body {
  height: 500px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}

.loading-component {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.loading-component .ant-skeleton-paragraph {
  padding: 0;
}

.loading-code-editor {
  width: 100%;
  height: 100%;
}

.loading-code-editor .ant-skeleton-paragraph {
  width: 100%;
  padding: 0;
}

.loading-code-editor .ant-skeleton-paragraph li {
  width: 100% !important;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.ReactTable {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ReactTable * {
  box-sizing: border-box;
}

.ReactTable .rt-table {
  -webkit-box-flex: 1;
  -ms-flex: auto 1;
  flex: auto 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  border-collapse: collapse;
  overflow: auto;
}

.ReactTable .rt-thead {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ReactTable .rt-thead.-headerGroups {
  background: #00000008;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: 400;
  outline: none;
}

.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}

.ReactTable .rt-thead.-header {
  box-shadow: 0 2px 15px #00000026;
}

.ReactTable .rt-thead .rt-tr {
  text-align: center;
}

.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  padding: 5px;
  line-height: normal;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: inset 0 0 0 0 transparent;
}

.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px #0009;
}

.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: inset 0 -3px #0009;
}

.ReactTable .rt-thead .rt-th.-cursor-pointer,
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}

.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-thead .rt-th:focus {
  outline: none;
}

.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible;
}

.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden;
}

.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #f7f7f7;
}

.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: #fff0;
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}

.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: #6660;
  border-left-color: #f7f7f7;
  border-width: 10px;
  margin-top: -10px;
}

.ReactTable .rt-tbody {
  -webkit-box-flex: 99999;
  -ms-flex: 99999 1 auto;
  flex: 99999 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}

.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0;
}

.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}

.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
  text-overflow: clip;
}

.ReactTable .rt-tr-group {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.ReactTable .rt-tr {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ReactTable .rt-th,
.ReactTable .rt-td {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px 5px;
  overflow: hidden;
  transition: 0.3s ease;
  transition-property: width, min-width, padding, opacity;
}

.ReactTable .rt-th.-hidden,
.ReactTable .rt-td.-hidden {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}

.ReactTable .rt-expander {
  display: inline-block;
  position: relative;
  color: transparent;
  margin: 0 10px;
}

.ReactTable .rt-expander:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.8);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}

.ReactTable .rt-expander.-open:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
}

.ReactTable .rt-resizer {
  display: inline-block;
  position: absolute;
  width: 36px;
  top: 0;
  bottom: 0;
  right: -18px;
  cursor: col-resize;
  z-index: 10;
}

.ReactTable .rt-tfoot {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 0 15px #00000026;
}

.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0;
}

.ReactTable.-striped .rt-tr.-odd {
  background: #00000008;
}

.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: #0000000d;
}

.ReactTable .-pagination {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3px;
  box-shadow: 0 0 15px #0000001a;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.ReactTable .-pagination input,
.ReactTable .-pagination select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: 400;
  outline: none;
}

.ReactTable .-pagination .-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  font-size: 1em;
  color: #0009;
  background: #0000001a;
  transition: all 0.1s ease;
  cursor: pointer;
  outline: none;
}

.ReactTable .-pagination .-btn[disabled] {
  opacity: 0.5;
  cursor: default;
}

.ReactTable .-pagination .-btn:not([disabled]):hover {
  background: #0000004d;
  color: #fff;
}

.ReactTable .-pagination .-previous,
.ReactTable .-pagination .-next {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.ReactTable .-pagination .-center {
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5;
  text-align: center;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  margin: 3px 10px;
  white-space: nowrap;
}

.ReactTable .-pagination .-pageJump {
  display: inline-block;
}

.ReactTable .-pagination .-pageJump input {
  width: 70px;
  text-align: center;
}

.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px;
}

.ReactTable .rt-noData {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fffc;
  transition: all 0.3s ease;
  z-index: 1;
  pointer-events: none;
  padding: 20px;
  color: #00000080;
}

.ReactTable .-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fffc;
  transition: all 0.3s ease;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.ReactTable .-loading > div {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  font-size: 15px;
  color: #0009;
  -webkit-transform: translateY(-52%);
  transform: translateY(-52%);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ReactTable .-loading.-active {
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}

.ReactTable .-loading.-active > div {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.ReactTable .rt-resizing .rt-th,
.ReactTable .rt-resizing .rt-td {
  transition: none !important;
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sans-serif {
  font-family: var(--default-font, var(--sans-serif));
}

.code {
  font-family: var(--monospace);
}

.fs-17 {
  font-size: var(--font-size-17);
}

.fs-16 {
  font-size: var(--font-size-16);
}

.fs-14 {
  font-size: var(--font-size-14);
}

.fs-13 {
  font-size: 13px;
}

.fs-12 {
  font-size: var(--font-size-12);
}

.fs-11 {
  font-size: var(--font-size-11);
}

.fs-10 {
  font-size: var(--font-size-10);
}

.lh-solid {
  line-height: 1em;
}

.lh-32 {
  line-height: var(--line-height-32);
}

.lh-28 {
  line-height: var(--line-height-28);
}

.lh-24 {
  line-height: var(--line-height-24);
}

.lh-20 {
  line-height: var(--line-height-20);
}

.lh-18 {
  line-height: 18px;
}

.lh-16 {
  line-height: var(--line-height-16);
}

.lh-14 {
  line-height: var(--line-height-14);
}

.lh-12 {
  line-height: var(--line-height-12);
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600 !important;
}

.fs-12 > code,
.code.fs-12,
.fs-12 > .code {
  font-size: 0.688rem;
}

.fs-14 > code,
.code.fs-14,
.fs-14 > .code {
  font-size: 0.813rem;
}

.heading-1 {
  font-size: var(--font-size-24);
  line-height: var(--line-height-28);
  font-weight: 600;
}

.heading-2 {
  font-size: var(--font-size-16);
  line-height: var(--line-height-20);
  font-weight: 600;
}

.section-heading {
  font-size: 12px;
  line-height: var(--line-height-16);
  font-weight: 600;
  margin-bottom: 0;
}

.tt-lowercase {
  text-transform: lowercase;
}

.tt-capitalize {
  text-transform: capitalize;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.pa0 {
  padding: 0;
}

.pa2 {
  padding: 2px;
}

.pa4 {
  padding: 4px;
}

.pa8 {
  padding: 8px;
}

.pa12 {
  padding: 12px;
}

.pa16 {
  padding: 16px;
}

.pa28 {
  padding: 28px;
}

.pa32 {
  padding: 32px;
}

.pa36 {
  padding: 36px;
}

.pt0 {
  padding-top: 0;
}

.pt4 {
  padding-top: 4px;
}

.pt6 {
  padding-top: 6px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt32 {
  padding-top: 32px;
}

.pl2 {
  padding-left: 2px;
}

.pl4 {
  padding-left: 4px;
}

.pl6 {
  padding-left: 6px;
}

.pl8 {
  padding-left: 8px;
}

.pl10 {
  padding-left: 10px;
}

.pl12 {
  padding-left: 12px;
}

.pl16 {
  padding-left: 16px;
}

.pl20 {
  padding-left: 20px;
}

.pl32 {
  padding-left: 32px;
}

.pl36 {
  padding-left: 36px;
}

.pr4 {
  padding-right: 4px;
}

.pr6 {
  padding-right: 6px;
}

.pr8 {
  padding-right: 8px;
}

.pr12 {
  padding-right: 12px;
}

.pr16 {
  padding-right: 16px;
}

.pr20 {
  padding-right: 20px;
}

.pb4 {
  padding-bottom: 4px;
}

.pb6 {
  padding-bottom: 6px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb24 {
  padding-bottom: 24px;
}

.ph2 {
  padding-left: 2px;
  padding-right: 2px;
}

.ph4 {
  padding-left: 4px;
  padding-right: 4px;
}

.ph8 {
  padding-left: 8px;
  padding-right: 8px;
}

.ph12 {
  padding-left: 12px;
  padding-right: 12px;
}

.ph16 {
  padding-left: 16px;
  padding-right: 16px;
}

.ph20 {
  padding-left: 20px;
  padding-right: 20px;
}

.ph32 {
  padding-left: 32px;
  padding-right: 32px;
}

.ph36 {
  padding-left: 36px;
  padding-right: 36px;
}

.pv2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pv4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

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

.pv12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pv16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pv24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.pv32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.pv36 {
  padding-left: 36px;
  padding-right: 36px;
}

.mv0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mv2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.ma0 {
  margin: 0;
}

.ma4 {
  margin: 4px;
}

.mt2 {
  margin-top: 2px;
}

.mt4 {
  margin-top: 4px;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt14 {
  margin-top: 14px;
}

.mt16 {
  margin-top: 16px;
}

.mt20 {
  margin-top: 20px;
}

.mt24 {
  margin-top: 24px;
}

.mt30 {
  margin-top: 30px;
}

.mt32 {
  margin-top: 32px;
}

.mt36 {
  margin-top: 36px;
}

.mt40 {
  margin-top: 40px;
}

.mb2 {
  margin-bottom: 2px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb32 {
  margin-bottom: 12px;
}

.mb36 {
  margin-bottom: 16px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb48 {
  margin-bottom: 48px;
}

.mr2 {
  margin-right: 2px;
}

.mr4 {
  margin-right: 4px;
}

.mr8 {
  margin-right: 8px;
}

.mr12 {
  margin-right: 12px;
}

.mr16 {
  margin-right: 16px;
}

.mr20 {
  margin-right: 20px;
}

.mr24 {
  margin-right: 24px;
}

.mr32 {
  margin-right: 32px;
}

.mr36 {
  margin-right: 36px;
}

.ml4 {
  margin-left: 4px;
}

.ml8 {
  margin-left: 8px;
}

.ml8important {
  margin-left: 8px !important;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml13 {
  margin-left: 13px;
}

.ml16 {
  margin-left: 16px;
}

.ml20 {
  margin-left: 20px;
}

.ml21 {
  margin-left: 21px;
}

.ml24 {
  margin-left: 24px;
}

.ml32 {
  margin-left: 32px;
}

.ml36 {
  margin-left: 36px;
}

.ml40 {
  margin-left: 40px;
}

.white {
  color: #fff;
}

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

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

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

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

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

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

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

.blue {
  color: var(--blue-600);
}

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

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

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

.red {
  color: var(--red-500);
}

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

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

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

.lightest-yellow {
  color: var(--yellow-300);
}

.bg-near-white {
  background: var(--gray-100);
}

.bg-near-black {
  background: var(--gray-900);
}

.bg-faint-gray {
  background: var(--gray-150);
}

.bg-fainter-gray {
  background: var(--gray-50);
}

.bg-washed-gray {
  background: var(--gray-200);
}

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

.bg-blue {
  background: var(--blue-600);
}

.bg-faint-blue {
  background: var(--blue-100);
}

.bg-washed-blue {
  background: var(--blue-200);
}

.bg-transparent {
  background: transparent;
}

.bg-red {
  background: var(--red-500);
}

.bg-faint-red {
  background: var(--red-100);
}

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

.ba-washed-gray {
  border: 1px solid var(--gray-200);
  box-sizing: border-box;
}

.ba-washed-gray {
  border: 1px solid var(--gray-150);
  box-sizing: border-box;
}

.bt-washed-gray {
  box-shadow: inset 0 1px var(--gray-200);
}

.bb-washed-gray {
  box-shadow: inset 0 -1px var(--gray-200);
}

.bb-faint-gray {
  box-shadow: inset 0 -1px var(--gray-150);
}

.br-washed-gray {
  border-right: 1px solid var(--gray-200);
}

.br-faint-gray {
  border-right: 1px solid var(--gray-150);
}

.hover-bg-light-blue:hover,
.hover-bg-light-blue:focus {
  background: var(--blue-400);
}

.hover-bg-near-white:hover,
.hover-bg-near-white:focus {
  background: var(--gray-100);
}

.hover-blue:hover,
.hover-blue:focus {
  color: var(--blue-600);
}

.hover-light-blue:hover,
.hover-light-blue:focus {
  color: var(--blue-400);
}

.hover-bg-light-red:hover,
.hover-bg-light-red:focus {
  background: var(--red-400);
}

.hover-bg-light-green:hover,
.hover-bg-light-green:focus {
  background: var(--green-400);
}

.hover-lightest-gray:hover,
.hover-lightest-gray:focus {
  color: var(--gray-400);
}

.opacity-80 {
  opacity: 0.8;
}

.pointer {
  cursor: pointer;
}

.flex {
  display: flex;
}

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

.fd-col {
  flex-direction: column;
}

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

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

.flex-no-shrink {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

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

.dib {
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

.v-mid {
  vertical-align: middle;
}

.v-bottom {
  vertical-align: bottom;
}

.v-center {
  vertical-align: center;
}

.keyboard-key,
.onboarding-modal__key {
  display: inline-flex;
  align-items: center;
  outline: 0;
  border-radius: 4px;
  border: 1px solid var(--gray-200);
  padding: 0 2px;
  line-height: 16px;
  height: 18px;
  box-shadow: 1px 1px 0 1px var(--gray-200);
}

.onboarding-modal__key {
  background: var(--background-surface);
}

.nowrap {
  white-space: nowrap;
}

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

.size40 {
  height: 40px;
  width: 40px;
}

.h-100 {
  height: 100%;
}

.h-50 {
  height: 50%;
}

.h-12p {
  height: 12px;
}

.h-24p {
  height: 24px;
}

.w-100 {
  width: 100%;
}

.w-min-0 {
  min-width: 0px;
}

.br2 {
  border-radius: 2px;
}

.br4 {
  border-radius: 4px;
}

.glowing-button,
.editorOnboardingSteps .ant-steps-item-active .ant-steps-icon-dot {
  -webkit-animation: glowing 2.3s ease-in-out infinite;
  -moz-animation: glowing 2.3s ease-in-out infinite;
  -o-animation: glowing 2.3s ease-in-out infinite;
  animation: glowing 2.3s ease-in-out infinite;
}

@-webkit-keyframes glowing {
  0% {
    background-color: var(--blue-600);
    -webkit-box-shadow: 0 0 0 2px var(--blue-200);
  }

  50% {
    background-color: var(--blue-700);
    -webkit-box-shadow: 0 0 0 4px var(--blue-200);
  }

  to {
    background-color: var(--blue-600);
    -webkit-box-shadow: 0 0 0 2px var(--blue-200);
  }
}

@keyframes glowing {
  0% {
    background-color: var(--blue-600);
    box-shadow: 0 0 0 2px var(--blue-200);
  }

  50% {
    background-color: var(--blue-700);
    box-shadow: 0 0 0 4px var(--blue-200);
  }

  to {
    background-color: var(--blue-600);
    box-shadow: 0 0 0 2px var(--blue-200);
  }
}

.tag {
  padding: 2px 6px;
  background: #4aa1ed33;
  color: var(--blue-600);
  font-weight: 600;
  font-size: 10px;
  border-radius: 12px;
  line-height: 12px;
  vertical-align: bottom;
}

.beta-tag-yellow {
  padding: 2px 4px;
  background-color: var(--yellow-100);
  color: var(--yellow-700);
  margin-left: 4px;
  border-radius: 4px;
  font-size: 10px;
  line-height: 12px;
}

.rotate-180 {
  transform: rotate(180deg);
}

.transform-down-50 {
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.bb {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

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

.elevation-1 {
  box-shadow: 0 0 16px #00000008;
}

#root,
body {
  font-family: var(--default-font, var(--sans-serif));
  font-size: var(--default-font-size, var(--font-size-12));
  line-height: 1.667em;
  font-weight: 400;
  color: var(--gray-800);
}

.input-label {
  font-weight: 500;
  padding-right: 8px;
  line-height: var(--line-height-14);
  display: grid;
  height: 32px;
  align-items: center;
  align-self: flex-start;
  justify-items: end;
  text-align: right;
  color: var(--gray-700);
}

.input-label.disabled {
  color: var(--gray-500);
}

.grid-1c .retool-checkbox,
.grid-2c .retool-checkbox {
  height: inherit;
}

.grid-2c,
.grid-1c {
  display: grid;
  align-items: flex-start;
  grid-gap: 12px 24px;
}

.grid-2c {
  grid: auto/repeat(auto-fit, 120px minmax(280px, 1fr));
}

.grid-2c .retool-checkbox {
  padding-top: 6px;
  width: fit-content;
}

.grid-1c {
  grid: auto/120px minmax(280px, 1fr);
}

.grid-offset-1 {
  grid-column-start: 2;
}

.grid-offset-1.description {
  margin-top: -8px;
}

.input-label,
.input-label-container {
  margin-right: -24px;
}

.input-label-container .input-label {
  margin-right: 0;
}

.input-label.required:before {
  content: "* ";
  display: contents;
  color: var(--red-400);
}

.full-grid {
  grid-column: 1/3;
}

@media only screen and (max-width: 1258px) {
  .grid-1c,
  .grid-2c {
    grid: auto/auto;
    grid-gap: 12px 0px;
  }

  .grid-1c .retool-checkbox,
  .grid-2c .retool-checkbox {
    grid-column-end: 1;
    padding-top: 0;
    margin-top: -8px;
  }

  .grid-1c .form-placeholder,
  .grid-2c .form-placeholder {
    display: none;
  }

  .full-grid {
    grid-column: 1/-1;
  }

  .grid-offset-1 {
    grid-column-start: 1;
  }

  .grid-2c .retool-checkbox {
    grid-column-end: -1;
  }

  .input-label,
  .input-label-container {
    height: 16px;
    justify-self: start;
    margin-bottom: -8px;
  }

  .input-label {
    display: block;
  }
}

.ant-dropdown-menu {
  border: 1px solid var(--gray-150);
}

.ant-dropdown-menu .ant-dropdown-menu-item {
  font-weight: 500;
}

.ant-dropdown-menu .ant-dropdown-menu-item-danger {
  color: var(--red-500);
}

.ant-dropdown-menu .ant-dropdown-menu-item-active,
.ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background: var(--gray-100);
}

.ant-alert-with-description {
  padding: 12px 12px 12px 44px;
  background: var(--red-100);
  font-weight: 400;
}

.ant-alert-with-description .ant-alert-description {
  color: var(--gray-800);
}

.ant-alert-with-description .ant-alert-icon {
  left: 20px;
}

.ant-alert-with-description .ant-icon {
  top: 12px;
  left: 20px;
}

.instruction-container {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.text-with-code code {
  font-size: 0.9em;
}

@media only screen and (max-width: 1560px) {
  .query-main-editor-body.has-schema-sidebar .grid-1c,
  .query-main-editor-body.has-schema-sidebar .grid-2c {
    grid: auto/auto;
    grid-gap: 12px 0px;
  }

  .query-main-editor-body.has-schema-sidebar .grid-1c .retool-checkbox,
  .query-main-editor-body.has-schema-sidebar .grid-2c .retool-checkbox {
    grid-column-end: 1;
  }

  .query-main-editor-body.has-schema-sidebar .input-label,
  .query-main-editor-body.has-schema-sidebar .input-label-container {
    height: 16px;
    justify-self: start;
    margin-bottom: -8px;
  }

  .query-main-editor-body.has-schema-sidebar .input-label {
    display: block;
  }
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-Thin-CSJ_owlW.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-Thin-CVMZtQER.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-ThinItalic-B6FKq6qK.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-ThinItalic-B2bFwwDp.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-ExtraLight-egkqWonf.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-ExtraLight-CbFdmbHh.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-ExtraLightItalic-Bf25KIHs.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-ExtraLightItalic-B3gY-m5W.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-Light-CdXm_ABL.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-Light-CG9upfZ4.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-LightItalic-COmGGTuG.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-LightItalic-C2ZuFZOC.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-Regular-CKDp9E3C.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-Regular-DJOZHnwz.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-Italic-_3PMmu0i.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-Italic-Ci_5KQU1.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-Medium-P1cOs5ep.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-Medium-oHczPpWt.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-MediumItalic-DWiIAHvp.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-MediumItalic-8laNK8GF.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-SemiBold-Ctx7G98q.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-SemiBold-BHlX_6qk.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-SemiBoldItalic-BNz1Al2H.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-SemiBoldItalic-CxeAX7g8.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-Bold-CuhepTt8.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-Bold-2PT7Q-hu.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-BoldItalic-R15IsAnq.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-BoldItalic-C906RMVC.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-ExtraBold-B0QOs-T2.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-ExtraBold-B8imQN9B.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-ExtraBoldItalic-OErwaGem.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-ExtraBoldItalic-Bt8eprh6.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-Black-DgUKMdlB.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-Black-DtxVgCT8.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://retool-edge.com/assets_vjs/Inter-BlackItalic-ZFcDzO3e.woff2?v=3.19)
      format("woff2"),
    url(https://retool-edge.com/assets_vjs/Inter-BlackItalic-CkZ-ktDH.woff?v=3.19)
      format("woff");
}

@font-face {
  font-family: Inter var;
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url(https://retool-edge.com/assets_vjs/Inter-roman.var-C-r5W2Hj.woff2?v=3.19)
    format("woff2");
}

@font-face {
  font-family: Inter var;
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url(https://retool-edge.com/assets_vjs/Inter-italic.var-DhD-tpjY.woff2?v=3.19)
    format("woff2");
}

@font-face {
  font-family: Inter var experimental;
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique 0deg 10deg;
  src: url(https://retool-edge.com/assets_vjs/Inter.var-CTiC9fjq.woff2?v=3.19)
    format("woff2");
}

@font-face {
  font-family: Px Grotesk;
  src: url(https://retool.com/fonts/Px-Grotesk-Regular.woff2) format("woff2"),
    url(https://retool.com/fonts/Px-Grotesk-Regular.woff) format("woff");
  font-style: normal;
}

@font-face {
  font-family: Saans;
  src: url(https://retool.com/fonts/SaansVF.woff2) format("woff2"),
    url(https://retool.com/fonts/SaansVF.woff) format("woff");
  font-style: normal;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

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

/*!
         * Web Fonts from Fontspring.com
         *
         * All OpenType features and all extended glyphs have been removed.
         * Fully installable fonts can be purchased at http://www.fontspring.com
         *
         * The fonts included in this stylesheet are subject to the End User License you purchased
         * from Fontspring. The fonts are protected under domestic and international trademark and
         * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
         * distributing this font software.
         *
         * (c) 2010-2018 Fontspring
         *
         *
         *
         *
         * The fonts included are copyrighted by the vendor listed below.
         *
         * Vendor:      Mostardesign
         * License URL: https://www.fontspring.com/licenses/mostardesign/webfont
         *
         *
         */
html {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  color: var(--gray-800);
  -webkit-user-select: text !important;
  user-select: text !important;
}

::selection {
  background: #b3d4fc;
  color: unset;
  text-shadow: none;
}

@font-face {
  font-family: JetBrains Mono NL;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "ss01";
  src: url(https://retool-edge.com/assets_vjs/JetBrainsMonoNL-Regular-C-8r4xx5.woff2)
    format("woff2");
}

@font-face {
  font-family: JetBrains Mono NL;
  font-style: italic;
  font-weight: 400;
  font-feature-settings: "ss01";
  src: url(https://retool-edge.com/assets_vjs/JetBrainsMonoNL-Italic-qmuP8tdX.woff2)
    format("woff2");
}

@font-face {
  font-family: JetBrains Mono NL;
  font-style: normal;
  font-weight: 500;
  font-feature-settings: "ss01";
  src: url(https://retool-edge.com/assets_vjs/JetBrainsMonoNL-Medium-B4BcaZBR.woff2)
    format("woff2");
}

@font-face {
  font-family: JetBrains Mono NL;
  font-style: italic;
  font-weight: 500;
  font-feature-settings: "ss01";
  src: url(https://retool-edge.com/assets_vjs/JetBrainsMonoNL-MediumItalic-DIAoJ9Fc.woff2)
    format("woff2");
}

@font-face {
  font-family: JetBrains Mono NL;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "ss01";
  src: url(https://retool-edge.com/assets_vjs/JetBrainsMonoNL-SemiBold-KspO_NUh.woff2)
    format("woff2");
}

@font-face {
  font-family: JetBrains Mono NL;
  font-style: italic;
  font-weight: 600;
  font-feature-settings: "ss01";
  src: url(https://retool-edge.com/assets_vjs/JetBrainsMonoNL-SemiBoldItalic-C2Fv-z-z.woff2)
    format("woff2");
}

@font-face {
  font-family: JetBrains Mono NL;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "ss01";
  src: url(https://retool-edge.com/assets_vjs/JetBrainsMonoNL-Bold-B103Nxp2.woff2)
    format("woff2");
}

@font-face {
  font-family: JetBrains Mono NL;
  font-style: italic;
  font-weight: 700;
  font-feature-settings: "ss01";
  src: url(https://retool-edge.com/assets_vjs/JetBrainsMonoNL-BoldItalic-CLouCe4O.woff2)
    format("woff2");
}

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

.container {
  width: 100%;
  padding: 0;
}

.CodeMirror pre {
  box-shadow: none;
}

.CodeMirror-gutters {
  border-right: none;
  background-color: transparent;
  margin-right: 30px;
}

.CodeMirror-linenumber {
  font-family: var(--monospace) !important;
  font-feature-settings: "ss01";
  width: 20px;
  padding-right: 12px;
  color: #bbb;
}

.red-border {
  border-color: #f9354c;
}

.red-border:focus {
  border-color: #f9354c;
  box-shadow: 0 0 0 2px #ee5f5b33;
}

.red-border:hover {
  border-color: #f9354c;
  box-shadow: 0 0 0 2px #ee5f5b33;
}

code,
pre {
  font-family: var(--monospace) !important;
}

.CodeMirror-hints {
  z-index: 1500;
}

:focus {
  outline: none;
}

button.minimal {
  color: var(--gray-700);
  border: none;
  background-color: var(--background-surface);
  padding: 0 10px;
  margin: 0 7px;
  box-shadow: 0 0 0 1px #34345f1a, 0 2px 4px #34345f13, 0 1px 1.5px #0000000f,
    0 1px 2px #0000000f, 0 0 0 0 transparent;
}

button.ant-btn-large.minimal > div {
  line-height: 1;
}

button.minimal.ant-btn-primary {
  background-color: transparent;
  color: var(--blue-600);
}

button.minimal.ant-btn-primary:hover {
  background-color: var(--blue-150);
  background: var(--blue-150);
  color: var(--blue-700);
}

button.minimal.ant-btn-danger {
  color: var(--red-600);
}

button.minimal.ant-btn-danger:hover {
  background-color: var(--red-150);
  background: var(--red-150);
  color: var(--red-700);
}

.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 1em !important;
}

button.minimal:hover {
  color: var(--gray-700);
  background-color: var(--gray-300);
}

button.minimal-hover:hover,
button.minimal-hover:focus {
  color: var(--gray-700);
  border-color: #d9d9d9;
  background-color: var(--gray-300);
}

.ant-btn {
  font-weight: 500;
}

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

.non-ideal-state {
  height: 100%;
  width: 100%;
  max-width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 12px;
  color: var(--gray-500);
}

.non-ideal-state .non-ideal-state-icon {
  margin-bottom: 20px;
}

.non-ideal-state .non-ideal-state-icon i {
  font-size: 72px;
}

.elevation-0 {
  box-shadow: 0 0 0 1px #10161a26, 0 0 #10161a00, 0 0 #10161a00;
}

.elevation-2 {
  box-shadow: 0 0 0 1px #10161a1a, 0 1px 1px #10161a33, 0 2px 6px #10161a33;
}

.elevation-3 {
  box-shadow: 0 0 0 1px #10161a1a, 0 2px 4px #10161a33, 0 8px 24px #10161a33;
}

.elevation-4 {
  box-shadow: 0 0 0 1px #10161a1a, 0 4px 8px #10161a33,
    0 18px 46px 6px #10161a33;
}

.interactive {
  cursor: pointer;
  transition: 0.5s;
}

.interactive:hover {
  box-shadow: 0 0 0 1px #10161a1a, 0 1px 1px #10161a33, 0 2px 6px #10161a33;
}

.navbar {
  height: 50px;
  padding-left: 5px;
  padding-right: 5px;
}

.navbar-group {
  white-space: nowrap;
  float: left;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 50px;
}

.align-left {
  float: left;
}

.align-right {
  float: right;
}

.label-title {
  color: var(--gray-800);
  font-size: var(--default-font-size, 12px);
  font-weight: 500;
  margin-bottom: 4px;
  margin-top: 12px;
  line-height: 1.333em;
  display: inline-block;
}

.label-title.no-top-margin {
  margin-top: 0;
}

.label-description {
  color: var(--gray-600);
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-muted {
  color: var(--gray-600);
}

h1 {
  margin: 0 0 10px;
  padding: 0;
  line-height: 1.2em;
  font-size: var(--default-h1-size, 30px);
  font-family: var(--default-h1-font-family);
  font-weight: var(--default-h1-font-weight, bold);
}

h2 {
  margin: 0 0 10px;
  padding: 0;
  line-height: 1.2em;
  font-size: var(--default-h2-size, 24px);
  font-family: var(--default-h2-font-family);
  font-weight: var(--default-h2-font-weight, bold);
}

h3 {
  margin: 0 0 10px;
  padding: 0;
  line-height: 1em;
  font-size: var(--default-h3-size, 22px);
  font-family: var(--default-h3-font-family);
  font-weight: var(--default-h3-font-weight, bold);
}

h4 {
  margin: 0 0 10px;
  padding: 0;
  line-height: 1em;
  font-size: var(--default-h4-size, 18px);
  font-family: var(--default-h4-font-family);
  font-weight: var(--default-h4-font-weight, bold);
}

h5 {
  line-height: 1em;
  font-size: var(--default-h5-size, var(--font-size-14));
  font-family: var(--default-h5-font-family);
  font-weight: var(--default-h5-font-weight, bold);
  margin-bottom: 12px;
}

h6 {
  margin: 0 0 10px;
  padding: 0;
  line-height: 1em;
  font-size: var(--default-h6-size, 15px);
  font-family: var(--default-h6-font-family);
  font-weight: var(--default-h6-font-weight, bold);
}

table.simple-table {
  border-collapse: collapse;
}

table.simple-table thead th {
  text-align: left;
  padding-left: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--gray-400);
}

table.simple-table tbody tr td {
  padding: 10px;
  cursor: pointer;
  border: none;
}

table.simple-table tbody tr:hover td {
  background-color: #f5e5dccc;
}

table.simple-table tbody tr.no-hover:hover td {
  background-color: transparent;
  cursor: auto;
}

.empty-table-row {
  cursor: pointer;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.empty-table-row:hover {
  background-color: #f5e5dccc;
}

hr {
  margin: 8px 0;
  border: 1px solid var(--border-neutral, var(--gray-150));
  border-top: 0;
}

.shortcut-explainer {
  font-size: 10px;
  color: var(--gray-500);
}

.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0 !important;
}

.ant-select {
  width: 100%;
}

.medium-option {
  line-height: 24px !important;
}

.large-option {
  line-height: 28px !important;
}

.ant-select-lg {
  font-size: 12px !important;
}

.spr,
.spm {
  font-family: var(--default-font, var(--sans-serif));
}

.spsb {
  font-family: var(--default-font, var(--sans-serif));
  font-weight: 600;
}

.ant-breadcrumb {
  font-family: var(--default-font, var(--sans-serif));
}

.ant-form-item .ant-form-item-label {
  font-family: var(--default-font, var(--sans-serif));
  padding: 0 0 8px;
  margin: 0;
  display: block;
  text-align: left;
  line-height: 1.5;
}

.ant-form-item .ant-form-item-label label {
  font-size: 14px;
}

.ant-form-item .ant-form-item-label label {
  color: #7a7a7a;
}

.ant-alert-description {
  line-height: var(--line-height-16);
  color: var(--gray-600);
}

.action-column {
  width: 110px;
  margin-left: 50px;
  padding-top: 75px;
}

.action-column .retool-button,
.action-column .retool-button button {
  width: 110px;
}

.common-detail-view .ant-form-item {
  margin-top: 32px;
  margin-bottom: 0;
}

:root {
  --gray-0: #fff;
  --gray-50: #f9f9f9;
  --gray-100: #f6f6f6;
  --gray-150: #ebebeb;
  --gray-200: #dfdfdf;
  --gray-300: #c7c7c7;
  --gray-400: #b3b3b3;
  --gray-500: #999;
  --gray-600: #808080;
  --gray-700: #555;
  --gray-800: #222;
  --gray-900: #0d0d0d;
  --blue-0: #fff;
  --blue-50: #f5f9ff;
  --blue-100: #e5f1ff;
  --blue-150: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #3170f9;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;
  --purple-0: #fff;
  --purple-50: #f5f7ff;
  --purple-100: #ebefff;
  --purple-150: #e0e7ff;
  --purple-200: #c7d2fe;
  --purple-300: #a5b4fc;
  --purple-400: #818cf8;
  --purple-500: #6366f1;
  --purple-600: #4f46e5;
  --purple-700: #4338ca;
  --purple-800: #3730a3;
  --purple-900: #312e81;
  --green-0: #fff;
  --green-50: #f4fcf8;
  --green-100: #ecfdf5;
  --green-150: #d1fae5;
  --green-200: #a7f3d0;
  --green-300: #6ee7b7;
  --green-400: #34d399;
  --green-500: #10b981;
  --green-600: #059669;
  --green-700: #047857;
  --green-800: #065f46;
  --green-900: #064e3b;
  --yellow-0: #fff;
  --yellow-50: #fffdf5;
  --yellow-100: #fff9e0;
  --yellow-150: #fef3c7;
  --yellow-200: #fde68a;
  --yellow-300: #fcd34d;
  --yellow-400: #fbbf24;
  --yellow-500: #f59e0b;
  --yellow-600: #cd6f00;
  --yellow-700: #b45309;
  --yellow-800: #92400e;
  --yellow-900: #78350f;
  --red-0: #fff;
  --red-50: #fef6f6;
  --red-100: #ffeaea;
  --red-150: #fedcdc;
  --red-200: #fecaca;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --red-800: #991b1b;
  --red-900: #7f1d1d;
  --plum-0: #fff;
  --plum-50: #fff8ff;
  --plum-100: #fdecff;
  --plum-150: #f4dcf8;
  --plum-200: #eecff3;
  --plum-300: #e1b6e8;
  --plum-400: #cf94d8;
  --plum-500: #bd75c7;
  --plum-600: #ae57bb;
  --plum-700: #9846a4;
  --plum-800: #893f94;
  --plum-900: #6e3276;
  --background-surface: var(--gray-0);
  --background-container: var(--gray-50);
  --background-container-emphasis: var(--gray-100);
  --background-success: var(--green-100);
  --background-warning: var(--yellow-100);
  --background-critical: var(--red-100);
  --background-selected: var(--blue-500);
  --background-backdrop: color-mix(in srgb, var(--gray-900) 40%, transparent);
  --border-neutral: var(--gray-150);
  --border-emphasis: var(--gray-300);
  --border-focus: rgba(96, 165, 250, 0.4);
  --border-critical: var(--red-600);
  --border-success: color-mix(in srgb, var(--green-600) 20%, transparent);
  --text-primary: var(--gray-800);
  --text-secondary: var(--gray-600);
  --text-disabled: var(--gray-400);
  --text-brand: var(--blue-600);
  --text-info: var(--purple-600);
  --text-success: var(--green-600);
  --text-warning: var(--yellow-600);
  --text-critical: var(--red-600);
  --icon-primary: var(--gray-800);
  --icon-secondary: var(--gray-600);
  --icon-disabled: var(--gray-300);
  --icon-brand: var(--blue-600);
  --icon-info: var(--purple-600);
  --icon-success: var(--green-600);
  --icon-warning: var(--yellow-600);
  --icon-critical: var(--red-600);
  --shadow-small: 0 0 1px 0 rgba(0, 0, 0, 0.08),
    0 4px 8px 0 rgba(55, 55, 55, 0.06);
  --shadow-medium: 0 2px 6px 0 rgba(0, 0, 0, 0.12),
    0 6px 12px 0 rgba(55, 55, 55, 0.08);
  --shadow-large: 0 4px 16px 0 rgba(0, 0, 0, 0.12),
    0 16px 32px 0 rgba(55, 55, 55, 0.08);
  --shadow-extra-large: 0 4px 16px 0 rgba(0, 0, 0, 0.12),
    0 12px 32px 0 rgba(55, 55, 55, 0.08), 0 48px 96px 0 rgba(55, 55, 55, 0.08);
  --toolbox-spacing-0: 0px;
  --toolbox-spacing-2: 2px;
  --toolbox-spacing-4: 4px;
  --toolbox-spacing-8: 8px;
  --toolbox-spacing-12: 12px;
  --toolbox-spacing-16: 16px;
  --toolbox-spacing-24: 24px;
  --toolbox-spacing-32: 32px;
  --toolbox-spacing-40: 40px;
  --toolbox-spacing-48: 48px;
  --dt-raw-dark-black-0-alpha-80: #000000cc;
  --dt-raw-dark-black-2-alpha-0: #15151500;
  --dt-raw-dark-black-2-alpha-12: #1515151f;
  --dt-raw-dark-black-2-alpha-24: #1515153d;
  --dt-raw-dark-black-2-alpha-40: #15151566;
  --dt-raw-dark-black-2-alpha-60: #15151599;
  --dt-raw-light-white-2-alpha-0: #e9ebdf00;
  --dt-raw-light-white-2-alpha-12: #e9ebdf1f;
  --dt-raw-light-white-2-alpha-20: #e9ebdf33;
  --dt-raw-light-white-2-alpha-40: #e9ebdf66;
  --dt-raw-light-white-2-alpha-60: #e9ebdf99;
  --dt-raw-light-white-2-alpha-80: #e9ebdfcc;
  --dt-raw-light-white-1-alpha-0: #f7f8f400;
  --dt-raw-light-white-1-alpha-12: #f7f8f41f;
  --dt-raw-light-white-1-alpha-20: #f7f8f433;
  --dt-raw-light-white-1-alpha-40: #f7f8f466;
  --dt-raw-light-white-1-alpha-60: #f7f8f499;
  --dt-raw-light-white-1-alpha-80: #f7f8f4cc;
  --dt-raw-blue-darkened: #2d4c71;
  --dt-raw-blue-lightened: #9cbfe7;
  --dt-raw-blue-primary: #518dd2;
  --dt-raw-gray-darkened: #433e38;
  --dt-raw-gray-lightened: #c8bfb5;
  --dt-raw-gray-primary: #8b867f;
  --dt-raw-green-darkened: #185849;
  --dt-raw-green-lightened: #9dbdb6;
  --dt-raw-green-primary: #4d9987;
  --dt-raw-neutral-dark-black-0: #000000;
  --dt-raw-neutral-dark-black-1: #0e0e0e;
  --dt-raw-neutral-dark-black-2-primary: #151515;
  --dt-raw-neutral-dark-black-3: #242424;
  --dt-raw-neutral-dark-black-4: #2e2f2d;
  --dt-raw-neutral-dark-black-5: #3f403d;
  --dt-raw-neutral-light-white-0: #ffffff;
  --dt-raw-neutral-light-white-1: #f7f8f4;
  --dt-raw-neutral-light-white-2-primary: #fff7f6;
  --dt-raw-neutral-light-white-3: #cbccc4;
  --dt-raw-neutral-light-white-4: #b6b8af;
  --dt-raw-neutral-light-white-5: #94958e;
  --dt-raw-orange-darkened: #793325;
  --dt-raw-orange-lightened: #ecafa2;
  --dt-raw-orange-primary: #e8765e;
  --dt-raw-pink-darkened: #652466;
  --dt-raw-pink-lightened: #e09ee2;
  --dt-raw-pink-primary: #cc64ce;
  --dt-raw-purple-darkened: #53397c;
  --dt-raw-purple-lightened: #bb9fe7;
  --dt-raw-purple-primary: #9874d2;
  --dt-raw-yellow-darkened: #7c481c;
  --dt-raw-yellow-lightened: #d4ba95;
  --dt-raw-yellow-primary: #eca438;
  --dt-experimental-cursor-fill: var(--dt-raw-neutral-dark-black-0);
  --dt-experimental-cursor-stroke: var(--dt-raw-neutral-light-white-0);
  --dt-experimental-ui-background: var(--dt-raw-neutral-light-white-0);
  --dt-btn-primary-active-background: var(--dt-raw-neutral-dark-black-4);
  --dt-btn-primary-active-icon: var(--dt-raw-neutral-light-white-2-primary);
  --dt-btn-primary-active-text: var(--dt-raw-light-white-2-alpha-0);
  --dt-btn-primary-default-background: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-primary-default-icon: var(--dt-raw-neutral-light-white-2-primary);
  --dt-btn-primary-default-text: var(--dt-raw-neutral-light-white-2-primary);
  --dt-btn-primary-hover-background: var(--dt-raw-neutral-dark-black-4);
  --dt-btn-primary-hover-icon: var(--dt-raw-neutral-light-white-2-primary);
  --dt-btn-primary-hover-text: var(--dt-raw-neutral-light-white-2-primary);
  --dt-btn-secondary-active-background: var(--dt-raw-neutral-light-white-4);
  --dt-btn-secondary-active-icon: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-secondary-active-text: var(--dt-raw-dark-black-2-alpha-0);
  --dt-btn-secondary-default-background: var(--dt-raw-neutral-light-white-3);
  --dt-btn-secondary-default-icon: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-secondary-default-text: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-secondary-hover-background: var(--dt-raw-neutral-light-white-4);
  --dt-btn-secondary-hover-icon: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-secondary-hover-text: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-tertiary-blue-active-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-blue-active-stroke: var(--dt-raw-blue-lightened);
  --dt-btn-tertiary-blue-active-text: var(--dt-raw-dark-black-2-alpha-0);
  --dt-btn-tertiary-blue-default-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-blue-default-stroke: var(--dt-raw-blue-primary);
  --dt-btn-tertiary-blue-default-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-blue-hover-icon: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-tertiary-blue-hover-stroke: var(--dt-raw-blue-lightened);
  --dt-btn-tertiary-blue-hover-text: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-tertiary-gray-active-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-gray-active-stroke: var(--dt-raw-gray-lightened);
  --dt-btn-tertiary-gray-active-text: var(--dt-raw-dark-black-2-alpha-0);
  --dt-btn-tertiary-gray-default-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-gray-default-stroke: var(--dt-raw-gray-primary);
  --dt-btn-tertiary-gray-default-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-gray-hover-icon: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-tertiary-gray-hover-stroke: var(--dt-raw-gray-lightened);
  --dt-btn-tertiary-gray-hover-text: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-tertiary-green-active-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-green-active-stroke: var(--dt-raw-green-lightened);
  --dt-btn-tertiary-green-active-text: var(--dt-raw-dark-black-2-alpha-0);
  --dt-btn-tertiary-green-default-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-green-default-stroke: var(--dt-raw-green-primary);
  --dt-btn-tertiary-green-default-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-green-hover-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-green-hover-stroke: var(--dt-raw-green-lightened);
  --dt-btn-tertiary-green-hover-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-orange-active-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-orange-active-stroke: var(--dt-raw-orange-lightened);
  --dt-btn-tertiary-orange-active-text: var(--dt-raw-dark-black-2-alpha-0);
  --dt-btn-tertiary-orange-default-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-orange-default-stroke: var(--dt-raw-orange-primary);
  --dt-btn-tertiary-orange-default-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-orange-hover-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-orange-hover-stroke: var(--dt-raw-orange-lightened);
  --dt-btn-tertiary-orange-hover-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-pink-active-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-pink-active-stroke: var(--dt-raw-pink-lightened);
  --dt-btn-tertiary-pink-active-text: var(--dt-raw-dark-black-2-alpha-0);
  --dt-btn-tertiary-pink-default-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-pink-default-stroke: var(--dt-raw-pink-primary);
  --dt-btn-tertiary-pink-default-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-pink-hover-icon: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-tertiary-pink-hover-stroke: var(--dt-raw-pink-lightened);
  --dt-btn-tertiary-pink-hover-text: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-btn-tertiary-purple-active-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-purple-active-stroke: var(--dt-raw-purple-lightened);
  --dt-btn-tertiary-purple-active-text: var(--dt-raw-dark-black-2-alpha-0);
  --dt-btn-tertiary-purple-default-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-purple-default-stroke: var(--dt-raw-purple-primary);
  --dt-btn-tertiary-purple-default-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-purple-hover-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-purple-hover-stroke: var(--dt-raw-purple-lightened);
  --dt-btn-tertiary-purple-hover-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-yellow-active-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-yellow-active-stroke: var(--dt-raw-yellow-lightened);
  --dt-btn-tertiary-yellow-active-text: var(--dt-raw-dark-black-2-alpha-0);
  --dt-btn-tertiary-yellow-default-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-yellow-default-stroke: var(--dt-raw-yellow-primary);
  --dt-btn-tertiary-yellow-default-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-yellow-hover-icon: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-btn-tertiary-yellow-hover-stroke: var(--dt-raw-yellow-lightened);
  --dt-btn-tertiary-yellow-hover-text: var(
    --dt-raw-neutral-dark-black-2-primary
  );
  --dt-nav-items-active-icon: var(--dt-raw-neutral-dark-black-1);
  --dt-nav-items-active-selected: var(--dt-raw-blue-primary);
  --dt-nav-items-active-stroke-accent: var(--dt-raw-light-white-2-alpha-40);
  --dt-nav-items-active-text: var(--dt-raw-neutral-light-white-3);
  --dt-nav-items-default-icon: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-nav-items-default-selected: var(--dt-raw-blue-primary);
  --dt-nav-items-default-stroke-accent: var(--dt-raw-light-white-2-alpha-40);
  --dt-nav-items-default-text: var(--dt-raw-neutral-light-white-2-primary);
  --dt-nav-items-hover-icon: var(--dt-raw-neutral-dark-black-3);
  --dt-nav-items-hover-selected: var(--dt-raw-blue-primary);
  --dt-nav-items-hover-stroke-accent: var(--dt-raw-light-white-2-alpha-40);
  --dt-nav-items-hover-text: var(--dt-raw-neutral-dark-black-3);
  --dt-nav-items-inactive-icon: var(--dt-raw-dark-black-2-alpha-40);
  --dt-nav-items-inactive-selected: var(--dt-raw-blue-primary);
  --dt-nav-items-inactive-stroke-accent: var(--dt-raw-light-white-2-alpha-40);
  --dt-nav-items-inactive-text: var(--dt-raw-light-white-2-alpha-40);
  --dt-nav-active-background: var(--dt-raw-dark-black-0-alpha-80);
  --dt-nav-default-background: var(--dt-raw-dark-black-2-alpha-0);
  --dt-nav-scrolled-background: var(--dt-raw-dark-black-0-alpha-80);
  --dt-subnav-default-icon: var(--dt-raw-dark-black-2-alpha-0);
  --dt-subnav-default-selected: var(--dt-raw-blue-primary);
  --dt-subnav-default-stroke-accent: var(--dt-raw-light-white-2-alpha-12);
  --dt-subnav-default-text: var(--dt-raw-neutral-light-white-2-primary);
  --dt-subnav-hover-icon: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-subnav-hover-selected: var(--dt-raw-blue-primary);
  --dt-subnav-hover-stroke-accent: var(--dt-raw-light-white-2-alpha-12);
  --dt-subnav-hover-text: var(--dt-raw-neutral-light-white-2-primary);
  --dt-subnav-inactive-icon: var(--dt-raw-dark-black-2-alpha-0);
  --dt-subnav-inactive-selected: var(--dt-raw-blue-primary);
  --dt-subnav-inactive-stroke-accent: var(--dt-raw-light-white-2-alpha-12);
  --dt-subnav-inactive-text: var(--dt-raw-light-white-2-alpha-40);
  --dt-surface-accent-blue: var(--dt-raw-blue-lightened);
  --dt-surface-accent-gray: var(--dt-raw-gray-lightened);
  --dt-surface-accent-green: var(--dt-raw-green-lightened);
  --dt-surface-accent-orange: var(--dt-raw-orange-lightened);
  --dt-surface-accent-pink: var(--dt-raw-pink-lightened);
  --dt-surface-accent-purple: var(--dt-raw-purple-lightened);
  --dt-surface-accent-yellow: var(--dt-raw-yellow-lightened);
  --dt-surface-background-base: var(--dt-raw-neutral-light-white-2-primary);
  --dt-surface-background-focused: var(--dt-raw-neutral-light-white-1);
  --dt-surface-background-muted: var(--dt-raw-neutral-light-white-3);
  --dt-surface-lightbox-active: var(--dt-raw-light-white-2-alpha-80);
  --dt-surface-lightbox-inactive: var(--dt-raw-light-white-2-alpha-0);
  --dt-surface-stroke-blue: var(--dt-raw-blue-primary);
  --dt-surface-stroke-gray: var(--dt-raw-gray-primary);
  --dt-surface-stroke-green: var(--dt-raw-green-primary);
  --dt-surface-stroke-neutral: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-surface-stroke-neutral-muted: var(--dt-raw-neutral-dark-black-1);
  --dt-surface-stroke-neutral-alpha-12: var(--dt-raw-dark-black-2-alpha-12);
  --dt-surface-stroke-neutral-alpha-24: var(--dt-raw-dark-black-2-alpha-24);
  --dt-surface-stroke-neutral-alpha-40: var(--dt-raw-dark-black-2-alpha-40);
  --dt-surface-stroke-neutral-alpha-60: var(--dt-raw-dark-black-2-alpha-60);
  --dt-surface-stroke-orange: var(--dt-raw-orange-primary);
  --dt-surface-stroke-pink: var(--dt-raw-pink-primary);
  --dt-surface-stroke-purple: var(--dt-raw-purple-primary);
  --dt-surface-stroke-yellow: var(--dt-raw-yellow-primary);
  --dt-surface-text-muted: var(--dt-raw-neutral-dark-black-3);
  --dt-surface-text-opacity-alpha-24: var(--dt-raw-dark-black-2-alpha-24);
  --dt-surface-text-opacity-alpha-40: var(--dt-raw-dark-black-2-alpha-40);
  --dt-surface-text-opacity-alpha-60: var(--dt-raw-dark-black-2-alpha-60);
  --dt-surface-text-primary: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-interface-background: var(--dt-raw-light-white-1-alpha-60);
  --dt-interface-stroke: var(--dt-raw-dark-black-2-alpha-12);
  --dt-cursor-default-cursor: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-default-context-guide: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-default-cursor-stroke: var(--dt-raw-neutral-light-white-0);
  --dt-cursor-default-context-guide-stroke: var(--dt-raw-neutral-light-white-0);
  --dt-cursor-message-cursor: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-message-cursor-stroke: var(--dt-raw-neutral-light-white-0);
  --dt-cursor-message-context-guide: #ffffffcc;
  --dt-cursor-message-context-guide-stroke: var(--dt-raw-dark-black-2-alpha-0);
  --dt-cursor-hover-cursor: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-hover-cursor-stroke: var(--dt-raw-neutral-light-white-0);
  --dt-cursor-hover-context-guide: #ffffffcc;
  --dt-cursor-hover-context-guide-stroke: var(--dt-raw-gray-primary);
  --dt-cursor-active-cursor: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-active-cursor-stroke: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-active-context-guide: var(--dt-raw-dark-black-2-alpha-60);
  --dt-cursor-active-context-guide-stroke: var(--dt-raw-gray-lightened);
  --dt-cursor-hover-icon: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-active-icon: var(--dt-raw-neutral-light-white-0);
  --dt-cursor-message-text: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-hover-text: var(--dt-raw-neutral-dark-black-0);
  --dt-cursor-active-text: var(--dt-raw-neutral-dark-black-2-primary);
  --dt-letter-spacing-headline-xxl: -0.03399em;
  --dt-letter-spacing-headline-xl: -0.02266em;
  --dt-letter-spacing-headline-lg: -0.02266em;
  --dt-letter-spacing-headline-md: -0.01133em;
  --dt-letter-spacing-headline-sm: -0.01133em;
  --dt-letter-spacing-headline-xs: -0.01133em;
  --dt-letter-spacing-headline-xxs: -0.01em;
  --dt-letter-spacing-title: 0.02em;
  --dt-letter-spacing-body: 0.0126em;
}

[data-dark-mode] {
  --gray-0: #fff;
  --gray-50: #f9f9f9;
  --gray-100: #f6f6f6;
  --gray-150: #ebebeb;
  --gray-200: #dfdfdf;
  --gray-300: #c7c7c7;
  --gray-400: #b3b3b3;
  --gray-500: #999;
  --gray-600: #808080;
  --gray-700: #555;
  --gray-800: #222;
  --gray-900: #0d0d0d;
  --blue-0: #fff;
  --blue-50: #f5f9ff;
  --blue-100: #e5f1ff;
  --blue-150: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #3170f9;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;
  --purple-0: #fff;
  --purple-50: #f5f7ff;
  --purple-100: #ebefff;
  --purple-150: #e0e7ff;
  --purple-200: #c7d2fe;
  --purple-300: #a5b4fc;
  --purple-400: #818cf8;
  --purple-500: #6366f1;
  --purple-600: #4f46e5;
  --purple-700: #4338ca;
  --purple-800: #3730a3;
  --purple-900: #312e81;
  --green-0: #fff;
  --green-50: #f4fcf8;
  --green-100: #ecfdf5;
  --green-150: #d1fae5;
  --green-200: #a7f3d0;
  --green-300: #6ee7b7;
  --green-400: #34d399;
  --green-500: #10b981;
  --green-600: #059669;
  --green-700: #047857;
  --green-800: #065f46;
  --green-900: #064e3b;
  --yellow-0: #fff;
  --yellow-50: #fffdf5;
  --yellow-100: #fff9e0;
  --yellow-150: #fef3c7;
  --yellow-200: #fde68a;
  --yellow-300: #fcd34d;
  --yellow-400: #fbbf24;
  --yellow-500: #f59e0b;
  --yellow-600: #cd6f00;
  --yellow-700: #b45309;
  --yellow-800: #92400e;
  --yellow-900: #78350f;
  --red-0: #fff;
  --red-50: #fef6f6;
  --red-100: #ffeaea;
  --red-150: #fedcdc;
  --red-200: #fecaca;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --red-800: #991b1b;
  --red-900: #7f1d1d;
  --plum-0: #fff;
  --plum-50: #fff8ff;
  --plum-100: #fdecff;
  --plum-150: #f4dcf8;
  --plum-200: #eecff3;
  --plum-300: #e1b6e8;
  --plum-400: #cf94d8;
  --plum-500: #bd75c7;
  --plum-600: #ae57bb;
  --plum-700: #9846a4;
  --plum-800: #893f94;
  --plum-900: #6e3276;
  --background-surface: var(--gray-0);
  --background-container: var(--gray-50);
  --background-container-emphasis: var(--gray-100);
  --background-success: var(--green-100);
  --background-warning: var(--yellow-100);
  --background-critical: var(--red-100);
  --background-selected: var(--blue-500);
  --background-backdrop: color-mix(in srgb, var(--gray-900) 40%, transparent);
  --border-neutral: var(--gray-150);
  --border-emphasis: var(--gray-300);
  --border-focus: rgba(96, 165, 250, 0.4);
  --border-critical: var(--red-600);
  --border-success: color-mix(in srgb, var(--green-600) 20%, transparent);
  --text-primary: var(--gray-800);
  --text-secondary: var(--gray-600);
  --text-disabled: var(--gray-400);
  --text-brand: var(--blue-600);
  --text-info: var(--purple-600);
  --text-success: var(--green-600);
  --text-warning: var(--yellow-600);
  --text-critical: var(--red-600);
  --icon-primary: var(--gray-800);
  --icon-secondary: var(--gray-600);
  --icon-disabled: var(--gray-300);
  --icon-brand: var(--blue-600);
  --icon-info: var(--purple-600);
  --icon-success: var(--green-600);
  --icon-warning: var(--yellow-600);
  --icon-critical: var(--red-600);
  --shadow-small: 0 0 1px 0 rgba(0, 0, 0, 0.08),
    0 4px 8px 0 rgba(55, 55, 55, 0.06);
  --shadow-medium: 0 2px 6px 0 rgba(0, 0, 0, 0.12),
    0 6px 12px 0 rgba(55, 55, 55, 0.08);
  --shadow-large: 0 4px 16px 0 rgba(0, 0, 0, 0.12),
    0 16px 32px 0 rgba(55, 55, 55, 0.08);
  --shadow-extra-large: 0 4px 16px 0 rgba(0, 0, 0, 0.12),
    0 12px 32px 0 rgba(55, 55, 55, 0.08), 0 48px 96px 0 rgba(55, 55, 55, 0.08);
  --toolbox-spacing-0: 0px;
  --toolbox-spacing-2: 2px;
  --toolbox-spacing-4: 4px;
  --toolbox-spacing-8: 8px;
  --toolbox-spacing-12: 12px;
  --toolbox-spacing-16: 16px;
  --toolbox-spacing-24: 24px;
  --toolbox-spacing-32: 32px;
  --toolbox-spacing-40: 40px;
  --toolbox-spacing-48: 48px;
  --gray-0: #010101;
  --gray-50: #242424;
  --gray-100: #2c2c2c;
  --gray-150: #3f3f3f;
  --gray-200: #4d4d4d;
  --gray-300: #5e5e5e;
  --gray-400: #6f6f6f;
  --gray-500: #838383;
  --gray-600: #9d9d9d;
  --gray-700: #d3d3d3;
  --gray-800: #f2f2f2;
  --gray-900: #fafafa;
}

:root[data-dark-mode] {
  --gray-0: #010101;
  --gray-50: #242424;
  --gray-100: #2c2c2c;
  --gray-150: #3f3f3f;
  --gray-200: #4d4d4d;
  --gray-300: #5e5e5e;
  --gray-400: #6f6f6f;
  --gray-500: #838383;
  --gray-600: #9d9d9d;
  --gray-700: #d3d3d3;
  --gray-800: #f2f2f2;
  --gray-900: #fafafa;
}

:root[data-dark-mode] body,
:root[data-dark-mode] html {
  background-color: var(--background-surface);
}

._tooltipMount_1p8fv_1 {
  position: relative;
  z-index: 100001;
}

._modalMountContainer_vjvob_1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  pointer-events: none;
  contain: paint;
}

#_retool-canvas-modal-mount-provider_vjvob_1 {
  transform: translate(0);
}

._truncate_33n74_1 {
  overflow-wrap: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

._position-static_9iwmd_5 {
  position: static;
}

._position-relative_9iwmd_9 {
  position: relative;
}

._position-absolute_9iwmd_13 {
  position: absolute;
}

._position-fixed_9iwmd_17 {
  position: fixed;
}

._position-sticky_9iwmd_21 {
  position: sticky;
}

._height-auto_9iwmd_25 {
  height: auto;
}

._height-min-content_9iwmd_29 {
  height: min-content;
}

._height-max-content_9iwmd_33 {
  height: max-content;
}

._height-100_9iwmd_37 {
  height: 100%;
}

._width-auto_9iwmd_41 {
  width: auto;
}

._width-min-content_9iwmd_45 {
  width: min-content;
}

._width-max-content_9iwmd_49 {
  width: max-content;
}

._width-100_9iwmd_53 {
  width: 100%;
}

._display-block_9iwmd_57 {
  display: block;
}

._display-flex_9iwmd_61 {
  display: flex;
}

._display-inline-flex_9iwmd_65 {
  display: inline-flex;
}

._display-grid_9iwmd_69 {
  display: grid;
}

._display-inline-grid_9iwmd_73 {
  display: inline-grid;
}

._display-inline_9iwmd_65 {
  display: inline;
}

._display-inline-block_9iwmd_81 {
  display: inline-block;
}

._display-flow-root_9iwmd_85 {
  display: flow-root;
}

._display-none_9iwmd_89 {
  display: none;
}

._display-contents_9iwmd_93 {
  display: contents;
}

._display-table_9iwmd_97 {
  display: table;
}

._display-table-row_9iwmd_101 {
  display: table-row;
}

._display-list-item_9iwmd_105 {
  display: list-item;
}

._display-inherit_9iwmd_109 {
  display: inherit;
}

._display-initial_9iwmd_113 {
  display: initial;
}

._display-revert_9iwmd_117 {
  display: revert;
}

._display-revert-layer_9iwmd_121 {
  display: revert-layer;
}

._display-unset_9iwmd_125 {
  display: unset;
}

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

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

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

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

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

._direction-row_9iwmd_149 {
  flex-direction: row;
}

._direction-column_9iwmd_153 {
  flex-direction: column;
}

._direction-row-reverse_9iwmd_157 {
  flex-direction: row-reverse;
}

._direction-column-reverse_9iwmd_161 {
  flex-direction: column-reverse;
}

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

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

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

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

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

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

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

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

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

._wrap-nowrap_9iwmd_201 {
  flex-wrap: nowrap;
}

._wrap-wrap_9iwmd_205 {
  flex-wrap: wrap;
}

._wrap-wrap-reverse_9iwmd_209 {
  flex-wrap: wrap-reverse;
}

._grow_9iwmd_213 {
  flex-grow: var(--toolbox-box-grow);
}

._shrink_9iwmd_217 {
  flex-shrink: var(--toolbox-box-shrink);
}

._order_9iwmd_221 {
  order: var(--toolbox-box-order);
}

._basis_9iwmd_225 {
  flex-basis: var(--toolbox-box-basis);
}

._truncate_9iwmd_229 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._auto_9iwmd_236 {
  overflow: auto;
}

._margin-0_9iwmd_240 {
  margin: var(--toolbox-spacing-0);
}

._margin-2_9iwmd_244 {
  margin: var(--toolbox-spacing-2);
}

._margin-4_9iwmd_248 {
  margin: var(--toolbox-spacing-4);
}

._margin-8_9iwmd_252 {
  margin: var(--toolbox-spacing-8);
}

._margin-12_9iwmd_256 {
  margin: var(--toolbox-spacing-12);
}

._margin-16_9iwmd_260 {
  margin: var(--toolbox-spacing-16);
}

._margin-24_9iwmd_264 {
  margin: var(--toolbox-spacing-24);
}

._margin-32_9iwmd_268 {
  margin: var(--toolbox-spacing-32);
}

._margin-40_9iwmd_272 {
  margin: var(--toolbox-spacing-40);
}

._margin-48_9iwmd_276 {
  margin: var(--toolbox-spacing-48);
}

._margin-top-0_9iwmd_280 {
  margin-top: var(--toolbox-spacing-0);
}

._margin-top-2_9iwmd_284 {
  margin-top: var(--toolbox-spacing-2);
}

._margin-top-4_9iwmd_288 {
  margin-top: var(--toolbox-spacing-4);
}

._margin-top-8_9iwmd_292 {
  margin-top: var(--toolbox-spacing-8);
}

._margin-top-12_9iwmd_296 {
  margin-top: var(--toolbox-spacing-12);
}

._margin-top-16_9iwmd_300 {
  margin-top: var(--toolbox-spacing-16);
}

._margin-top-24_9iwmd_304 {
  margin-top: var(--toolbox-spacing-24);
}

._margin-top-32_9iwmd_308 {
  margin-top: var(--toolbox-spacing-32);
}

._margin-top-40_9iwmd_312 {
  margin-top: var(--toolbox-spacing-40);
}

._margin-top-48_9iwmd_316 {
  margin-top: var(--toolbox-spacing-48);
}

._margin-right-0_9iwmd_320 {
  margin-right: var(--toolbox-spacing-0);
}

._margin-right-2_9iwmd_324 {
  margin-right: var(--toolbox-spacing-2);
}

._margin-right-4_9iwmd_328 {
  margin-right: var(--toolbox-spacing-4);
}

._margin-right-8_9iwmd_332 {
  margin-right: var(--toolbox-spacing-8);
}

._margin-right-12_9iwmd_336 {
  margin-right: var(--toolbox-spacing-12);
}

._margin-right-16_9iwmd_340 {
  margin-right: var(--toolbox-spacing-16);
}

._margin-right-24_9iwmd_344 {
  margin-right: var(--toolbox-spacing-24);
}

._margin-right-32_9iwmd_348 {
  margin-right: var(--toolbox-spacing-32);
}

._margin-right-40_9iwmd_352 {
  margin-right: var(--toolbox-spacing-40);
}

._margin-right-48_9iwmd_356 {
  margin-right: var(--toolbox-spacing-48);
}

._margin-bottom-0_9iwmd_360 {
  margin-bottom: var(--toolbox-spacing-0);
}

._margin-bottom-2_9iwmd_364 {
  margin-bottom: var(--toolbox-spacing-2);
}

._margin-bottom-4_9iwmd_368 {
  margin-bottom: var(--toolbox-spacing-4);
}

._margin-bottom-8_9iwmd_372 {
  margin-bottom: var(--toolbox-spacing-8);
}

._margin-bottom-12_9iwmd_376 {
  margin-bottom: var(--toolbox-spacing-12);
}

._margin-bottom-16_9iwmd_380 {
  margin-bottom: var(--toolbox-spacing-16);
}

._margin-bottom-24_9iwmd_384 {
  margin-bottom: var(--toolbox-spacing-24);
}

._margin-bottom-32_9iwmd_388 {
  margin-bottom: var(--toolbox-spacing-32);
}

._margin-bottom-40_9iwmd_392 {
  margin-bottom: var(--toolbox-spacing-40);
}

._margin-bottom-48_9iwmd_396 {
  margin-bottom: var(--toolbox-spacing-48);
}

._margin-left-0_9iwmd_400 {
  margin-left: var(--toolbox-spacing-0);
}

._margin-left-2_9iwmd_404 {
  margin-left: var(--toolbox-spacing-2);
}

._margin-left-4_9iwmd_408 {
  margin-left: var(--toolbox-spacing-4);
}

._margin-left-8_9iwmd_412 {
  margin-left: var(--toolbox-spacing-8);
}

._margin-left-12_9iwmd_416 {
  margin-left: var(--toolbox-spacing-12);
}

._margin-left-16_9iwmd_420 {
  margin-left: var(--toolbox-spacing-16);
}

._margin-left-24_9iwmd_424 {
  margin-left: var(--toolbox-spacing-24);
}

._margin-left-32_9iwmd_428 {
  margin-left: var(--toolbox-spacing-32);
}

._margin-left-40_9iwmd_432 {
  margin-left: var(--toolbox-spacing-40);
}

._margin-left-48_9iwmd_436 {
  margin-left: var(--toolbox-spacing-48);
}

._padding-0_9iwmd_440 {
  padding: var(--toolbox-spacing-0);
}

._padding-2_9iwmd_444 {
  padding: var(--toolbox-spacing-2);
}

._padding-4_9iwmd_448 {
  padding: var(--toolbox-spacing-4);
}

._padding-8_9iwmd_452 {
  padding: var(--toolbox-spacing-8);
}

._padding-12_9iwmd_456 {
  padding: var(--toolbox-spacing-12);
}

._padding-16_9iwmd_460 {
  padding: var(--toolbox-spacing-16);
}

._padding-24_9iwmd_464 {
  padding: var(--toolbox-spacing-24);
}

._padding-32_9iwmd_468 {
  padding: var(--toolbox-spacing-32);
}

._padding-40_9iwmd_472 {
  padding: var(--toolbox-spacing-40);
}

._padding-48_9iwmd_476 {
  padding: var(--toolbox-spacing-48);
}

._padding-top-0_9iwmd_480 {
  padding-top: var(--toolbox-spacing-0);
}

._padding-top-2_9iwmd_484 {
  padding-top: var(--toolbox-spacing-2);
}

._padding-top-4_9iwmd_488 {
  padding-top: var(--toolbox-spacing-4);
}

._padding-top-8_9iwmd_492 {
  padding-top: var(--toolbox-spacing-8);
}

._padding-top-12_9iwmd_496 {
  padding-top: var(--toolbox-spacing-12);
}

._padding-top-16_9iwmd_500 {
  padding-top: var(--toolbox-spacing-16);
}

._padding-top-24_9iwmd_504 {
  padding-top: var(--toolbox-spacing-24);
}

._padding-top-32_9iwmd_508 {
  padding-top: var(--toolbox-spacing-32);
}

._padding-top-40_9iwmd_512 {
  padding-top: var(--toolbox-spacing-40);
}

._padding-top-48_9iwmd_516 {
  padding-top: var(--toolbox-spacing-48);
}

._padding-right-0_9iwmd_520 {
  padding-right: var(--toolbox-spacing-0);
}

._padding-right-2_9iwmd_524 {
  padding-right: var(--toolbox-spacing-2);
}

._padding-right-4_9iwmd_528 {
  padding-right: var(--toolbox-spacing-4);
}

._padding-right-8_9iwmd_532 {
  padding-right: var(--toolbox-spacing-8);
}

._padding-right-12_9iwmd_536 {
  padding-right: var(--toolbox-spacing-12);
}

._padding-right-16_9iwmd_540 {
  padding-right: var(--toolbox-spacing-16);
}

._padding-right-24_9iwmd_544 {
  padding-right: var(--toolbox-spacing-24);
}

._padding-right-32_9iwmd_548 {
  padding-right: var(--toolbox-spacing-32);
}

._padding-right-40_9iwmd_552 {
  padding-right: var(--toolbox-spacing-40);
}

._padding-right-48_9iwmd_556 {
  padding-right: var(--toolbox-spacing-48);
}

._padding-bottom-0_9iwmd_560 {
  padding-bottom: var(--toolbox-spacing-0);
}

._padding-bottom-2_9iwmd_564 {
  padding-bottom: var(--toolbox-spacing-2);
}

._padding-bottom-4_9iwmd_568 {
  padding-bottom: var(--toolbox-spacing-4);
}

._padding-bottom-8_9iwmd_572 {
  padding-bottom: var(--toolbox-spacing-8);
}

._padding-bottom-12_9iwmd_576 {
  padding-bottom: var(--toolbox-spacing-12);
}

._padding-bottom-16_9iwmd_580 {
  padding-bottom: var(--toolbox-spacing-16);
}

._padding-bottom-24_9iwmd_584 {
  padding-bottom: var(--toolbox-spacing-24);
}

._padding-bottom-32_9iwmd_588 {
  padding-bottom: var(--toolbox-spacing-32);
}

._padding-bottom-40_9iwmd_592 {
  padding-bottom: var(--toolbox-spacing-40);
}

._padding-bottom-48_9iwmd_596 {
  padding-bottom: var(--toolbox-spacing-48);
}

._padding-left-0_9iwmd_600 {
  padding-left: var(--toolbox-spacing-0);
}

._padding-left-2_9iwmd_604 {
  padding-left: var(--toolbox-spacing-2);
}

._padding-left-4_9iwmd_608 {
  padding-left: var(--toolbox-spacing-4);
}

._padding-left-8_9iwmd_612 {
  padding-left: var(--toolbox-spacing-8);
}

._padding-left-12_9iwmd_616 {
  padding-left: var(--toolbox-spacing-12);
}

._padding-left-16_9iwmd_620 {
  padding-left: var(--toolbox-spacing-16);
}

._padding-left-24_9iwmd_624 {
  padding-left: var(--toolbox-spacing-24);
}

._padding-left-32_9iwmd_628 {
  padding-left: var(--toolbox-spacing-32);
}

._padding-left-40_9iwmd_632 {
  padding-left: var(--toolbox-spacing-40);
}

._padding-left-48_9iwmd_636 {
  padding-left: var(--toolbox-spacing-48);
}

._display-flex_1ajfp_1 {
  display: flex;
}

._display-inline-flex_1ajfp_5 {
  display: inline-flex;
}

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

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

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

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

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

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

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

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

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

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

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

._direction-row_1ajfp_53 {
  flex-direction: row;
}

._direction-column_1ajfp_57 {
  flex-direction: column;
}

._direction-row-reverse_1ajfp_61 {
  flex-direction: row-reverse;
}

._direction-column-reverse_1ajfp_65 {
  flex-direction: column-reverse;
}

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

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

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

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

._wrap-nowrap_1ajfp_85 {
  flex-wrap: nowrap;
}

._wrap-wrap_1ajfp_89 {
  flex-wrap: wrap;
}

._wrap-wrap-reverse_1ajfp_93 {
  flex-wrap: wrap-reverse;
}

._gap-0_1ajfp_97 {
  gap: var(--toolbox-spacing-0);
}

._gap-2_1ajfp_101 {
  gap: var(--toolbox-spacing-2);
}

._gap-4_1ajfp_105 {
  gap: var(--toolbox-spacing-4);
}

._gap-8_1ajfp_109 {
  gap: var(--toolbox-spacing-8);
}

._gap-12_1ajfp_113 {
  gap: 8px;
}

._gap-16_1ajfp_117 {
  gap: 16px;
}

._gap-24_1ajfp_121 {
  gap: var(--toolbox-spacing-24);
}

._gap-32_1ajfp_125 {
  gap: var(--toolbox-spacing-32);
}

._gap-40_1ajfp_129 {
  gap: var(--toolbox-spacing-40);
}

._gap-48_1ajfp_133 {
  gap: var(--toolbox-spacing-48);
}

._invisibleContent_cen29_1 {
  visibility: hidden;
  height: 0;
}

._main_c3auw_5 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

._main_c3auw_5._left_c3auw_11 {
  justify-content: flex-start;
  text-align: left;
}

._main_c3auw_5._center_c3auw_15 {
  justify-content: center;
  text-align: center;
}

._main_c3auw_5._right_c3auw_19 {
  justify-content: flex-end;
  text-align: right;
}

._main_c3auw_5._stretch_c3auw_23 {
  justify-content: space-between;
  text-align: center;
}

._label_c3auw_28,
._icon_c3auw_29,
._spinner_c3auw_30 {
  display: flex;
}

._label_c3auw_28:not(:first-child),
._icon_c3auw_29:not(:first-child),
._spinner_c3auw_30:not(:first-child) {
  margin-left: 6px;
}

._icon_c3auw_29 {
  color: var(--retool-button-content-icon);
  font-size: var(--retool-button-content-font-size);
}

._icon_c3auw_29 svg {
  display: block;
}

._label_c3auw_28 {
  justify-content: center;
  font-weight: var(--retool-button-content-font-weight);
  font-family: var(--retool-button-content-font-family);
  font-size: var(--retool-button-content-font-size);
  line-height: 1.333em;
  max-height: 100%;
  overflow: hidden;
}

._labelInner_c3auw_57 {
  overflow-wrap: break-word;
  max-width: 100%;
  min-width: 0;
}

._labelInner_c3auw_57._truncate_c3auw_62 {
  overflow-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

._labelInner_c3auw_57._singleLine_c3auw_68 {
  white-space: nowrap;
}

._button_1392w_5,
._button_1392w_5._asChild_1392w_6 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 var(--retool-button-padding-horizontal, 8px);
  background-color: var(--retool-button-background);
  border-radius: var(--retool-button-border-radius);
  color: var(--retool-button-label);
  width: 100%;
  height: 100%;
  font-weight: var(--retool-button-font-weight, 500);
  font-size: var(--retool-button-font-size);
  font-family: var(--retool-button-font-family);
  transition: 75ms ease-out;
  transition-property: background-color, border-color, box-shadow, color;
  max-width: 100%;
  min-width: 0;
  opacity: var(--retool-button-opacity, 1);
  box-shadow: var(--retool-button-box-shadow);
}

._button_1392w_5._autoHeight_1392w_40,
._button_1392w_5._asChild_1392w_6._autoHeight_1392w_40 {
  height: auto;
  min-height: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}

._button_1392w_5:not(._hasHiddenBorder_1392w_47),
._button_1392w_5._asChild_1392w_6:not(._hasHiddenBorder_1392w_47) {
  border: 1px solid var(--retool-button-border);
}

._button_1392w_5._fitContent_1392w_51,
._button_1392w_5._asChild_1392w_6._fitContent_1392w_51 {
  width: fit-content;
  height: fit-content;
}

._button_1392w_5._link_1392w_56,
._button_1392w_5._asChild_1392w_6._link_1392w_56 {
  padding: 0;
  color: var(--retool-link-text, var(--blue-600));
  min-height: 16px;
}

._button_1392w_5._link_1392w_56:hover,
._button_1392w_5._asChild_1392w_6._link_1392w_56:hover {
  color: var(--retool-link-hover-text);
}

._button_1392w_5._link_1392w_56._pressed_1392w_66,
._button_1392w_5._asChild_1392w_6._link_1392w_56._pressed_1392w_66 {
  color: var(--retool-link-active-text);
}

._button_1392w_5._link_1392w_56._alwaysUnderline_1392w_70,
._button_1392w_5._link_1392w_56._hoverUnderline_1392w_70:hover,
._button_1392w_5._asChild_1392w_6._link_1392w_56._alwaysUnderline_1392w_70,
._button_1392w_5._asChild_1392w_6._link_1392w_56._hoverUnderline_1392w_70:hover {
  text-decoration: underline;
}

._button_1392w_5._link_1392w_56._alwaysUnderline_1392w_70._dotted_1392w_75,
._button_1392w_5._link_1392w_56._hoverUnderline_1392w_70:hover._dotted_1392w_75,
._button_1392w_5._asChild_1392w_6._link_1392w_56._alwaysUnderline_1392w_70._dotted_1392w_75,
._button_1392w_5._asChild_1392w_6._link_1392w_56._hoverUnderline_1392w_70:hover._dotted_1392w_75 {
  text-decoration-style: dotted;
}

._button_1392w_5._link_1392w_56._alwaysUnderline_1392w_70._dashed_1392w_80,
._button_1392w_5._link_1392w_56._hoverUnderline_1392w_70:hover._dashed_1392w_80,
._button_1392w_5._asChild_1392w_6._link_1392w_56._alwaysUnderline_1392w_70._dashed_1392w_80,
._button_1392w_5._asChild_1392w_6._link_1392w_56._hoverUnderline_1392w_70:hover._dashed_1392w_80 {
  text-decoration-style: dashed;
}

._button_1392w_5:hover:not(
    ._pressed_1392w_66,
    ._draggedOver_1392w_85,
    ._link_1392w_56
  ):enabled,
._button_1392w_5:hover:not(
    ._pressed_1392w_66,
    ._draggedOver_1392w_85,
    ._link_1392w_56
  )._enabled_1392w_85,
._button_1392w_5._asChild_1392w_6:hover:not(
    ._pressed_1392w_66,
    ._draggedOver_1392w_85,
    ._link_1392w_56
  ):enabled,
._button_1392w_5._asChild_1392w_6:hover:not(
    ._pressed_1392w_66,
    ._draggedOver_1392w_85,
    ._link_1392w_56
  )._enabled_1392w_85 {
  background-color: var(--retool-button-hover-background);
}

._button_1392w_5:hover:enabled._hasDifferentHoverLabel_1392w_90,
._button_1392w_5:hover._enabled_1392w_85._hasDifferentHoverLabel_1392w_90,
._button_1392w_5._asChild_1392w_6:hover:enabled._hasDifferentHoverLabel_1392w_90,
._button_1392w_5._asChild_1392w_6:hover._enabled_1392w_85._hasDifferentHoverLabel_1392w_90 {
  color: var(--retool-button-hover-label);
}

._button_1392w_5:not(._link_1392w_56):not(:disabled):active,
._button_1392w_5:not(._link_1392w_56):not(:disabled)._pressed_1392w_66,
._button_1392w_5:not(._link_1392w_56):not(:disabled)._draggedOver_1392w_85,
._button_1392w_5._asChild_1392w_6:not(._link_1392w_56):not(:disabled):active,
._button_1392w_5._asChild_1392w_6:not(._link_1392w_56):not(
    :disabled
  )._pressed_1392w_66,
._button_1392w_5._asChild_1392w_6:not(._link_1392w_56):not(
    :disabled
  )._draggedOver_1392w_85 {
  background-color: var(--retool-button-active-background);
  border-color: var(--retool-button-active-border);
}

._button_1392w_5:not(._link_1392w_56):not(:disabled):not(
    ._hasCustomBoxShadow_1392w_102
  ):after,
._button_1392w_5._asChild_1392w_6:not(._link_1392w_56):not(:disabled):not(
    ._hasCustomBoxShadow_1392w_102
  ):after {
  border-radius: var(--retool-button-border-radius);
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid transparent;
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  box-shadow: inset 0 0 0 0.5px var(--retool-button-active-border);
  transition: opacity 75ms ease-out;
}

._button_1392w_5:not(._link_1392w_56):not(:disabled):not(
    ._hasCustomBoxShadow_1392w_102
  )._hasHiddenBorder_1392w_47:after,
._button_1392w_5._asChild_1392w_6:not(._link_1392w_56):not(:disabled):not(
    ._hasCustomBoxShadow_1392w_102
  )._hasHiddenBorder_1392w_47:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
}

._button_1392w_5:not(._link_1392w_56):not(:disabled):not(
    ._hasCustomBoxShadow_1392w_102
  )._pressed_1392w_66:after,
._button_1392w_5:not(._link_1392w_56):not(:disabled):not(
    ._hasCustomBoxShadow_1392w_102
  )._draggedOver_1392w_85:after,
._button_1392w_5._asChild_1392w_6:not(._link_1392w_56):not(:disabled):not(
    ._hasCustomBoxShadow_1392w_102
  )._pressed_1392w_66:after,
._button_1392w_5._asChild_1392w_6:not(._link_1392w_56):not(:disabled):not(
    ._hasCustomBoxShadow_1392w_102
  )._draggedOver_1392w_85:after {
  opacity: 1;
}

._button_1392w_5._hasCustomBoxShadow_1392w_102:not(:disabled):hover:not(
    :focus
  ):not(:active),
._button_1392w_5._asChild_1392w_6._hasCustomBoxShadow_1392w_102:not(
    :disabled
  ):hover:not(:focus):not(:active) {
  box-shadow: var(--retool-button-hover-box-shadow);
}

._button_1392w_5._hasCustomBoxShadow_1392w_102:not(:disabled):active,
._button_1392w_5._asChild_1392w_6._hasCustomBoxShadow_1392w_102:not(
    :disabled
  ):active {
  box-shadow: var(--retool-button-active-box-shadow);
}

._button_1392w_5._loading_1392w_136,
._button_1392w_5._asChild_1392w_6._loading_1392w_136 {
  cursor: progress;
}

._button_1392w_5._square_1392w_140,
._button_1392w_5._asChild_1392w_6._square_1392w_140 {
  aspect-ratio: 1/1;
  max-width: 100%;
  padding: 0;
}

._button_1392w_5._stretch_1392w_146,
._button_1392w_5._asChild_1392w_6._stretch_1392w_146 {
  width: 100%;
}

._button_1392w_5._left_1392w_150,
._button_1392w_5._right_1392w_150,
._button_1392w_5._center_1392w_150,
._button_1392w_5._asChild_1392w_6._left_1392w_150,
._button_1392w_5._asChild_1392w_6._right_1392w_150,
._button_1392w_5._asChild_1392w_6._center_1392w_150 {
  width: auto;
  flex: 0 1 auto;
}

._align_1392w_158 {
  height: 100%;
}

._align_1392w_158._stretch_1392w_146 {
  width: 100%;
}

._align_1392w_158._left_1392w_150 {
  display: flex;
  justify-content: flex-start;
}

._align_1392w_158._right_1392w_150 {
  display: flex;
  justify-content: flex-end;
}

._align_1392w_158._center_1392w_150 {
  display: flex;
  justify-content: center;
}

._wrapper_1392w_177 {
  height: 100%;
  max-width: 100%;
  width: auto;
  position: relative;
}

._wrapper_1392w_177._focused_1392w_183:not(
    ._hasCustomFocusRing_1392w_183
  ):before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: calc(var(--retool-button-border-radius) + 3px);
  content: "";
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  pointer-events: none;
  position: absolute;
}

._wrapper_1392w_177._focused_1392w_183 > ._hasCustomBoxShadow_1392w_102 {
  box-shadow: var(--retool-button-focus-box-shadow);
}

._wrapper_1392w_177._square_1392w_140 {
  aspect-ratio: 1/1;
}

._caption_1392w_199 {
  display: block;
  opacity: 0.5;
  max-width: 100%;
}

._caption_1392w_199:not(._allowWrap_1392w_204) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._caption_1392w_199._iconBefore_1392w_210 {
  margin-left: 18px;
}

._size-xsmall_8zec3_5 {
  height: 20px;
}

._size-small_8zec3_9 {
  height: 24px;
}

._size-medium_8zec3_13 {
  height: 28px;
}

._size-large_8zec3_17 {
  height: 36px;
}

._disabled_8zec3_21 {
  cursor: not-allowed;
}

._disabled_8zec3_21 *:disabled,
._disabled_8zec3_21 [aria-disabled="true"] {
  cursor: not-allowed;
}

._inlineLink_8zec3_29 {
  display: inline-block;
  height: 100%;
}

._main_1nb69_5 {
  color: var(--typography-color);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  line-height: var(--typography-line-height);
}

h1._main_1nb69_5,
h2._main_1nb69_5,
h3._main_1nb69_5,
h4._main_1nb69_5,
h5._main_1nb69_5,
h6._main_1nb69_5 {
  margin: unset;
}

label._main_1nb69_5 {
  cursor: unset;
}

._antialiased_1nb69_27 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

._sansSerif_1nb69_32 {
  font-family: var(--sans-serif);
}

._monospace_1nb69_36 {
  font-family: var(--monospace);
}

._truncate_1nb69_40 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._underline_1nb69_47 {
  text-decoration: underline dashed var(--gray-300);
}

._main_nlkpm_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  padding: 0 24px;
  max-width: 100%;
}

._container_nlkpm_11 {
  height: 600px;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._staticContent_nlkpm_19 {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  overflow-y: auto;
}

._minErrorContainer_nlkpm_28 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

._title_nlkpm_35 {
  font-weight: 500;
}

._message_nlkpm_39 {
  display: flex;
  flex-direction: column;
  text-align: center;
}

._fullError_nlkpm_45 {
  flex: 1;
  overflow-y: auto;
  color: var(--gray-500);
  text-align: center;
  background-color: var(--gray-100);
  padding: 8px;
  border-radius: 6px;
  font-size: 12px;
  overflow-wrap: break-word;
}

@keyframes _editorGlowKeyframes_d8us9_1 {
  0% {
    box-shadow: 0 0 0 1px #0000, 0 0 0 4px #0000;
  }

  80% {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px var(--blue-300);
  }

  to {
    box-shadow: 0 0 0 1px #0000, 0 0 0 4px #0000;
  }
}

._customEditorComponentContainer_d8us9_12 {
  --glow-height-adjustment: 0;
  --glow-top-adjustment: 0;
}

._customEditorComponentContainer_d8us9_12:not(:last-child) {
  margin-bottom: 8px;
}

._customEditorComponentContainer_d8us9_12._focused_d8us9_19 {
  position: relative;
}

._customEditorComponentContainer_d8us9_12._focused_d8us9_19
  ._glowBorder_d8us9_22 {
  position: absolute;
  height: calc(100% + var(--glow-height-adjustment, 0) * 1px);
  width: calc(100% + 8px);
  top: calc(var(--glow-top-adjustment, 0) * 1px);
  left: -4px;
  border-radius: 4px;
  animation: _editorGlowKeyframes_d8us9_1 2s ease-out infinite;
}

.block-component.table-widget.innerContainer {
  border-color: var(--retool-table-border) !important;
}

.block-component.table-widget.innerContainer.hide-table-border {
  border-color: transparent !important;
  background: transparent;
}

.table-widget,
.table-widget .shortcuts-container,
.table-widget .columns-reorder-container {
  border-radius: min(var(--retool-table-border-radius), 18px);
}

.table-widget .rt-thead {
  height: 36px;
}

.table-widget .rt-thead .rt-th {
  border-color: var(--retool-table-border);
}

.table-widget.hide-column-borders .cell-container-v2 {
  border-right: none;
}

.table-widget.hide-column-borders .rt-thead:not(:hover) .rt-th {
  border-color: transparent;
}

.table-widget.is-empty .rt-thead {
  border: none;
}

.table-widget.is-empty .rt-tr-group {
  display: none;
}

._retool-TableWidget .ant-menu,
.table-dropdown-overlay .ant-menu {
  background: var(--retool-table-toolbar-background);
  border: 1px solid var(--retool-table-border);
  color: var(--retool-table-toolbar-text);
}

._retool-TableWidget .ReactTable,
.table-dropdown-overlay .ReactTable {
  border-radius: min(var(--retool-table-border-radius), 18px);
}

._retool-TableWidget .ReactTable .table-checkbox-column-header,
.table-dropdown-overlay .ReactTable .table-checkbox-column-header {
  padding: 0;
}

._retool-TableWidget .ReactTable .table-checkbox-column-header > div,
.table-dropdown-overlay .ReactTable .table-checkbox-column-header > div {
  height: 100%;
}

._retool-TableWidget .ReactTable .rt-thead,
.table-dropdown-overlay .ReactTable .rt-thead {
  background-color: var(--retool-table-header-background);
  color: var(--retool-table-header-text);
  border-color: var(--retool-table-border);
  border-top-left-radius: min(var(--retool-table-border-radius), 18px);
  border-top-right-radius: min(var(--retool-table-border-radius), 18px);
}

._retool-TableWidget .ReactTable .rt-thead .rt-tr,
.table-dropdown-overlay .ReactTable .rt-thead .rt-tr {
  border-radius: min(var(--retool-table-border-radius), 18px);
}

._retool-TableWidget .ReactTable .rt-thead .table-header-column,
.table-dropdown-overlay .ReactTable .rt-thead .table-header-column {
  display: grid;
  grid-template-columns: 1fr 14px;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-right: 2px;
  padding-left: 12px;
}

._retool-TableWidget
  .ReactTable
  .rt-thead
  .table-header-column:hover
  .sort-dropdown,
.table-dropdown-overlay
  .ReactTable
  .rt-thead
  .table-header-column:hover
  .sort-dropdown {
  color: var(--retool-table-header-text);
}

._retool-TableWidget
  .ReactTable
  .rt-thead
  .-cursor-pointer
  .table-header-column:hover,
.table-dropdown-overlay
  .ReactTable
  .rt-thead
  .-cursor-pointer
  .table-header-column:hover {
  background-color: var(
    --retool-table-header-hover-background,
    var(--retool-table-header-background-600)
  );
}

._retool-TableWidget .ReactTable .rt-thead .column-header-name,
.table-dropdown-overlay .ReactTable .rt-thead .column-header-name {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

._retool-TableWidget .ReactTable .rt-thead .column-header-name .sort-arrow-icon,
._retool-TableWidget .ReactTable .rt-thead .column-header-name .editable-icon,
.table-dropdown-overlay
  .ReactTable
  .rt-thead
  .column-header-name
  .sort-arrow-icon,
.table-dropdown-overlay
  .ReactTable
  .rt-thead
  .column-header-name
  .editable-icon {
  flex: 0 0 auto;
}

._retool-TableWidget .ReactTable .rt-thead .column-header-name .editable-icon,
.table-dropdown-overlay
  .ReactTable
  .rt-thead
  .column-header-name
  .editable-icon {
  margin-right: 4px;
  color: var(--retool-table-header-text);
}

._retool-TableWidget .ReactTable .rt-thead .column-header-name .sort-arrow-icon,
.table-dropdown-overlay
  .ReactTable
  .rt-thead
  .column-header-name
  .sort-arrow-icon {
  vertical-align: middle;
  margin-left: 4px;
  color: var(--retool-table-header-accent);
  display: none;
}

._retool-TableWidget .ReactTable .rt-thead .column-header-name .column-title,
.table-dropdown-overlay
  .ReactTable
  .rt-thead
  .column-header-name
  .column-title {
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._retool-TableWidget .ReactTable .rt-thead .sort-dropdown,
.table-dropdown-overlay .ReactTable .rt-thead .sort-dropdown {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-left: 2px;
}

._retool-TableWidget .ReactTable .rt-thead .-sort-asc,
._retool-TableWidget .ReactTable .rt-thead .-sort-desc,
.table-dropdown-overlay .ReactTable .rt-thead .-sort-asc,
.table-dropdown-overlay .ReactTable .rt-thead .-sort-desc {
  background-color: var(--retool-table-header-background);
  box-shadow: none;
}

._retool-TableWidget .ReactTable .rt-thead .-sort-asc .sort-arrow-icon,
._retool-TableWidget .ReactTable .rt-thead .-sort-desc .sort-arrow-icon,
.table-dropdown-overlay .ReactTable .rt-thead .-sort-asc .sort-arrow-icon,
.table-dropdown-overlay .ReactTable .rt-thead .-sort-desc .sort-arrow-icon {
  display: inline;
}

._retool-TableWidget .ReactTable .rt-thead .-sort-asc,
.table-dropdown-overlay .ReactTable .rt-thead .-sort-asc {
  display: block;
}

._retool-TableWidget .ReactTable .rt-thead .-sort-asc .sort-arrow-icon,
.table-dropdown-overlay .ReactTable .rt-thead .-sort-asc .sort-arrow-icon {
  transform: rotate(180deg);
}

._retool-TableWidget .ReactTable .rthfc-th-fixed,
._retool-TableWidget .ReactTable .rt-th,
.table-dropdown-overlay .ReactTable .rthfc-th-fixed,
.table-dropdown-overlay .ReactTable .rt-th {
  background-color: var(--retool-table-header-background);
}

._retool-TableWidget .ReactTable .table-row.-odd,
.table-dropdown-overlay .ReactTable .table-row.-odd,
._retool-TableWidget
  .ReactTable
  .table-row.-odd
  .rthfc-td-fixed
  .cell-container-v2,
.table-dropdown-overlay
  .ReactTable
  .table-row.-odd
  .rthfc-td-fixed
  .cell-container-v2 {
  background-color: var(--retool-table-background);
}

._retool-TableWidget .ReactTable .table-row.-even,
.table-dropdown-overlay .ReactTable .table-row.-even,
._retool-TableWidget
  .ReactTable
  .table-row.-even
  .rthfc-td-fixed
  .cell-container-v2,
.table-dropdown-overlay
  .ReactTable
  .table-row.-even
  .rthfc-td-fixed
  .cell-container-v2 {
  background-color: var(--retool-table-alternate-row-background);
}

._retool-TableWidget .ReactTable .table-row,
.table-dropdown-overlay .ReactTable .table-row,
._retool-TableWidget .ReactTable .table-row .inner-cell-container,
.table-dropdown-overlay .ReactTable .table-row .inner-cell-container {
  position: relative;
}

._retool-TableWidget .ReactTable .cell-container-v2,
.table-dropdown-overlay .ReactTable .cell-container-v2 {
  color: var(--retool-table-cell-text);
  background-color: unset;
}

._retool-TableWidget .ReactTable .rt-noData,
.table-dropdown-overlay .ReactTable .rt-noData {
  color: var(--retool-table-header-text);
  background-color: transparent;
}

._retool-TableWidget .ReactTable .rt-tbody,
.table-dropdown-overlay .ReactTable .rt-tbody {
  border-color: var(--retool-table-border);
  background-color: var(--retool-table-background);
}

._retool-TableWidget .ReactTable .rt-tbody .rthfc-td-fixed .cell-container-v2,
._retool-TableWidget .ReactTable .rt-tbody .rthfc-td-fixed .table-cell-action,
.table-dropdown-overlay
  .ReactTable
  .rt-tbody
  .rthfc-td-fixed
  .cell-container-v2,
.table-dropdown-overlay
  .ReactTable
  .rt-tbody
  .rthfc-td-fixed
  .table-cell-action {
  border-top: 1px solid var(--retool-table-border);
}

._retool-TableWidget .ReactTable .rt-tbody .rthfc-td-fixed .table-cell-opacity,
.table-dropdown-overlay
  .ReactTable
  .rt-tbody
  .rthfc-td-fixed
  .table-cell-opacity {
  z-index: 1;
}

._retool-TableWidget .ReactTable .rt-tbody .rt-tr-group,
.table-dropdown-overlay .ReactTable .rt-tbody .rt-tr-group {
  border-color: var(--retool-table-border);
}

._retool-TableWidget .ReactTable .rt-tbody .rt-tr-group:last-child,
.table-dropdown-overlay .ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 1px solid var(--retool-table-border);
}

._retool-TableWidget .ReactTable .rt-tbody .rt-tr,
.table-dropdown-overlay .ReactTable .rt-tbody .rt-tr,
._retool-TableWidget .ReactTable .rt-tbody .cell-container-v2,
._retool-TableWidget .ReactTable .rt-tbody .table-cell-action,
.table-dropdown-overlay .ReactTable .rt-tbody .cell-container-v2,
.table-dropdown-overlay .ReactTable .rt-tbody .table-cell-action {
  border-color: var(--retool-table-border);
}

._retool-TableWidget .ReactTable .rt-tbody .table-cell-action,
.table-dropdown-overlay .ReactTable .rt-tbody .table-cell-action {
  border-top: 1px solid var(--retool-table-border);
}

._retool-TableWidget .ReactTable .rt-td:last-of-type .cell-container-v2,
.table-dropdown-overlay .ReactTable .rt-td:last-of-type .cell-container-v2 {
  border-right: none;
}

._retool-TableWidget .ReactTable .-pagination,
.table-dropdown-overlay .ReactTable .-pagination {
  box-shadow: none;
}

._retool-TableWidget .ReactTable .-pagination .ant-btn-link,
.table-dropdown-overlay .ReactTable .-pagination .ant-btn-link {
  color: var(--retool-table-toolbar-accent);
}

._retool-TableWidget .ReactTable .-pagination .ant-btn-link:hover,
.table-dropdown-overlay .ReactTable .-pagination .ant-btn-link:hover {
  color: var(--retool-table-toolbar-accent-600);
}

._retool-TableWidget .ReactTable .-pagination .ant-btn-primary,
.table-dropdown-overlay .ReactTable .-pagination .ant-btn-primary {
  background-color: var(--retool-table-toolbar-accent);
  border-color: var(--retool-table-toolbar-accent);
  color: var(--retool-table-toolbar-accent-text);
}

._retool-TableWidget .ReactTable .-pagination .ant-btn-primary:hover,
.table-dropdown-overlay .ReactTable .-pagination .ant-btn-primary:hover {
  background-color: var(--retool-table-toolbar-accent-600);
}

._retool-TableWidget .ReactTable .-pagination .ant-btn-ghost,
.table-dropdown-overlay .ReactTable .-pagination .ant-btn-ghost {
  background-color: none;
  color: var(--retool-table-toolbar-text);
  border-color: var(--retool-table-toolbar-text);
}

._retool-TableWidget .ReactTable .-pagination,
._retool-TableWidget .ReactTable .pagination-bottom .-pagination,
.table-dropdown-overlay .ReactTable .-pagination,
.table-dropdown-overlay .ReactTable .pagination-bottom .-pagination {
  background-color: var(--retool-table-toolbar-background);
}

._retool-TableWidget .ReactTable .-pagination .ant-btn-link-gray,
._retool-TableWidget
  .ReactTable
  .pagination-bottom
  .-pagination
  .ant-btn-link-gray,
.table-dropdown-overlay .ReactTable .-pagination .ant-btn-link-gray,
.table-dropdown-overlay
  .ReactTable
  .pagination-bottom
  .-pagination
  .ant-btn-link-gray {
  background-color: transparent;
  color: var(--retool-table-toolbar-text);
}

._retool-TableWidget .ReactTable .-pagination .ant-btn-link-gray:hover,
._retool-TableWidget
  .ReactTable
  .pagination-bottom
  .-pagination
  .ant-btn-link-gray:hover,
.table-dropdown-overlay .ReactTable .-pagination .ant-btn-link-gray:hover,
.table-dropdown-overlay
  .ReactTable
  .pagination-bottom
  .-pagination
  .ant-btn-link-gray:hover {
  color: var(--retool-table-toolbar-accent);
}

._retool-TableWidget .ReactTable .-pagination .table-results-counter,
._retool-TableWidget
  .ReactTable
  .pagination-bottom
  .-pagination
  .table-results-counter,
.table-dropdown-overlay .ReactTable .-pagination .table-results-counter,
.table-dropdown-overlay
  .ReactTable
  .pagination-bottom
  .-pagination
  .table-results-counter,
._retool-TableWidget .ReactTable .-pagination .-pageInfo,
._retool-TableWidget .ReactTable .pagination-bottom .-pagination .-pageInfo,
.table-dropdown-overlay .ReactTable .-pagination .-pageInfo,
.table-dropdown-overlay .ReactTable .pagination-bottom .-pagination .-pageInfo {
  color: var(--retool-table-toolbar-text);
}

._retool-TableWidget .ReactTable .-pagination .-pageJump input,
._retool-TableWidget
  .ReactTable
  .pagination-bottom
  .-pagination
  .-pageJump
  input,
.table-dropdown-overlay .ReactTable .-pagination .-pageJump input,
.table-dropdown-overlay
  .ReactTable
  .pagination-bottom
  .-pagination
  .-pageJump
  input {
  background: var(--retool-table-background);
  color: var(--retool-table-cell-text);
  border-color: var(--retool-table-border);
}

._retool-TableWidget .ReactTable .-pagination .-previous button,
._retool-TableWidget .ReactTable .-pagination .-next button,
._retool-TableWidget
  .ReactTable
  .pagination-bottom
  .-pagination
  .-previous
  button,
._retool-TableWidget .ReactTable .pagination-bottom .-pagination .-next button,
.table-dropdown-overlay .ReactTable .-pagination .-previous button,
.table-dropdown-overlay .ReactTable .-pagination .-next button,
.table-dropdown-overlay
  .ReactTable
  .pagination-bottom
  .-pagination
  .-previous
  button,
.table-dropdown-overlay
  .ReactTable
  .pagination-bottom
  .-pagination
  .-next
  button {
  background-color: transparent !important;
}

._retool-TableWidget .ReactTable .-pagination .table-actions .ant-btn,
._retool-TableWidget
  .ReactTable
  .pagination-bottom
  .-pagination
  .table-actions
  .ant-btn,
.table-dropdown-overlay .ReactTable .-pagination .table-actions .ant-btn,
.table-dropdown-overlay
  .ReactTable
  .pagination-bottom
  .-pagination
  .table-actions
  .ant-btn {
  color: var(--retool-table-toolbar-text);
}

._retool-TableWidget .ReactTable .-pagination .table-actions .ant-btn:hover,
._retool-TableWidget
  .ReactTable
  .pagination-bottom
  .-pagination
  .table-actions
  .ant-btn:hover,
.table-dropdown-overlay .ReactTable .-pagination .table-actions .ant-btn:hover,
.table-dropdown-overlay
  .ReactTable
  .pagination-bottom
  .-pagination
  .table-actions
  .ant-btn:hover {
  color: var(--retool-table-toolbar-accent);
}

._retool-TableWidget .ReactTable .pagination-bottom .-pagination,
.table-dropdown-overlay .ReactTable .pagination-bottom .-pagination {
  border-bottom-left-radius: min(var(--retool-table-border-radius), 18px);
  border-bottom-right-radius: min(var(--retool-table-border-radius), 18px);
  border-top: 1px solid var(--retool-table-border);
}

._retool-TableWidget .ReactTable .pagination-top .-pagination,
.table-dropdown-overlay .ReactTable .pagination-top .-pagination {
  border-top-width: 1px;
  border-top-left-radius: min(var(--retool-table-border-radius), 18px);
  border-top-right-radius: min(var(--retool-table-border-radius), 18px);
  border-top: 1px solid var(--retool-table-border);
  border-bottom: 1px solid var(--retool-table-border);
}

._retool-TableWidget .ReactTable .pagination-top .-pagination.hide-table-border,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .-pagination.hide-table-border {
  border-top-color: transparent;
}

._retool-TableWidget
  .ReactTable
  .pagination-top
  .rt-tr-group:last-child
  .rthfc-td-fixed-right:last-of-type,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .rt-tr-group:last-child
  .rthfc-td-fixed-right:last-of-type {
  border-bottom-right-radius: min(var(--retool-table-border-radius), 18px);
}

._retool-TableWidget
  .ReactTable
  .pagination-top
  .rt-tr-group:last-child
  .rthfc-td-fixed-left:first-of-type,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .rt-tr-group:last-child
  .rthfc-td-fixed-left:first-of-type {
  border-bottom-left-radius: min(var(--retool-table-border-radius), 18px);
}

._retool-TableWidget
  .ReactTable
  .pagination-top.full-table
  .rt-tr-group:last-child,
.table-dropdown-overlay
  .ReactTable
  .pagination-top.full-table
  .rt-tr-group:last-child {
  border-bottom: none;
}

._retool-TableWidget
  .ReactTable
  .pagination-top.full-table
  .ReactVirtualized__Grid
  .rt-tr-group:last-child,
.table-dropdown-overlay
  .ReactTable
  .pagination-top.full-table
  .ReactVirtualized__Grid
  .rt-tr-group:last-child {
  border-bottom: 1px solid var(--retool-table-border);
}

._retool-TableWidget
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group
  .rthfc-td-fixed-right,
._retool-TableWidget
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group
  .rthfc-td-fixed-left,
._retool-TableWidget
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .rthfc-td-fixed-right,
._retool-TableWidget
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .rthfc-td-fixed-left,
._retool-TableWidget
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:first-child
  .rthfc-td-fixed-right,
._retool-TableWidget
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:first-child
  .rthfc-td-fixed-left,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group
  .rthfc-td-fixed-right,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group
  .rthfc-td-fixed-left,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .rthfc-td-fixed-right,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .rthfc-td-fixed-left,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:first-child
  .rthfc-td-fixed-right,
.table-dropdown-overlay
  .ReactTable
  .pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:first-child
  .rthfc-td-fixed-left {
  border-radius: 0;
}

._retool-TableWidget .ReactTable .rt-table.pagination-bottom,
.table-dropdown-overlay .ReactTable .rt-table.pagination-bottom {
  border-radius: min(var(--retool-table-border-radius), 18px)
    min(var(--retool-table-border-radius), 18px) 0 0;
}

._retool-TableWidget .ReactTable .rt-table.pagination-top,
.table-dropdown-overlay .ReactTable .rt-table.pagination-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._retool-TableWidget
  .ReactTable
  .rt-table.pagination-top
  .rt-tr-group:last-child,
._retool-TableWidget .ReactTable .rt-table.pagination-top .rt-tbody,
.table-dropdown-overlay
  .ReactTable
  .rt-table.pagination-top
  .rt-tr-group:last-child,
.table-dropdown-overlay .ReactTable .rt-table.pagination-top .rt-tbody {
  border-bottom-right-radius: min(var(--retool-table-border-radius), 18px);
  border-bottom-left-radius: min(var(--retool-table-border-radius), 18px);
}

._retool-TableWidget
  .ReactTable
  .rt-table.pagination-top
  .rt-tr-group:last-child
  .table-row,
._retool-TableWidget
  .ReactTable
  .rt-table.pagination-top
  .rt-tr-group:last-child
  .table-row.selected:before,
._retool-TableWidget
  .ReactTable
  .rt-table.pagination-top
  .rt-tr-group:last-child
  .table-row:hover:before,
.table-dropdown-overlay
  .ReactTable
  .rt-table.pagination-top
  .rt-tr-group:last-child
  .table-row,
.table-dropdown-overlay
  .ReactTable
  .rt-table.pagination-top
  .rt-tr-group:last-child
  .table-row.selected:before,
.table-dropdown-overlay
  .ReactTable
  .rt-table.pagination-top
  .rt-tr-group:last-child
  .table-row:hover:before {
  border-bottom-right-radius: min(var(--retool-table-border-radius), 18px);
  border-bottom-left-radius: min(var(--retool-table-border-radius), 18px);
}

._retool-TableWidget
  .ReactTable
  .rt-table.pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .table-row,
._retool-TableWidget
  .ReactTable
  .rt-table.pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .table-row.selected:before,
._retool-TableWidget
  .ReactTable
  .rt-table.pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .table-row:hover:before,
.table-dropdown-overlay
  .ReactTable
  .rt-table.pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .table-row,
.table-dropdown-overlay
  .ReactTable
  .rt-table.pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .table-row.selected:before,
.table-dropdown-overlay
  .ReactTable
  .rt-table.pagination-top
  .ReactVirtualized__Grid
  .rt-tr-group:last-child
  .table-row:hover:before {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

._retool-TableWidget .table-floating-row .table-row,
.table-dropdown-overlay .table-floating-row .table-row {
  background-color: var(--retool-table-background);
  color: var(--retool-table-cell-text);
}

._retool-TableWidget .table-floating-row:after,
.table-dropdown-overlay .table-floating-row:after {
  border: 2px solid var(--retool-table-header-accent);
}

._retool-TableWidget .table-floating-row-header,
.table-dropdown-overlay .table-floating-row-header {
  background-color: var(--retool-table-header-background);
  color: var(--retool-table-header-text);
}

._retool-TableWidget .table-filters .anticon,
.table-dropdown-overlay .table-filters .anticon {
  color: var(--retool-table-toolbar-text);
}

._retool-TableWidget .table-filters .filter-close-icon:hover,
._retool-TableWidget .table-filters .ant-menu-item:hover,
.table-dropdown-overlay .table-filters .filter-close-icon:hover,
.table-dropdown-overlay .table-filters .ant-menu-item:hover {
  color: var(--retool-table-toolbar-accent);
}

.retool-canvas-container,
.presentation-container {
  background: var(--canvas) !important;
}

.retool-canvas-container .input-control-component__label,
.presentation-container .input-control-component__label {
  color: var(--primary-text);
}

.retool-canvas-container .ant-select-dropdown,
.presentation-container .ant-select-dropdown {
  background: var(--secondary-surface);
  border-radius: var(--border-radius);
}

.retool-canvas-container .ant-select-dropdown .ant-select-selected-icon,
.presentation-container .ant-select-dropdown .ant-select-selected-icon {
  color: var(--accent-foreground);
}

.retool-canvas-container .ant-select-dropdown-menu-item,
.presentation-container .ant-select-dropdown-menu-item {
  color: var(--primary-text);
}

.retool-canvas-container .ant-select-dropdown-menu-item-selected,
.presentation-container .ant-select-dropdown-menu-item-selected {
  color: var(--accent-foreground);
  background-color: var(--accent-background);
}

.retool-canvas-container .ant-select-dropdown-menu-item-active,
.presentation-container .ant-select-dropdown-menu-item-active {
  background-color: var(--highlight-background) !important;
}

.retool-canvas-container .ant-input,
.retool-canvas-container .ant-timeline-item,
.retool-canvas-container .ant-tree-title,
.retool-canvas-container .ant-cascader-menu,
.retool-canvas-container .ant-tag,
.presentation-container .ant-input,
.presentation-container .ant-timeline-item,
.presentation-container .ant-tree-title,
.presentation-container .ant-cascader-menu,
.presentation-container .ant-tag {
  font-size: var(--default-font-size, 12px);
  line-height: 1.667em;
}

.retool-canvas-container .ant-cascader-menus .ant-cascader-menu,
.presentation-container .ant-cascader-menus .ant-cascader-menu {
  background: var(--secondary-surface);
  border-color: var(--border-color);
  color: var(--primary-text);
}

.retool-canvas-container
  .ant-cascader-menus
  .ant-cascader-menu
  .ant-cascader-menu-item,
.presentation-container
  .ant-cascader-menus
  .ant-cascader-menu
  .ant-cascader-menu-item {
  line-height: 1.83em;
}

.retool-canvas-container
  .ant-cascader-menus
  .ant-cascader-menu
  .ant-cascader-menu-item:hover,
.retool-canvas-container
  .ant-cascader-menus
  .ant-cascader-menu
  .ant-cascader-menu-item-active,
.presentation-container
  .ant-cascader-menus
  .ant-cascader-menu
  .ant-cascader-menu-item:hover,
.presentation-container
  .ant-cascader-menus
  .ant-cascader-menu
  .ant-cascader-menu-item-active {
  background: var(--highlight-background);
}

.retool-canvas-container .ant-time-picker-panel .ant-calendar-time-picker-input,
.retool-canvas-container .ant-time-picker-panel .ant-calendar-time-picker-inner,
.retool-canvas-container .ant-time-picker-panel .ant-time-picker-panel-inner,
.retool-canvas-container .ant-time-picker-panel .ant-time-picker-panel-input,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-input,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-inner,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-inner,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-input,
.presentation-container .ant-time-picker-panel .ant-calendar-time-picker-input,
.presentation-container .ant-time-picker-panel .ant-calendar-time-picker-inner,
.presentation-container .ant-time-picker-panel .ant-time-picker-panel-inner,
.presentation-container .ant-time-picker-panel .ant-time-picker-panel-input,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-input,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-inner,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-inner,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-input {
  background-color: var(--secondary-surface);
  border-color: var(--border-color);
  color: var(--primary-text);
}

.retool-canvas-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-input-wrap,
.retool-canvas-container
  .ant-time-picker-panel
  .ant-time-picker-panel-input-wrap,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-input-wrap,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-input-wrap,
.presentation-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-input-wrap,
.presentation-container
  .ant-time-picker-panel
  .ant-time-picker-panel-input-wrap,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-input-wrap,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-input-wrap,
.retool-canvas-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select,
.retool-canvas-container .ant-time-picker-panel .ant-time-picker-panel-select,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select,
.presentation-container .ant-time-picker-panel .ant-calendar-time-picker-select,
.presentation-container .ant-time-picker-panel .ant-time-picker-panel-select,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select {
  border-color: var(--border-color);
}

.retool-canvas-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select
  .ant-calendar-time-picker-select-option-selected,
.retool-canvas-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select
  .ant-time-picker-panel-select-option-selected,
.retool-canvas-container
  .ant-time-picker-panel
  .ant-time-picker-panel-select
  .ant-calendar-time-picker-select-option-selected,
.retool-canvas-container
  .ant-time-picker-panel
  .ant-time-picker-panel-select
  .ant-time-picker-panel-select-option-selected,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select
  .ant-calendar-time-picker-select-option-selected,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select
  .ant-time-picker-panel-select-option-selected,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select
  .ant-calendar-time-picker-select-option-selected,
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select
  .ant-time-picker-panel-select-option-selected,
.presentation-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select
  .ant-calendar-time-picker-select-option-selected,
.presentation-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select
  .ant-time-picker-panel-select-option-selected,
.presentation-container
  .ant-time-picker-panel
  .ant-time-picker-panel-select
  .ant-calendar-time-picker-select-option-selected,
.presentation-container
  .ant-time-picker-panel
  .ant-time-picker-panel-select
  .ant-time-picker-panel-select-option-selected,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select
  .ant-calendar-time-picker-select-option-selected,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select
  .ant-time-picker-panel-select-option-selected,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select
  .ant-calendar-time-picker-select-option-selected,
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select
  .ant-time-picker-panel-select-option-selected {
  background-color: var(--accent-background);
  color: var(--accent-foreground);
}

.retool-canvas-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select
  li:hover:not(.ant-time-picker-panel-select-option-selected),
.retool-canvas-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select
  li:hover:not(.ant-calendar-time-picker-select-option-selected),
.retool-canvas-container
  .ant-time-picker-panel
  .ant-time-picker-panel-select
  li:hover:not(.ant-time-picker-panel-select-option-selected),
.retool-canvas-container
  .ant-time-picker-panel
  .ant-time-picker-panel-select
  li:hover:not(.ant-calendar-time-picker-select-option-selected),
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select
  li:hover:not(.ant-time-picker-panel-select-option-selected),
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select
  li:hover:not(.ant-calendar-time-picker-select-option-selected),
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select
  li:hover:not(.ant-time-picker-panel-select-option-selected),
.retool-canvas-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select
  li:hover:not(.ant-calendar-time-picker-select-option-selected),
.presentation-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select
  li:hover:not(.ant-time-picker-panel-select-option-selected),
.presentation-container
  .ant-time-picker-panel
  .ant-calendar-time-picker-select
  li:hover:not(.ant-calendar-time-picker-select-option-selected),
.presentation-container
  .ant-time-picker-panel
  .ant-time-picker-panel-select
  li:hover:not(.ant-time-picker-panel-select-option-selected),
.presentation-container
  .ant-time-picker-panel
  .ant-time-picker-panel-select
  li:hover:not(.ant-calendar-time-picker-select-option-selected),
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select
  li:hover:not(.ant-time-picker-panel-select-option-selected),
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-calendar-time-picker-select
  li:hover:not(.ant-calendar-time-picker-select-option-selected),
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select
  li:hover:not(.ant-time-picker-panel-select-option-selected),
.presentation-container
  .ant-calendar-time-picker-panel
  .ant-time-picker-panel-select
  li:hover:not(.ant-calendar-time-picker-select-option-selected) {
  background-color: var(--highlight-background);
}

.retool-canvas-container .ant-calendar-picker-container .ant-calendar,
.presentation-container .ant-calendar-picker-container .ant-calendar {
  border-radius: var(--border-radius);
  background-color: var(--secondary-surface);
  border-color: var(--border-color);
  color: var(--primary-text);
}

.retool-canvas-container .ant-calendar-picker-container .ant-calendar-input,
.presentation-container .ant-calendar-picker-container .ant-calendar-input {
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-input::placeholder,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-input__placeholder,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-input::placeholder,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-input__placeholder {
  color: var(--tertiary-text);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-input-wrap,
.retool-canvas-container .ant-calendar-picker-container .ant-calendar-body,
.retool-canvas-container .ant-calendar-picker-container .ant-calendar-header,
.retool-canvas-container .ant-calendar-picker-container .ant-calendar-footer,
.presentation-container .ant-calendar-picker-container .ant-calendar-input-wrap,
.presentation-container .ant-calendar-picker-container .ant-calendar-body,
.presentation-container .ant-calendar-picker-container .ant-calendar-header,
.presentation-container .ant-calendar-picker-container .ant-calendar-footer {
  border-color: var(--border-color);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-prev-year-btn:before,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-prev-year-btn:after,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-prev-month-btn:before,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-prev-month-btn:after,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-next-month-btn:before,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-next-month-btn:after,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-next-year-btn:before,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-next-year-btn:after,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-prev-year-btn:before,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-prev-year-btn:after,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-prev-month-btn:before,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-prev-month-btn:after,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-next-month-btn:before,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-next-month-btn:after,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-next-year-btn:before,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-next-year-btn:after {
  border-color: var(--primary-text);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-month-select,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-year-select,
.retool-canvas-container .ant-calendar-picker-container .ant-calendar-today-btn,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-month-select,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-year-select,
.presentation-container .ant-calendar-picker-container .ant-calendar-today-btn {
  color: var(--primary-text);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-month-select:hover,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-year-select:hover,
.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-today-btn:hover,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-month-select:hover,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-year-select:hover,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-today-btn:hover {
  color: var(--accent-background);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-column-header,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-column-header,
.retool-canvas-container .ant-calendar-picker-container .ant-calendar-date,
.presentation-container .ant-calendar-picker-container .ant-calendar-date {
  color: var(--primary-text);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-date:hover,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-date:hover {
  background: var(--accent-background);
  color: var(--accent-foreground);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-selected-day
  .ant-calendar-date,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-selected-day
  .ant-calendar-date {
  background: var(--primary-background);
  color: var(--primary-foreground);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-in-range-cell:before,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-in-range-cell:before {
  background: var(--highlight-background);
}

.retool-canvas-container
  .ant-calendar-picker-container
  .ant-calendar-next-month-btn-day
  .ant-calendar-date,
.presentation-container
  .ant-calendar-picker-container
  .ant-calendar-next-month-btn-day
  .ant-calendar-date {
  color: var(--tertiary-text);
}

.retool-canvas-container .block-component,
.retool-canvas-container .retool-container,
.presentation-container .block-component,
.presentation-container .retool-container {
  border-color: var(--border-color) !important;
  background: var(--primary-surface);
}

.retool-canvas-container .fetching-mask,
.presentation-container .fetching-mask {
  background-color: transparent;
}

.retool-canvas-container .fetching-mask:after,
.presentation-container .fetching-mask:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  background-color: var(--highlight-background);
}

#retool-canvas-modal-mount-provider .ant-modal.retool-modal-component {
  transform: translate(0) !important;
}

.ant-modal.retool-modal-component.retool-container {
  outline: none;
}

.ant-modal.retool-modal-component .ant-modal-close-x {
  color: var(--primary-text);
}

.ant-modal.retool-modal-component .ant-modal-close-x:hover {
  color: var(--accent-background);
}

.ant-modal.retool-modal-component .ant-modal-body {
  border-radius: 4px;
  border: 1px solid var(--border-color) !important;
  background-color: var(--primary-surface);
}

._retool-TextWidget .text-widget {
  color: var(--primary-text) !important;
  background: var(--text-background) !important;
}

._retool-TextWidget .text-widget a {
  color: var(--accent-background);
}

._retool-StatisticWidget .ant-statistic-title {
  color: var(--secondary-text);
}

._retool-StatisticWidget .ant-statistic-content {
  color: var(--primary-text);
}

._retool-TimelineWidget .ant-timeline-item-head {
  color: var(--secondary-surface);
  background: var(--secondary-surface);
  border-color: var(--accent-background);
}

._retool-TimelineWidget .ant-timeline-item-tail {
  border-color: var(--border-color);
}

._retool-TimelineWidget .ant-timeline-item-content {
  color: var(--primary-text);
  top: calc(-1 * (0.5em - 2px));
}

._retool-EditableTextWidget {
  font-size: var(--default-font-size, 12px);
  line-height: 1.667em;
}

._retool-EditableTextWidget .editable-text-component__input-span {
  color: var(--primary-text);
  border-color: var(--border-color);
}

._retool-EditableTextWidget .anticon {
  color: var(--primary-text);
  font-size: var(--default-font-size, 12px);
}

._retool-EditableTextWidget .ant-input {
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
  border-color: var(--border-color);
  height: 2.333em;
  padding: 0.333em 1em;
}

._retool-EditableTextWidget .ant-input::placeholder,
._retool-EditableTextWidget .ant-input__placeholder {
  color: var(--tertiary-text);
}

._retool-EditableTextWidget .ant-input:hover,
._retool-EditableTextWidget .ant-input:active {
  border-color: var(--accent-background);
}

._retool-EditableTextWidget .ant-input[aria-expanded="true"],
._retool-EditableTextWidget .ant-input[class*="focus"],
._retool-EditableTextWidget .ant-input:focus,
._retool-EditableTextWidget .ant-input:active {
  border-color: var(--accent-background);
  box-shadow: 0 0 1px 1px var(--accent-background-lightest);
}

._retool-EditableTextWidget .ant-input-disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-EditableTextWidget .ant-input-disabled::placeholder,
._retool-EditableTextWidget .ant-input-disabled__placeholder {
  color: inherit;
}

._retool-FilePickerWidget .ant-btn,
._retool-ScannerWidget .ant-btn,
._retool-AuthLoginWidget .ant-btn,
._retool-MicrophoneWidget .ant-btn,
._retool-ButtonWidget .ant-btn,
._retool-ModalWidget .ant-btn,
._retool-S3UploaderWidget .ant-btn {
  background-color: var(--accent-background) !important;
  border-color: var(--accent-background) !important;
  color: var(--accent-foreground) !important;
  border-radius: var(--border-radius);
  font-size: var(--default-font-size, 12px);
  height: 2.333em;
}

._retool-FilePickerWidget .ant-btn:hover:not(:active):not(:disabled),
._retool-ScannerWidget .ant-btn:hover:not(:active):not(:disabled),
._retool-AuthLoginWidget .ant-btn:hover:not(:active):not(:disabled),
._retool-MicrophoneWidget .ant-btn:hover:not(:active):not(:disabled),
._retool-ButtonWidget .ant-btn:hover:not(:active):not(:disabled),
._retool-ModalWidget .ant-btn:hover:not(:active):not(:disabled),
._retool-S3UploaderWidget .ant-btn:hover:not(:active):not(:disabled) {
  background-color: var(--accent-background-light) !important;
  border-color: var(--accent-background-light) !important;
}

._retool-FilePickerWidget .ant-btn.disabled,
._retool-FilePickerWidget .ant-btn:disabled,
._retool-ScannerWidget .ant-btn.disabled,
._retool-ScannerWidget .ant-btn:disabled,
._retool-AuthLoginWidget .ant-btn.disabled,
._retool-AuthLoginWidget .ant-btn:disabled,
._retool-MicrophoneWidget .ant-btn.disabled,
._retool-MicrophoneWidget .ant-btn:disabled,
._retool-ButtonWidget .ant-btn.disabled,
._retool-ButtonWidget .ant-btn:disabled,
._retool-ModalWidget .ant-btn.disabled,
._retool-ModalWidget .ant-btn:disabled,
._retool-S3UploaderWidget .ant-btn.disabled,
._retool-S3UploaderWidget .ant-btn:disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-FilePickerWidget .ant-btn.disabled::placeholder,
._retool-FilePickerWidget .ant-btn.disabled__placeholder,
._retool-FilePickerWidget .ant-btn:disabled::placeholder,
._retool-FilePickerWidget .ant-btn:disabled__placeholder,
._retool-ScannerWidget .ant-btn.disabled::placeholder,
._retool-ScannerWidget .ant-btn.disabled__placeholder,
._retool-ScannerWidget .ant-btn:disabled::placeholder,
._retool-ScannerWidget .ant-btn:disabled__placeholder,
._retool-AuthLoginWidget .ant-btn.disabled::placeholder,
._retool-AuthLoginWidget .ant-btn.disabled__placeholder,
._retool-AuthLoginWidget .ant-btn:disabled::placeholder,
._retool-AuthLoginWidget .ant-btn:disabled__placeholder,
._retool-MicrophoneWidget .ant-btn.disabled::placeholder,
._retool-MicrophoneWidget .ant-btn.disabled__placeholder,
._retool-MicrophoneWidget .ant-btn:disabled::placeholder,
._retool-MicrophoneWidget .ant-btn:disabled__placeholder,
._retool-ButtonWidget .ant-btn.disabled::placeholder,
._retool-ButtonWidget .ant-btn.disabled__placeholder,
._retool-ButtonWidget .ant-btn:disabled::placeholder,
._retool-ButtonWidget .ant-btn:disabled__placeholder,
._retool-ModalWidget .ant-btn.disabled::placeholder,
._retool-ModalWidget .ant-btn.disabled__placeholder,
._retool-ModalWidget .ant-btn:disabled::placeholder,
._retool-ModalWidget .ant-btn:disabled__placeholder,
._retool-S3UploaderWidget .ant-btn.disabled::placeholder,
._retool-S3UploaderWidget .ant-btn.disabled__placeholder,
._retool-S3UploaderWidget .ant-btn:disabled::placeholder,
._retool-S3UploaderWidget .ant-btn:disabled__placeholder {
  color: inherit;
}

._retool-ToggleWidget .ant-switch-checked {
  background: var(--accent-background);
}

._retool-ToggleWidget .ant-switch:after {
  background: var(--secondary-surface);
}

._retool-ProgressWidget .ant-progress-inner {
  background-color: var(--secondary-surface) !important;
}

._retool-ProgressWidget .ant-progress-bg {
  background-color: var(--accent-background);
}

._retool-ProgressWidget
  .ant-progress-status-success
  ._retool-ProgressWidget
  .ant-progress-bg {
  background-color: var(--success-secondary);
}

._retool-ProgressWidget .ant-progress-text {
  color: var(--primary-text);
}

._retool-CheckboxWidget .ant-tree-title,
._retool-CheckboxWidget .ant-tree-switcher,
._retool-CheckboxTreeWidget .ant-tree-title,
._retool-CheckboxTreeWidget .ant-tree-switcher,
._retool-CheckboxGroupWidget .ant-tree-title,
._retool-CheckboxGroupWidget .ant-tree-switcher {
  color: var(--secondary-text);
  line-height: initial;
}

._retool-CheckboxWidget .ant-tree-node-selected,
._retool-CheckboxWidget .ant-tree-node-content-wrapper:hover,
._retool-CheckboxTreeWidget .ant-tree-node-selected,
._retool-CheckboxTreeWidget .ant-tree-node-content-wrapper:hover,
._retool-CheckboxGroupWidget .ant-tree-node-selected,
._retool-CheckboxGroupWidget .ant-tree-node-content-wrapper:hover {
  background: transparent !important;
}

._retool-CheckboxWidget .ant-checkbox-wrapper,
._retool-CheckboxWidget .ant-tree-checkbox-wrapper,
._retool-CheckboxTreeWidget .ant-checkbox-wrapper,
._retool-CheckboxTreeWidget .ant-tree-checkbox-wrapper,
._retool-CheckboxGroupWidget .ant-checkbox-wrapper,
._retool-CheckboxGroupWidget .ant-tree-checkbox-wrapper {
  color: var(--primary-text) !important;
}

._retool-CheckboxWidget .ant-checkbox-wrapper-disabled span,
._retool-CheckboxWidget .ant-tree-checkbox-wrapper-disabled span,
._retool-CheckboxTreeWidget .ant-checkbox-wrapper-disabled span,
._retool-CheckboxTreeWidget .ant-tree-checkbox-wrapper-disabled span,
._retool-CheckboxGroupWidget .ant-checkbox-wrapper-disabled span,
._retool-CheckboxGroupWidget .ant-tree-checkbox-wrapper-disabled span {
  color: var(--disabled-foreground);
}

._retool-CheckboxWidget .ant-checkbox-inner,
._retool-CheckboxWidget .ant-tree-checkbox-inner,
._retool-CheckboxTreeWidget .ant-checkbox-inner,
._retool-CheckboxTreeWidget .ant-tree-checkbox-inner,
._retool-CheckboxGroupWidget .ant-checkbox-inner,
._retool-CheckboxGroupWidget .ant-tree-checkbox-inner {
  border-color: var(--border-color);
  background: var(--secondary-surface);
}

._retool-CheckboxWidget .ant-checkbox-inner:after,
._retool-CheckboxWidget .ant-tree-checkbox-inner:after,
._retool-CheckboxTreeWidget .ant-checkbox-inner:after,
._retool-CheckboxTreeWidget .ant-tree-checkbox-inner:after,
._retool-CheckboxGroupWidget .ant-checkbox-inner:after,
._retool-CheckboxGroupWidget .ant-tree-checkbox-inner:after {
  border-color: var(--accent-foreground);
}

._retool-CheckboxWidget .ant-checkbox-checked:after,
._retool-CheckboxWidget .ant-checkbox-indeterminate:after,
._retool-CheckboxWidget .ant-tree-checkbox-checked:after,
._retool-CheckboxWidget .ant-tree-checkbox-indeterminate:after,
._retool-CheckboxTreeWidget .ant-checkbox-checked:after,
._retool-CheckboxTreeWidget .ant-checkbox-indeterminate:after,
._retool-CheckboxTreeWidget .ant-tree-checkbox-checked:after,
._retool-CheckboxTreeWidget .ant-tree-checkbox-indeterminate:after,
._retool-CheckboxGroupWidget .ant-checkbox-checked:after,
._retool-CheckboxGroupWidget .ant-checkbox-indeterminate:after,
._retool-CheckboxGroupWidget .ant-tree-checkbox-checked:after,
._retool-CheckboxGroupWidget .ant-tree-checkbox-indeterminate:after {
  border-color: var(--border-color);
}

._retool-CheckboxWidget .ant-checkbox-checked .ant-checkbox-inner,
._retool-CheckboxWidget .ant-checkbox-checked .ant-tree-checkbox-inner,
._retool-CheckboxWidget .ant-checkbox-indeterminate .ant-checkbox-inner,
._retool-CheckboxWidget .ant-checkbox-indeterminate .ant-tree-checkbox-inner,
._retool-CheckboxWidget .ant-tree-checkbox-checked .ant-checkbox-inner,
._retool-CheckboxWidget .ant-tree-checkbox-checked .ant-tree-checkbox-inner,
._retool-CheckboxWidget .ant-tree-checkbox-indeterminate .ant-checkbox-inner,
._retool-CheckboxWidget
  .ant-tree-checkbox-indeterminate
  .ant-tree-checkbox-inner,
._retool-CheckboxTreeWidget .ant-checkbox-checked .ant-checkbox-inner,
._retool-CheckboxTreeWidget .ant-checkbox-checked .ant-tree-checkbox-inner,
._retool-CheckboxTreeWidget .ant-checkbox-indeterminate .ant-checkbox-inner,
._retool-CheckboxTreeWidget
  .ant-checkbox-indeterminate
  .ant-tree-checkbox-inner,
._retool-CheckboxTreeWidget .ant-tree-checkbox-checked .ant-checkbox-inner,
._retool-CheckboxTreeWidget .ant-tree-checkbox-checked .ant-tree-checkbox-inner,
._retool-CheckboxTreeWidget
  .ant-tree-checkbox-indeterminate
  .ant-checkbox-inner,
._retool-CheckboxTreeWidget
  .ant-tree-checkbox-indeterminate
  .ant-tree-checkbox-inner,
._retool-CheckboxGroupWidget .ant-checkbox-checked .ant-checkbox-inner,
._retool-CheckboxGroupWidget .ant-checkbox-checked .ant-tree-checkbox-inner,
._retool-CheckboxGroupWidget .ant-checkbox-indeterminate .ant-checkbox-inner,
._retool-CheckboxGroupWidget
  .ant-checkbox-indeterminate
  .ant-tree-checkbox-inner,
._retool-CheckboxGroupWidget .ant-tree-checkbox-checked .ant-checkbox-inner,
._retool-CheckboxGroupWidget
  .ant-tree-checkbox-checked
  .ant-tree-checkbox-inner,
._retool-CheckboxGroupWidget
  .ant-tree-checkbox-indeterminate
  .ant-checkbox-inner,
._retool-CheckboxGroupWidget
  .ant-tree-checkbox-indeterminate
  .ant-tree-checkbox-inner {
  border-color: var(--border-color);
  background: var(--accent-background);
}

._retool-CheckboxWidget
  .ant-checkbox-indeterminate
  .ant-tree-checkbox-inner:after,
._retool-CheckboxWidget
  .ant-tree-checkbox-indeterminate
  .ant-tree-checkbox-inner:after,
._retool-CheckboxTreeWidget
  .ant-checkbox-indeterminate
  .ant-tree-checkbox-inner:after,
._retool-CheckboxTreeWidget
  .ant-tree-checkbox-indeterminate
  .ant-tree-checkbox-inner:after,
._retool-CheckboxGroupWidget
  .ant-checkbox-indeterminate
  .ant-tree-checkbox-inner:after,
._retool-CheckboxGroupWidget
  .ant-tree-checkbox-indeterminate
  .ant-tree-checkbox-inner:after {
  background: var(--accent-foreground);
}

._retool-CheckboxWidget .ant-checkbox-wrapper-disabled .ant-checkbox-inner,
._retool-CheckboxTreeWidget .ant-checkbox-wrapper-disabled .ant-checkbox-inner,
._retool-CheckboxGroupWidget
  .ant-checkbox-wrapper-disabled
  .ant-checkbox-inner {
  background: var(--disabled-background);
}

._retool-RadioGroupWidget .ant-radio-wrapper {
  color: var(--primary-text);
}

._retool-RadioGroupWidget .ant-radio-wrapper .ant-radio-inner {
  border-color: var(--border-color);
  background-color: var(--secondary-surface);
}

._retool-RadioGroupWidget .ant-radio-wrapper-disabled span {
  color: var(--disabled-foreground);
}

._retool-RadioGroupWidget .ant-radio-wrapper-disabled .ant-radio-inner {
  background-color: var(--disabled-background);
}

._retool-RadioGroupWidget .ant-radio-wrapper .ant-radio:hover .ant-radio-inner {
  border-color: var(--accent-background);
}

._retool-RadioGroupWidget
  .ant-radio-wrapper
  .ant-radio-checked
  .ant-radio-inner {
  background-color: var(--accent-background);
}

._retool-RadioGroupWidget
  .ant-radio-wrapper
  .ant-radio-checked
  .ant-radio-inner:after {
  background-color: var(--secondary-surface);
}

._retool-SelectWidget .anticon,
._retool-MultiSelectWidget .anticon {
  color: var(--primary-text);
}

._retool-SelectWidget .ant-select .ant-select-selection,
._retool-MultiSelectWidget .ant-select .ant-select-selection {
  border-color: var(--border-color);
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
}

._retool-SelectWidget .ant-select .ant-select-selection:hover,
._retool-SelectWidget .ant-select .ant-select-selection:active,
._retool-MultiSelectWidget .ant-select .ant-select-selection:hover,
._retool-MultiSelectWidget .ant-select .ant-select-selection:active {
  border-color: var(--accent-background);
}

._retool-SelectWidget .ant-select .ant-select-selection[aria-expanded="true"],
._retool-SelectWidget .ant-select .ant-select-selection[class*="focus"],
._retool-SelectWidget .ant-select .ant-select-selection:focus,
._retool-SelectWidget .ant-select .ant-select-selection:active,
._retool-MultiSelectWidget
  .ant-select
  .ant-select-selection[aria-expanded="true"],
._retool-MultiSelectWidget .ant-select .ant-select-selection[class*="focus"],
._retool-MultiSelectWidget .ant-select .ant-select-selection:focus,
._retool-MultiSelectWidget .ant-select .ant-select-selection:active {
  border-color: var(--accent-background);
  box-shadow: 0 0 1px 1px var(--accent-background-lightest);
}

._retool-SelectWidget .ant-select .ant-select-selection::placeholder,
._retool-SelectWidget .ant-select .ant-select-selection__placeholder,
._retool-MultiSelectWidget .ant-select .ant-select-selection::placeholder,
._retool-MultiSelectWidget .ant-select .ant-select-selection__placeholder {
  color: var(--tertiary-text);
}

._retool-SelectWidget
  .ant-select
  .ant-select-selection
  .ant-select-selection__clear,
._retool-MultiSelectWidget
  .ant-select
  .ant-select-selection
  .ant-select-selection__clear {
  background: var(--secondary-surface);
}

._retool-SelectWidget
  .ant-select
  .ant-select-selection
  .ant-select-selection__choice,
._retool-MultiSelectWidget
  .ant-select
  .ant-select-selection
  .ant-select-selection__choice {
  background: var(--highlight-background);
  border-color: var(--highlight-background);
  color: var(--primary-text);
}

._retool-SelectWidget
  .ant-select
  .ant-select-selection
  .ant-select-selection-selected-value,
._retool-MultiSelectWidget
  .ant-select
  .ant-select-selection
  .ant-select-selection-selected-value {
  color: var(--primary-text);
}

._retool-SelectWidget .ant-select-disabled .ant-select-selection,
._retool-MultiSelectWidget .ant-select-disabled .ant-select-selection {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-SelectWidget .ant-select-disabled .ant-select-selection::placeholder,
._retool-SelectWidget .ant-select-disabled .ant-select-selection__placeholder,
._retool-MultiSelectWidget
  .ant-select-disabled
  .ant-select-selection::placeholder,
._retool-MultiSelectWidget
  .ant-select-disabled
  .ant-select-selection__placeholder {
  color: inherit;
}

._retool-TextInputWidget {
  font-size: var(--default-font-size, 12px);
  line-height: 1.667em;
}

._retool-TextInputWidget .anticon {
  color: var(--primary-text);
  font-size: var(--default-font-size, 12px);
}

._retool-TextInputWidget .ant-input {
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
  border-color: var(--border-color);
  height: 2.333em;
  padding: 0.333em 1em;
}

._retool-TextInputWidget .ant-input::placeholder,
._retool-TextInputWidget .ant-input__placeholder {
  color: var(--tertiary-text);
}

._retool-TextInputWidget .ant-input:hover,
._retool-TextInputWidget .ant-input:active {
  border-color: var(--accent-background);
}

._retool-TextInputWidget .ant-input[aria-expanded="true"],
._retool-TextInputWidget .ant-input[class*="focus"],
._retool-TextInputWidget .ant-input:focus,
._retool-TextInputWidget .ant-input:active {
  border-color: var(--accent-background);
  box-shadow: 0 0 1px 1px var(--accent-background-lightest);
}

._retool-TextInputWidget .ant-input-disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-TextInputWidget .ant-input-disabled::placeholder,
._retool-TextInputWidget .ant-input-disabled__placeholder {
  color: inherit;
}

._retool-TimePickerWidget .ant-time-picker-input {
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
  border-color: var(--border-color);
}

._retool-TimePickerWidget .ant-time-picker-input::placeholder,
._retool-TimePickerWidget .ant-time-picker-input__placeholder {
  color: var(--tertiary-text);
}

._retool-TimePickerWidget .ant-time-picker-input:hover,
._retool-TimePickerWidget .ant-time-picker-input:active {
  border-color: var(--accent-background);
}

._retool-TimePickerWidget .ant-time-picker-input[aria-expanded="true"],
._retool-TimePickerWidget .ant-time-picker-input[class*="focus"],
._retool-TimePickerWidget .ant-time-picker-input:focus,
._retool-TimePickerWidget .ant-time-picker-input:active {
  border-color: var(--accent-background);
  box-shadow: 0 0 1px 1px var(--accent-background-lightest);
}

._retool-TimePickerWidget .anticon {
  color: var(--primary-text);
}

._retool-TimePickerWidget .ant-time-picker-clear {
  background: var(--secondary-surface);
}

._retool-DateTimePickerWidget,
._retool-DateRangePickerWidget {
  font-size: var(--default-font-size, 12px);
  line-height: 1.667em;
}

._retool-DateTimePickerWidget .anticon,
._retool-DateRangePickerWidget .anticon {
  color: var(--primary-text);
  font-size: var(--default-font-size, 12px);
}

._retool-DateTimePickerWidget .ant-input,
._retool-DateRangePickerWidget .ant-input {
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
  border-color: var(--border-color);
  height: 2.333em;
  padding: 0.333em 1em;
}

._retool-DateTimePickerWidget .ant-input::placeholder,
._retool-DateTimePickerWidget .ant-input__placeholder,
._retool-DateRangePickerWidget .ant-input::placeholder,
._retool-DateRangePickerWidget .ant-input__placeholder {
  color: var(--tertiary-text);
}

._retool-DateTimePickerWidget .ant-input:hover,
._retool-DateTimePickerWidget .ant-input:active,
._retool-DateRangePickerWidget .ant-input:hover,
._retool-DateRangePickerWidget .ant-input:active {
  border-color: var(--accent-background);
}

._retool-DateTimePickerWidget .ant-input[aria-expanded="true"],
._retool-DateTimePickerWidget .ant-input[class*="focus"],
._retool-DateTimePickerWidget .ant-input:focus,
._retool-DateTimePickerWidget .ant-input:active,
._retool-DateRangePickerWidget .ant-input[aria-expanded="true"],
._retool-DateRangePickerWidget .ant-input[class*="focus"],
._retool-DateRangePickerWidget .ant-input:focus,
._retool-DateRangePickerWidget .ant-input:active {
  border-color: var(--accent-background);
  box-shadow: 0 0 1px 1px var(--accent-background-lightest);
}

._retool-DateTimePickerWidget .ant-input-disabled,
._retool-DateRangePickerWidget .ant-input-disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-DateTimePickerWidget .ant-input-disabled::placeholder,
._retool-DateTimePickerWidget .ant-input-disabled__placeholder,
._retool-DateRangePickerWidget .ant-input-disabled::placeholder,
._retool-DateRangePickerWidget .ant-input-disabled__placeholder {
  color: inherit;
}

._retool-DateTimePickerWidget .ant-calendar-picker-clear,
._retool-DateRangePickerWidget .ant-calendar-picker-clear {
  background: var(--secondary-surface);
}

._retool-SliderWidget .ant-slider:hover .ant-slider-handle {
  border-color: var(--accent-background-light);
}

._retool-SliderWidget .ant-slider-rail {
  background: var(--secondary-surface) !important;
}

._retool-SliderWidget .ant-slider-track {
  background: var(--accent-background);
}

._retool-SliderWidget .ant-slider-handle {
  background: var(--accent-foreground);
  border-color: var(--border-color);
}

._retool-SliderWidget .ant-slider-handle-click-focused,
._retool-SliderWidget .ant-slider-handle:focus {
  box-shadow: 0 0 0 5px var(--highlight-background);
}

._retool-JSONSchemaFormWidget .retool-json-form {
  font-size: var(--default-font-size, 12px);
  line-height: 1.667em;
}

._retool-JSONSchemaFormWidget .retool-json-form .anticon {
  color: var(--primary-text);
  font-size: var(--default-font-size, 12px);
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-input {
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
  border-color: var(--border-color);
  height: 2.333em;
  padding: 0.333em 1em;
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-input::placeholder,
._retool-JSONSchemaFormWidget .retool-json-form .ant-input__placeholder {
  color: var(--tertiary-text);
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-input:hover,
._retool-JSONSchemaFormWidget .retool-json-form .ant-input:active {
  border-color: var(--accent-background);
}

._retool-JSONSchemaFormWidget
  .retool-json-form
  .ant-input[aria-expanded="true"],
._retool-JSONSchemaFormWidget .retool-json-form .ant-input[class*="focus"],
._retool-JSONSchemaFormWidget .retool-json-form .ant-input:focus,
._retool-JSONSchemaFormWidget .retool-json-form .ant-input:active {
  border-color: var(--accent-background);
  box-shadow: 0 0 1px 1px var(--accent-background-lightest);
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-input-disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-JSONSchemaFormWidget
  .retool-json-form
  .ant-input-disabled::placeholder,
._retool-JSONSchemaFormWidget
  .retool-json-form
  .ant-input-disabled__placeholder {
  color: inherit;
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-btn {
  background-color: var(--accent-background) !important;
  border-color: var(--accent-background) !important;
  color: var(--accent-foreground) !important;
  border-radius: var(--border-radius);
  font-size: var(--default-font-size, 12px);
  height: 2.333em;
}

._retool-JSONSchemaFormWidget
  .retool-json-form
  .ant-btn:hover:not(:active):not(:disabled) {
  background-color: var(--accent-background-light) !important;
  border-color: var(--accent-background-light) !important;
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-btn.disabled,
._retool-JSONSchemaFormWidget .retool-json-form .ant-btn:disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-btn.disabled::placeholder,
._retool-JSONSchemaFormWidget .retool-json-form .ant-btn.disabled__placeholder,
._retool-JSONSchemaFormWidget .retool-json-form .ant-btn:disabled::placeholder,
._retool-JSONSchemaFormWidget .retool-json-form .ant-btn:disabled__placeholder {
  color: inherit;
}

._retool-JSONSchemaFormWidget .retool-json-form legend,
._retool-JSONSchemaFormWidget .retool-json-form label {
  color: var(--primary-text);
}

._retool-JSONSchemaFormWidget .retool-json-form p {
  color: var(--secondary-text);
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-calendar-picker-clear {
  background: var(--secondary-surface);
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-calendar-picker-clear,
._retool-JSONSchemaFormWidget .retool-json-form .ant-calendar-picker-icon {
  right: 1em;
  margin-top: -0.5em;
}

._retool-JSONSchemaFormWidget .retool-json-form .ant-calendar-picker {
  font-size: var(--default-font-size, 12px);
}

._retool-JSONSchemaFormWidget .retool-json-form .anticon {
  width: 1em;
  height: 1em;
  display: flex;
}

._retool-JSONExplorerWidget .json-explorer-container {
  background-color: var(--primary-surface);
}

._retool-JSONExplorerWidget .json-explorer-container ul {
  background-color: var(--primary-surface) !important;
}

._retool-QueryBuilderWidget .queryBuilder {
  font-size: var(--default-font-size, 12px);
  line-height: 1.667em;
}

._retool-QueryBuilderWidget .queryBuilder .anticon {
  color: var(--primary-text);
}

._retool-QueryBuilderWidget .queryBuilder .ant-select .ant-select-selection {
  border-color: var(--border-color);
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection:hover,
._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection:active {
  border-color: var(--accent-background);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection[aria-expanded="true"],
._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection[class*="focus"],
._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection:focus,
._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection:active {
  border-color: var(--accent-background);
  box-shadow: 0 0 1px 1px var(--accent-background-lightest);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection::placeholder,
._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection__placeholder {
  color: var(--tertiary-text);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection
  .ant-select-selection__clear {
  background: var(--secondary-surface);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection
  .ant-select-selection__choice {
  background: var(--highlight-background);
  border-color: var(--highlight-background);
  color: var(--primary-text);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select
  .ant-select-selection
  .ant-select-selection-selected-value {
  color: var(--primary-text);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select-disabled
  .ant-select-selection {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select-disabled
  .ant-select-selection::placeholder,
._retool-QueryBuilderWidget
  .queryBuilder
  .ant-select-disabled
  .ant-select-selection__placeholder {
  color: inherit;
}

._retool-QueryBuilderWidget .queryBuilder .anticon {
  color: var(--primary-text);
  font-size: var(--default-font-size, 12px);
}

._retool-QueryBuilderWidget .queryBuilder .ant-input {
  background: var(--secondary-surface);
  border-radius: 4px;
  color: var(--primary-text);
  border-color: var(--border-color);
  height: 2.333em;
  padding: 0.333em 1em;
}

._retool-QueryBuilderWidget .queryBuilder .ant-input::placeholder,
._retool-QueryBuilderWidget .queryBuilder .ant-input__placeholder {
  color: var(--tertiary-text);
}

._retool-QueryBuilderWidget .queryBuilder .ant-input:hover,
._retool-QueryBuilderWidget .queryBuilder .ant-input:active {
  border-color: var(--accent-background);
}

._retool-QueryBuilderWidget .queryBuilder .ant-input[aria-expanded="true"],
._retool-QueryBuilderWidget .queryBuilder .ant-input[class*="focus"],
._retool-QueryBuilderWidget .queryBuilder .ant-input:focus,
._retool-QueryBuilderWidget .queryBuilder .ant-input:active {
  border-color: var(--accent-background);
  box-shadow: 0 0 1px 1px var(--accent-background-lightest);
}

._retool-QueryBuilderWidget .queryBuilder .ant-input-disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-QueryBuilderWidget .queryBuilder .ant-input-disabled::placeholder,
._retool-QueryBuilderWidget .queryBuilder .ant-input-disabled__placeholder {
  color: inherit;
}

._retool-QueryBuilderWidget .queryBuilder .ant-radio-group {
  font-size: var(--default-font-size, 12px);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-radio-group
  .ant-radio-button-wrapper {
  height: 2.333em;
  line-height: 2.333em;
  background-color: var(--secondary-surface);
  color: var(--primary-text);
  border-color: var(--border-color);
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-radio-group
  .ant-radio-button-wrapper-checked {
  background-color: var(--accent-background);
  border-color: var(--accent-background);
  color: var(--accent-foreground);
}

._retool-QueryBuilderWidget .queryBuilder .ant-btn {
  background-color: var(--accent-background) !important;
  border-color: var(--accent-background) !important;
  color: var(--accent-foreground) !important;
  border-radius: var(--border-radius);
  font-size: var(--default-font-size, 12px);
  height: 2.333em;
}

._retool-QueryBuilderWidget
  .queryBuilder
  .ant-btn:hover:not(:active):not(:disabled) {
  background-color: var(--accent-background-light) !important;
  border-color: var(--accent-background-light) !important;
}

._retool-QueryBuilderWidget .queryBuilder .ant-btn.disabled,
._retool-QueryBuilderWidget .queryBuilder .ant-btn:disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-QueryBuilderWidget .queryBuilder .ant-btn.disabled::placeholder,
._retool-QueryBuilderWidget .queryBuilder .ant-btn.disabled__placeholder,
._retool-QueryBuilderWidget .queryBuilder .ant-btn:disabled::placeholder,
._retool-QueryBuilderWidget .queryBuilder .ant-btn:disabled__placeholder {
  color: inherit;
}

._retool-QueryBuilderWidget .queryBuilder .ruleGroup {
  background-color: var(--highlight-background);
}

._retool-TimerWidget h3 {
  color: var(--primary-text);
}

._retool-TimerWidget .ant-btn {
  font-size: var(--default-font-size, 12px);
  height: 1.667em;
}

._retool-KeyValueMapWidget .innerContainer {
  background-color: var(--primary-surface);
  border-radius: var(--border-radius);
  background: var(--primary-surface);
  border: 1px solid var(--border-color-primary);
}

._retool-KeyValueMapWidget .innerContainer table {
  border-color: var(--border-color-primary);
}

._retool-KeyValueMapWidget .innerContainer thead {
  background-color: var(--primary-background);
  color: var(--primary-foreground);
}

._retool-KeyValueMapWidget .innerContainer th {
  border-color: var(--border-color-primary);
}

._retool-KeyValueMapWidget .innerContainer td {
  color: var(--primary-text);
  border-color: var(--border-color-primary);
}

._retool-FormWidget .retool-form-floating-action-bar {
  border-color: var(--border-color);
}

._retool-FormWidget .retool-form-floating-action-bar .ant-btn {
  background-color: var(--accent-background) !important;
  border-color: var(--accent-background) !important;
  color: var(--accent-foreground) !important;
  border-radius: var(--border-radius);
  font-size: var(--default-font-size, 12px);
  height: 2.333em;
}

._retool-FormWidget
  .retool-form-floating-action-bar
  .ant-btn:hover:not(:active):not(:disabled) {
  background-color: var(--accent-background-light) !important;
  border-color: var(--accent-background-light) !important;
}

._retool-FormWidget .retool-form-floating-action-bar .ant-btn.disabled,
._retool-FormWidget .retool-form-floating-action-bar .ant-btn:disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-FormWidget
  .retool-form-floating-action-bar
  .ant-btn.disabled::placeholder,
._retool-FormWidget
  .retool-form-floating-action-bar
  .ant-btn.disabled__placeholder,
._retool-FormWidget
  .retool-form-floating-action-bar
  .ant-btn:disabled::placeholder,
._retool-FormWidget
  .retool-form-floating-action-bar
  .ant-btn:disabled__placeholder {
  color: inherit;
}

._retool-ContainerWidget .retool-container-title-wrapper,
._retool-TabbedContainerWidget .ant-tabs-bar {
  background-color: var(--primary-background);
  color: var(--primary-foreground);
  border-color: var(--border-color);
}

._retool-TabbedContainerWidget .ant-tabs-tab {
  color: var(--primary-foreground);
}

._retool-TabbedContainerWidget .ant-tabs-tab:hover,
._retool-TabbedContainerWidget .ant-tabs-tab-active {
  color: var(--accent-background);
}

._retool-TabbedContainerWidget .ant-tabs-ink-bar {
  background-color: var(--accent-background);
}

._retool-WizardWidget .ant-tabs,
._retool-WizardWidget .ant-btn {
  font-size: var(--default-font-size, 12px);
}

._retool-WizardWidget .wizard-title {
  color: var(--primary-text);
}

._retool-WizardWidget .ant-btn-link {
  color: var(--accent-background);
}

._retool-WizardWidget .ant-btn-link:hover {
  color: var(--accent-background-light);
}

._retool-WizardWidget .retool-wizard-floating-action-bar {
  border-color: var(--border-color);
}

._retool-WizardWidget .retool-wizard-floating-action-bar .ant-btn {
  background-color: var(--accent-background) !important;
  border-color: var(--accent-background) !important;
  color: var(--accent-foreground) !important;
  border-radius: var(--border-radius);
  font-size: var(--default-font-size, 12px);
  height: 2.333em;
}

._retool-WizardWidget
  .retool-wizard-floating-action-bar
  .ant-btn:hover:not(:active):not(:disabled) {
  background-color: var(--accent-background-light) !important;
  border-color: var(--accent-background-light) !important;
}

._retool-WizardWidget .retool-wizard-floating-action-bar .ant-btn.disabled,
._retool-WizardWidget .retool-wizard-floating-action-bar .ant-btn:disabled {
  color: var(--disabled-foreground) !important;
  background-color: var(--disabled-background) !important;
  border-color: var(--disabled-foreground) !important;
}

._retool-WizardWidget
  .retool-wizard-floating-action-bar
  .ant-btn.disabled::placeholder,
._retool-WizardWidget
  .retool-wizard-floating-action-bar
  .ant-btn.disabled__placeholder,
._retool-WizardWidget
  .retool-wizard-floating-action-bar
  .ant-btn:disabled::placeholder,
._retool-WizardWidget
  .retool-wizard-floating-action-bar
  .ant-btn:disabled__placeholder {
  color: inherit;
}

._shrinkVisibleIcon_1fvbc_1 {
  padding: 0.125em;
}

._main_71c1j_1 {
  height: 100%;
  position: absolute;
}

._main_1ym21_1 {
  display: flex;
  line-height: 1.333em;
  align-items: center;
}

._main_1ym21_1._invalid_1ym21_6 {
  color: var(--retool-form-feedback-error-text);
}

._main_1ym21_1._valid_1ym21_9 {
  color: var(--retool-form-feedback-success-text);
}

._icon_1ym21_13 {
  flex: 0 0 auto;
  margin-right: 8px;
}

._icon_1ym21_13 svg {
  display: block;
  width: 1.333em;
  height: 1.333em;
}

._message_1ym21_23 {
  min-width: 0;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}

._text_1ij1r_1 {
  --tooltip-height: 1px;
  --underline: var(--retool-tooltip-text-underline);
  position: relative;
  max-width: 100%;
  padding-bottom: var(--tooltip-height);
}

._text_1ij1r_1:after {
  background-image: repeating-linear-gradient(
    to right,
    var(--underline) 0,
    var(--underline) 1px,
    transparent 1px,
    transparent 3px,
    var(--underline) 3px,
    var(--underline) 4px
  );
  background-position: center center;
  background-size: 4px 1px;
  content: "";
  height: var(--tooltip-height);
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}

._text_1ij1r_1:focus-visible {
  --underline: var(--retool-tooltip-text-accent);
}

._fillHeightWrapper_w92om_5 {
  height: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

._label_w92om_12 {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  min-height: unset;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

._wrapper_w92om_23._fillHeight_w92om_5 {
  flex: 1 1 0;
  min-height: 50%;
}

._wrapper_w92om_23._fillHeightLC_w92om_27 {
  flex: 1 1 auto;
  min-height: 50%;
}

._wrapper_w92om_23._disabled_w92om_31 {
  opacity: 0.5;
  cursor: not-allowed;
}

._wrapper_w92om_23._disabled_w92om_31 *:disabled,
._wrapper_w92om_23._disabled_w92om_31 [aria-disabled="true"] {
  cursor: not-allowed;
}

._error_w92om_40 {
  margin-top: 8px;
  min-height: 0;
}

._error_w92om_40._fillHeight_w92om_5 {
  flex: 0 1 auto;
  overflow: hidden;
}

._main_1r9u2_1 {
  color: var(--retool-label-required-indicator, var(--red-400));
  margin-left: 2px;
}

._container_1useh_1 {
  width: var(--retool-shimmer-width) !important;
}

._bar_1useh_5 {
  height: var(--retool-shimmer-bar-height);
  animation: _shimmerChange_1useh_1 2s infinite;
  border-radius: 4px;
  background: var(--retool-shimmer-background);
}

._gap_1useh_12 {
  width: 100%;
  height: var(--retool-shimmer-gap-height);
}

@keyframes _shimmerChange_1useh_1 {
  0% {
    opacity: 0.1;
  }

  75% {
    opacity: 0.05;
  }

  to {
    opacity: 0.1;
  }
}

._fillHeightWrapper_idoc5_5 {
  height: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

._main_idoc5_12._left_idoc5_12,
._main_idoc5_12._right_idoc5_12,
._main_idoc5_12._fillHeight_idoc5_5 {
  display: flex;
}

._main_idoc5_12._leftInlineWidth_idoc5_15 {
  display: flex;
  justify-content: space-between;
}

._main_idoc5_12._fillHeight_idoc5_5 {
  flex: 1 1 0;
  min-height: 50%;
}

._main_idoc5_12._fillHeight_idoc5_5._top_idoc5_23 {
  flex-direction: column;
}

._main_idoc5_12._fillHeightLC_idoc5_26 {
  flex: 1 1 auto;
  min-height: 50%;
}

._main_idoc5_12._fillHeightLC_idoc5_26._top_idoc5_23 {
  flex-direction: column;
}

._main_idoc5_12._disabled_idoc5_33 {
  opacity: 0.5;
  cursor: not-allowed;
}

._main_idoc5_12._disabled_idoc5_33 *:disabled,
._main_idoc5_12._disabled_idoc5_33 [aria-disabled="true"] {
  cursor: not-allowed;
}

._label_idoc5_42 {
  color: var(
    --retool-shared-label,
    var(--retool-label-shared-label, var(--gray-800))
  );
  display: block;
  font-size: var(--retool-label-shared-label-font-size);
  font-weight: var(--retool-label-shared-label-font-weight);
  font-family: var(--retool-label-shared-label-font-family);
  line-height: var(--retool-label-shared-label-line-height);
  overflow-wrap: break-word;
  position: relative;
  z-index: 0;
  min-width: 0;
}

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

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

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

._label_idoc5_42._centerInput_idoc5_63 {
  line-height: var(--retool-label-center-input-line-height);
  padding-top: var(--retool-label-center-input-padding-top);
}

._label_idoc5_42._left_idoc5_12,
._label_idoc5_42._right_idoc5_12 {
  width: var(--labelWidth, 33%);
  max-width: var(--labelMaxWidth);
  flex: 0 1 var(--labelWidth, 33%);
  margin-right: 8px;
}

._label_idoc5_42._right_idoc5_12 {
  margin: 0 0 0 8px;
}

._label_idoc5_42._top_idoc5_23:not(._hideVerticalSpacing_idoc5_76) {
  margin-bottom: 8px;
}

._label_idoc5_42._hide_idoc5_76 {
  opacity: 0;
}

._shimmer_idoc5_83 {
  position: absolute;
}

._labelAsSubcomponent_idoc5_87 {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

._caption_idoc5_93 {
  color: var(--retool-label-caption);
  font-weight: 400;
}

._truncate_idoc5_98 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._input_idoc5_105 {
  flex: 2 1 0;
  min-height: 0;
  min-width: 0;
}

._error_idoc5_111 {
  margin-top: 8px;
  min-height: 0;
}

._error_idoc5_111._fillHeight_idoc5_5 {
  flex: 0 1 auto;
  overflow: hidden;
}

._error_idoc5_111._left_idoc5_12,
._error_idoc5_111._label_idoc5_42._right_idoc5_12 {
  margin-left: calc(
    min(var(--labelWidth, 33% - 4px), var(--labelMaxWidth, 33% - 4px)) + 8px
  );
}

._main_1oq9e_5 {
  display: flex;
  min-width: 0;
}

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

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

._main_1oq9e_5._disabled_1oq9e_15 {
  opacity: 0.5;
  cursor: not-allowed;
}

._main_1oq9e_5._disabled_1oq9e_15 *:disabled,
._main_1oq9e_5._disabled_1oq9e_15 [aria-disabled="true"] {
  cursor: not-allowed;
}

._main_1oq9e_5._fillWidth_1oq9e_23 {
  flex-grow: 1;
  flex-shrink: 1;
}

._label_1oq9e_28 {
  color: var(
    --retool-shared-label,
    var(--retool-label-shared-label, var(--gray-800))
  );
  font-size: var(--retool-label-shared-label-font-size);
  font-weight: var(--retool-label-shared-label-font-weight);
  font-family: var(--retool-label-shared-label-font-family);
  flex: 1 0 0;
  line-height: var(--retool-label-shared-label-line-height);
  min-width: 0;
  overflow-wrap: break-word;
  position: relative;
}

._label_1oq9e_28._truncate_1oq9e_39:not(._hasCaption_1oq9e_39) {
  min-height: 16px;
  display: flex;
  align-items: center;
}

._label_1oq9e_28._truncate_1oq9e_39:not(
    ._hasCaption_1oq9e_39
  )._rightAlign_1oq9e_44 {
  justify-content: flex-end;
}

._label_1oq9e_28._nested_1oq9e_47 {
  font-weight: var(--retool-label-nested-font-weight);
  color: var(--retool-label-nested-text, var(--gray-800));
}

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

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

._label_1oq9e_28._left_1oq9e_51 {
  margin-right: 8px;
}

._label_1oq9e_28._right_1oq9e_44 {
  margin-left: 8px;
}

._label_1oq9e_28._isClickable_1oq9e_63:not(._disabled_1oq9e_15) {
  cursor: pointer;
}

._caption_1oq9e_67 {
  color: var(--retool-label-caption);
  font-weight: var(--default-font-weight, 400);
}

._truncate_1oq9e_39,
._truncate_1oq9e_39 > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._content_1oq9e_80 {
  flex: 0 0 auto;
  min-height: var(--retool-label-shared-label-line-height);
  display: flex;
  align-items: center;
}

._error_1oq9e_87 {
  margin-top: 8px;
}

._error_1oq9e_87._alignRight_1oq9e_90 {
  display: flex;
  justify-content: flex-end;
}

._labelAsSubcomponent_1oq9e_95 {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

._main_wr6ll_5 {
  display: flex;
  min-width: 0;
}

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

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

._main_wr6ll_5._disabled_wr6ll_15 {
  opacity: 0.5;
  cursor: not-allowed;
}

._main_wr6ll_5._disabled_wr6ll_15 *:disabled,
._main_wr6ll_5._disabled_wr6ll_15 [aria-disabled="true"] {
  cursor: not-allowed;
}

._main_wr6ll_5._fillWidth_wr6ll_23 {
  flex-grow: 1;
  flex-shrink: 1;
}

._label_wr6ll_28 {
  color: var(
    --retool-shared-label,
    var(--retool-label-shared-label, var(--gray-800))
  );
  font-size: var(--retool-label-shared-label-font-size);
  font-weight: var(--retool-label-shared-label-font-weight);
  font-family: var(--retool-label-shared-label-font-family);
  flex: 1 0 0;
  line-height: var(--retool-label-shared-label-line-height);
  min-width: 0;
  overflow-wrap: break-word;
  position: relative;
}

._label_wr6ll_28._truncate_wr6ll_39:not(._hasCaption_wr6ll_39) {
  min-height: 16px;
  display: flex;
  align-items: center;
}

._label_wr6ll_28._truncate_wr6ll_39:not(
    ._hasCaption_wr6ll_39
  )._rightAlign_wr6ll_44 {
  justify-content: flex-end;
}

._label_wr6ll_28._nested_wr6ll_47 {
  font-weight: var(--retool-label-nested-font-weight);
  color: var(--retool-label-nested-text, var(--gray-800));
}

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

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

._label_wr6ll_28._left_wr6ll_51 {
  margin-right: 8px;
}

._label_wr6ll_28._right_wr6ll_44 {
  margin-left: 8px;
}

._label_wr6ll_28._isClickable_wr6ll_63:not(._disabled_wr6ll_15) {
  cursor: pointer;
}

._caption_wr6ll_67 {
  color: var(--retool-label-caption);
  font-weight: var(--default-font-weight, 400);
}

._truncate_wr6ll_39,
._truncate_wr6ll_39 > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._content_wr6ll_80 {
  flex: 0 0 auto;
  min-height: var(--retool-label-shared-label-line-height);
  display: flex;
  align-items: center;
}

._error_wr6ll_87 {
  margin-top: 8px;
}

._error_wr6ll_87._alignRight_wr6ll_90 {
  display: flex;
  justify-content: flex-end;
}

._main_1s66w_1 {
  height: 100%;
  width: 100%;
}

._main_1s66w_1._overflowHidden_1s66w_5 {
  overflow: hidden;
}

._main_1s66w_1._overflowScroll_1s66w_8 {
  overflow: auto;
}

._icon-version-div-outer_1vgvs_1 {
  display: block;
  position: fixed;
}

._icon-version-div-floating_1vgvs_6 {
  position: absolute;
  bottom: -10px;
  right: -10px;
  box-shadow: 3px 3px 3px #0003;
}

._tag_1vgvs_13 {
  max-width: calc(100% - 10px);
  pointer-events: auto;
  position: absolute;
  transition: inherit;
  -webkit-user-select: none;
  user-select: none;
  will-change: transform;
  z-index: 2;
  font-family: var(--sans-serif);
  bottom: 100%;
  transform: translate(-0.5px, -0.5px);
  right: 0;
  padding-bottom: 1px;
}

._tagInnerWrapper_1vgvs_28 {
  display: var(--bounding-box-tag-display);
  left: 0;
  gap: 2px;
}

._tagContent_1vgvs_34 {
  background-color: var(--green-500);
  border-radius: 4px;
  padding: 0 4px 1px;
  color: var(--gray-0);
  pointer-events: auto;
  transition: inherit;
  -webkit-user-select: none;
  user-select: none;
  will-change: transform;
  z-index: 2;
  font-family: var(--sans-serif);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  font-size: 10px;
  height: 16px;
  line-height: 15px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._tagDragIcon_1vgvs_59 {
  fill: currentColor;
  opacity: 0.8;
  top: 2px;
  width: 12px;
  height: 12px;
  display: var(--bounding-box-tag-display);
  left: 0;
}

._label_1vgvs_69 {
  left: 0;
  flex: 1 1;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._container_1kyr0_1 {
  height: 0;
  overflow: visible;
}

._skeletonRow_1kyr0_11 {
  background-color: #eee;
  height: 16px;
  margin-top: 16px;
  animation: infinite 1s linear _shimmer_1kyr0_1 running;
}

@keyframes _shimmer_1kyr0_1 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0.7;
  }
}

._skeletonRow_1kyr0_11._first_1kyr0_25 {
  width: 30%;
}

._skeletonRow_1kyr0_11._last_1kyr0_28 {
  width: 70%;
}

._overlay_4rvc6_1 {
  background-color: #00000080;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

._overlay_4rvc6_1._transparent_4rvc6_6 {
  background-color: transparent;
}

@keyframes _overlayShow_4rvc6_1 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

._size-small_1kyxo_1 {
  width: 12px;
  height: 12px;
}

._size-medium_1kyxo_6 {
  width: 16px;
  height: 16px;
}

._size-large_1kyxo_11 {
  width: 24px;
  height: 24px;
}

._transparent_1kyxo_16 {
  opacity: 0;
}

a._main_u932h_5 {
  --retool-focus-ring: var(--blue-200);
  position: relative;
}

a._main_u932h_5[disabled]._main_u932h_5._main_u932h_5,
a._main_u932h_5._disabled_u932h_10._disabled_u932h_10 {
  color: var(--text-disabled);
  pointer-events: none;
}

a._main_u932h_5:focus-visible:before {
  border: 3px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: 0;
  content: "";
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  pointer-events: none;
  position: absolute;
}

a._main_u932h_5._primary_u932h_23 {
  color: var(--text-brand);
}

a._main_u932h_5._primary_u932h_23:hover {
  color: var(--blue-700);
}

a._main_u932h_5._secondary_u932h_29 {
  color: var(--text-secondary);
}

a._main_u932h_5._secondary_u932h_29:hover {
  color: var(--text-primary);
}

a._main_u932h_5._critical_u932h_35 {
  color: var(--text-critical);
}

a._main_u932h_5._critical_u932h_35:hover {
  color: var(--red-700);
}

._blockquote_q09ar_1 {
  border-left: 4px solid var(--gray-150);
  color: var(--text-secondary);
}

._code_1laiz_1 {
  background-color: color-mix(in srgb, var(--gray-500) 20%, transparent);
  border-radius: 3px;
  padding: 0.2em 0.4em;
}

._pre_1laiz_7 {
  background-color: color-mix(in srgb, var(--gray-500) 20%, transparent);
  border-radius: 3px;
  margin-top: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 12px;
}

._pre_1laiz_7 ._code_1laiz_1 {
  background-color: initial;
  border: 0;
  display: inline;
  line-height: inherit;
  margin: 0;
  padding: 0;
  word-wrap: normal;
}

._unordered-list_qgtsc_1,
._ordered-list_qgtsc_2 {
  margin-top: 8px;
  padding-left: 2em;
}

._unordered-list_qgtsc_1:first-child,
._ordered-list_qgtsc_2:first-child {
  margin-top: 0;
}

._unordered-list_qgtsc_1 ul,
._ordered-list_qgtsc_2 ul {
  list-style-type: circle;
}

._unordered-list_qgtsc_1 ol,
._ordered-list_qgtsc_2 ol {
  list-style-type: lower-roman;
}

._unordered-list_qgtsc_1 ul ol,
._unordered-list_qgtsc_1 ol ol,
._ordered-list_qgtsc_2 ul ol,
._ordered-list_qgtsc_2 ol ol {
  list-style-type: lower-alpha;
}

._unordered-list_qgtsc_1 ul ul,
._unordered-list_qgtsc_1 ol ul,
._ordered-list_qgtsc_2 ul ul,
._ordered-list_qgtsc_2 ol ul {
  list-style-type: square;
}

._unordered-list_qgtsc_1 ul + ul,
._ordered-list_qgtsc_2 ul + ul {
  margin-top: 4px;
}

._unordered-list_qgtsc_1 li,
._ordered-list_qgtsc_2 li {
  margin-top: 4px;
}

._unordered-list_qgtsc_1 {
  list-style-type: disc;
}

._ordered-list_qgtsc_2 {
  list-style-type: decimal;
}

._main_nslfa_1 p {
  margin-top: 8px;
}

._main_nslfa_1 p:only-child {
  margin: -1px 0;
}

.expiry-warning-header {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: var(--blue-600);
}

.expiry-warning-header .retool-button.ant-btn {
  color: #fff;
  border: 1px solid white;
  border-radius: 4px;
  padding: 0 8px;
  height: 24px;
  transition: 0.25s;
}

.expiry-warning-header .retool-button.ant-btn:hover {
  color: var(--blue-600);
  background-color: var(--background-surface);
}

.expiry-warning-header.expiry-warning-header--trial-ends-very-soon {
  background-color: var(--red-500);
}

.expiry-warning-header.expiry-warning-header--workflow-usage-near-limit {
  background-color: var(--yellow-500);
}

.expiry-warning-header.expiry-warning-header--workflow-usage-near-limit
  .retool-button.ant-btn:hover {
  color: var(--yellow-500);
}

.expiry-warning-header.expiry-warning-header--workflow-usage-at-limit {
  background-color: var(--red-500);
}

.expiry-warning-header.expiry-warning-header--workflow-usage-at-limit
  .retool-button.ant-btn:hover {
  color: var(--red-500);
}

.expiry-warning-header:hover {
  cursor: initial;
}

.upgrade-header {
  height: 56px;
  display: flex;
  justify-content: space-between;
  background-color: var(--yellow-500);
  padding: 20px;
}

.alert-widget-editor__type-editor {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.alert-widget-editor__type-editor .retool-button {
  padding: 0;
}

.oauth-login-container__oauth-login-button {
  width: 100%;
}

.oauth-login-container__oauth-login-button.ant-btn {
  line-height: 1.667em;
}

.bounding-box-container,
.bounding-box-container img {
  width: 100%;
  height: 100%;
}

.pan-zoomable-region-select {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--gray-200);
  overflow: hidden;
}

.pan-zoomable-region-select > div > div {
  border: 2px solid var(--green-500) !important;
  outline: none !important;
  background: #0f03;
  z-index: 10;
}

.pan-zoomable-region-select > div > div.zoom-container {
  border: none !important;
  background: none !important;
  z-index: 0;
}

.bounding-box-container.landmarking > div > div > div > div:first-child {
  display: none;
}

.region-menu {
  display: flex;
  margin-top: -22px;
  margin-left: -4px;
}

.region-menu select:invalid {
  color: gray;
}

.region-menu select {
  min-width: 50px;
}

.region-menu select:focus-visible {
  outline: 2px solid -webkit-focus-ring-color;
}

.region-menu button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: none;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  background-color: var(--gray-100);
  cursor: pointer;
  height: 18px;
  padding: 0 2px;
  margin: 0 0 0 5px;
  line-height: 1;
  vertical-align: middle;
  border-radius: 4px;
  border: 1px solid var(--gray-700);
}

.region-menu button:hover svg {
  color: var(--gray-700);
}

.region-menu button:focus-visible {
  outline: 2px solid -webkit-focus-ring-color;
  color: var(--gray-700);
}

.region-menu button svg {
  width: 16px;
  height: auto;
  display: block;
}

.full-calendar-container {
  width: 100%;
  height: 100%;
}

.full-calendar--close-button {
  color: #fff !important;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: -2px;
  z-index: 100;
}

.full-calendar--close-button:hover {
  opacity: 1;
}

.full-calendar--edit-event-popover {
  color: #000;
  position: absolute;
  top: -10px;
  z-index: 100;
  padding: 5px;
  opacity: 1;
  background: var(--background-surface);
}

.full-calendar--edit-event-popover h6 {
  margin-bottom: 5px !important;
}

.fc-time-grid-event {
  overflow: visible !important;
}

.line-area-editor {
  padding: 15px;
  background-color: var(--background-surface);
}

.form-generation-button.retool-button.ant-btn-primary {
  background: var(--blue-100);
  color: var(--blue-600);
  transition: background 0.6s ease;
}

.form-generation-button.retool-button.ant-btn-primary:hover {
  background: var(--blue-200);
}

.form-container {
  padding: 15px;
  height: 100%;
}

.retool-json-form {
  padding: 16px;
  border-radius: 10px;
  height: 100%;
}

.retool-json-form legend {
  font-weight: 600;
}

.retool-json-form p {
  color: var(--gray-600);
  line-height: 1.333em;
  margin-top: 4px;
}

.retool-json-form .btn {
  padding: 5px 10px;
  border-radius: 3px;
  width: 100%;
  background: var(--background-surface);
}

.retool-json-form .btn-info {
  background: var(--blue-600);
  color: #fff;
}

.retool-json-form .btn-danger {
  background: #f9354c;
  color: #fff;
}

.retool-json-form button:disabled {
  color: #bbb;
  cursor: not-allowed;
}

.retool-json-form .text-right {
  text-align: right;
}

.retool-json-form .col-xs-9 {
  float: left;
  width: 75%;
}

.retool-json-form .col-xs-3 {
  float: left;
  width: 25%;
}

.retool-json-form .col-xs-offset-9 {
  margin-left: 75%;
}

.retool-json-form .array-item-list {
  flex-direction: column;
}

.retool-json-form .array-item-list .ant-input {
  margin-top: 0;
}

.retool-json-form .array-item-list .form-group {
  padding-top: 0;
  min-height: 61px;
}

.retool-json-form .array-item-list .array-item {
  min-width: 350px;
  width: 100%;
}

.retool-json-form .array-item-list .array-item > div {
  padding: 0 5px;
}

.retool-json-form .array-item-list .array-item-list {
  flex-wrap: wrap;
}

.retool-json-form .array-item-toolbox .btn-group {
  margin-top: 13px;
  justify-content: baseline;
}

.retool-json-form .form-group.field {
  padding-top: 8px;
}

.retool-json-form .control-label {
  font-weight: 600;
}

.retool-json-form .control-label .required {
  color: var(--red-400);
  margin-left: 4px;
}

.retool-json-form .help-block {
  color: var(--gray-500);
  line-height: 1.333em;
  margin-top: -4px;
}

.retool-json-form .hidden {
  display: none;
}

.form-button-container.fullwidth {
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}

.form-button-container {
  min-width: 120px;
  float: right;
  margin-top: 12px;
}

.form-button-container button {
  width: 100%;
}

.json-schema-generator textarea {
  font-family: var(--monospace);
}

.json-schema-generator p {
  margin-top: 15px;
  margin-bottom: 5px;
}

.antd-slider-with-input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.antd-slider-container {
  width: calc(100% - 120px);
}

.antd-inputnumber-container {
  width: 100px;
}

.list-view-container {
  text-align-vertical: center;
  height: 100%;
}

.button-widget button.disabled {
  pointer-events: none;
}

.button-widget span {
  text-align: center;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

._hairlineIconWrapper_1f07h_1 {
  display: flex;
  border-radius: 50%;
  background-color: var(--preview-color, var(--blue-600));
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
}

._hairlineIcon_1f07h_1 {
  display: flex;
  color: var(--always-white);
}

._main_59c4g_1 {
  --preview-color: var(--blue-600);
  position: relative;
}

._main_59c4g_1._isModule_59c4g_5 {
  --preview-color: var(--purple-700);
}

._main_59c4g_1 ._iconWrapper_59c4g_8 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

._main_59c4g_1._expanded_59c4g_14 {
  background-color: var(--blue-150);
  display: grid;
  place-items: center;
  max-height: 54px;
  height: 100%;
  width: 54px;
  border-radius: 4px;
}

._main_59c4g_1._tight_59c4g_23 {
  border: 2px solid var(--preview-color);
  border-radius: 4px;
}

._main_59c4g_1._tight_59c4g_23._horizontal_59c4g_27 {
  margin: 2px -2px;
  height: 100%;
  width: 0;
}

._main_59c4g_1._tight_59c4g_23._vertical_59c4g_35 {
  margin: -2px 2px;
  height: 0%;
  width: 100%;
}

._main_59c4g_1._tight_59c4g_23._left_59c4g_43 {
  left: 4px;
}

._main_59c4g_1._tight_59c4g_23._right_59c4g_46 {
  right: 4px;
}

._main_59c4g_1._tight_59c4g_23._top_59c4g_49 {
  top: 4px;
}

._main_59c4g_1._tight_59c4g_23._bottom_59c4g_52 {
  bottom: 4px;
}

._dropzone_15d6v_1 {
  position: relative;
  height: 100%;
  flex: 0 0 0px;
  display: flex;
  flex-direction: var(--direction);
  justify-content: var(--justify);
  align-items: var(--align);
}

._dropzone_15d6v_1._shouldGrow_15d6v_10 {
  flex: 1 1 auto;
}

._retool-stack-wrapper_f58pp_1 {
  min-height: 100%;
  width: 100%;
  display: flex;
}

._retool-stack-wrapper_f58pp_1:not(._enableFullBleed_f58pp_6) {
  overflow: auto;
}

._retool-stack-placeholder_f58pp_10 {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

._retool-stack_f58pp_1 {
  width: 100%;
  display: flex;
  flex-direction: var(--direction, "horizontal");
  justify-content: var(--justify, "start");
  align-items: var(--align, "center");
  padding: var(--retool-padding);
  gap: var(--retool-gap, "0px");
}

.table-floating-row {
  z-index: 9;
}

.table-floating-row:after {
  content: "";
  border: 2px solid rgb(29, 169, 251);
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.table-floating-row-header:hover {
  cursor: grab;
}

.table-floating-row-header:active {
  cursor: grabbing;
}

.table-floating-row-header {
  background-color: var(--accent-background);
  color: #fff;
}

.hide-scrollbars {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbars::-webkit-scrollbar {
  display: none;
}

.sort-option {
  display: flex;
  align-items: center;
}

.sort-option p {
  margin: 0 5px 0 0;
}

.table-widget {
  height: 100%;
  width: 100%;
  border-radius: var(--retool-table-border-radius, 4px);
}

.table-widget.hide-table-border,
.table-widget.hide-box-shadow {
  box-shadow: none;
}

.table-widget .table-actions .transparent-button {
  color: var(--gray-500);
}

.table-widget .table-actions .transparent-button:hover {
  color: var(--blue-600);
}

.table-widget .ReactTable .rt-tbody {
  font-size: 12px;
  color: #312929;
  overflow: visible;
}

.table-widget .rt-tfoot {
  box-shadow: none;
  background-color: var(--retool-table-summary-background);
  position: sticky;
  z-index: 1;
  height: 36px;
  bottom: 0;
  top: calc(100% - 36px);
  margin-top: -1px;
  border-bottom: 1px solid var(--retool-table-border, var(--border-color));
}

.table-widget .pagination-top .rt-tfoot,
.table-widget.toolbar-hidden .rt-tfoot {
  border-bottom: none;
}

.table-widget .pagination-top .rt-tbody {
  box-shadow: none;
  border-radius: 0 0 4px 4px/0px 0px 4px 4px;
}

.table-widget .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}

.table-widget.show-summary-row
  .ReactVirtualized__Grid__innerScrollContainer
  .rt-tbody:last-child
  .rt-tr-group {
  margin-bottom: 35px;
}

.table-widget .ReactTable {
  height: 100%;
  border-radius: var(--retool-table-border-radius, 4px);
  border: none;
}

.table-widget .ReactTable .rt-table {
  border-radius: var(--retool-table-border-radius, 4px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.table-widget .ReactTable .-pagination .-pageInfo {
  margin: 3px 4px;
}

.table-widget .rt-resizer {
  z-index: 1000;
  width: 6px;
  right: -5px;
}

.table-widget .rt-resizable-header {
  font-weight: 600;
  display: inherit;
}

.table-widget .rt-thead {
  margin-top: -1px;
  border-bottom: 1px solid var(--retool-table-border, var(--border-color));
  position: sticky;
  top: 0;
}

.table-widget .rt-thead,
.table-widget .rthfc .rt-thead.-header {
  z-index: 7;
}

.table-widget .ReactTable .-pagination .-pageJump input {
  font-family: var(--default-font, var(--sans-serif));
}

.table-widget .ReactTable .-pagination .-currentPage {
  font-family: var(--default-font, var(--sans-serif));
  margin-right: 4px;
}

.table-widget input::-webkit-outer-spin-button,
.table-widget input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.table-widget .rt-thead .rt-resizable-header-content {
  height: 100%;
  width: 100%;
  font-size: 11px;
  line-height: 35px;
}

.table-widget .rt-thead .rt-resizable-header-content > div {
  overflow: hidden;
  text-overflow: unset;
}

.table-widget .ReactTable .rt-thead .rt-td,
.table-widget .ReactTable .rt-thead .rt-th {
  padding: 0;
  border-right: 1px solid var(--retool-table-border, var(--border-color));
}

.table-widget .ReactTable .rt-thead .rt-td .rt-resizer:hover:after,
.table-widget .ReactTable .rt-thead .rt-th .rt-resizer:hover:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 4px;
  background-color: var(--retool-table-header-accent);
  width: 1px;
}

.table-widget .ReactTable .rt-thead .rt-td:last-child,
.table-widget .ReactTable .rt-thead .rt-th:last-child {
  overflow: visible;
}

.table-widget .ReactTable .rt-thead .rt-td:last-child .rt-resizer,
.table-widget .ReactTable .rt-thead .rt-th:last-child .rt-resizer {
  right: 0;
}

.table-widget .ReactTable .rt-thead .rt-td:last-child .rt-resizer:hover:after,
.table-widget .ReactTable .rt-thead .rt-th:last-child .rt-resizer:hover:after {
  right: 0;
}

.table-widget .rt-tr-group .rt-td:last-child .cell-container {
  border-right: none;
}

.table-widget .ReactTable .rt-thead .rt-td,
.table-widget .ReactTable .rt-thead .rt-th:last-child {
  border-right: none;
}

.table-widget .ReactTable .rt-tbody .rt-td {
  position: relative;
  border-right: none;
}

.table-widget .ReactTable .rt-tbody .rt-td:focus-within {
  overflow: visible;
}

.table-widget .ReactTable .rt-tbody .rt-td.rthfc-td-fixed {
  position: sticky;
  z-index: 4;
}

.table-widget
  .ReactTable
  .rt-tbody
  .rt-td.rthfc-td-fixed:hover:not(.disableHoverStyles) {
  z-index: 6;
}

.table-widget .ReactTable .rt-tbody .rt-td.rthfc-td-fixed:focus-within {
  z-index: 5;
  overflow: visible;
}

.table-widget .rt-table.full-table .rt-tbody .rt-tr-group {
  flex-grow: 1;
}

.table-widget .rt-table.partial-table .rt-tbody .rt-tr-group {
  flex-grow: 0;
}

.table-widget .ReactTable .rt-tbody .rt-tr-group {
  margin-top: -1px;
}

.table-widget .ReactTable .-pagination {
  flex: 1;
  text-align: center;
  box-shadow: none;
  align-items: center;
  padding: 2px 12px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  margin-top: -1px;
  border-bottom-color: transparent;
  border-bottom-left-radius: var(--retool-table-border-radius, 4px);
  border-bottom-right-radius: var(--retool-table-border-radius, 4px);
}

.table-widget .pagination-bottom,
.table-widget .pagination-top {
  position: relative;
}

.table-widget .pagination-top .-pagination {
  border-top-width: 0px;
  border-radius: 4px 4px 0 0/4px 4px 0px 0px;
}

.table-widget .table-header {
  font-weight: 600;
}

.table-widget .table-cell-opacity,
.table-widget .table-row-background {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
  height: 100%;
}

.table-widget .cell-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--retool-table-border, var(--border-color));
  border-right: 1px solid var(--retool-table-border, var(--border-color));
}

.table-widget .cell-container-editable:hover {
  text-decoration: underline;
  cursor: text;
}

.table-widget .inner-cell-container {
  padding: 0 11px;
  overflow: hidden;
}

.table-widget .inner-cell-container--wrap {
  white-space: normal;
}

.table-widget .inner-cell-container--number {
  display: flex;
  justify-content: flex-end;
}

.table-widget .inner-cell-container--overflown {
  margin-right: 30px;
}

.table-widget .table-cell-action {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

.table-widget .table-cell-action.is-overflowing {
  z-index: 3;
  overflow: auto;
  background-color: var(--retool-table-background);
}

.table-widget .table-cell-action-left {
  border-right: 1px solid var(--retool-table-border, var(--border-color));
}

.table-widget .expand-cell-button {
  position: absolute;
  right: 5px;
  border: none;
  cursor: pointer;
  color: var(--blue-600);
  font-weight: 700;
}

.table-widget .table-row {
  cursor: pointer;
  min-height: 30px;
}

.table-widget .table-row.selected,
.table-widget .table-row:hover {
  background-color: var(--blue-100);
}

.table-widget .rt-tbody .rthfc-td-fixed,
.table-widget .rt-th {
  background-color: var(--primary-surface);
}

.table-widget .table-row.selected .rthfc-td-fixed .table-cell-action,
.table-widget .table-row.selected .rthfc-td-fixed .cell-container,
.table-widget .table-row:hover .rthfc-td-fixed .table-cell-action,
.table-widget .table-row:hover .rthfc-td-fixed .cell-container {
  background-color: var(--retool-table-background);
}

.table-widget .table-results-counter {
  font-size: 12px;
  color: #0009;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 26px;
  margin-right: 8px;
}

.table-widget .retool-clear-button {
  border: 1px solid var(--retool-table-border, var(--border-color));
  height: 26px;
  border-radius: 14px;
  background-color: #f2f2f2;
  color: var(--blue-600);
}

.table-widget .retool-arrow-button {
  border: 1px solid var(--retool-table-border, var(--border-color));
  width: 36px;
  height: 26px;
  border-radius: 14px;
  background-color: #f2f2f2;
  color: var(--blue-600);
}

.table-widget .retool-clear-button:disabled,
.table-widget .retool-arrow-button:disabled {
  color: #0009;
}

.table-widget .null-cell {
  color: var(--gray-500);
}

.table-widget .boolean-cell-true {
  color: var(--green-500);
}

.table-widget .boolean-cell-false {
  color: var(--red-600);
}

.table-widget .-pagination.light-pagination-ui {
  border: none;
}

.ReactTable .-pagination .-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.filter-select {
  margin-right: 8px;
}

.filter-select .ant-select-arrow {
  right: 0;
}

.filter-close-icon {
  vertical-align: middle;
}

.filter-close-icon :hover {
  color: #48c2ff;
}

.filter-select-input {
  margin-right: 8px;
}

.filter-select-input .ant-input {
  border-color: #d9d9d9 !important;
}

.filter-select-input .ant-input:hover {
  border-color: #48c2ff !important;
}

.table-cell-dropdown .ant-select-selection {
  box-shadow: none !important;
}

.action-editor {
  padding: 0 16px 16px;
  width: 260px;
  max-height: calc(100vh - 36px);
  overflow-y: scroll;
}

.action-list > * + * {
  margin-top: 4px;
}

.action-list .action-editor__title {
  border-radius: 4px;
  padding: 4px 4px 4px 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
  height: 30px;
  border: 1px solid transparent;
  box-sizing: border-box;
  background-color: var(--gray-100);
}

.action-list .action-editor__title .action-editor__title-text {
  min-width: 0;
}

.action-list .action-editor__title:hover {
  border: 1px solid var(--gray-200);
  background-color: var(--background-surface);
}

.disable-table-column-editor:not(:first-child) {
  margin-top: 8px;
}

.disable-table-column-editor .retool-checkbox-wrapper {
  margin-top: 0;
}

@keyframes emptyMessageFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.maintain-min-height-no-data .rt-tbody {
  min-height: 40px;
}

.textinput-component_horizontal {
  display: flex;
  height: 100%;
}

.textinput-component_horizontal .textinput-component__label {
  flex: 1;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 150px;
  margin-right: 10px;
}

.textinput-component_horizontal .textinput-component__label span {
  text-align: right;
}

.textinput-component_horizontal .textinput-component__input {
  flex: 2;
}

.textinput-component_vertical {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.textinput-component_vertical .textinput-component__label {
  font-weight: 600;
}

.textinput-component__textarea-wrapper {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  height: 100%;
}

.textinput-component__textarea {
  flex: 1 0 0;
  height: 100%;
  resize: none;
}

.textinput-component__textarea .ant-input-textarea-clear-icon {
  margin-right: 12px;
}

.textinput-component__textarea.error-stroke {
  border: 1px solid var(--red-300);
}

.input-control-component--no-label .textinput-component__textarea {
  margin-top: 0;
}

.textinput-component__textarea-container {
  margin-top: 5px;
}

.textinput-validation-error-popover {
  background-color: var(--red-500);
  color: #fff;
  display: flex;
  flex-direction: row;
  padding: 8px 12px;
}

.textinput-validation-error-popover-children {
  align-content: center;
  display: flex;
  flex-direction: column;
}

.textinput-component__input.error-stroke.has-no-attached-properties,
.textinput-component__input.error-stroke .ant-input {
  border: 1px solid var(--red-300);
}

.textinput-component__input {
  flex: 1 0 0;
}

.textinput-component__input.number {
  text-align: right;
}

.textinput-component__input.number::-moz-placeholder {
  text-align: left;
}

.step-list .step-editor-title {
  border-radius: 4px;
  padding: 4px 4px 4px 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
  height: 30px;
  border: 1px solid transparent;
  box-sizing: border-box;
  background-color: var(--gray-100);
}

.step-list .step-editor-title.selected {
  background-color: var(--blue-100);
}

.step-list .step-editor-title .step-editor__title-text {
  min-width: 0;
}

.step-list .step-editor-title:hover {
  border: 1px solid var(--gray-200);
}

.step-editor__inline-edit {
  width: 50%;
}

.navigation-action-editor__title {
  border-radius: 4px;
  padding: 4px 4px 4px 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 500;
  height: 30px;
  border: 1px solid var(--gray-200);
  box-sizing: border-box;
  background-color: var(--background-surface);
}

.navigation-action-editor__title .navigation-action-editor__title-text {
  min-width: 0;
}

.navigation-action-editor__title:hover {
  border: 1px solid var(--gray-200);
  background-color: var(--gray-100);
}

.show-on-hover-navigation-action-hover {
  display: none;
}

navigation-action-editor__title:hover + show-on-hover-navigation-action-hover {
  display: block;
}

._markdown_1i7p2_2 {
  --markdown-text: var(
    --retool-text-color,
    var(--retool-markdown-text, var(--primary-text, inherit))
  );
  --markdown-text-secondary: var(
    --retool-markdown-secondary-text,
    var(--secondary-text, var(--gray-900))
  );
  --markdown-accent: var(
    --retool-markdown-accent,
    var(--accent-background, var(--blue-600))
  );
  --markdown-highlight: var(
    --retool-markdown-highlight,
    var(--highlight-background, var(--blue-100))
  );
  --markdown-border: var(
    --border-color,
    var(--retool-markdown-border, var(--gray-200))
  );
  --markdown-surface: var(
    --primary-surface,
    var(--retool-markdown-surface, #fff)
  );
  --markdown-header: var(
    --primary-background,
    var(--retool-markdown-header, var(--gray-100))
  );
  --markdown-header-text: var(
    --primary-foreground,
    var(--retool-markdown-header-text, var(--gray-600))
  );
  color: var(--markdown-text);
  font-family: var(--default-font, var(--sans-serif));
  overflow-wrap: break-word;
  width: 100%;
  line-height: 1.5em;
}

._markdown_1i7p2_2._monospace_1i7p2_19 {
  white-space: pre-wrap;
  font-family: var(--monospace);
}

._markdown_1i7p2_2._monospace_1i7p2_19 p {
  font-size: 0.9em;
}

._markdown_1i7p2_2 a {
  color: var(--markdown-accent);
  text-decoration: underline;
}

._markdown_1i7p2_2 b,
._markdown_1i7p2_2 strong {
  font-weight: 600;
}

._markdown_1i7p2_2 i,
._markdown_1i7p2_2 em {
  font-style: italic;
}

._markdown_1i7p2_2 del {
  text-decoration: line-through;
}

._markdown_1i7p2_2 ins {
  text-decoration: underline;
}

._markdown_1i7p2_2 h1,
._markdown_1i7p2_2 h2,
._markdown_1i7p2_2 h3,
._markdown_1i7p2_2 h4,
._markdown_1i7p2_2 h5,
._markdown_1i7p2_2 h6 {
  color: inherit;
  margin-top: 1em;
}

._markdown_1i7p2_2 h1 {
  font-size: var(--default-h1-size, 36px);
  font-family: var(--default-h1-font-family);
  font-weight: var(--default-h1-font-weight, bold);
  line-height: 1.11em;
  margin-bottom: 16px;
}

._markdown_1i7p2_2 h2 {
  font-size: var(--default-h2-size, 28px);
  font-family: var(--default-h2-font-family);
  font-weight: var(--default-h2-font-weight, bold);
  line-height: 1.14em;
  margin-bottom: 16px;
}

._markdown_1i7p2_2 h3 {
  font-size: var(--default-h3-size, 24px);
  font-family: var(--default-h3-font-family);
  font-weight: var(--default-h3-font-weight, bold);
  line-height: 1.17em;
  margin-bottom: 16px;
}

._markdown_1i7p2_2 h4 {
  font-size: var(--default-h4-size, 18px);
  font-family: var(--default-h4-font-family);
  font-weight: var(--default-h4-font-weight, bold);
  line-height: 1.11em;
  margin-bottom: 8px;
}

._markdown_1i7p2_2 h5 {
  font-size: var(--default-h5-size, 16px);
  font-family: var(--default-h5-font-family);
  font-weight: var(--default-h5-font-weight, bold);
  line-height: 1.25em;
  margin-bottom: 8px;
}

._markdown_1i7p2_2 h6 {
  font-size: var(--default-h6-size, 14px);
  font-family: var(--default-h6-font-family);
  font-weight: var(--default-h6-font-weight, bold);
  line-height: 1.29em;
  margin-bottom: 8px;
}

._markdown_1i7p2_2 p,
._markdown_1i7p2_2 li {
  font-size: var(--retool-markdown-font-size, 12px);
  font-weight: var(--retool-markdown-font-weight);
  font-family: var(--retool-markdown-font-family);
  line-height: 1.5em;
}

._markdown_1i7p2_2 p {
  margin-top: 8px;
}

._markdown_1i7p2_2 p:only-child {
  margin: -1px 0;
}

._markdown_1i7p2_2 ul {
  list-style-type: disc;
}

._markdown_1i7p2_2 ol {
  list-style-type: decimal;
}

._markdown_1i7p2_2 ul,
._markdown_1i7p2_2 ol {
  margin-top: 8px;
  padding-left: 2em;
}

._markdown_1i7p2_2 ul:first-child,
._markdown_1i7p2_2 ol:first-child {
  margin-top: 0;
}

._markdown_1i7p2_2 ul ul,
._markdown_1i7p2_2 ol ul {
  list-style-type: circle;
}

._markdown_1i7p2_2 ul ol,
._markdown_1i7p2_2 ol ol {
  list-style-type: lower-roman;
}

._markdown_1i7p2_2 ul ul ol,
._markdown_1i7p2_2 ul ol ol,
._markdown_1i7p2_2 ol ul ol,
._markdown_1i7p2_2 ol ol ol {
  list-style-type: lower-alpha;
}

._markdown_1i7p2_2 ul ul ul,
._markdown_1i7p2_2 ul ol ul,
._markdown_1i7p2_2 ol ul ul,
._markdown_1i7p2_2 ol ol ul {
  list-style-type: square;
}

._markdown_1i7p2_2 ul ul + ul,
._markdown_1i7p2_2 ol ul + ul {
  margin-top: 4px;
}

._markdown_1i7p2_2 li {
  margin-top: 4px;
}

._markdown_1i7p2_2 blockquote {
  border-left: 4px solid rgba(150, 150, 150, 0.1);
  color: var(--markdown-text-secondary);
  margin-top: 8px;
  padding: 0 12px;
}

._markdown_1i7p2_2 code {
  background-color: #9696961a;
  border-radius: 3px;
  font-family: var(--monospace);
  font-size: 0.9em;
  margin: 0;
  padding: 0.2em 0.4em;
}

._markdown_1i7p2_2 mark {
  background-color: var(--highlight, var(--yellow-200));
}

._markdown_1i7p2_2 pre {
  background-color: #9696961a;
  border-radius: 3px;
  font-size: var(--retool-markdown-font-size, 12px);
  line-height: 1.333em;
  margin-top: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 12px;
}

._markdown_1i7p2_2 pre code {
  background-color: initial;
  border: 0;
  display: inline;
  line-height: inherit;
  margin: 0;
  padding: 0;
  word-wrap: normal;
}

._markdown_1i7p2_2 table {
  background-color: var(--markdown-surface);
  border-collapse: separate;
  border-radius: 4px;
  border: 1px solid var(--markdown-border);
  display: block;
  font-size: var(--retool-markdown-font-size, 12px);
  font-weight: var(--retool-markdown-font-weight);
  font-family: var(--retool-markdown-font-family);
  line-height: 1.5em;
  margin-bottom: 16px;
  margin-top: 8px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  width: max-content;
}

._markdown_1i7p2_2 tr {
  background-color: var(--markdown-surface);
}

._markdown_1i7p2_2 tr:hover {
  background-color: var(--markdown-highlight);
}

._markdown_1i7p2_2 th,
._markdown_1i7p2_2 td {
  border-left: 1px solid var(--markdown-border);
  padding: 7px 13px;
}

._markdown_1i7p2_2 th:first-child,
._markdown_1i7p2_2 td:first-child {
  border-left: 0;
}

._markdown_1i7p2_2 th {
  background-color: var(--markdown-header);
  color: var(--markdown-header-text);
  font-weight: 600;
}

._markdown_1i7p2_2 th:first-child {
  border-top-left-radius: 3px;
}

._markdown_1i7p2_2 th:last-child {
  border-top-right-radius: 3px;
}

._markdown_1i7p2_2 td {
  border-top: 1px solid var(--markdown-border);
}

._markdown_1i7p2_2 hr {
  border: 0;
  border-bottom: 1px solid var(--markdown-border);
  margin: 16px 0;
}

._markdown_1i7p2_2 img {
  max-width: 100%;
}

._markdown_1i7p2_2 .task-list-item {
  list-style: none;
  margin-left: -2em;
}

._markdown_1i7p2_2 .task-list-item input[type="checkbox"] {
  pointer-events: none;
  position: relative;
  top: 2px;
}

._markdown_1i7p2_2 > :first-child,
._markdown_1i7p2_2 > :first-child > :first-child {
  margin-top: 0;
}

._markdown_1i7p2_2 > :last-child,
._markdown_1i7p2_2 > :last-child > :last-child {
  margin-bottom: 0;
}

._fit_1i7p2_258 img {
  max-width: 100%;
}

._fill_1i7p2_262 img {
  width: 100%;
}

._tooltip_69sra_1 {
  color: var(--retool-base-markdown-tooltip-color);
  background-color: var(
    --retool-base-markdown-tooltip-background-color,
    var(--primary-surface, var(--gray-900))
  );
  border: 1px solid
    var(--retool-base-markdown-tooltip-border, var(--border-color));
  box-shadow: var(--shadow-medium);
  min-height: 0;
  border-radius: var(--retool-base-markdown-tooltip-border-radius, 4px);
  pointer-events: none;
  animation-duration: 0.1s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

._tooltip_69sra_1._withPointerEvents_69sra_13 {
  pointer-events: auto;
}

._tooltip_69sra_1._withPointerEvents_69sra_13:after {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--tooltip-offset));
  z-index: -1;
}

._content_69sra_23 {
  padding: var(--retool-base-markdown-tooltip-vertical-padding, 2px)
    var(--retool-base-markdown-tooltip-horizontal-padding, 4px);
}

._tooltip_69sra_1[data-side="top"] {
  animation-name: _down_69sra_1;
}

@keyframes _down_69sra_1 {
  0% {
    transform: translateY(8px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

._tooltip_69sra_1[data-side="bottom"] {
  animation-name: _up_69sra_1;
}

@keyframes _up_69sra_1 {
  0% {
    transform: translateY(-8px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

._tooltip_69sra_1[data-side="left"] {
  animation-name: _left_69sra_1;
}

@keyframes _left_69sra_1 {
  0% {
    transform: translate(8px);
    opacity: 0;
  }

  to {
    transform: translate(0);
    opacity: 1;
  }
}

._tooltip_69sra_1[data-side="right"] {
  animation-name: _right_69sra_1;
}

@keyframes _right_69sra_1 {
  0% {
    transform: translate(-8px);
    opacity: 0;
  }

  to {
    transform: translate(0);
    opacity: 1;
  }
}

._main_vuec3_1 {
  z-index: calc(
    var(--modal-click-outside-z-index) + var(--retool-modal-stacking-order, 0)
  );
}

._main_1epdk_1 {
  border: 1px solid var(--retool-table-border, var(--border-color));
  border-radius: 4px;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  background-color: var(--retool-table-background, var(--header-background));
  box-shadow: 0 3px 8px #0000000d, 0 4px 16px #00000017;
}

._iconContainer_1epdk_12 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
  border-radius: 3px;
}

._iconContainer_1epdk_12._leftMargin_1epdk_36 {
  margin-left: 4px;
}

._iconContainer_1epdk_12:focus,
._iconContainer_1epdk_12:hover {
  background-color: var(
    --retool-table-action-bar-hover-background,
    var(--blue-400)
  );
}

._iconContainer_1epdk_12:focus ._icon_1epdk_12,
._iconContainer_1epdk_12:hover ._icon_1epdk_12 {
  color: var(--retool-table-toolbar-accent, var(--primary));
}

._icon_1epdk_12 {
  color: var(--retool-table-toolbar-text);
  width: 14px;
  height: 14px;
  pointer-events: none;
}

._actionBarContainer_1epdk_54 {
  position: absolute;
  right: 8px;
  z-index: 100;
}

._actionBarContainer_1epdk_54._top_1epdk_59 {
  top: -28px;
  padding-bottom: 4px;
}

._actionBarContainer_1epdk_54._bottom_1epdk_63 {
  bottom: -28px;
  padding-top: 4px;
}

._view_113cg_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: auto 0;
  padding: 0 12px;
  line-height: 20px;
  font-size: 12px;
  width: 100%;
  color: var(--retool-table-cell-text);
}

.table-row:hover ._view_113cg_2:not(._link_113cg_13) {
  color: var(--retool-table-cell-hover-text);
}

._view_113cg_2._needsOverflow_113cg_16 {
  text-overflow: clip;
  flex: 1 0 auto;
  width: fit-content;
}

._view_113cg_2:not(._multiline_113cg_21) {
  white-space: nowrap;
  max-height: 100%;
}

._view_113cg_2._multiline_113cg_21 {
  height: fit-content;
  white-space: var(--white-space);
}

._view_113cg_2._link_113cg_13:not(:empty) {
  color: var(--retool-table-cell-accent);
  text-decoration: underline;
}

._view_113cg_2._monospace_113cg_33 {
  font-family: var(--monospace);
}

._view_113cg_2._monospace_113cg_33 p {
  font-size: 0.9em;
}

._view_113cg_2:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

._view_113cg_2:empty {
  opacity: 0.5;
}

._view_113cg_2:empty:after {
  content: "–";
}

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

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

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

._main_1aie0_2 {
  height: 100%;
  width: 100%;
  line-height: 20px;
  font-size: 12px;
}

._main_1aie0_2._includeHorizontalPadding_1aie0_8 {
  padding: 0 12px;
}

._main_1aie0_2._fitContent_1aie0_11 {
  height: fit-content;
  max-height: 100%;
}

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

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

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

._main_1aie0_2:empty {
  opacity: 0.5;
}

._main_1aie0_2:empty:after {
  content: "–";
}

._fuzzyMatch_1k6dm_1 {
  color: var(--retool-fuzzy-match-text, var(--gray-800));
  background: var(--retool-fuzzy-match-background, var(--yellow-200));
  font-weight: 700;
  white-space: pre;
}

._main_luxql_1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  height: 100%;
}

._main_luxql_1._large_luxql_10 {
  width: 2.667em;
  margin-right: 8px;
}

._main_luxql_1._medium_luxql_14 {
  width: 1em;
  margin-right: 4px;
}

._main_luxql_1._medium_luxql_14._itemHasImage_luxql_18 {
  width: 1.33em;
}

._main_luxql_1._small_luxql_21 {
  height: 100%;
  width: 0.66em;
  margin-right: 4px;
}

._main_luxql_1:not(._large_luxql_10)._isDot_luxql_26 {
  justify-content: center;
}

._main_luxql_1._standalone_luxql_29 {
  display: inline-flex;
  align-items: center;
}

._main_luxql_1._noRightMargin_luxql_33 {
  margin-right: 0;
}

._main_luxql_1._collapseEmptySpace_luxql_36:empty {
  display: none;
}

._imageContainer_luxql_40 {
  position: relative;
  z-index: 0;
}

._image_luxql_40,
._imageContainer_luxql_40,
._textContainer_luxql_47 {
  width: 1.33em;
  height: 1.33em;
  border-radius: var(--retool-list-box-border-radius, 4px);
}

._image_luxql_40._circular_luxql_52,
._imageContainer_luxql_40._circular_luxql_52,
._textContainer_luxql_47._circular_luxql_52 {
  border-radius: 50%;
}

._image_luxql_40._large_luxql_10,
._imageContainer_luxql_40._large_luxql_10,
._textContainer_luxql_47._large_luxql_10 {
  width: 2.667em;
  height: 2.667em;
}

._image_luxql_40 {
  position: absolute;
  object-fit: cover;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

._dot_luxql_71 {
  margin-top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color, var(--automaticColor));
  border: 1px solid rgba(0, 0, 0, 0.15);
}

._dot_luxql_71._standalone_luxql_29 {
  margin-top: 0;
}

._textContainer_luxql_47 {
  position: absolute;
  z-index: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: var(--background, var(--retool-list-box-background));
}

._textContainer_luxql_47._hasColor_luxql_89 {
  background-color: var(--color, var(--automaticColor));
}

._text_luxql_47 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 600;
  overflow: hidden;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--foreground, var(--retool-list-box-label));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5em;
}

._text_luxql_47._isEmoji_luxql_106 {
  font-size: 0.667em;
}

._text_luxql_47._large_luxql_10 {
  font-size: 1em;
}

._text_luxql_47._large_luxql_10._isEmoji_luxql_106 {
  font-size: 1.167em;
}

._icon_luxql_116 {
  display: flex;
  align-items: center;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.333em;
  border-radius: var(--retool-list-box-border-radius, 4px);
}

._icon_luxql_116 svg {
  width: 1em;
  height: 1em;
}

._icon_luxql_116._circular_luxql_52 {
  border-radius: 50%;
}

._icon_luxql_116._medium_luxql_14 {
  margin-top: 2px;
  width: 1em;
  color: var(--foreground, var(--retool-list-box-label));
}

._icon_luxql_116._medium_luxql_14._standalone_luxql_29 {
  margin-top: 0;
}

._icon_luxql_116._medium_luxql_14._itemHasImage_luxql_18 {
  margin-right: 2px;
}

._icon_luxql_116._medium_luxql_14._hasColor_luxql_89 {
  color: var(--color, var(--automaticColor, inherit));
}

._icon_luxql_116._large_luxql_10 {
  width: 2.667em;
  height: 2.667em;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: var(--background, var(--retool-list-box-background));
  color: var(--foreground, var(--retool-list-box-label));
}

._icon_luxql_116._large_luxql_10._hasColor_luxql_89 {
  background-color: var(--color, var(--automaticColor));
}

._main_1ny87_5 {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  padding: 2px 0;
  max-width: 100%;
  min-width: 0;
  font-size: var(--retool-item-content-font-size);
  font-weight: var(--retool-item-content-font-weight);
  font-family: var(--retool-item-content-font-family);
}

._main_1ny87_5._removePadding_1ny87_17 {
  padding: 0;
}

._contentBefore_1ny87_21,
._contentAfter_1ny87_22 {
  display: flex;
  flex: 0 0 auto;
}

._contentBefore_1ny87_21 svg,
._contentAfter_1ny87_22 svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

._contentBefore_1ny87_21 {
  margin-right: 4px;
}

._contentAfter_1ny87_22 {
  margin-left: 4px;
}

._labelContainer_1ny87_41 {
  align-self: center;
}

._labelContainer_1ny87_41,
._label_1ny87_41,
._caption_1ny87_47 {
  line-height: var(--retool-item-content-line-height);
  min-width: 0;
  max-width: 100%;
  flex: 1 1 auto;
  white-space: pre-wrap;
}

._labelContainer_1ny87_41._truncate_1ny87_54,
._label_1ny87_41._truncate_1ny87_54,
._caption_1ny87_47._truncate_1ny87_54 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._label_1ny87_41 {
  color: var(--retool-item-content-label);
}

._label_1ny87_41._alwaysUnderline_1ny87_66,
._label_1ny87_41._hoverUnderline_1ny87_66._hovered_1ny87_66:not(
    ._disabled_1ny87_66
  ) {
  text-decoration: underline;
}

._label_1ny87_41._alwaysUnderline_1ny87_66._dotted_1ny87_69,
._label_1ny87_41._hoverUnderline_1ny87_66._hovered_1ny87_66:not(
    ._disabled_1ny87_66
  )._dotted_1ny87_69 {
  text-decoration-style: dotted;
}

._label_1ny87_41._alwaysUnderline_1ny87_66._dashed_1ny87_72,
._label_1ny87_41._hoverUnderline_1ny87_66._hovered_1ny87_66:not(
    ._disabled_1ny87_66
  )._dashed_1ny87_72 {
  text-decoration-style: dashed;
}

._label_1ny87_41._boldText_1ny87_75 {
  font-weight: 600;
}

._caption_1ny87_47 {
  color: var(--retool-item-content-caption);
  overflow-wrap: break-word;
}

._main_1mjms_9 {
  --retool-item-content-label: var(--retool-list-box-label);
  --retool-item-content-caption: var(--retool-list-box-caption);
  --retool-item-content-font-weight: var(--retool-list-box-font-weight);
  --retool-item-content-font-family: var(--retool-list-box-font-family);
  position: relative;
  padding: 6px 12px;
  margin: 1px 0;
  display: flex;
  justify-content: space-between;
  color: var(--retool-list-box-label);
  font-family: var(--retool-list-box-font-family);
  border-radius: var(--retool-list-box-item-border-radius);
}

._main_1mjms_9._selected_1mjms_24 {
  --retool-item-content-label: var(--retool-list-box-selected-label);
  --retool-list-box-label: var(--retool-list-box-selected-label);
  --retool-item-content-caption: var(--retool-list-box-selected-caption);
  background-color: var(--retool-list-box-selected-background);
}

._main_1mjms_9:not(._disabled_1mjms_30):not(._groupDisabled_1mjms_30) {
  cursor: pointer;
}

._main_1mjms_9:not(._disabled_1mjms_30):not(
    ._groupDisabled_1mjms_30
  )._focused_1mjms_33,
._main_1mjms_9:not(._disabled_1mjms_30):not(._groupDisabled_1mjms_30):hover:not(
    ._virtualFocus_1mjms_33
  ) {
  --retool-item-content-label: var(--retool-list-box-hover-label);
  --retool-list-box-label: var(--retool-list-box-hover-label);
  --retool-item-content-caption: var(--retool-list-box-hover-caption);
  background-color: var(--retool-list-box-hover-background);
}

._main_1mjms_9:not(._disabled_1mjms_30):not(
    ._groupDisabled_1mjms_30
  )._focused_1mjms_33._selected_1mjms_24,
._main_1mjms_9:not(._disabled_1mjms_30):not(._groupDisabled_1mjms_30):hover:not(
    ._virtualFocus_1mjms_33
  )._selected_1mjms_24 {
  --retool-item-content-label: var(--retool-list-box-selected-hover-label);
  --retool-list-box-label: var(--retool-list-box-selected-hover-label);
  --retool-item-content-caption: var(--retool-list-box-selected-hover-caption);
  background-color: var(--retool-list-box-selected-hover-background);
}

._main_1mjms_9._disabled_1mjms_30:not(._groupDisabled_1mjms_30) {
  opacity: 0.5;
  cursor: not-allowed;
}

._main_1mjms_9._disabled_1mjms_30:not(._groupDisabled_1mjms_30) *:disabled,
._main_1mjms_9._disabled_1mjms_30:not(._groupDisabled_1mjms_30)
  [aria-disabled="true"] {
  cursor: not-allowed;
}

._header_1mjms_54 {
  --retool-item-content-label: var(--gray-500);
  padding: 4px 8px 2px;
  margin: 1px 0;
}

._header_1mjms_54._borderTop_1mjms_59 {
  border-top: 1px solid var(--gray-200);
}

._icon_1mjms_63 {
  display: flex;
  padding-top: 2px;
  align-items: center;
  justify-content: center;
  width: 1em;
}

._icon_1mjms_63._center_1mjms_70 {
  margin-top: -2px;
  padding-top: 0;
}

._icon_1mjms_63:not(._center_1mjms_70) {
  height: var(--retool-list-box-line-height);
}

._check_1mjms_78 {
  color: var(--retool-list-box-indicator);
  opacity: 0;
  width: 1em;
  height: 1em;
}

._check_1mjms_78._selected_1mjms_24 {
  opacity: 1;
}

._caret_1mjms_88 {
  color: var(--retool-item-content-caption);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

._wrapper_1y965_5 {
  display: flex;
  position: relative;
  flex-direction: column;
}

._wrapper_1y965_5._inOverlay_1y965_10 {
  max-height: 100%;
}

._wrapper_1y965_5._focused_1y965_13:before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: calc(
    min(var(--retool-list-box-border-radius, 4px), 16px) + 3px
  );
  content: "";
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  pointer-events: none;
  position: absolute;
}

._wrapper_1y965_5,
._wrapper_1y965_5 ._main_1y965_23 {
  flex: 1 1 auto;
}

._wrapper_1y965_5:not(._inOverlay_1y965_10) {
  height: 100%;
}

._wrapper_1y965_5,
._main_1y965_23 {
  width: 100%;
}

._main_1y965_23 {
  background: var(--retool-list-box-background, var(--always-white));
  border: 1px solid var(--retool-list-box-border, var(--gray-200));
  border-radius: min(var(--retool-list-box-border-radius, 4px), 16px);
  box-shadow: var(--retool-list-box-box-shadow);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

._list_1y965_46 {
  --retool-fuzzy-match-background: var(--retool-list-box-highlight-background);
  --retool-fuzzy-match-text: var(--retool-list-box-highlight-foreground);
  margin: -1px 0;
}

._list_1y965_46._fillHeight_1y965_54 {
  height: 100%;
}

._list_1y965_46:not(._virtualized_1y965_57) {
  overflow-y: auto;
}

._header_1y965_61 {
  border-bottom: 1px solid;
}

._footer_1y965_65 {
  border-top: 1px solid;
}

._header_1y965_61,
._groupHeader_1y965_70,
._footer_1y965_65 {
  padding: 4px 8px;
  border-color: var(--retool-list-box-border, var(--gray-200));
  background-color: var(--retool-list-box-background, var(--always-white));
  font-size: var(--retool-list-box-font-size);
}

._emptyState_1y965_78 {
  margin: 12px;
  padding: 12px;
  flex: 1 1 0;
  color: var(--retool-list-box-empty-state, var(--gray-500));
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  word-break: break-word;
  max-height: 100%;
  overflow: hidden;
  font-size: var(--retool-list-box-font-size);
  font-weight: var(--retool-list-box-font-weight);
  font-family: var(--retool-list-box-font-family);
}

._target_1ym12_5 {
  height: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  max-width: 100%;
}

._input_1ym12_13 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  padding: 4px 0;
  color: var(--retool-editable-select-color);
}

._input_1ym12_13::placeholder {
  color: var(--retool-editable-select-placeholder);
}

._popover_1ym12_27 {
  display: flex;
  min-height: 30px;
  max-height: 100%;
  transition: 0.3s ease;
  transition-property: transform, opacity;
  opacity: 0;
}

._popover_1ym12_27._bottom_1ym12_35 {
  transform-origin: top;
  transform: translateY(-2px);
}

._popover_1ym12_27._top_1ym12_39 {
  transform-origin: bottom;
  transform: translateY(2px);
}

._popover_1ym12_27._mounted_1ym12_43,
._popover_1ym12_27._mounting_1ym12_43 {
  opacity: 1;
  transform: none;
}

._listbox_1ym12_48 {
  width: 200px;
  box-shadow: 0 0 5px 1px #0000000f;
  border-radius: var(--retool-editable-select-border-radius);
}

._button_1qmla_5 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  gap: 6px;
  border-radius: var(--retool-toolbar-button-border-radius);
  height: 2em;
  color: var(--retool-toolbar-button-color);
}

._button_1qmla_5:hover {
  background-color: var(--retool-toolbar-button-hover-background);
}

._button_1qmla_5._focused_1qmla_34:before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: 4px;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
}

._button_1qmla_5._pressed_1qmla_43,
._button_1qmla_5._isActive_1qmla_43 {
  color: var(--retool-toolbar-button-accent);
  opacity: 1;
}

._button_1qmla_5._pressed_1qmla_43 ._icon_1qmla_47,
._button_1qmla_5._isActive_1qmla_43 ._icon_1qmla_47 {
  opacity: 1;
}

._button_1qmla_5._isActive_1qmla_43 {
  background-color: var(--retool-toolbar-button-active-background);
}

._button_1qmla_5:not(._showLabel_1qmla_53) {
  width: 2em;
}

._button_1qmla_5 ._icon_1qmla_47 {
  opacity: 0.4;
  display: flex;
  align-items: center;
}

._main_txiwb_1 {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: var(--leftMargin);
  pointer-events: none;
}

._titleMask_txiwb_10 {
  contain: none;
}

._titleMask_txiwb_10:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  width: var(--maskWidth);
  background: linear-gradient(
    90deg,
    transparent 0,
    transparent var(--fadeStart),
    var(--retool-timeline-event-title-background)
  );
  z-index: 1;
}

._titleWrapper_txiwb_24 {
  width: 0;
  position: sticky;
}

._title_txiwb_10 {
  font-size: var(--retool-timeline-body-font-size);
  line-height: var(--retool-timeline-line-height);
  color: var(--foreground);
  display: block;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
}

._main_1ftw1_1 {
  position: absolute;
  isolation: isolate;
  top: 4px;
  bottom: 4px;
  background-color: var(--retool-timeline-event-background);
  font-weight: var(--retool-timeline-body-font-weight);
}

._box_1ftw1_10 {
  position: absolute;
  border-radius: var(--retool-timeline-event-border-radius);
  bottom: 0;
  top: 0;
  left: 0;
  background-color: var(--retool-timeline-event-event-default-background);
  box-shadow: 0 -1px #00000014 inset;
  font-size: var(--retool-timeline-body-font-size);
  line-height: var(--retool-timeline-line-height);
}

._markerEvent_1ftw1_22 {
  position: absolute;
  isolation: isolate;
  top: 20%;
  bottom: 20%;
  background-color: transparent;
  font-weight: var(--retool-timeline-body-font-weight);
}

._diamond_1ftw1_31 {
  position: absolute;
  border-radius: var(--retool-timeline-event-border-radius);
  background-color: var(--retool-timeline-event-event-default-background);
  height: 100%;
  width: auto;
  aspect-ratio: 1;
  translate: 20%;
  rotate: -45deg;
  box-shadow: 1px -1px #00000014 inset;
}

._retoolHelpButton_1ezt4_1 {
  height: 44px;
  width: 44px;
  margin: 20px 0 0;
  position: relative;
  z-index: var(--help-bubble-z-index);
  border-radius: 50%;
  background: var(--gray-900);
  cursor: pointer;
  box-shadow: 0 2px 12px 2px #00000030;
  animation: _intercom-lightweight-app-launcher_1ezt4_1 0.25s ease;
  display: grid;
  place-content: center;
  transition: background-color 0.2s ease;
}

._retoolHelpButton_1ezt4_1:hover {
  background-color: var(--blue-600);
  box-shadow: 0 2px 12px 2px #0000003d;
}

.headerized-menu-item {
  background: var(--gray-100);
  padding: 6px 10px 6px 16px;
  line-height: 16px;
  border-bottom: 1px solid var(--gray-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  color: var(--gray-700);
  font-weight: 500;
}

.headerized-menu-item .icon {
  color: var(--gray-400);
  padding: 0;
  display: flex;
  transition: color 0.3s ease;
}

.headerized-menu-item .icon:hover {
  color: var(--gray-800);
}

.retool-dropdown-menu,
.ant-dropdown-menu {
  padding: 4px 0;
  overflow: hidden;
  box-shadow: 0 4px 16px #00000014 !important;
  border-radius: 4px;
}

.retool-dropdown-menu.no-top-margin,
.ant-dropdown-menu.no-top-margin {
  margin-top: 0;
}

.retool-dropdown-menu.no-top-padding,
.ant-dropdown-menu.no-top-padding {
  padding-top: 0;
}

.retool-dropdown-menu hr,
.ant-dropdown-menu hr {
  margin: 4px 0;
  background-color: var(--gray-150);
}

.retool-dropdown-menu li.retool-dropdown-menu-item,
.ant-dropdown-menu li.retool-dropdown-menu-item {
  cursor: pointer;
  height: 32px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  padding: 4px 16px;
  color: var(--gray-800);
}

.retool-dropdown-menu li.retool-dropdown-menu-item.warning,
.ant-dropdown-menu li.retool-dropdown-menu-item.warning {
  color: var(--red-400);
}

.retool-dropdown-menu li.retool-dropdown-menu-item:hover,
.ant-dropdown-menu li.retool-dropdown-menu-item:hover {
  background: var(--gray-100);
  color: var(--gray-800);
}

.retool-dropdown-menu li.retool-dropdown-menu-item:hover.warning,
.ant-dropdown-menu li.retool-dropdown-menu-item:hover.warning {
  color: var(--red-400);
}

.retool-dropdown-menu li.retool-dropdown-menu-item.ant-menu-item-active,
.ant-dropdown-menu li.retool-dropdown-menu-item.ant-menu-item-active {
  color: var(--gray-800);
}

.retool-dropdown-menu
  li.retool-dropdown-menu-item.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu
  li.retool-dropdown-menu-item.ant-dropdown-menu-item-disabled {
  color: var(--gray-400);
}

.retool-dropdown-menu
  li.retool-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu
  li.retool-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover {
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
  background-color: var(--always-white) !important;
}

.retool-dropdown-menu
  li.retool-dropdown-menu-item.ant-dropdown-menu-item-disabled
  a,
.ant-dropdown-menu
  li.retool-dropdown-menu-item.ant-dropdown-menu-item-disabled
  a {
  color: var(--gray-400);
}

.retool-dropdown-menu
  li.retool-dropdown-menu-item.ant-dropdown-menu-item-disabled
  a:hover,
.ant-dropdown-menu
  li.retool-dropdown-menu-item.ant-dropdown-menu-item-disabled
  a:hover {
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
}

.retool-dropdown-menu .retool-dropdown-menu-item,
.ant-dropdown-menu .retool-dropdown-menu-item {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.retool-dropdown-menu .retool-dropdown-menu-item a,
.ant-dropdown-menu .retool-dropdown-menu-item a {
  color: inherit;
}

.retool-dropdown-menu .retool-dropdown-menu-item .icon,
.ant-dropdown-menu .retool-dropdown-menu-item .icon {
  color: var(--gray-400);
}

.retool-dropdown-menu .retool-dropdown-menu-item .ant-upload,
.ant-dropdown-menu .retool-dropdown-menu-item .ant-upload {
  color: inherit;
}

.retool-dropdown-menu .margin-top,
.ant-dropdown-menu .margin-top {
  margin-top: 5px;
}

.retool-dropdown-menu .name,
.ant-dropdown-menu .name {
  display: flex;
}

.retool-dropdown.noMargin {
  margin: 0;
}

.retool-dropdown.noPadding {
  padding: 0;
}

.retool-dropdown--small {
  height: 30px;
  margin: 4px 0;
}

.retool-dropdown--small .ant-select-selection--single {
  height: 30px;
}

.retool-dropdown--small .ant-select-selection__rendered {
  line-height: 28px;
}

.retool-dropdown--small .ant-select-arrow {
  height: 10px;
}

.retool-dropdown--medium {
  height: 35px;
  margin: 4px 0;
}

.retool-dropdown--medium .ant-select-selection--single {
  height: 35px;
}

.retool-dropdown--medium .ant-select-selection__rendered {
  font-size: 14px;
  line-height: 33px;
}

.retool-dropdown--medium .ant-select-arrow {
  height: 10px;
}

.retool-dropdown--medium
  .ant-select-selection--multiple
  .ant-select-selection__choice {
  height: 30px;
  border-radius: 4px;
  padding: 8px 26px 8px 8px;
  font-size: 14px;
  line-height: 14px;
}

.retool-dropdown--medium .ant-select-selection--multiple input {
  margin-left: 5px;
  margin-top: 3px;
  font-size: 14px;
}

.upload-container {
  display: block;
  margin: -4px -16px;
  transition-timing-function: cubic-bezier(0.68, 0.42, 0.34, 1.1);
}

.upload-container div.ant-upload {
  display: block;
}

.upload-container div.ant-upload span.ant-upload {
  height: 28px;
  display: block;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 18px;
}

@keyframes antSlideUpIn {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }

  to {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    transform: translateZ(0);
    opacity: 1;
  }

  to {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }
}

@keyframes antSlideDownIn {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }

  to {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    transform: translateZ(0);
    opacity: 1;
  }

  to {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
}

.retool-help-dropdown {
  box-shadow: 0 15px 45px #0000000d, 0 6.26664px 18.7999px #00000009,
    0 3.35045px 10.0513px #00000008, 0 1.87823px 5.6347px #00000006,
    0 0.997515px 2.99255px #00000005, 0 0.415088px 1.24527px #00000004 !important;
  transform: translateY(-4px);
  min-width: 195px;
}

.retool-help-dropdown li.retool-dropdown-menu-item {
  color: #000000a6;
}

.retool-help-dropdown li.retool-dropdown-menu-item a {
  display: flex;
  align-items: center;
}

.retool-help-dropdown li.retool-dropdown-menu-item .retool-help-icon {
  margin-right: 6px;
}

.retool-help-dropdown li.retool-dropdown-menu-item.current-version:hover {
  background: none;
  cursor: default;
}

._retoolHelpButton_rjn3w_1 {
  position: relative;
  z-index: var(--help-bubble-z-index);
  border-radius: 50%;
  background: var(--gray-900);
  cursor: pointer;
  box-shadow: 0 2px 12px 2px #00000030;
  animation: _intercom-lightweight-app-launcher_rjn3w_1 0.25s ease;
  display: grid;
  place-content: center;
  transition: background-color 0.2s ease;
}

._retoolHelpButton_rjn3w_1.retool-dropdown {
  height: 44px;
  width: 44px;
  margin: 20px 0 0;
}

._retoolHelpButton_rjn3w_1:hover {
  background-color: var(--blue-600);
  box-shadow: 0 2px 12px 2px #0000003d;
}

._currentVersion_rjn3w_24 {
  color: var(--gray-500);
  font-weight: 500;
  font-size: var(--font-size-10);
  background: var(--gray-100);
  height: 24px;
  line-height: 24px;
  margin: -4px 0;
  padding: 0 16px;
}

._menuItemWithIcon_rjn3w_35 {
  display: flex;
  align-items: center;
}

._retoolOverviewPreviewContainer_rjn3w_40 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
}

._retoolOverviewPreview_rjn3w_40 {
  width: 163px;
  height: 91px;
}

._wrapper_1081m_1 {
  white-space: normal;
}

@keyframes _fadeIn_1wrr6_1 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes _fadeOut_1wrr6_1 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes _expand_1wrr6_1 {
  0% {
    opacity: 0;
    transform: scale(0.93);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes _shrink_1wrr6_1 {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0.93);
  }
}

._overlay_1wrr6_37 {
  --animation-duration: 0.15s;
  animation: _fadeIn_1wrr6_1 var(--animation-duration, 0.15s);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: var(--omnibox-z-index);
  transition: 0.3s;
}

._overlay_1wrr6_37._close_1wrr6_46 {
  animation: _fadeOut_1wrr6_1 var(--animation-duration, 0.15s);
  opacity: 0;
}

._overlay_1wrr6_37._freeze_1wrr6_50 {
  animation: none;
}

._overlay_1wrr6_37:not(._editorMode_1wrr6_53) {
  background-color: #00000080;
}

._contentWrapper_1wrr6_57 {
  position: absolute;
  width: 600px;
  top: -1px;
  left: 50%;
  transform: translate(-50%);
}

._contentWrapper_1wrr6_57._errorBoundary_1wrr6_64 {
  z-index: var(--omnibox-z-index);
}

._content_1wrr6_57 {
  animation: _expand_1wrr6_1 var(--animation-duration, 0.15s);
  z-index: 100;
  font-family: var(--sans-serif);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--background-surface);
}

._content_1wrr6_57._editorMode_1wrr6_53 {
  width: 100%;
  height: 100%;
  transform-origin: top center;
  box-shadow: 0 4px 20px #00000029;
}

._content_1wrr6_57._errorBoundary_1wrr6_64 {
  box-shadow: 0 4px 20px #00000029;
}

._content_1wrr6_57:not(._editorMode_1wrr6_53) {
  position: fixed;
  top: 60px;
  width: 600px;
  left: calc(50% - 300px);
}

._content_1wrr6_57._close_1wrr6_46 {
  animation: _shrink_1wrr6_1 var(--animation-duration, 0.15s);
  opacity: 0;
  transform: scale(0.93);
}

._content_1wrr6_57._freeze_1wrr6_50 {
  animation: none;
}

._main_h45ms_1 {
  font-size: 13px;
  padding: 0 12px;
  margin-right: 4px;
  border-radius: 6px;
  height: 28px;
  color: #fff9;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

._main_h45ms_1:hover,
._main_h45ms_1._focus_h45ms_12 {
  color: #ffffffd9;
  background: #ffffff14;
}

._main_h45ms_1._active_h45ms_16 {
  color: #fff;
  background: #ffffff1f;
}

._newTag_h45ms_21 {
  padding: 4px;
  font-size: 10px;
  font-weight: 500;
  border-radius: 4px;
  line-height: 10px;
  vertical-align: middle;
  background: var(--plum-200);
  color: var(--plum-700);
  margin-left: 8px;
  letter-spacing: 0.25px;
}

._size-xsmall_1inso_1 {
  height: 20px;
  width: 20px;
}

._size-small_1inso_6 {
  height: 24px;
  width: 24px;
}

._size-medium_1inso_11 {
  height: 28px;
  width: 28px;
}

._size-large_1inso_16 {
  height: 36px;
  width: 36px;
}

._icon_1inso_21 {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

._size-small_1inso_6 ._icon_1inso_21,
._size-xsmall_1inso_1 ._icon_1inso_21 {
  width: 12px;
  height: 12px;
}

._size-medium_1inso_11 ._icon_1inso_21,
._size-large_1inso_16 ._icon_1inso_21 {
  width: 16px;
  height: 16px;
}

._main_9aa4o_1 {
  position: relative;
}

._dropdown_9aa4o_5 {
  pointer-events: all;
}

._main_t5m4c_1 {
  position: relative;
  background: var(--background-surface, #fff);
  min-width: 180px;
  padding: 4px 0;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #0000000a, var(--shadow-medium);
  border-radius: 6px;
}

._noTopPadding_t5m4c_11 {
  padding-top: 0;
}

._noBottomPadding_t5m4c_15 {
  padding-bottom: 0;
}

[data-dark-mode] ._main_t5m4c_1 {
  box-shadow: 0 0 0 1px #fff3, var(--shadow-medium);
}

._main_1kwwv_1 {
  position: relative;
  cursor: pointer;
  height: var(--menu-item-height, 28px);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000a6;
  padding: 4px 12px;
}

._main_1kwwv_1:hover {
  background: var(--background-container);
}

._removePadding_1kwwv_19 {
  padding: 0;
}

._warning_1kwwv_23 ._icon_1kwwv_23 {
  color: var(--icon-critical);
}

._disabledMuted_1kwwv_27 {
  opacity: 0.5;
}

._disabled_1kwwv_27:hover {
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
  background-color: var(--background-surface);
}

._selected_1kwwv_37,
._selected_1kwwv_37:hover {
  background-color: var(--blue-100);
}

._compact_1kwwv_44 {
  padding: 0 12px;
  max-height: 24px;
  min-height: 24px;
}

._active_1kwwv_50,
._active_1kwwv_50:hover {
  background-color: var(--blue-100);
}

._leftSide_1kwwv_57 {
  display: flex;
  align-items: center;
  gap: var(--menu-item-gap);
}

._leftSide_1kwwv_57._truncated_1kwwv_62 {
  width: calc(
    100% - (var(--menu-item-label-width, 0px) + var(--menu-item-gap))
  );
}

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

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

._header_u2s0a_1 {
  background: var(--background-container);
  padding: 12px;
  line-height: 20px;
  border-bottom: 1px solid var(--border-neutral);
  border-radius: 6px 6px 0 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
  font-weight: 500;
  gap: 4px;
}

._menuButton_1iioe_5:focus-visible {
  --retool-focus-ring: var(--blue-200);
  position: relative;
}

._menuButton_1iioe_5:focus-visible:before {
  border: 3px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: 0;
  content: "";
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  pointer-events: none;
  position: absolute;
}

._main_1y9qm_1 {
  margin: 4px 0;
  color: var(--border-neutral);
}

._main_8ya36_1 {
  background: var(--background-container);
  line-height: 20px;
  height: var(--menu-item-height, 28px);
  border-bottom: 1px solid var(--border-neutral);
  border-radius: 6px 6px 0 0;
}

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

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

._radixPopoverContent_1rq0l_1 {
  z-index: var(--modal-click-outside-z-index);
}

._content_1rq0l_5 {
  background-color: var(--background-surface);
  border-radius: var(--toolbox-spacing-8);
  pointer-events: all;
}

._hasShadow_1rq0l_11 {
  box-shadow: var(--shadow-large);
}

._content_1jx77_1 {
  z-index: 1;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 100px;
  bottom: 100px;
  pointer-events: auto;
}

._expanded-height_1jx77_14 {
  top: 50px;
  bottom: 50px;
}

._size-small_1jx77_19 {
  max-width: 400px;
}

._size-medium_1jx77_23 {
  max-width: 560px;
}

._size-large_1jx77_27 {
  max-width: 720px;
}

._size-xlarge_1jx77_31 {
  max-width: 960px;
}

._size-full_1jx77_35 {
  max-width: calc(100vw - var(--toolbox-spacing-48) * 2);
}

._contentWrapper_1jx77_39 {
  background-color: var(--background-surface);
  border-radius: 8px;
  box-shadow: var(--shadow-large);
  max-height: 100%;
}

._header_1jx77_46 {
  border-bottom: 1px solid var(--border-neutral);
}

._contentOverflow_1jx77_50 {
  overflow: auto;
}

._footer_1jx77_54 {
  border-top: 1px solid var(--border-neutral);
}

._footer_1jx77_54:empty {
  display: none;
}

._body_r3yl2_1 {
  width: 100%;
}

._column_r3yl2_5 {
  padding: 16px;
  width: 50%;
  margin-bottom: 16px;
}

._column_r3yl2_5 ul {
  list-style-type: disc;
  padding-left: 16px;
}

._columnHeading_r3yl2_15 {
  margin-bottom: 16px;
}

._missingFeature_r3yl2_19 {
  text-decoration: line-through;
}

._topList_r3yl2_23 {
  border-bottom: 1px solid var(--border-neutral);
  padding-bottom: 16px;
  margin-bottom: 16px;
}

._featureList_r3yl2_29 {
  background-color: var(--gray-50);
  padding: 32px;
  margin-bottom: 16px;
  margin-top: 16px;
  border-radius: 8px;
}

._features_r3yl2_37 {
  columns: 2;
  column-gap: 1rem;
  margin-top: 16px;
}

._featureItem_r3yl2_43 {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  column-gap: 8px;
}

._main_tnzf6_1 {
  padding: 2px 6px;
  background: #4aa1ed33;
  color: var(--blue-600);
  font-weight: 600;
  font-size: 10px;
  border-radius: 12px;
  line-height: 12px;
  vertical-align: bottom;
  display: inline-block;
  text-decoration: none;
  width: auto;
}

._main_tnzf6_1._clickable_tnzf6_14 {
  cursor: pointer;
}

.retool-button.ant-btn {
  font-family: var(--sans-serif);
  height: 2rem;
  border-radius: 4px;
  border: none;
  font-size: 12px;
  line-height: 20px;
  color: var(--always-white);
  font-weight: 600;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  padding: 0 16px;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  text-shadow: none;
  text-align: center;
  justify-content: center;
  min-width: 0;
}

.retool-button.ant-btn.testing-button {
  height: 24px;
}

.retool-button svg {
  flex-shrink: 0;
}

.retool-button .atn-btn:hover,
.retool-button .atn-btn:focus {
  transition: all 0.15s ease-in-out;
}

.retool-button:disabled,
.retool-button:disabled:hover,
.retool-button [disabled],
.retool-button [disabled]:hover {
  background: var(--background-surface);
  color: var(--gray-200);
  cursor: not-allowed;
}

.retool-button.ant-btn-tiny {
  font-size: 11px;
  height: 24px;
  padding: 0 8px;
}

.retool-button.ant-btn-small {
  height: 28px;
  padding: 0 12px;
}

.retool-button.ant-btn-medium {
  height: 32px;
  padding: 0 16px;
}

.retool-button.ant-btn-large {
  height: 40px;
  padding: 0 16px;
}

.retool-button.ant-btn-primary {
  background: var(--blue-600);
  color: var(--always-white);
}

.retool-button.ant-btn-primary:hover,
.retool-button.ant-btn-primary:focus {
  background: var(--blue-700);
}

.retool-button.ant-btn-primary:disabled,
.retool-button.ant-btn-primary:disabled:hover,
.retool-button.ant-btn-primary [disabled],
.retool-button.ant-btn-primary [disabled]:hover {
  background: var(--blue-600);
  color: var(--always-white);
  opacity: 0.5;
}

.retool-button.ant-btn-secondary {
  background: var(--blue-100);
  color: var(--blue-700);
}

.retool-button.ant-btn-secondary:hover,
.retool-button.ant-btn-secondary:focus {
  background: var(--blue-200);
}

.retool-button.ant-btn-secondary:disabled,
.retool-button.ant-btn-secondary:disabled:hover,
.retool-button.ant-btn-secondary [disabled],
.retool-button.ant-btn-secondary [disabled]:hover {
  background: var(--blue-100);
  color: var(--blue-700);
  opacity: 0.5;
}

.retool-button.ant-btn-danger {
  background: var(--red-500);
}

.retool-button.ant-btn-danger:hover,
.retool-button.ant-btn-danger:focus {
  background: var(--red-700);
}

.retool-button.ant-btn-danger:disabled,
.retool-button.ant-btn-danger:disabled:hover,
.retool-button.ant-btn-danger [disabled],
.retool-button.ant-btn-danger [disabled]:hover {
  background: var(--red-500);
  color: var(--always-white);
  opacity: 0.5;
}

.retool-button.ant-btn-default {
  background: var(--background-surface);
  border: 1px solid var(--blue-400);
  color: var(--blue-600);
}

.retool-button.ant-btn-default:hover,
.retool-button.ant-btn-default:focus {
  background: var(--background-surface);
  border: 1px solid var(--blue-600);
  color: var(--blue-700);
}

.retool-button.ant-btn-default:disabled,
.retool-button.ant-btn-default:disabled:hover,
.retool-button.ant-btn-default [disabled],
.retool-button.ant-btn-default [disabled]:hover {
  background: var(--background-surface);
  border: 1px solid var(--blue-400);
  color: var(--blue-600);
  opacity: 0.5;
}

.retool-button.ant-btn-ghost {
  background: var(--background-surface);
  border: 1px solid var(--gray-200);
  color: var(--gray-700);
}

.retool-button.ant-btn-ghost:hover,
.retool-button.ant-btn-ghost:focus {
  background: var(--background-surface);
  border: 1px solid var(--gray-300);
  color: var(--gray-800);
}

.retool-button.ant-btn-ghost:disabled,
.retool-button.ant-btn-ghost:disabled:hover,
.retool-button.ant-btn-ghost [disabled],
.retool-button.ant-btn-ghost [disabled]:hover {
  background: var(--background-surface);
  border: 1px solid var(--gray-200);
  color: var(--gray-700);
  opacity: 0.5;
}

.retool-button.ant-btn-ghost-danger {
  background: var(--background-surface);
  border: 1px solid var(--gray-200);
  color: var(--red-500);
}

.retool-button.ant-btn-ghost-danger:hover,
.retool-button.ant-btn-ghost-danger:focus {
  background: var(--red-150);
  border: 1px solid var(--gray-300);
  color: var(--red-700);
}

.retool-button.ant-btn-ghost-danger:disabled,
.retool-button.ant-btn-ghost-danger:disabled:hover,
.retool-button.ant-btn-ghost-danger [disabled],
.retool-button.ant-btn-ghost-danger [disabled]:hover {
  background: var(--background-surface);
  border: 1px solid var(--gray-200);
  color: var(--red-500);
  opacity: 0.5;
}

.retool-button.ant-btn-link {
  background: transparent;
  color: var(--blue-600);
  font-weight: 500;
  padding: 0;
}

.retool-button.ant-btn-link:hover {
  color: var(--blue-700);
}

.retool-button.ant-btn-link:disabled,
.retool-button.ant-btn-link:disabled:hover,
.retool-button.ant-btn-link [disabled],
.retool-button.ant-btn-link [disabled]:hover {
  background: transparent;
  color: var(--blue-600);
  opacity: 0.5;
}

.retool-button.ant-btn-link-danger {
  color: var(--red-500);
  padding: 0;
}

.retool-button.ant-btn-link-danger:hover {
  color: var(--red-700);
}

.retool-button.ant-btn-link-danger:disabled,
.retool-button.ant-btn-link-danger:disabled:hover,
.retool-button.ant-btn-link-danger [disabled],
.retool-button.ant-btn-link-danger [disabled]:hover {
  color: var(--red-500);
  opacity: 0.5;
}

.retool-button.ant-btn-link-gray {
  background: var(--gray-100);
  color: var(--gray-700);
  padding: 0;
}

.retool-button.ant-btn-link-gray.transparent-button {
  background: transparent;
  font-weight: 500;
}

.retool-button.ant-btn-link-gray:hover {
  background: var(--gray-150);
  color: var(--gray-800);
}

.retool-button.ant-btn-link-gray:disabled,
.retool-button.ant-btn-link-gray:disabled:hover,
.retool-button.ant-btn-link-gray [disabled],
.retool-button.ant-btn-link-gray [disabled]:hover {
  background: var(--gray-100);
  color: var(--gray-700);
  opacity: 0.5;
}

.retool-button.ant-btn-disabled,
.retool-button.ant-btn-disabled:hover {
  background: var(--blue-600);
  color: var(--always-white);
  opacity: 0.5;
}

.retool-button span {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

[ant-click-animating-without-extra-node="true"]:after,
.ant-click-animating-node {
  display: none;
}

._caret_y4dvs_1 {
  margin-right: -8px;
}

._caret-lighter_y4dvs_5 {
  color: var(--gray-400);
}

._title_y4dvs_9 {
  padding: 5px 16px;
  color: var(--gray-500);
}

._switcher_y4dvs_14 {
  height: 20px !important;
  padding: 0 7px 0 2px !important;
  border: 1px solid transparent !important;
  margin: 0 0 0 8px;
  font-weight: 400 !important;
}

._dark_y4dvs_22,
._dark_y4dvs_22:hover,
._dark_y4dvs_22:focus {
  background: var(--gray-600) !important;
  color: var(--always-white) !important;
}

._dark_y4dvs_22:hover,
._dark_y4dvs_22:focus {
  border-color: var(--gray-500) !important;
}

._light_y4dvs_34,
._light_y4dvs_34:hover,
._light_y4dvs_34:focus {
  background: var(--blue-100) !important;
  color: var(--blue-400) !important;
}

._light_y4dvs_34:hover,
._light_y4dvs_34:focus {
  border-color: var(--blue-400) !important;
}

._hideBorder_y4dvs_46,
._hideBorder_y4dvs_46:hover {
  border: none;
}

._branchSwitcherMenuItem_y4dvs_51 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._menu_y4dvs_57 {
  max-height: 400px;
  overflow: auto;
  width: 245px;
}

.stacked-profile-photos {
  display: flex;
  flex-direction: row-reverse;
}

.stacked-profile-photos .profile-photo {
  border: 2px solid white;
}

.stacked-profile-photos .profile-photo:not(:last-child) {
  margin-left: -8px;
}

.stacked-profile-photos .profile-photo-placeholder {
  background: var(--gray-200);
  color: var(--gray-500);
}

._profilePhoto_31fda_1 {
  border-radius: 50%;
  flex-shrink: 0;
  height: var(--size);
  width: var(--size);
}

._profilePhoto_31fda_1._stacked_31fda_7 {
  border: 2px solid white;
}

._profilePhoto_31fda_1._stacked_31fda_7:not(:last-child) {
  margin-left: -8px;
}

._profilePhotoPlaceholder_31fda_14 {
  align-items: center;
  background: var(--gray-700);
  color: #fff;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}

._profileInitialsDouble_31fda_23 {
  font-size: calc(var(--size) / 3);
  text-transform: uppercase;
}

._profileInitialsSingle_31fda_28 {
  font-size: calc(var(--size) / 2);
  text-transform: uppercase;
}

._numberUsers_31fda_33 {
  align-items: center;
  background: var(--gray-200);
  color: #fff;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}

._circle_1ltcw_1 {
  width: var(--size);
  height: var(--size);
  background: var(--color);
  border-radius: var(--border-radius);
}

._menuItem_1su1f_1 {
  cursor: pointer;
  height: 28px;
  font-size: 12px;
  line-height: 20px;
  padding: 4px 16px 4px 12px;
  justify-content: space-between;
}

._menuItem_1su1f_1:not(._disabled_1su1f_9):hover {
  background: var(--gray-100);
}

._menuItem_1su1f_1._selected_1su1f_12 {
  background: var(--blue-100);
}

._menuItem_1su1f_1._disabled_1su1f_9 {
  cursor: default;
}

._menuItemContent_1su1f_19 {
  display: flex;
  align-items: center;
}

._environmentDiv_1su1f_24 {
  padding-right: 10px;
  display: flex;
  align-items: center;
}

._environmentName_1su1f_30 {
  color: var(--gray-900);
  padding-left: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
}

._environmentName_1su1f_30._disabled_1su1f_9 {
  color: var(--gray-500);
}

._disabledEnvironmentName_1su1f_42 {
  color: var(--gray-500);
  padding-left: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
}

._caret_o5co0_1 {
  margin-right: -6px;
  color: var(--gray-400);
}

._environmentDiv_o5co0_6 {
  display: flex;
  align-items: center;
}

._environmentName_o5co0_11 {
  color: var(--gray-900);
  padding-left: 6px;
  font-weight: 500;
  max-width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._environmentName_o5co0_11._inverted_o5co0_20 {
  color: var(--always-white);
}

._environmentName_o5co0_11._fixedWidth_o5co0_23 {
  width: 80px;
}

._showBorder_o5co0_27 {
  border: 1px solid var(--gray-200);
}

._showBorder_o5co0_27._dropdownButton_o5co0_30:hover {
  border: 1px solid var(--blue-600);
}

._dropdownButton_o5co0_30 {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 0 8px;
  cursor: pointer;
}

._dropdownButton_o5co0_30._inverted_o5co0_20 {
  border: 1px solid var(--gray-700);
  background: #464646;
}

.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  color: #00000073;
  font-size: 12px;
}

.ant-breadcrumb .anticon {
  font-size: 12px;
}

.ant-breadcrumb a {
  color: #00000073;
  transition: color 0.3s;
}

.ant-breadcrumb a:hover {
  color: #64afe8;
}

.ant-breadcrumb > span:last-child {
  color: #000000a6;
}

.ant-breadcrumb > span:last-child a {
  color: #000000a6;
}

.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}

.ant-breadcrumb-separator {
  margin: 0 8px;
  color: #00000073;
}

.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}

.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}

._overlay_krkss_5 ul {
  max-height: 400px;
  max-width: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}

._link_krkss_12 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: unset;
}

._section_krkss_22 {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 12px;
}

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

._section_krkss_22 > span {
  width: 100%;
}

._folderIcon_krkss_38 {
  width: 24px;
  padding-right: 10px;
  padding-top: 3px;
}

._sectionTitle_krkss_44 {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--gray-300);
  font-weight: 500;
}

._sectionText_krkss_52 {
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--gray-900);
}

._main_ziffy_1 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  display: flex;
  align-items: center;
  color: var(--gray-300);
  cursor: pointer;
}

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

._spacer_ziffy_26 {
  width: 100%;
  height: 4px;
}

._footerSection_ziffy_31 {
  background: var(--gray-100);
  border-top: 1px solid var(--gray-150);
  cursor: auto;
  margin-top: 4px;
  padding: 4px 16px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

._label_ziffy_41 {
  color: var(--gray-500);
  cursor: default;
  font-weight: 400;
}

._pillContainer_ziffy_47 {
  width: 100%;
  border: 2px solid transparent;
}

._pillContainer_ziffy_47._condense_ziffy_51 {
  border: none;
}

._environmentDropdown_ziffy_55 {
  margin-left: 8px;
}

._branchesDropdown_ziffy_59 {
  margin-left: 5px;
  margin-top: 8px;
}

._environmentBorder_ziffy_64 {
  border: 2px solid;
  border-radius: 6px;
}

._highlighted_ziffy_69 {
  background: var(--blue-100);
}

._cm-s-summerfruit_6teoq_25 {
  font-size: 1em;
  font-family: var(--monospace);
  letter-spacing: 0.3px;
  background: var(--background-surface);
  color: #181818;
}

._cm-s-summerfruit_6teoq_25 ._CodeMirror-gutters_6teoq_33 {
  z-index: 3;
  border: none;
  background: #f6f9fc;
}

._cm-s-summerfruit_6teoq_25 ._CodeMirror-linenumber_6teoq_39 {
  color: #8898aa;
}

._cm-s-summerfruit_6teoq_25 div._CodeMirror-cursor_6teoq_43 {
  border-left: 1px solid #181818;
}

._cm-s-summerfruit_6teoq_25 ._CodeMirror-activeline-background_6teoq_47 {
  background: #ffffff0d;
}

._cm-s-summerfruit_6teoq_25 ._CodeMirror-selected_6teoq_51 {
  background: #b7dce8;
}

._cm-s-summerfruit_6teoq_25 ._cm-comment_6teoq_55 {
  color: #91a2b0;
}

._cm-s-summerfruit_6teoq_25 ._cm-keyword_6teoq_59 {
  color: #5c65c1;
}

._cm-s-summerfruit_6teoq_25 ._cm-string_6teoq_63 {
  color: #159570;
}

._cm-s-summerfruit_6teoq_25 ._cm-variable-2_6teoq_67 {
  color: #f92672;
}

._cm-s-summerfruit_6teoq_25 ._cm-number_6teoq_71,
._cm-s-summerfruit_6teoq_25 ._cm-operator_6teoq_75 {
  color: #fb6620;
}

._cm-s-summerfruit_6teoq_25 ._cm-tag_6teoq_79:not(._cm-bracket_6teoq_79) {
  color: #da1225;
}

._cm-s-summerfruit_6teoq_25 ._cm-attribute_6teoq_83 {
  font-style: italic;
  color: #e36209;
}

._topNavigation_6teoq_88 {
  color: var(--gray-300);
  border-bottom: 1px solid var(--gray-150);
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  height: 48px;
  align-items: center;
  padding: 0 16px;
  z-index: 100;
}

._logo_6teoq_101 {
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}

._logo_6teoq_101 svg {
  align-self: center;
  color: var(--always-white);
}

._customLogo_6teoq_112 {
  max-height: 45px;
  max-width: 200px;
  display: flex;
  align-content: center;
  justify-content: center;
  margin: 8px 0;
}

._customLogo_6teoq_112 img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

._mainMenu_6teoq_126 {
  display: inherit;
  margin-left: 32px;
  height: 100%;
  align-items: center;
}

@media screen and (max-width: 840px) {
  ._mainMenu_6teoq_126 {
    display: none;
  }
}

._leftSection_6teoq_138 {
  margin: 0;
  padding: 0;
  height: 100%;
  display: inherit;
}

._userUtilities_6teoq_145 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
}

._search_6teoq_152 {
  display: flex;
}

.container {
  height: 100%;
}

.app-container {
  display: flex;
  flex-direction: column;
}

.core-layout__viewport {
  margin: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: auto;
}

.core-layout__hover-ctas {
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
}

.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: #00000073;
  font-size: 14px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}

.ant-form label {
  font-size: 12px;
}

.ant-form input[type="search"] {
  box-sizing: border-box;
}

.ant-form input[type="radio"],
.ant-form input[type="checkbox"] {
  line-height: normal;
}

.ant-form input[type="file"] {
  display: block;
}

.ant-form input[type="range"] {
  display: block;
  width: 100%;
}

.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}

.ant-form input[type="file"]:focus,
.ant-form input[type="radio"]:focus,
.ant-form input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ant-form output {
  display: block;
  padding-top: 15px;
  color: #000000a6;
  font-size: 12px;
  line-height: 1.5;
}

.ant-form-item-required:before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}

.ant-form-hide-required-mark .ant-form-item-required:before {
  display: none;
}

.ant-form-item-label > label {
  color: #000000d9;
}

.ant-form-item-label > label:after {
  content: ":";
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}

.ant-form-item-label > label.ant-form-item-no-colon:after {
  content: " ";
}

.ant-form-item {
  box-sizing: border-box;
  margin: 0 0 14px;
  padding: 0;
  color: #000000a6;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: "tnum";
  vertical-align: top;
}

.ant-form-item label {
  position: relative;
}

.ant-form-item label > .anticon {
  font-size: 12px;
  vertical-align: top;
}

.ant-form-item-control {
  position: relative;
  line-height: 36px;
  zoom: 1;
}

.ant-form-item-control:before,
.ant-form-item-control:after {
  display: table;
  content: "";
}

.ant-form-item-control:after {
  clear: both;
}

.ant-form-item-children {
  position: relative;
}

.ant-form-item-with-help {
  margin-bottom: 0;
}

.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 35.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}

.ant-form-item-label-left {
  text-align: left;
}

.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}

.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 19px;
  margin-top: -2px;
  color: #00000073;
  font-size: 12px;
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ant-form-explain {
  margin-bottom: -1px;
}

.ant-form-extra {
  padding-top: 4px;
}

.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}

.ant-form-split {
  display: block;
  text-align: center;
}

form .has-feedback .ant-input {
  padding-right: 30px;
}

form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}

form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 49px;
}

form
  .has-feedback
  .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn
  .ant-input {
  padding-right: 68px;
}

form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form
  .has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection__clear {
  right: 24px;
}

form .has-feedback > .ant-select .ant-select-selection-selected-value,
form
  .has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection-selected-value {
  padding-right: 42px;
}

form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 13px;
}

form .has-feedback .ant-cascader-picker-clear {
  right: 24px;
}

form
  .has-feedback
  .ant-input-search:not(.ant-input-search-enter-button)
  .ant-input-suffix {
  right: 24px;
}

form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 24px;
}

form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}

form .ant-upload {
  background: transparent;
}

form input[type="radio"],
form input[type="checkbox"] {
  width: 14px;
  height: 14px;
}

form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}

form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}

form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}

form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}

form .ant-input-number-handler-wrap {
  z-index: 2;
}

form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}

form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}

form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}

form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}

.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}

.ant-form-vertical .ant-form-item-label label:after,
.ant-col-24.ant-form-item-label label:after,
.ant-col-xl-24.ant-form-item-label label:after {
  display: none;
}

.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}

.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}

.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}

.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}

@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }

  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-form-item-label label:after {
    display: none;
  }

  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-xs-24.ant-form-item-label label:after {
    display: none;
  }
}

@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-sm-24.ant-form-item-label label:after {
    display: none;
  }
}

@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-md-24.ant-form-item-label label:after {
    display: none;
  }
}

@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-lg-24.ant-form-item-label label:after {
    display: none;
  }
}

@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-xl-24.ant-form-item-label label:after {
    display: none;
  }
}

.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}

.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 14px;
}

.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}

.ant-form-inline .ant-form-text,
.ant-form-inline .has-feedback {
  display: inline-block;
}

.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 28px;
  height: 20px;
  margin-top: -10px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}

.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}

.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}

.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}

.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #faad1433;
}

.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}

.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #faad1433;
}

.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}

.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #faad1433;
}

.has-warning
  .ant-input-affix-wrapper:hover
  .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}

.has-warning .ant-input-prefix {
  color: #faad14;
}

.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14;
}

.has-warning .has-feedback {
  color: #faad14;
}

.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}

.has-warning .ant-select-selection,
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}

.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #faad1433;
}

.has-warning .ant-calendar-picker-icon:after,
.has-warning .ant-time-picker-icon:after,
.has-warning .ant-picker-icon:after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}

.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}

.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #faad1433;
}

.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}

.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #faad1433;
}

.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #faad14;
}

.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}

.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}

.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #f5222d33;
}

.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}

.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #f5222d33;
}

.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}

.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #f5222d33;
}

.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}

.has-error .ant-input-prefix {
  color: #f5222d;
}

.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d;
}

.has-error .has-feedback {
  color: #f5222d;
}

.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  animation-name: diffZoomIn2 !important;
}

.has-error .ant-select-selection,
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}

.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #f5222d33;
}

.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}

.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}

.has-error .ant-calendar-picker-icon:after,
.has-error .ant-time-picker-icon:after,
.has-error .ant-picker-icon:after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}

.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}

.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #f5222d33;
}

.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}

.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}

.has-error
  .ant-mention-wrapper.ant-mention-active:not([disabled])
  .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #f5222d33;
}

.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #f5222d33;
}

.has-error .ant-cascader-picker:hover .ant-cascader-input,
.has-error .ant-transfer-list {
  border-color: #f5222d;
}

.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}

.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #64afe8;
  border-right-width: 1px !important;
}

.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #64afe8;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px #3c92dc33;
}

.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #3c92dc;
}

.ant-advanced-search-form .ant-form-item {
  margin-bottom: 14px;
}

.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: -2px;
}

.show-help-enter,
.show-help-appear,
.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}

.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}

.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}

@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  box-sizing: border-box;
}

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

.ant-row:after {
  clear: both;
}

.ant-row + .ant-row:before {
  clear: both;
}

.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}

.ant-row-flex:before,
.ant-row-flex:after {
  display: flex;
}

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

.ant-row-flex-center {
  justify-content: center;
}

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

.ant-row-flex-space-between {
  justify-content: space-between;
}

.ant-row-flex-space-around {
  justify-content: space-around;
}

.ant-row-flex-top {
  align-items: flex-start;
}

.ant-row-flex-middle {
  align-items: center;
}

.ant-row-flex-bottom {
  align-items: flex-end;
}

.ant-col {
  position: relative;
  min-height: 1px;
}

.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}

.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  flex: 0 0 auto;
  float: left;
}

.ant-col-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.ant-col-push-24 {
  left: 100%;
}

.ant-col-pull-24 {
  right: 100%;
}

.ant-col-offset-24 {
  margin-left: 100%;
}

.ant-col-order-24 {
  order: 24;
}

.ant-col-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}

.ant-col-push-23 {
  left: 95.83333333%;
}

.ant-col-pull-23 {
  right: 95.83333333%;
}

.ant-col-offset-23 {
  margin-left: 95.83333333%;
}

.ant-col-order-23 {
  order: 23;
}

.ant-col-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}

.ant-col-push-22 {
  left: 91.66666667%;
}

.ant-col-pull-22 {
  right: 91.66666667%;
}

.ant-col-offset-22 {
  margin-left: 91.66666667%;
}

.ant-col-order-22 {
  order: 22;
}

.ant-col-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}

.ant-col-push-21 {
  left: 87.5%;
}

.ant-col-pull-21 {
  right: 87.5%;
}

.ant-col-offset-21 {
  margin-left: 87.5%;
}

.ant-col-order-21 {
  order: 21;
}

.ant-col-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}

.ant-col-push-20 {
  left: 83.33333333%;
}

.ant-col-pull-20 {
  right: 83.33333333%;
}

.ant-col-offset-20 {
  margin-left: 83.33333333%;
}

.ant-col-order-20 {
  order: 20;
}

.ant-col-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}

.ant-col-push-19 {
  left: 79.16666667%;
}

.ant-col-pull-19 {
  right: 79.16666667%;
}

.ant-col-offset-19 {
  margin-left: 79.16666667%;
}

.ant-col-order-19 {
  order: 19;
}

.ant-col-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}

.ant-col-push-18 {
  left: 75%;
}

.ant-col-pull-18 {
  right: 75%;
}

.ant-col-offset-18 {
  margin-left: 75%;
}

.ant-col-order-18 {
  order: 18;
}

.ant-col-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}

.ant-col-push-17 {
  left: 70.83333333%;
}

.ant-col-pull-17 {
  right: 70.83333333%;
}

.ant-col-offset-17 {
  margin-left: 70.83333333%;
}

.ant-col-order-17 {
  order: 17;
}

.ant-col-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}

.ant-col-push-16 {
  left: 66.66666667%;
}

.ant-col-pull-16 {
  right: 66.66666667%;
}

.ant-col-offset-16 {
  margin-left: 66.66666667%;
}

.ant-col-order-16 {
  order: 16;
}

.ant-col-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}

.ant-col-push-15 {
  left: 62.5%;
}

.ant-col-pull-15 {
  right: 62.5%;
}

.ant-col-offset-15 {
  margin-left: 62.5%;
}

.ant-col-order-15 {
  order: 15;
}

.ant-col-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}

.ant-col-push-14 {
  left: 58.33333333%;
}

.ant-col-pull-14 {
  right: 58.33333333%;
}

.ant-col-offset-14 {
  margin-left: 58.33333333%;
}

.ant-col-order-14 {
  order: 14;
}

.ant-col-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}

.ant-col-push-13 {
  left: 54.16666667%;
}

.ant-col-pull-13 {
  right: 54.16666667%;
}

.ant-col-offset-13 {
  margin-left: 54.16666667%;
}

.ant-col-order-13 {
  order: 13;
}

.ant-col-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}

.ant-col-push-12 {
  left: 50%;
}

.ant-col-pull-12 {
  right: 50%;
}

.ant-col-offset-12 {
  margin-left: 50%;
}

.ant-col-order-12 {
  order: 12;
}

.ant-col-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}

.ant-col-push-11 {
  left: 45.83333333%;
}

.ant-col-pull-11 {
  right: 45.83333333%;
}

.ant-col-offset-11 {
  margin-left: 45.83333333%;
}

.ant-col-order-11 {
  order: 11;
}

.ant-col-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}

.ant-col-push-10 {
  left: 41.66666667%;
}

.ant-col-pull-10 {
  right: 41.66666667%;
}

.ant-col-offset-10 {
  margin-left: 41.66666667%;
}

.ant-col-order-10 {
  order: 10;
}

.ant-col-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}

.ant-col-push-9 {
  left: 37.5%;
}

.ant-col-pull-9 {
  right: 37.5%;
}

.ant-col-offset-9 {
  margin-left: 37.5%;
}

.ant-col-order-9 {
  order: 9;
}

.ant-col-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}

.ant-col-push-8 {
  left: 33.33333333%;
}

.ant-col-pull-8 {
  right: 33.33333333%;
}

.ant-col-offset-8 {
  margin-left: 33.33333333%;
}

.ant-col-order-8 {
  order: 8;
}

.ant-col-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}

.ant-col-push-7 {
  left: 29.16666667%;
}

.ant-col-pull-7 {
  right: 29.16666667%;
}

.ant-col-offset-7 {
  margin-left: 29.16666667%;
}

.ant-col-order-7 {
  order: 7;
}

.ant-col-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}

.ant-col-push-6 {
  left: 25%;
}

.ant-col-pull-6 {
  right: 25%;
}

.ant-col-offset-6 {
  margin-left: 25%;
}

.ant-col-order-6 {
  order: 6;
}

.ant-col-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}

.ant-col-push-5 {
  left: 20.83333333%;
}

.ant-col-pull-5 {
  right: 20.83333333%;
}

.ant-col-offset-5 {
  margin-left: 20.83333333%;
}

.ant-col-order-5 {
  order: 5;
}

.ant-col-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}

.ant-col-push-4 {
  left: 16.66666667%;
}

.ant-col-pull-4 {
  right: 16.66666667%;
}

.ant-col-offset-4 {
  margin-left: 16.66666667%;
}

.ant-col-order-4 {
  order: 4;
}

.ant-col-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}

.ant-col-push-3 {
  left: 12.5%;
}

.ant-col-pull-3 {
  right: 12.5%;
}

.ant-col-offset-3 {
  margin-left: 12.5%;
}

.ant-col-order-3 {
  order: 3;
}

.ant-col-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}

.ant-col-push-2 {
  left: 8.33333333%;
}

.ant-col-pull-2 {
  right: 8.33333333%;
}

.ant-col-offset-2 {
  margin-left: 8.33333333%;
}

.ant-col-order-2 {
  order: 2;
}

.ant-col-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}

.ant-col-push-1 {
  left: 4.16666667%;
}

.ant-col-pull-1 {
  right: 4.16666667%;
}

.ant-col-offset-1 {
  margin-left: 4.16666667%;
}

.ant-col-order-1 {
  order: 1;
}

.ant-col-0 {
  display: none;
}

.ant-col-offset-0 {
  margin-left: 0;
}

.ant-col-order-0 {
  order: 0;
}

.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  flex: 0 0 auto;
  float: left;
}

.ant-col-xs-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.ant-col-xs-push-24 {
  left: 100%;
}

.ant-col-xs-pull-24 {
  right: 100%;
}

.ant-col-xs-offset-24 {
  margin-left: 100%;
}

.ant-col-xs-order-24 {
  order: 24;
}

.ant-col-xs-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}

.ant-col-xs-push-23 {
  left: 95.83333333%;
}

.ant-col-xs-pull-23 {
  right: 95.83333333%;
}

.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}

.ant-col-xs-order-23 {
  order: 23;
}

.ant-col-xs-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}

.ant-col-xs-push-22 {
  left: 91.66666667%;
}

.ant-col-xs-pull-22 {
  right: 91.66666667%;
}

.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}

.ant-col-xs-order-22 {
  order: 22;
}

.ant-col-xs-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}

.ant-col-xs-push-21 {
  left: 87.5%;
}

.ant-col-xs-pull-21 {
  right: 87.5%;
}

.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}

.ant-col-xs-order-21 {
  order: 21;
}

.ant-col-xs-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}

.ant-col-xs-push-20 {
  left: 83.33333333%;
}

.ant-col-xs-pull-20 {
  right: 83.33333333%;
}

.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}

.ant-col-xs-order-20 {
  order: 20;
}

.ant-col-xs-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}

.ant-col-xs-push-19 {
  left: 79.16666667%;
}

.ant-col-xs-pull-19 {
  right: 79.16666667%;
}

.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}

.ant-col-xs-order-19 {
  order: 19;
}

.ant-col-xs-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}

.ant-col-xs-push-18 {
  left: 75%;
}

.ant-col-xs-pull-18 {
  right: 75%;
}

.ant-col-xs-offset-18 {
  margin-left: 75%;
}

.ant-col-xs-order-18 {
  order: 18;
}

.ant-col-xs-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}

.ant-col-xs-push-17 {
  left: 70.83333333%;
}

.ant-col-xs-pull-17 {
  right: 70.83333333%;
}

.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}

.ant-col-xs-order-17 {
  order: 17;
}

.ant-col-xs-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}

.ant-col-xs-push-16 {
  left: 66.66666667%;
}

.ant-col-xs-pull-16 {
  right: 66.66666667%;
}

.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}

.ant-col-xs-order-16 {
  order: 16;
}

.ant-col-xs-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}

.ant-col-xs-push-15 {
  left: 62.5%;
}

.ant-col-xs-pull-15 {
  right: 62.5%;
}

.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}

.ant-col-xs-order-15 {
  order: 15;
}

.ant-col-xs-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}

.ant-col-xs-push-14 {
  left: 58.33333333%;
}

.ant-col-xs-pull-14 {
  right: 58.33333333%;
}

.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}

.ant-col-xs-order-14 {
  order: 14;
}

.ant-col-xs-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}

.ant-col-xs-push-13 {
  left: 54.16666667%;
}

.ant-col-xs-pull-13 {
  right: 54.16666667%;
}

.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}

.ant-col-xs-order-13 {
  order: 13;
}

.ant-col-xs-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}

.ant-col-xs-push-12 {
  left: 50%;
}

.ant-col-xs-pull-12 {
  right: 50%;
}

.ant-col-xs-offset-12 {
  margin-left: 50%;
}

.ant-col-xs-order-12 {
  order: 12;
}

.ant-col-xs-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}

.ant-col-xs-push-11 {
  left: 45.83333333%;
}

.ant-col-xs-pull-11 {
  right: 45.83333333%;
}

.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}

.ant-col-xs-order-11 {
  order: 11;
}

.ant-col-xs-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}

.ant-col-xs-push-10 {
  left: 41.66666667%;
}

.ant-col-xs-pull-10 {
  right: 41.66666667%;
}

.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}

.ant-col-xs-order-10 {
  order: 10;
}

.ant-col-xs-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}

.ant-col-xs-push-9 {
  left: 37.5%;
}

.ant-col-xs-pull-9 {
  right: 37.5%;
}

.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}

.ant-col-xs-order-9 {
  order: 9;
}

.ant-col-xs-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}

.ant-col-xs-push-8 {
  left: 33.33333333%;
}

.ant-col-xs-pull-8 {
  right: 33.33333333%;
}

.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}

.ant-col-xs-order-8 {
  order: 8;
}

.ant-col-xs-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}

.ant-col-xs-push-7 {
  left: 29.16666667%;
}

.ant-col-xs-pull-7 {
  right: 29.16666667%;
}

.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}

.ant-col-xs-order-7 {
  order: 7;
}

.ant-col-xs-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}

.ant-col-xs-push-6 {
  left: 25%;
}

.ant-col-xs-pull-6 {
  right: 25%;
}

.ant-col-xs-offset-6 {
  margin-left: 25%;
}

.ant-col-xs-order-6 {
  order: 6;
}

.ant-col-xs-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}

.ant-col-xs-push-5 {
  left: 20.83333333%;
}

.ant-col-xs-pull-5 {
  right: 20.83333333%;
}

.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}

.ant-col-xs-order-5 {
  order: 5;
}

.ant-col-xs-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}

.ant-col-xs-push-4 {
  left: 16.66666667%;
}

.ant-col-xs-pull-4 {
  right: 16.66666667%;
}

.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}

.ant-col-xs-order-4 {
  order: 4;
}

.ant-col-xs-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}

.ant-col-xs-push-3 {
  left: 12.5%;
}

.ant-col-xs-pull-3 {
  right: 12.5%;
}

.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}

.ant-col-xs-order-3 {
  order: 3;
}

.ant-col-xs-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}

.ant-col-xs-push-2 {
  left: 8.33333333%;
}

.ant-col-xs-pull-2 {
  right: 8.33333333%;
}

.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}

.ant-col-xs-order-2 {
  order: 2;
}

.ant-col-xs-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}

.ant-col-xs-push-1 {
  left: 4.16666667%;
}

.ant-col-xs-pull-1 {
  right: 4.16666667%;
}

.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}

.ant-col-xs-order-1 {
  order: 1;
}

.ant-col-xs-0 {
  display: none;
}

.ant-col-push-0 {
  left: auto;
}

.ant-col-pull-0 {
  right: auto;
}

.ant-col-xs-push-0 {
  left: auto;
}

.ant-col-xs-pull-0 {
  right: auto;
}

.ant-col-xs-offset-0 {
  margin-left: 0;
}

.ant-col-xs-order-0 {
  order: 0;
}

@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-sm-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-sm-push-24 {
    left: 100%;
  }

  .ant-col-sm-pull-24 {
    right: 100%;
  }

  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }

  .ant-col-sm-order-24 {
    order: 24;
  }

  .ant-col-sm-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }

  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-sm-order-23 {
    order: 23;
  }

  .ant-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }

  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-sm-order-22 {
    order: 22;
  }

  .ant-col-sm-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-sm-push-21 {
    left: 87.5%;
  }

  .ant-col-sm-pull-21 {
    right: 87.5%;
  }

  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-sm-order-21 {
    order: 21;
  }

  .ant-col-sm-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }

  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-sm-order-20 {
    order: 20;
  }

  .ant-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }

  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-sm-order-19 {
    order: 19;
  }

  .ant-col-sm-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-sm-push-18 {
    left: 75%;
  }

  .ant-col-sm-pull-18 {
    right: 75%;
  }

  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }

  .ant-col-sm-order-18 {
    order: 18;
  }

  .ant-col-sm-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }

  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-sm-order-17 {
    order: 17;
  }

  .ant-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }

  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-sm-order-16 {
    order: 16;
  }

  .ant-col-sm-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-sm-push-15 {
    left: 62.5%;
  }

  .ant-col-sm-pull-15 {
    right: 62.5%;
  }

  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-sm-order-15 {
    order: 15;
  }

  .ant-col-sm-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }

  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-sm-order-14 {
    order: 14;
  }

  .ant-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }

  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-sm-order-13 {
    order: 13;
  }

  .ant-col-sm-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-sm-push-12 {
    left: 50%;
  }

  .ant-col-sm-pull-12 {
    right: 50%;
  }

  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }

  .ant-col-sm-order-12 {
    order: 12;
  }

  .ant-col-sm-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }

  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-sm-order-11 {
    order: 11;
  }

  .ant-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }

  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-sm-order-10 {
    order: 10;
  }

  .ant-col-sm-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-sm-push-9 {
    left: 37.5%;
  }

  .ant-col-sm-pull-9 {
    right: 37.5%;
  }

  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-sm-order-9 {
    order: 9;
  }

  .ant-col-sm-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }

  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-sm-order-8 {
    order: 8;
  }

  .ant-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }

  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-sm-order-7 {
    order: 7;
  }

  .ant-col-sm-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-sm-push-6 {
    left: 25%;
  }

  .ant-col-sm-pull-6 {
    right: 25%;
  }

  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }

  .ant-col-sm-order-6 {
    order: 6;
  }

  .ant-col-sm-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }

  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-sm-order-5 {
    order: 5;
  }

  .ant-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }

  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-sm-order-4 {
    order: 4;
  }

  .ant-col-sm-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-sm-push-3 {
    left: 12.5%;
  }

  .ant-col-sm-pull-3 {
    right: 12.5%;
  }

  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-sm-order-3 {
    order: 3;
  }

  .ant-col-sm-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }

  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-sm-order-2 {
    order: 2;
  }

  .ant-col-sm-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }

  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-sm-order-1 {
    order: 1;
  }

  .ant-col-sm-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-sm-push-0 {
    left: auto;
  }

  .ant-col-sm-pull-0 {
    right: auto;
  }

  .ant-col-sm-offset-0 {
    margin-left: 0;
  }

  .ant-col-sm-order-0 {
    order: 0;
  }
}

@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-md-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-md-push-24 {
    left: 100%;
  }

  .ant-col-md-pull-24 {
    right: 100%;
  }

  .ant-col-md-offset-24 {
    margin-left: 100%;
  }

  .ant-col-md-order-24 {
    order: 24;
  }

  .ant-col-md-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-md-push-23 {
    left: 95.83333333%;
  }

  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-md-order-23 {
    order: 23;
  }

  .ant-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-md-push-22 {
    left: 91.66666667%;
  }

  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-md-order-22 {
    order: 22;
  }

  .ant-col-md-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-md-push-21 {
    left: 87.5%;
  }

  .ant-col-md-pull-21 {
    right: 87.5%;
  }

  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-md-order-21 {
    order: 21;
  }

  .ant-col-md-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-md-push-20 {
    left: 83.33333333%;
  }

  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-md-order-20 {
    order: 20;
  }

  .ant-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-md-push-19 {
    left: 79.16666667%;
  }

  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-md-order-19 {
    order: 19;
  }

  .ant-col-md-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-md-push-18 {
    left: 75%;
  }

  .ant-col-md-pull-18 {
    right: 75%;
  }

  .ant-col-md-offset-18 {
    margin-left: 75%;
  }

  .ant-col-md-order-18 {
    order: 18;
  }

  .ant-col-md-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-md-push-17 {
    left: 70.83333333%;
  }

  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-md-order-17 {
    order: 17;
  }

  .ant-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-md-push-16 {
    left: 66.66666667%;
  }

  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-md-order-16 {
    order: 16;
  }

  .ant-col-md-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-md-push-15 {
    left: 62.5%;
  }

  .ant-col-md-pull-15 {
    right: 62.5%;
  }

  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-md-order-15 {
    order: 15;
  }

  .ant-col-md-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-md-push-14 {
    left: 58.33333333%;
  }

  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-md-order-14 {
    order: 14;
  }

  .ant-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-md-push-13 {
    left: 54.16666667%;
  }

  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-md-order-13 {
    order: 13;
  }

  .ant-col-md-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-md-push-12 {
    left: 50%;
  }

  .ant-col-md-pull-12 {
    right: 50%;
  }

  .ant-col-md-offset-12 {
    margin-left: 50%;
  }

  .ant-col-md-order-12 {
    order: 12;
  }

  .ant-col-md-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-md-push-11 {
    left: 45.83333333%;
  }

  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-md-order-11 {
    order: 11;
  }

  .ant-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-md-push-10 {
    left: 41.66666667%;
  }

  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-md-order-10 {
    order: 10;
  }

  .ant-col-md-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-md-push-9 {
    left: 37.5%;
  }

  .ant-col-md-pull-9 {
    right: 37.5%;
  }

  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-md-order-9 {
    order: 9;
  }

  .ant-col-md-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-md-push-8 {
    left: 33.33333333%;
  }

  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-md-order-8 {
    order: 8;
  }

  .ant-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-md-push-7 {
    left: 29.16666667%;
  }

  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-md-order-7 {
    order: 7;
  }

  .ant-col-md-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-md-push-6 {
    left: 25%;
  }

  .ant-col-md-pull-6 {
    right: 25%;
  }

  .ant-col-md-offset-6 {
    margin-left: 25%;
  }

  .ant-col-md-order-6 {
    order: 6;
  }

  .ant-col-md-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-md-push-5 {
    left: 20.83333333%;
  }

  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-md-order-5 {
    order: 5;
  }

  .ant-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-md-push-4 {
    left: 16.66666667%;
  }

  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-md-order-4 {
    order: 4;
  }

  .ant-col-md-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-md-push-3 {
    left: 12.5%;
  }

  .ant-col-md-pull-3 {
    right: 12.5%;
  }

  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-md-order-3 {
    order: 3;
  }

  .ant-col-md-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-md-push-2 {
    left: 8.33333333%;
  }

  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-md-order-2 {
    order: 2;
  }

  .ant-col-md-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-md-push-1 {
    left: 4.16666667%;
  }

  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-md-order-1 {
    order: 1;
  }

  .ant-col-md-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-md-push-0 {
    left: auto;
  }

  .ant-col-md-pull-0 {
    right: auto;
  }

  .ant-col-md-offset-0 {
    margin-left: 0;
  }

  .ant-col-md-order-0 {
    order: 0;
  }
}

@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-lg-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-lg-push-24 {
    left: 100%;
  }

  .ant-col-lg-pull-24 {
    right: 100%;
  }

  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }

  .ant-col-lg-order-24 {
    order: 24;
  }

  .ant-col-lg-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }

  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-lg-order-23 {
    order: 23;
  }

  .ant-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }

  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-lg-order-22 {
    order: 22;
  }

  .ant-col-lg-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-lg-push-21 {
    left: 87.5%;
  }

  .ant-col-lg-pull-21 {
    right: 87.5%;
  }

  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-lg-order-21 {
    order: 21;
  }

  .ant-col-lg-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }

  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-lg-order-20 {
    order: 20;
  }

  .ant-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }

  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-lg-order-19 {
    order: 19;
  }

  .ant-col-lg-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-lg-push-18 {
    left: 75%;
  }

  .ant-col-lg-pull-18 {
    right: 75%;
  }

  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }

  .ant-col-lg-order-18 {
    order: 18;
  }

  .ant-col-lg-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }

  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-lg-order-17 {
    order: 17;
  }

  .ant-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }

  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-lg-order-16 {
    order: 16;
  }

  .ant-col-lg-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-lg-push-15 {
    left: 62.5%;
  }

  .ant-col-lg-pull-15 {
    right: 62.5%;
  }

  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-lg-order-15 {
    order: 15;
  }

  .ant-col-lg-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }

  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-lg-order-14 {
    order: 14;
  }

  .ant-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }

  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-lg-order-13 {
    order: 13;
  }

  .ant-col-lg-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-lg-push-12 {
    left: 50%;
  }

  .ant-col-lg-pull-12 {
    right: 50%;
  }

  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }

  .ant-col-lg-order-12 {
    order: 12;
  }

  .ant-col-lg-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }

  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-lg-order-11 {
    order: 11;
  }

  .ant-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }

  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-lg-order-10 {
    order: 10;
  }

  .ant-col-lg-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-lg-push-9 {
    left: 37.5%;
  }

  .ant-col-lg-pull-9 {
    right: 37.5%;
  }

  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-lg-order-9 {
    order: 9;
  }

  .ant-col-lg-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }

  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-lg-order-8 {
    order: 8;
  }

  .ant-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }

  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-lg-order-7 {
    order: 7;
  }

  .ant-col-lg-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-lg-push-6 {
    left: 25%;
  }

  .ant-col-lg-pull-6 {
    right: 25%;
  }

  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }

  .ant-col-lg-order-6 {
    order: 6;
  }

  .ant-col-lg-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }

  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-lg-order-5 {
    order: 5;
  }

  .ant-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }

  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-lg-order-4 {
    order: 4;
  }

  .ant-col-lg-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-lg-push-3 {
    left: 12.5%;
  }

  .ant-col-lg-pull-3 {
    right: 12.5%;
  }

  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-lg-order-3 {
    order: 3;
  }

  .ant-col-lg-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }

  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-lg-order-2 {
    order: 2;
  }

  .ant-col-lg-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }

  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-lg-order-1 {
    order: 1;
  }

  .ant-col-lg-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-lg-push-0 {
    left: auto;
  }

  .ant-col-lg-pull-0 {
    right: auto;
  }

  .ant-col-lg-offset-0 {
    margin-left: 0;
  }

  .ant-col-lg-order-0 {
    order: 0;
  }
}

@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-xl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-xl-push-24 {
    left: 100%;
  }

  .ant-col-xl-pull-24 {
    right: 100%;
  }

  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }

  .ant-col-xl-order-24 {
    order: 24;
  }

  .ant-col-xl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }

  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-xl-order-23 {
    order: 23;
  }

  .ant-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }

  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-xl-order-22 {
    order: 22;
  }

  .ant-col-xl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-xl-push-21 {
    left: 87.5%;
  }

  .ant-col-xl-pull-21 {
    right: 87.5%;
  }

  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-xl-order-21 {
    order: 21;
  }

  .ant-col-xl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }

  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-xl-order-20 {
    order: 20;
  }

  .ant-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }

  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-xl-order-19 {
    order: 19;
  }

  .ant-col-xl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-xl-push-18 {
    left: 75%;
  }

  .ant-col-xl-pull-18 {
    right: 75%;
  }

  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }

  .ant-col-xl-order-18 {
    order: 18;
  }

  .ant-col-xl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }

  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-xl-order-17 {
    order: 17;
  }

  .ant-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }

  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-xl-order-16 {
    order: 16;
  }

  .ant-col-xl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-xl-push-15 {
    left: 62.5%;
  }

  .ant-col-xl-pull-15 {
    right: 62.5%;
  }

  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-xl-order-15 {
    order: 15;
  }

  .ant-col-xl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }

  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-xl-order-14 {
    order: 14;
  }

  .ant-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }

  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-xl-order-13 {
    order: 13;
  }

  .ant-col-xl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-xl-push-12 {
    left: 50%;
  }

  .ant-col-xl-pull-12 {
    right: 50%;
  }

  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }

  .ant-col-xl-order-12 {
    order: 12;
  }

  .ant-col-xl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }

  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-xl-order-11 {
    order: 11;
  }

  .ant-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }

  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-xl-order-10 {
    order: 10;
  }

  .ant-col-xl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-xl-push-9 {
    left: 37.5%;
  }

  .ant-col-xl-pull-9 {
    right: 37.5%;
  }

  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-xl-order-9 {
    order: 9;
  }

  .ant-col-xl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }

  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-xl-order-8 {
    order: 8;
  }

  .ant-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }

  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-xl-order-7 {
    order: 7;
  }

  .ant-col-xl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-xl-push-6 {
    left: 25%;
  }

  .ant-col-xl-pull-6 {
    right: 25%;
  }

  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }

  .ant-col-xl-order-6 {
    order: 6;
  }

  .ant-col-xl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }

  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-xl-order-5 {
    order: 5;
  }

  .ant-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }

  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-xl-order-4 {
    order: 4;
  }

  .ant-col-xl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-xl-push-3 {
    left: 12.5%;
  }

  .ant-col-xl-pull-3 {
    right: 12.5%;
  }

  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-xl-order-3 {
    order: 3;
  }

  .ant-col-xl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }

  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-xl-order-2 {
    order: 2;
  }

  .ant-col-xl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }

  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-xl-order-1 {
    order: 1;
  }

  .ant-col-xl-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-xl-push-0 {
    left: auto;
  }

  .ant-col-xl-pull-0 {
    right: auto;
  }

  .ant-col-xl-offset-0 {
    margin-left: 0;
  }

  .ant-col-xl-order-0 {
    order: 0;
  }
}

@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-xxl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-xxl-push-24 {
    left: 100%;
  }

  .ant-col-xxl-pull-24 {
    right: 100%;
  }

  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }

  .ant-col-xxl-order-24 {
    order: 24;
  }

  .ant-col-xxl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }

  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-xxl-order-23 {
    order: 23;
  }

  .ant-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }

  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-xxl-order-22 {
    order: 22;
  }

  .ant-col-xxl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-xxl-push-21 {
    left: 87.5%;
  }

  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }

  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-xxl-order-21 {
    order: 21;
  }

  .ant-col-xxl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }

  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-xxl-order-20 {
    order: 20;
  }

  .ant-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }

  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-xxl-order-19 {
    order: 19;
  }

  .ant-col-xxl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-xxl-push-18 {
    left: 75%;
  }

  .ant-col-xxl-pull-18 {
    right: 75%;
  }

  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }

  .ant-col-xxl-order-18 {
    order: 18;
  }

  .ant-col-xxl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }

  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-xxl-order-17 {
    order: 17;
  }

  .ant-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }

  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-xxl-order-16 {
    order: 16;
  }

  .ant-col-xxl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-xxl-push-15 {
    left: 62.5%;
  }

  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }

  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-xxl-order-15 {
    order: 15;
  }

  .ant-col-xxl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }

  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-xxl-order-14 {
    order: 14;
  }

  .ant-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }

  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-xxl-order-13 {
    order: 13;
  }

  .ant-col-xxl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-xxl-push-12 {
    left: 50%;
  }

  .ant-col-xxl-pull-12 {
    right: 50%;
  }

  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }

  .ant-col-xxl-order-12 {
    order: 12;
  }

  .ant-col-xxl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }

  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-xxl-order-11 {
    order: 11;
  }

  .ant-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }

  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-xxl-order-10 {
    order: 10;
  }

  .ant-col-xxl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-xxl-push-9 {
    left: 37.5%;
  }

  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }

  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-xxl-order-9 {
    order: 9;
  }

  .ant-col-xxl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }

  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-xxl-order-8 {
    order: 8;
  }

  .ant-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }

  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-xxl-order-7 {
    order: 7;
  }

  .ant-col-xxl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-xxl-push-6 {
    left: 25%;
  }

  .ant-col-xxl-pull-6 {
    right: 25%;
  }

  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }

  .ant-col-xxl-order-6 {
    order: 6;
  }

  .ant-col-xxl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }

  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-xxl-order-5 {
    order: 5;
  }

  .ant-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }

  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-xxl-order-4 {
    order: 4;
  }

  .ant-col-xxl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-xxl-push-3 {
    left: 12.5%;
  }

  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }

  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-xxl-order-3 {
    order: 3;
  }

  .ant-col-xxl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }

  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-xxl-order-2 {
    order: 2;
  }

  .ant-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }

  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-xxl-order-1 {
    order: 1;
  }

  .ant-col-xxl-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-xxl-push-0 {
    left: auto;
  }

  .ant-col-xxl-pull-0 {
    right: auto;
  }

  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }

  .ant-col-xxl-order-0 {
    order: 0;
  }
}

._main_qnxpy_5._pointer_qnxpy_5,
._input_qnxpy_6._pointer_qnxpy_5 {
  cursor: pointer;
}

._main_qnxpy_5._disabled_qnxpy_9,
._main_qnxpy_5._readOnly_qnxpy_9,
._input_qnxpy_6._disabled_qnxpy_9,
._input_qnxpy_6._readOnly_qnxpy_9 {
  cursor: not-allowed;
}

._main_qnxpy_5 {
  display: inline-grid;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 4px;
  color: var(--retool-auto-resizing-input-text);
}

._main_qnxpy_5:not(._allowTruncation_qnxpy_27) {
  flex: 0 0 auto;
}

._main_qnxpy_5._fillWidth_qnxpy_30 {
  flex-grow: 1;
  flex-shrink: 1;
}

._main_qnxpy_5 :not(._disabled_qnxpy_9, ._readOnly_qnxpy_9):hover,
._main_qnxpy_5
  :not(._disabled_qnxpy_9, ._readOnly_qnxpy_9)._forceHoverForTesting_qnxpy_34 {
  background: var(--retool-auto-resizing-input-hover-background);
  color: var(--retool-auto-resizing-input-hover-text);
}

._main_qnxpy_5 :not(._disabled_qnxpy_9, ._readOnly_qnxpy_9):focus-within,
._main_qnxpy_5
  :not(._disabled_qnxpy_9, ._readOnly_qnxpy_9)._forceFocusForTesting_qnxpy_38 {
  background: var(--retool-auto-resizing-input-focus-background);
  color: var(--retool-auto-resizing-input-focus-text);
}

._main_qnxpy_5
  :not(._disabled_qnxpy_9, ._readOnly_qnxpy_9):focus-within::placeholder,
._main_qnxpy_5
  :not(
    ._disabled_qnxpy_9,
    ._readOnly_qnxpy_9
  )._forceFocusForTesting_qnxpy_38::placeholder {
  color: var(--retool-auto-resizing-input-focus-text);
  opacity: 0.5;
}

._main_qnxpy_5:after,
._main_qnxpy_5 ._input_qnxpy_6 {
  padding: 1px 4px;
  grid-area: 1/1;
  width: auto;
  min-width: 0;
}

._main_qnxpy_5:after {
  font: inherit;
  content: attr(data-value);
  visibility: hidden;
  white-space: pre;
}

._input_qnxpy_6 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  padding: 0;
  line-height: var(--line-height);
  color: var(--retool-auto-resizing-input-text);
}

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

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

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

._input_qnxpy_6._allowTruncation_qnxpy_27 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._input_qnxpy_6._hideCursor_qnxpy_86 {
  text-align: center;
  color: transparent;
  text-shadow: 0 0 0 currentColor;
}

._input_qnxpy_6._hideCursor_qnxpy_86::selection {
  background: transparent;
}

._input_qnxpy_6::placeholder {
  color: var(--retool-auto-resizing-input-placeholder);
}

._input_qnxpy_6::-webkit-inner-spin-button,
._input_qnxpy_6::-webkit-outer-spin-button,
._input_qnxpy_6::-webkit-search-decoration,
._input_qnxpy_6::-webkit-search-cancel-button,
._input_qnxpy_6::-webkit-search-results-button,
._input_qnxpy_6::-webkit-search-results-decoration {
  display: none;
}

._main_1dglt_5 {
  border-radius: min(
    var(
      --retool-input-adornment-wrapper-border-radius,
      var(--retool-input-border-radius, 4px)
    ),
    16px
  );
  color: var(--retool-input-adornment-wrapper-text);
  display: flex;
  align-items: center;
  font-family: var(--retool-input-adornment-wrapper-font-family);
  font-size: var(--retool-input-adornment-wrapper-font-size);
  font-weight: var(--retool-input-adornment-wrapper-font-weight);
  line-height: var(--retool-input-adornment-wrapper-line-height);
  border: 1px solid
    var(--retool-input-adornment-wrapper-border, var(--retool-input-border));
  box-shadow: var(--retool-input-adornment-wrapper-box-shadow);
}

._main_1dglt_5._shouldShowFocus_1dglt_19 {
  overflow: hidden;
}

._main_1dglt_5._transparent_1dglt_22 {
  border-color: transparent;
  box-shadow: none;
}

._main_1dglt_5._transparent_1dglt_22._hasTextBefore_1dglt_27
  ._iconBefore_1dglt_27 {
  padding-left: 0;
}

._main_1dglt_5._transparent_1dglt_22._hasTextAfter_1dglt_30
  ._iconAfter_1dglt_30 {
  padding-right: 0;
}

._main_1dglt_5._tabular_1dglt_33 {
  border-radius: 0;
  border: 1px solid transparent;
}

._main_1dglt_5._fillHeight_1dglt_37 {
  height: 100%;
}

._main_1dglt_5._hideBorder_1dglt_40 {
  border: none;
}

._main_1dglt_5 ._textBefore_1dglt_43,
._main_1dglt_5 ._textAfter_1dglt_44,
._main_1dglt_5 ._attachmentAfter_1dglt_45,
._main_1dglt_5 ._attachmentBefore_1dglt_46 {
  align-self: stretch;
}

._main_1dglt_5:not(._transparent_1dglt_22) {
  background: var(
    --retool-input-adornment-wrapper-background,
    var(--retool-input-background)
  );
}

._main_1dglt_5:not(._transparent_1dglt_22)._hasTextBefore_1dglt_27
  ._attachmentBefore_1dglt_46 {
  background: var(
    --retool-input-adornment-wrapper-adornment-background,
    var(--retool-input-adornment-background)
  );
}

._main_1dglt_5:not(._transparent_1dglt_22)._hasTextAfter_1dglt_30
  ._attachmentAfter_1dglt_45 {
  background: var(
    --retool-input-adornment-wrapper-adornment-background,
    var(--retool-input-adornment-background)
  );
}

._main_1dglt_5:not(._transparent_1dglt_22) ._textBefore_1dglt_43,
._main_1dglt_5:not(._transparent_1dglt_22) ._textAfter_1dglt_44 {
  background: var(
    --retool-input-adornment-wrapper-adornment-background,
    var(--retool-input-adornment-background)
  );
  font-weight: var(--retool-input-adornment-wrapper-adornment-font-weight, 600);
  justify-content: center;
}

._main_1dglt_5:not(._transparent_1dglt_22)
  ._attachmentBefore_1dglt_46:has(:focus-visible) {
  outline: 1px solid
    var(--retool-input-adornment-wrapper-accent, var(--blue-600));
  border-top-left-radius: min(
    var(
      --retool-input-adornment-wrapper-border-radius,
      var(--retool-input-border-radius, 4px)
    ),
    16px
  );
  border-bottom-left-radius: min(
    var(
      --retool-input-adornment-wrapper-border-radius,
      var(--retool-input-border-radius, 4px)
    ),
    16px
  );
}

._main_1dglt_5:not(._transparent_1dglt_22)
  ._attachmentAfter_1dglt_45:has(:focus-visible) {
  outline: 1px solid
    var(--retool-input-adornment-wrapper-accent, var(--blue-600));
  border-top-right-radius: min(
    var(
      --retool-input-adornment-wrapper-border-radius,
      var(--retool-input-border-radius, 4px)
    ),
    16px
  );
  border-bottom-right-radius: min(
    var(
      --retool-input-adornment-wrapper-border-radius,
      var(--retool-input-border-radius, 4px)
    ),
    16px
  );
}

._main_1dglt_5:not(
    ._disabled_1dglt_74,
    ._readOnly_1dglt_74,
    ._transparent_1dglt_22,
    ._tabular_1dglt_33
  ):hover,
._main_1dglt_5:not(
    ._disabled_1dglt_74,
    ._readOnly_1dglt_74,
    ._transparent_1dglt_22,
    ._tabular_1dglt_33
  )._hovered_1dglt_74 {
  border-color: var(
    --retool-input-adornment-wrapper-hover-border,
    var(--retool-input-accent-500, var(--blue-600))
  );
}

._main_1dglt_5:not(
    ._disabled_1dglt_74,
    ._readOnly_1dglt_74,
    ._transparent_1dglt_22,
    ._tabular_1dglt_33
  ):focus-within._shouldShowFocus_1dglt_19 {
  border-color: var(--retool-input-adornment-wrapper-accent, var(--blue-600));
  box-shadow: 0 0 0 2px var(--retool-input-adornment-wrapper-shadow);
}

._main_1dglt_5._hasAttachmentBefore_1dglt_81 ._textBefore_1dglt_43 {
  padding-left: 0;
}

._main_1dglt_5._hasAttachmentAfter_1dglt_84 ._textAfter_1dglt_44 {
  padding-right: 0;
}

._main_1dglt_5._hasAttachmentBefore_1dglt_81:not(
    ._main_1dglt_5._hasTextBefore_1dglt_27
  )
  ._iconBefore_1dglt_27 {
  padding-left: 0;
}

._main_1dglt_5._hasAttachmentAfter_1dglt_84:not(
    ._main_1dglt_5._hasTextAfter_1dglt_30
  )
  ._iconAfter_1dglt_30 {
  padding-right: 0;
}

._main_1dglt_5._hasAttachmentAfter_1dglt_84:not(
    ._main_1dglt_5._hasTextAfter_1dglt_30
  ):not(
    ._main_1dglt_5._hasAttachmentAfter_1dglt_84:not(
        ._main_1dglt_5._hasTextAfter_1dglt_30
      )._hasIconAfter_1dglt_93
  )
  ._clearButton_1dglt_93 {
  margin-right: 0;
}

._attachmentBefore_1dglt_46,
._attachmentAfter_1dglt_45 {
  max-width: 100%;
}

._clearButton_1dglt_93 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0 8px 0 0;
  outline: none;
  padding: 0;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  align-self: center;
  cursor: pointer;
  position: relative;
  font-size: 1em;
}

._clearButton_1dglt_93:hover:enabled ._clearIcon_1dglt_124 {
  opacity: 1;
}

._clearButton_1dglt_93:focus-visible:before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: 50%;
  content: "";
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  pointer-events: none;
  position: absolute;
}

._clearButton_1dglt_93:after {
  border-radius: inherit;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  position: absolute;
}

._textBefore_1dglt_43,
._textAfter_1dglt_44,
._attachmentAfter_1dglt_45,
._attachmentBefore_1dglt_46 {
  color: var(--retool-input-adornment-wrapper-adornment-text);
  align-items: center;
  display: flex;
}

._textBefore_1dglt_43,
._textAfter_1dglt_44 {
  flex: 0 0 auto;
  max-width: 90%;
  overflow: hidden;
  padding: 0 8px;
}

._textInner_1dglt_161 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._iconBefore_1dglt_27,
._iconAfter_1dglt_30,
._attachmentAfter_1dglt_45,
._attachmentBefore_1dglt_46,
._clearButton_1dglt_93 {
  flex: 0 0 auto;
}

._iconBefore_1dglt_27,
._iconAfter_1dglt_30 {
  font-size: var(--icon-size);
}

._iconBefore_1dglt_27,
._iconAfter_1dglt_30,
._clearButton_1dglt_93 {
  color: var(--retool-input-adornment-wrapper-adornment-icon);
  align-items: center;
  display: flex;
}

._iconBefore_1dglt_27:hover._darkenIconsOnHover_1dglt_188,
._iconAfter_1dglt_30:hover._darkenIconsOnHover_1dglt_188,
._clearButton_1dglt_93:hover._darkenIconsOnHover_1dglt_188 {
  color: var(
    --retool-input-adornment-wrapper-adornment-icon-hover,
    var(--retool-input-adornment-wrapper-adornment-icon)
  );
}

._iconBefore_1dglt_27 svg,
._iconAfter_1dglt_30 svg,
._clearButton_1dglt_93 svg {
  width: 1em;
  height: 1em;
  display: block;
  fill: currentColor;
  margin: auto;
}

._loading_1dglt_203 {
  width: 1em;
  height: 1em;
}

._iconBefore_1dglt_27 {
  padding-left: 8px;
}

._iconAfter_1dglt_30 {
  padding-right: 8px;
}

._clearIcon_1dglt_124 {
  opacity: 0.5;
}

._input_qe0m9_1 {
  height: 40px;
  flex: 1 0 30px;
  width: 100%;
  padding: 5px 8px;
  padding: var(--retool-base-input-padding-vertical, 5px)
    var(--retool-base-input-padding-horizontal, 8px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

._input_qe0m9_1._reducedLeftPadding_qe0m9_13 {
  padding-left: 4px;
}

._input_qe0m9_1._reducedRightPadding_qe0m9_16 {
  padding-right: 4px;
}

._input_qe0m9_1._compact_qe0m9_19 {
  flex: 1 0 30px;
  width: 100%;
  padding: 1px 4px;
}

._input_qe0m9_1._monospace_qe0m9_24 {
  font-family: var(--monospace);
}

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

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

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

._input_qe0m9_1._pointer_qe0m9_36 {
  cursor: pointer;
}

._input_qe0m9_1::placeholder {
  color: var(--retool-base-input-placeholder);
  font-weight: var(--retool-base-input-placeholder-font-weight);
  font-size: var(--retool-base-input-placeholder-font-size);
}

._input_qe0m9_1::-webkit-inner-spin-button,
._input_qe0m9_1::-webkit-outer-spin-button,
._input_qe0m9_1::-webkit-search-decoration,
._input_qe0m9_1::-webkit-search-cancel-button,
._input_qe0m9_1::-webkit-search-results-button,
._input_qe0m9_1::-webkit-search-results-decoration {
  display: none;
}

._input_qe0m9_1._readOnly_qe0m9_48 {
  cursor: not-allowed;
}

._output_15wdg_1 {
  margin-top: 4px;
  font-weight: 500;
  color: var(--retool-character-count-text);
  text-align: right;
}

._output_15wdg_1._invalid_15wdg_7 {
  color: var(--retool-character-count-invalid);
}

.retool-modal.retool-modal-ds .ant-modal-close-x {
  margin: 0;
}

.retool-modal.retool-modal-ds .ant-modal-header {
  border: none;
}

.retool-modal.retool-modal-ds .ant-modal-header .ant-modal-title {
  font-family: var(--sans-serif);
  font-style: normal;
  font-weight: 600;
  font-size: var(--font-size-16);
  line-height: var(--line-height-28);
  color: var(--gray-800);
  margin-bottom: 12px;
  margin-top: -8px;
}

.retool-modal.retool-modal-ds .ant-modal-content {
  padding: 20px;
  border-radius: 8px;
}

.retool-modal.retool-modal-ds .ant-modal-body {
  font-family: var(--sans-serif);
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-12);
  line-height: var(--line-height-16);
}

.retool-modal.retool-modal-ds .ant-modal-footer {
  border: none;
  padding-top: 12px;
}

.retool-modal.test-modal .ant-modal-content {
  padding: 0 !important;
}

._main_gh144_1 {
  height: 100%;
}

._notificationMountContainer_1duhz_1 {
  position: relative;
}

._canEditPage_1duhz_5 {
  top: var(--nav-bar-height);
}

._main_11dr4_1 {
  position: relative;
  border-radius: 8px;
  width: 300px;
  box-shadow: var(--shadow-large);
  outline-width: 1px;
  outline-style: solid;
  background-color: var(--background-surface);
  outline-color: color-mix(in srgb, var(--gray-600) 20%, transparent);
}

._main_11dr4_1._success_11dr4_11 {
  background-color: var(--background-success);
  outline-color: var(--border-success);
}

._main_11dr4_1._warning_11dr4_15 {
  background-color: var(--background-warning);
  outline-color: color-mix(in srgb, var(--yellow-600) 20%, transparent);
}

._main_11dr4_1._critical_11dr4_19,
._main_11dr4_1._error_11dr4_19 {
  background-color: var(--background-critical);
  outline-color: color-mix(in srgb, var(--red-600) 20%, transparent);
}

._main_11dr4_1._info_11dr4_23 {
  background-color: var(--background-container);
  outline-color: color-mix(in srgb, var(--gray-600) 20%, transparent);
}

._main_11dr4_1[data-state="open"] {
  --intro-animation-time: 0.6s;
  animation: _slideInFromBottom_11dr4_1 var(--intro-animation-time)
    cubic-bezier(0.16, 1, 0.3, 1);
}

._main_11dr4_1[data-state="open"]._topLeft_11dr4_32,
._main_11dr4_1[data-state="open"]._topCenter_11dr4_35,
._main_11dr4_1[data-state="open"]._topRight_11dr4_38 {
  animation: _slideInFromTop_11dr4_1 var(--intro-animation-time)
    cubic-bezier(0.16, 1, 0.3, 1);
}

._main_11dr4_1[data-state="open"]._bottomLeft_11dr4_41,
._main_11dr4_1[data-state="open"]._bottomCenter_11dr4_44,
._main_11dr4_1[data-state="open"]._bottomRight_11dr4_47 {
  animation: _slideInFromBottom_11dr4_1 var(--intro-animation-time)
    cubic-bezier(0.16, 1, 0.3, 1);
}

._main_11dr4_1[data-state="closed"] {
  animation: _hide_11dr4_1 0.3s ease-in;
}

@keyframes _hide_11dr4_1 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes _slideInFromBottom_11dr4_1 {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes _slideInFromTop_11dr4_1 {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

._content_11dr4_83 {
  word-break: break-word;
  -webkit-user-select: text;
  user-select: text;
}

._iconContainer_11dr4_88 {
  display: inherit;
  padding: 2px;
}

._description_11dr4_93 {
  cursor: text;
}

._closeButton_11dr4_97 {
  visibility: hidden;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: -8px;
  right: -8px;
  background-color: var(--gray-0);
  border-radius: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: 1px solid var(--gray-400);
  color: var(--gray-600);
}

._main_11dr4_1:hover ._closeButton_11dr4_97 {
  visibility: visible;
}

._toastViewportContainer_xlyf8_1 {
  position: absolute;
  display: flex;
  list-style: none;
  outline: none;
  z-index: var(--toast-viewport-z-index);
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: none;
}

._toastViewportContainer_xlyf8_1._topLeft_xlyf8_12 {
  align-items: flex-start;
  justify-content: flex-start;
}

._toastViewportContainer_xlyf8_1._topCenter_xlyf8_16 {
  align-items: flex-start;
  justify-content: center;
}

._toastViewportContainer_xlyf8_1._topRight_xlyf8_20 {
  align-items: flex-start;
  justify-content: flex-end;
}

._toastViewportContainer_xlyf8_1._bottomLeft_xlyf8_24 {
  align-items: flex-end;
  justify-content: flex-start;
}

._toastViewportContainer_xlyf8_1._bottomCenter_xlyf8_28 {
  align-items: flex-end;
  justify-content: center;
}

._toastViewportContainer_xlyf8_1._bottomRight_xlyf8_32 {
  align-items: flex-end;
  justify-content: flex-end;
}

._toastStack_xlyf8_37 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  margin: 24px;
  transition: height 0.2s ease-out;
  pointer-events: all;
  --toast-viewport-left-shift-px: auto;
  --toast-viewport-right-shift-px: auto;
  --toast-viewport-top-shift-px: auto;
  --toast-viewport-bottom-shift-px: auto;
}

._toastStack_xlyf8_37._stackDownward_xlyf8_51 {
  flex-direction: column-reverse;
}

._toastStack_xlyf8_37._topLeft_xlyf8_12 {
  left: var(--toast-viewport-left-shift-px);
  top: var(--toast-viewport-top-shift-px);
}

._toastStack_xlyf8_37._topCenter_xlyf8_16 {
  left: calc(var(--toast-viewport-left-shift-px) / 2);
  right: calc(var(--toast-viewport-right-shift-px) / 2);
  top: var(--toast-viewport-top-shift-px);
}

._toastStack_xlyf8_37._topRight_xlyf8_20 {
  right: var(--toast-viewport-right-shift-px);
  top: var(--toast-viewport-top-shift-px);
}

._toastStack_xlyf8_37._bottomLeft_xlyf8_24 {
  left: var(--toast-viewport-left-shift-px);
  bottom: var(--toast-viewport-bottom-shift-px);
}

._toastStack_xlyf8_37._bottomCenter_xlyf8_28 {
  left: calc(var(--toast-viewport-left-shift-px) / 2);
  right: calc(var(--toast-viewport-right-shift-px) / 2);
  bottom: var(--toast-viewport-bottom-shift-px);
}

._toastStack_xlyf8_37._bottomRight_xlyf8_32 {
  right: var(--toast-viewport-right-shift-px);
  bottom: var(--toast-viewport-bottom-shift-px);
}

._pillWrapper_1sj5v_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

._pillButton_1sj5v_8 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--retool-base-frame-footer-text-secondary, var(--gray-600));
  background-color: var(
    --retool-base-frame-footer-background,
    var(--retool-base-frame-background, var(--always-white))
  );
  border-radius: 4px;
  padding: 12px;
  height: 32px;
}

._pillButton_1sj5v_8:hover {
  background-color: var(
    --retool-base-frame-footer-hovered-background,
    var(
      --retool-base-frame-footer-background,
      var(--retool-base-frame-background, rgba(0, 0, 0, 0.05))
    )
  );
}

._pillButton_1sj5v_8._inline_1sj5v_36 {
  height: 20px;
  padding: 2px 3px;
  border: none;
}

._icon_1sj5v_42 {
  width: 14px;
  height: 14px;
}

._pillText_1sj5v_47 {
  font-weight: 500;
  margin-left: 4px;
}

._brand_7yhel_1 {
  display: flex;
  align-items: center;
  padding: 0;
}

._brandLogo_7yhel_7 {
  color: var(--retool-base-frame-footer-text, var(--gray-800));
}

._main_19ph0_5 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  background-color: var(
    --retool-base-frame-footer-background,
    var(--retool-base-frame-background, var(--always-white))
  );
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  height: 32px;
}

._main_19ph0_5._disabled_19ph0_29 {
  cursor: not-allowed;
}

._main_19ph0_5._inlinePill_19ph0_32 {
  height: 20px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

._main_19ph0_5:focus-visible:before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: 6px;
  content: "";
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  pointer-events: none;
  position: absolute;
}

._divider_19ph0_49 {
  width: 1px;
  background: var(--retool-base-frame-border, var(--gray-150));
  height: 100%;
}

._userMenu_19ph0_55 {
  display: flex;
  align-items: center;
  padding: 0;
}

._userMenuText_19ph0_61 {
  color: var(--retool-base-frame-footer-text, var(--gray-500));
  margin-left: 8px;
}

@container sidebar-frame (max-width: 145px) {
  ._main_19ph0_5 {
    width: 100%;
  }

  ._logo_19ph0_70,
  ._divider_19ph0_49,
  ._userMenuText_19ph0_61 {
    display: none;
  }

  ._userMenu_19ph0_55 {
    padding: 0 8px 0 12px;
  }
}

._main_1vohj_1 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  color: var(--retool-base-frame-footer-text-secondary);
}

._main_1vohj_1 ._retool-icon_1vohj_24._retool-icon-help-docs_1vohj_24 {
  width: 14px;
}

._main_1vohj_1:hover {
  background-color: var(
    --retool-base-frame-footer-hovered-background,
    rgba(0, 0, 0, 0.05)
  );
}

._wrapper_8j87q_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

._disabled_8j87q_8 {
  pointer-events: none;
  cursor: not-allowed;
}

._main_8j87q_13 {
  display: flex;
  border-radius: 4px;
}

._main_8j87q_13:hover {
  background: var(--gray-100);
}

._main_8j87q_13 > button {
  height: 20px;
  width: 20px;
}

._main_8j87q_13 > *:nth-child(n + 2):before {
  content: "";
  border-left: 1px solid var(--gray-150);
  height: 100%;
  align-self: center;
}

._main_1qk4d_1 {
  background-color: var(
    --retool-base-frame-footer-background,
    var(--retool-base-frame-background, var(--always-white))
  );
  position: relative;
  display: flex;
  align-items: center;
  color: var(--retool-base-frame-footer-text, var(--gray-600));
  padding: 6px 8px;
  gap: 4px;
  width: 100%;
}

._main_1qk4d_1._hasShadow_1qk4d_11:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 4px 16px #00000026;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

._main_1qk4d_1:not(._hasShadow_1qk4d_11) {
  padding: 4px 8px;
}

._main_1qk4d_1:hover:not(:active):after {
  opacity: 1;
}

._hasShadow_1qk4d_11 {
  box-shadow: 0 4px 12px #0000001a;
  border: 1px solid var(--gray-200);
  border-radius: 4px;
}

._hideShadowOnHover_1qk4d_36:hover {
  box-shadow: unset;
  border: unset;
  border-radius: unset;
}

._separator_1qk4d_42 {
  width: 1px;
  height: 20px;
  background: var(--retool-base-frame-border, var(--gray-150));
}

._main_1rv6l_1 {
  z-index: var(--floating-presentation-nav-z-index);
  bottom: 24px;
  left: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  position: absolute;
}

._main_1rv6l_1._statusBarVisible_1rv6l_11 {
  bottom: 48px;
}

.sad-browser-container {
  padding: 80px;
  border-radius: 50px;
  background-color: #f4f4f4;
  margin-bottom: 60px;
}

.sad-browser-container img {
  width: 120px;
  height: 120px;
}

.not-in-plan-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50px;
  height: 100%;
  width: 100%;
}

.not-in-plan-header {
  font-size: 32px;
}

.not-in-plan-description {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.not-in-plan-billing-link {
  font-size: 18px;
}

._main_1q0io_1 {
  font-variant-numeric: tabular-nums;
}

._main_14vaa_1 {
  font-family: var(--monospace);
  position: absolute;
  font-size: 11px;
  color: var(--gray-700);
  bottom: 0;
  padding: 2px 12px;
  background-color: #ffffffa6;
  z-index: 50;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

._main_14vaa_1._statusBarVisible_14vaa_13 {
  bottom: 32px;
}

._main_14vaa_1._left_14vaa_16 {
  left: 8px;
}

._main_14vaa_1._right_14vaa_19 {
  right: 8px;
}

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

._main_f4voj_1 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
}

._header_f4voj_8 {
  background: var(
    --retool-base-frame-header-background,
    var(--retool-base-frame-background, --canvas)
  );
  z-index: 0;
}

._header_f4voj_8._sticky_f4voj_12 {
  position: sticky;
  top: 0;
}

._header_f4voj_8._showBorder_f4voj_16 {
  border-bottom: 1px solid var(--retool-base-frame-border);
}

._body_f4voj_20 {
  background: var(--retool-base-frame-background, --canvas);
  flex: 1;
}

._body_f4voj_20._isBodyScrollable_f4voj_25 {
  overflow-y: auto;
}

._body_f4voj_20:not(._isBodyScrollable_f4voj_25) {
  overflow-y: hidden;
}

._footer_f4voj_33 {
  background: var(
    --retool-base-frame-footer-background,
    var(--retool-base-frame-background, --canvas)
  );
}

._footer_f4voj_33._sticky_f4voj_12 {
  position: sticky;
  bottom: 0;
}

._footer_f4voj_33._showBorder_f4voj_16 {
  box-shadow: 0 1px 0 var(--retool-base-frame-border) inset;
}

._modal_7i9ik_5 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--retool-modal-border-radius);
  box-shadow: var(--retool-modal-box-shadow);
}

._main_4h1an_1 {
  height: 100%;
  container: sidebar-frame/inline-size;
  box-shadow: var(--retool-sidebar-frame-box-shadow);
}

._main_4h1an_1._left_4h1an_6 {
  border-right: 1px solid var(--retool-sidebar-frame-border);
}

._main_4h1an_1._right_4h1an_9 {
  border-left: 1px solid var(--retool-sidebar-frame-border);
}

._main_5458c_1 {
  height: 100%;
}

._main_5458c_1._right_5458c_4 {
  border-left: 1px solid var(--retool-split-pane-frame-border);
}

._main_5458c_1._left_5458c_7 {
  border-right: 1px solid var(--retool-split-pane-frame-border);
}

._hairline_m1nbp_1 {
  --preview-color: var(--blue-600);
  height: 100%;
  border-right: 2px solid var(--preview-color);
  z-index: 10000;
}

._hairline_m1nbp_1 ._hairlineIconWrapper_m1nbp_7 {
  display: flex;
  border-radius: 50%;
  background: var(--preview-color);
  align-items: center;
  justify-content: center;
  position: absolute;
  margin-right: 8px;
  top: calc((100% - 16px) / 2);
  right: 0;
  height: 16px;
  width: 16px;
}

._hairline_m1nbp_1 ._hairlineIcon_m1nbp_7 {
  display: flex;
  color: var(--always-white);
}

._main_14r8o_5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--overlay-color);
  transition: opacity 0.25s;
  opacity: 0;
  z-index: calc(var(--floating-presentation-nav-z-index) + 1);
  pointer-events: none;
}

._main_14r8o_5._isVisible_14r8o_22 {
  opacity: var(--overlay-opacity);
}

._main_14r8o_5._isVisible_14r8o_22._clickable_14r8o_25 {
  cursor: pointer;
}

._main_14r8o_5._shouldOverlaySwallowClicks_14r8o_28 {
  pointer-events: auto;
}

._main_1vq3i_1 {
  transition: opacity 0.25s ease-in-out;
  opacity: 0;
}

._main_1vq3i_1._mounted_1vq3i_5,
._main_1vq3i_1._mounting_1vq3i_5 {
  opacity: 1;
}

._main_1vq3i_1._unmounted_1vq3i_8,
._main_1vq3i_1._unmounting_1vq3i_8 {
  opacity: 0;
}

._main_1vq3i_1 * {
  opacity: var(--overlay-frame-contents-opacity);
}

._drawer_1vq3i_15 {
  position: absolute;
  top: 0;
  bottom: 0;
  height: calc(var(--retool-canvas-container-height, max-content));
  z-index: calc(var(--floating-presentation-nav-z-index) + 1);
}

._drawer_1vq3i_15._right_1vq3i_23 {
  right: 0;
}

._drawer_1vq3i_15._left_1vq3i_26 {
  left: 0;
}

._modal_1vq3i_30 {
  position: absolute;
  display: grid;
  place-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: calc(var(--floating-presentation-nav-z-index) + 1);
}

._splitPane_1vq3i_41 {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  height: calc(var(--retool-canvas-container-height, max-content));
  z-index: calc(var(--floating-presentation-nav-z-index) + 1);
}

._splitPane_1vq3i_41._right_1vq3i_23 {
  right: 0;
}

._splitPaneContainer_1vq3i_55,
._splitPaneContainer_1vq3i_55 * {
  opacity: 1;
}

._cursor_1vgbq_1 {
  position: absolute;
  z-index: 1000;
}

._pointer-cursor_1vgbq_6 {
  width: 20px;
  height: 20px;
}

._grab-cursor_1vgbq_11 {
  top: -15px;
  left: -15px;
  width: 48px;
  height: 32px;
}

._name-container_1vgbq_18 {
  margin-top: 18px;
  margin-left: 18px;
  padding: 0 4px;
  border-radius: 2px;
  white-space: nowrap;
}

._name-text_1vgbq_26 {
  font-size: 11px;
  font-weight: 500;
}

:root {
  --separator-border: rgba(128, 128, 128, 0.35);
}

.allotment-module_splitView__L-yRc {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.allotment-module_splitView__L-yRc
  > .allotment-module_sashContainer__fzwJF
  > .allotment-module_sash__QA-2t {
  pointer-events: auto;
}

.allotment-module_splitView__L-yRc
  > .allotment-module_splitViewContainer__rQnVa {
  height: 100%;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.allotment-module_splitView__L-yRc
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O {
  overflow: hidden;
  position: absolute;
  white-space: initial;
}

.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O {
  width: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O {
  height: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child):before {
  background-color: var(--separator-border);
  content: " ";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 5;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_vertical__WSwwa
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child):before {
  height: 1px;
  width: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_horizontal__7doS8
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child):before {
  height: 100%;
  width: 1px;
}

:root {
  --focus-border: #007fd4;
  --sash-size: 8px;
  --sash-hover-size: 4px;
}

.sash-module_sash__K-9lB {
  position: absolute;
  z-index: 35;
  touch-action: none;
  pointer-events: auto;
  text-align: initial;
}

.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
  pointer-events: none;
}

.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_vertical__pB-rs {
  cursor: col-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_minimum__-UKxp {
  cursor: e-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_maximum__TCWxD {
  cursor: w-resize;
}

.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_horizontal__kFbiw {
  cursor: row-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_minimum__-UKxp {
  cursor: s-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_maximum__TCWxD {
  cursor: n-resize;
}

.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
  cursor: default !important;
  pointer-events: none !important;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs {
  cursor: ew-resize;
  top: 0;
  width: var(--sash-size);
  height: 100%;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw {
  cursor: ns-resize;
  left: 0;
  width: 100%;
  height: var(--sash-size);
}

.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2- {
  content: " ";
  height: calc(var(--sash-size) * 2);
  width: calc(var(--sash-size) * 2);
  z-index: 100;
  display: block;
  cursor: all-scroll;
  position: absolute;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(
    .sash-module_disabled__Hm-wx
  )
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,
.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(
    .sash-module_disabled__Hm-wx
  )
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  cursor: nwse-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(
    .sash-module_disabled__Hm-wx
  )
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,
.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(
    .sash-module_disabled__Hm-wx
  )
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  cursor: nesw-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  left: calc(var(--sash-size) * -0.5);
  top: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  left: calc(var(--sash-size) * -0.5);
  bottom: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  top: calc(var(--sash-size) * -0.5);
  left: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  top: calc(var(--sash-size) * -0.5);
  right: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB:before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: background-color 0.1s ease-out;
  background: transparent;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs:before {
  width: var(--sash-hover-size);
  left: calc(50% - (var(--sash-hover-size) / 2));
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw:before {
  height: var(--sash-hover-size);
  top: calc(50% - (var(--sash-hover-size) / 2));
}

.sash-module_sash__K-9lB.sash-module_hover__80W6I:before,
.sash-module_sash__K-9lB.sash-module_active__bJspD:before {
  background: var(--focus-border);
}

._wrapper_8oeji_5 {
  background: var(--canvas);
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

._fullBleed_8oeji_13 {
  --retool-canvas-max-width: 100%;
}

._fullBleed_8oeji_13 ._mainContent_8oeji_16 {
  height: 100%;
}

._main_8oeji_16 {
  flex: var(--retool-main-flex-width);
  background-color: var(--retool-main-canvas);
}

._main_8oeji_16._splitFrameEnabled_8oeji_24 {
  height: var(--retool-main-split-pane-frame-height);
  overflow-y: auto;
}

._screen_8oeji_29 {
  flex: var(--retool-screen-flex-width);
  background-color: var(--retool-screen-canvas);
}

._screen_8oeji_29._splitFrameEnabled_8oeji_24 {
  height: 100%;
}

._splitViewWrapper_8oeji_37 {
  width: 100%;
}

._pill-padding_8oeji_41 {
  padding-bottom: 60px;
}

._tooltipLink_8oeji_45,
._tooltipLink_8oeji_45:hover {
  color: var(--blue-300);
}

._headerContent_8oeji_52,
._mainContent_8oeji_16,
._screenContent_8oeji_54 {
  height: 100%;
}

._headerContent_8oeji_52._includeCanvasMaxWidth_8oeji_57,
._mainContent_8oeji_16._includeCanvasMaxWidth_8oeji_57,
._screenContent_8oeji_54._includeCanvasMaxWidth_8oeji_57 {
  max-width: var(
    --retool-canvas-max-width,
    var(--retoolCanvasAppTemplateMaxWidth)
  );
}

._headerContent_8oeji_52:not(._isLeftAligned_8oeji_62),
._mainContent_8oeji_16:not(._isLeftAligned_8oeji_62),
._screenContent_8oeji_54:not(._isLeftAligned_8oeji_62) {
  margin: 0 auto;
}

._scroll-container_8oeji_68._editable_8oeji_68 {
  height: 100%;
  overflow-y: auto;
}

._scroll-container_8oeji_68:not(._editable_8oeji_68):not(
    ._splitPaneExists_8oeji_72
  ) {
  padding-right: calc(
    (
        var(--retool-canvas-container-width) -
          var(--retool-canvas-max-width, var(--retoolCanvasAppTemplateMaxWidth))
      ) / 2
  );
  padding-left: calc(
    (
        var(--retool-canvas-container-width) -
          var(--retool-canvas-max-width, var(--retoolCanvasAppTemplateMaxWidth))
      ) / 2
  );
}

._scroll-container_8oeji_68:not(._editable_8oeji_68):not(
    ._splitPaneExists_8oeji_72
  )._sidebarExists_8oeji_76 {
  padding-left: 0;
  padding-right: calc(
    var(--retool-canvas-container-width) -
      var(--retool-canvas-max-width, var(--retoolCanvasAppTemplateMaxWidth))
  );
}

._header_8oeji_52 {
  background: var(--retool-header-primary-surface, var(--primary-surface));
  border-bottom: var(--viewer-page-layout-header-border-bottom-size, 1px) solid
    var(--retool-header-border-color, var(--border-color));
  position: relative;
  z-index: 1;
}

._header_8oeji_52._hasStickyHeader_8oeji_87 {
  position: fixed;
  transform: translate(0);
  width: var(--viewer-page-layout-header-width, 100%);
}

._header_8oeji_52._hasStickyHeader_8oeji_87 ~ ._contentWrapper_8oeji_93 {
  padding-top: calc(
    var(--retool-header-height-offset, 0) +
      var(--viewer-page-layout-header-border-bottom-size, 1px)
  );
}

._header_8oeji_52._brandingBackgroundColor_8oeji_96 {
  background-color: var(--headerColor);
}

._headerContent_8oeji_52 {
  max-width: var(
    --retool-canvas-max-width,
    var(--retoolCanvasAppTemplateMaxWidth)
  );
}

._headerContent_8oeji_52._showBranding_8oeji_102 {
  background-image: var(--brandingLogo);
  background-position: 16px center;
  background-repeat: no-repeat;
  background-size: auto 30px;
  height: 57px;
  margin: 0 auto;
}

._mobile_8oeji_111 ._header_8oeji_52._hasStickyHeader_8oeji_87 {
  max-width: var(--retool-canvas-mobile-max-width);
}

._mobile_8oeji_111 ._sidebar_8oeji_76 {
  height: var(--retool-canvas-container-height, max-content);
  transform: translate(-100%);
  transition: transform 0.25s ease-in-out;
}

._mobile_8oeji_111 ._sidebar_8oeji_76._isVisible_8oeji_119 {
  transform: translate(0);
}

._contentWrapper_8oeji_93 {
  flex: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  flex-grow: 1;
}

._contentWrapper_8oeji_93._includeCanvasMaxWidth_8oeji_57 {
  max-width: var(
    --retool-canvas-max-width,
    var(--retoolCanvasAppTemplateMaxWidth)
  );
}

._contentWrapper_8oeji_93:not(._isLeftAligned_8oeji_62) {
  margin: 0 auto;
}

._main_lb32r_1 {
  align-items: center;
  color: var(--gray-400);
  display: flex;
  font-size: 12px;
  line-height: 16px;
  height: 100%;
  justify-content: center;
  pointer-events: none;
}

._main_lb32r_1._allowAddComponents_lb32r_11 {
  color: var(--gray-300);
  font-weight: 500;
}

._content_lb32r_16 {
  max-width: 100%;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}

._button_lb32r_25 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  pointer-events: all;
  display: flex;
  flex-direction: row;
  padding: 2px 4px;
  gap: 2px;
  max-height: 20px;
  overflow: hidden;
  flex-wrap: wrap;
  justify-content: center;
}

._button_lb32r_25 ._icon_lb32r_51 {
  color: var(--gray-300);
  display: flex;
  flex-direction: row;
  align-items: center;
}

._button_lb32r_25 ._text_lb32r_57 {
  min-width: 100px;
}

._button_lb32r_25:hover,
._button_lb32r_25:hover ._text_lb32r_57,
._button_lb32r_25:hover ._icon_lb32r_51 {
  color: var(--blue-600);
}

._button_lb32r_25._draggingAnotherWidget_lb32r_67 {
  opacity: 0;
}

._drag_lb32r_67 {
  display: inline-block;
  height: 16px;
  margin: 0 4px 0 -4px;
  vertical-align: middle;
}

._text_lb32r_57 {
  min-width: 0;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  color: var(--gray-500);
}

._text_lb32r_57._dragging_lb32r_67 {
  opacity: 0;
}

._main_hhk2k_1 {
  border: 2px solid var(--blue-600);
  border-radius: 4px;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

._main_hhk2k_1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--blue-600);
  opacity: 0.1;
}

._main_hhk2k_1._highlight_hhk2k_22 {
  opacity: 1;
  animation: 0.2s ease _enter_hhk2k_1, 0.15s linear 0.65s 2 _flash_hhk2k_1;
}

@keyframes _enter_hhk2k_1 {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes _flash_hhk2k_1 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

._invisible_lsqnd_1 {
  visibility: hidden;
  pointer-events: none;
}

._subcomponentBoundingBox_1v5s1_1 {
  position: relative;
  pointer-events: none;
}

._subcomponentBoundingBox_1v5s1_1 * {
  pointer-events: auto;
}

._subcomponentBoundingBox_1v5s1_1._hasBasis_1v5s1_8 {
  position: absolute;
}

._subcomponentBoundingBox_1v5s1_1:hover:before,
._subcomponentBoundingBox_1v5s1_1._forceHover_1v5s1_11:before,
._subcomponentBoundingBox_1v5s1_1._parentHovered_1v5s1_11:not(:hover):not(
    ._forceHover_1v5s1_11
  ):before,
._subcomponentBoundingBox_1v5s1_1._selected_1v5s1_11:before {
  content: "";
  position: absolute;
  z-index: 100;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 1px dashed var(--bounding-box-color);
}

._subcomponentBoundingBox_1v5s1_1:hover:before,
._subcomponentBoundingBox_1v5s1_1._forceHover_1v5s1_11:before {
  border-width: 2px;
  border-style: solid;
}

._subcomponentBoundingBox_1v5s1_1._selected_1v5s1_11:before,
._subcomponentBoundingBox_1v5s1_1._selected_1v5s1_11:hover:before {
  border-width: 1px;
  border-style: solid;
}

._main_1x8f3_1 {
  border-radius: 4px;
  display: flex;
  height: 16px;
  width: 16px;
  position: relative;
  background-color: var(--bounding-box-color-status);
  color: var(--bounding-box-color-text);
  align-items: center;
  justify-content: center;
}

._rail_gfh3p_1 {
  pointer-events: auto;
  position: absolute;
  transition: inherit;
  z-index: 1;
}

._rail-top_gfh3p_8 {
  cursor: ns-resize;
  top: -5px;
  left: 0;
  height: 10px;
  width: 100%;
}

._rail-right_gfh3p_15 {
  cursor: ew-resize;
  top: 0;
  right: -5px;
  height: 100%;
  width: 10px;
}

._rail-bottom_gfh3p_22 {
  cursor: ns-resize;
  bottom: -5px;
  left: 0;
  height: 10px;
  width: 100%;
}

._rail-left_gfh3p_29 {
  cursor: ew-resize;
  top: 0;
  left: -5px;
  height: 100%;
  width: 10px;
}

._handle_gfh3p_37 {
  background-color: var(--background-surface);
  border: 1px solid var(--bounding-box-color);
  border-radius: 4px;
  box-shadow: 0 2px 6px #0000000a;
  height: 8px;
  width: 8px;
  margin: -4px;
  pointer-events: auto;
  position: absolute;
  z-index: 2;
}

._handle_gfh3p_37:hover,
._handle_gfh3p_37._dragging_gfh3p_49 {
  background-color: var(--bounding-box-color);
}

._handle_gfh3p_37:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px;
  z-index: 0;
}

._handle-top-left_gfh3p_63 {
  cursor: nwse-resize;
  top: 0;
  left: 0;
}

._handle-top-right_gfh3p_68 {
  cursor: nesw-resize;
  top: 0;
  right: 0;
}

._handle-bottom-left_gfh3p_73 {
  cursor: nesw-resize;
  bottom: 0;
  left: 0;
}

._handle-bottom-right_gfh3p_78 {
  cursor: nwse-resize;
  bottom: 0;
  right: 0;
}

._handle-top_gfh3p_63,
._handle-bottom_gfh3p_73 {
  cursor: ns-resize;
  width: 30px;
  height: 7px;
  margin: 0;
  left: 50%;
}

._handle-top_gfh3p_63 {
  top: 0;
  transform: translate(-50%, -50%);
}

._handle-bottom_gfh3p_73 {
  bottom: 0;
  transform: translate(-50%, 50%);
}

._handle-left_gfh3p_98,
._handle-right_gfh3p_98 {
  cursor: ew-resize;
  width: 7px;
  height: 30px;
  margin: 0;
  max-height: 80%;
  min-height: 7px;
  top: 50%;
}

._handle-left_gfh3p_98 {
  left: 0;
  transform: translate(-50%, -50%);
}

._handle-right_gfh3p_98 {
  right: 0;
  transform: translate(50%, -50%);
}

._handle_gfh3p_37._withContainedHandles_gfh3p_115 {
  margin: 2px;
}

._handle_gfh3p_37._withContainedHandles_gfh3p_115._handle-left_gfh3p_98,
._handle_gfh3p_37._withContainedHandles_gfh3p_115._handle-right_gfh3p_98 {
  transform: translateY(-50%);
  margin: 0 2px;
}

.retool-tooltip {
  --accent-background: var(--blue-300);
  pointer-events: none;
}

.retool-tooltip.withPointerEvents {
  pointer-events: auto;
}

.retool-tooltip.ant-tooltip .ant-tooltip-inner {
  background-color: var(--gray-900);
  font-weight: 500;
  line-height: 16px;
  color: var(--gray-100);
  padding: 2px 6px;
  box-shadow: var(--box-shadow-medium);
  min-height: 0;
}

.retool-tooltip.ant-tooltip .ant-tooltip-arrow {
  display: none;
}

.retool-tooltip code {
  background: var(--gray-900);
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
}

._main_4ectv_1 {
  display: flex;
  align-items: center;
  line-height: 13px;
}

._icon_4ectv_7 {
  display: flex;
  margin-right: 2px;
}

._main_cqg42_1 {
  --bounding-box-color: var(--blue-600);
  --bounding-box-color-text: var(--always-white);
  --bounding-box-color-status: var(--bounding-box-color);
  --bounding-box-color-click: var(--bounding-box-color);
  --bounding-box-padding-default: 4px 8px;
  --bounding-box-padding: var(
    --retool-widget-margin,
    var(--bounding-box-padding-default)
  );
  --bounding-box-tag-display: none;
  --bounding-box-border-display: none;
  --bounding-box-border-width: 1px;
  pointer-events: none;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}

._main_cqg42_1:before {
  background: var(--bounding-box-color-status);
  content: "";
  display: none;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

._main_cqg42_1._module_cqg42_29 {
  --bounding-box-color: var(--purple-700);
}

._main_cqg42_1._warning_cqg42_32 {
  --bounding-box-color-status: var(--yellow-700);
}

._main_cqg42_1._error_cqg42_35,
._main_cqg42_1._invalid_cqg42_38 {
  --bounding-box-color-status: var(--red-500);
}

._main_cqg42_1._showGrayBorder_cqg42_41 {
  --bounding-box-color-status: var(--gray-200);
  --bounding-box-color: var(--gray-200);
  --bounding-box-color-text: #777;
}

._main_cqg42_1._showBoldBorder_cqg42_46 {
  --bounding-box-border-width: 2px;
  background: var(--canvas-container-background);
}

._main_cqg42_1._showBoxBorder_cqg42_50 {
  --bounding-box-border-display: block;
}

._main_cqg42_1._showTag_cqg42_53 {
  --bounding-box-tag-display: block;
}

._main_cqg42_1._withContainedHandles_cqg42_56 ._side_cqg42_56 {
  transform: none;
  height: 100%;
  width: 100%;
}

._main_cqg42_1._dragging_cqg42_61:before {
  background: var(--bounding-box-color);
  display: block;
}

._main_cqg42_1._movePlaceholder_cqg42_65 {
  opacity: 0.5;
}

._main_cqg42_1._unselected_cqg42_68._warning_cqg42_32:before,
._main_cqg42_1._unselected_cqg42_68._invalid_cqg42_38:before,
._main_cqg42_1._unselected_cqg42_68._error_cqg42_35:before {
  display: block;
}

._main_cqg42_1._unselected_cqg42_68._hidden_cqg42_71 {
  --bounding-box-color-status: var(--gray-200);
  --bounding-box-color-text: var(--gray-500);
}

._main_cqg42_1 ._invalid_cqg42_38 ._resizePlaceholder_cqg42_75:before {
  background-color: var(--bounding-box-color-status);
}

._main_cqg42_1 ._invalid_cqg42_38 ._box_cqg42_78 {
  border: var(--bounding-box-border-width) solid
    var(--bounding-box-color-status);
}

._main_cqg42_1 ._invalid_cqg42_38._dragging_cqg42_61:before {
  background: var(--bounding-box-color-status);
}

._widget_cqg42_85 {
  padding: var(--bounding-box-padding);
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}

._widget_cqg42_85._movePlaceholder_cqg42_65 {
  pointer-events: none;
  opacity: 0.5;
}

._resizePlaceholder_cqg42_75 {
  padding: var(--bounding-box-padding);
  height: 100%;
  width: 100%;
}

._resizePlaceholder_cqg42_75:before {
  content: "";
  display: block;
  background-color: var(--bounding-box-color);
  opacity: 0.3;
  height: 100%;
  width: 100%;
  border-radius: 4px;
}

._mask_cqg42_113 {
  cursor: move;
  height: 100%;
  left: 0;
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

._box_cqg42_78,
._outline_cqg42_125 {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

._box_cqg42_78 {
  display: var(--bounding-box-border-display);
  z-index: 3;
}

._outline_cqg42_125 {
  --bounding-box-border-width: 1px;
  --bounding-box-border-style: dashed;
  opacity: 0.5;
  z-index: 1;
}

._plusButton_cqg42_146 {
  position: absolute;
  z-index: 4;
  cursor: pointer;
  pointer-events: auto;
}

._plusButton_cqg42_146._top_cqg42_152 {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

._plusButton_cqg42_146._right_cqg42_157 {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

._plusButton_cqg42_146._bottom_cqg42_162 {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

._plusButton_cqg42_146._left_cqg42_167 {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

._side_cqg42_56 {
  border-color: var(--bounding-box-color);
  border-style: var(--bounding-box-border-style, solid);
  border-width: 0;
  position: absolute;
}

._side_cqg42_56._subcomponentHovered_cqg42_179,
._side_cqg42_56._subcomponentSelected_cqg42_179 {
  --bounding-box-border-width: 1px;
  border-style: dashed;
}

._side_cqg42_56._hover_cqg42_183._subcomponentSelected_cqg42_179:not(
    ._subcomponentHovered_cqg42_179
  ),
._side_cqg42_56._forceBoundingBoxHover_cqg42_183._subcomponentSelected_cqg42_179 {
  --bounding-box-border-width: 2px;
  border-style: solid;
}

._side_cqg42_56._top_cqg42_152 {
  border-top-width: var(--bounding-box-border-width);
  left: 0;
  top: 0;
  transform: translate(-0.5px, -0.5px) scaleY(1.1);
  width: calc(100% + 1px);
}

._side_cqg42_56._right_cqg42_157 {
  border-right-width: var(--bounding-box-border-width);
  height: calc(100% + 1px);
  right: 0;
  top: 0;
  transform: translate(0.5px, -0.5px) scaleX(1.1);
}

._side_cqg42_56._bottom_cqg42_162 {
  border-bottom-width: var(--bounding-box-border-width);
  left: 0;
  bottom: 0;
  transform: translate(-0.5px, 0.5px) scaleY(1.1);
  width: calc(100% + 1px);
}

._side_cqg42_56._left_cqg42_167 {
  border-left-width: var(--bounding-box-border-width);
  height: calc(100% + 1px);
  left: 0;
  top: 0;
  transform: translate(-0.5px, -0.5px) scaleX(1.1);
}

._tag_cqg42_216 {
  max-width: calc(100% - 10px);
  pointer-events: auto;
  position: absolute;
  transition: inherit;
  -webkit-user-select: none;
  user-select: none;
  will-change: transform;
  z-index: 2;
  font-family: var(--sans-serif);
  font-weight: 400;
  display: var(--bounding-box-tag-display);
  left: 0;
}

._tag_cqg42_216._above_cqg42_229 {
  bottom: 100%;
  padding-bottom: 1px;
  transform: translate(-0.5px, -0.5px);
}

._tag_cqg42_216._above_cqg42_229 ._tag-label_cqg42_234 {
  transform: translate(0.5px, 0.5px);
}

._tag_cqg42_216._below_cqg42_237 {
  top: 100%;
  padding-top: 2px;
  transform: translate(-0.5px, 0.5px);
}

._tag_cqg42_216._below_cqg42_237._hasRailOnBottom_cqg42_242 {
  padding-top: 5px;
}

._tag_cqg42_216._below_cqg42_237 ._tag-label_cqg42_234 {
  transform: translate(0.5px, -0.5px);
}

._tag_cqg42_216._within_cqg42_248 {
  bottom: 0;
}

._tag_cqg42_216._aboveWithin_cqg42_251 {
  top: 0;
}

._tag_cqg42_216._aboveWithin_cqg42_251 ._tag-content_cqg42_254 {
  border-top-left-radius: 0;
}

._tag_cqg42_216._center_cqg42_257 {
  left: 50%;
  transform: translate(-50%);
}

._tag-content_cqg42_254 {
  border-radius: 4px;
  display: flex;
  font-size: 10px;
  height: 16px;
  line-height: 15px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._tag_cqg42_216 ._hidden_cqg42_71 {
  display: none;
}

._tag_cqg42_216._within_cqg42_248,
._tag_cqg42_216._aboveWithin_cqg42_251 {
  left: 0;
}

._tag-inner-wrapper_cqg42_279 {
  display: flex;
  gap: 2px;
}

._tag-content_cqg42_254 {
  background-color: var(--bounding-box-color-status);
  color: var(--bounding-box-color-text);
  cursor: move;
  padding: 0 4px 1px 12px;
}

._tag-content_cqg42_254._no-drag_cqg42_289 {
  padding: 0 4px 1px;
  cursor: default;
}

._tag-content_cqg42_254._no-icon_cqg42_293 {
  padding: 0 4px 1px;
}

._tag-drag-icon_cqg42_296 {
  fill: currentColor;
  opacity: 0.8;
  position: absolute;
  top: 2px;
  left: 1px;
  width: 12px;
  height: 12px;
}

._tag-label_cqg42_234 {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._tag-hidden-icon_cqg42_311 {
  flex-shrink: 0;
  height: 12px;
  margin: 2px;
  opacity: 0.6;
  vertical-align: top;
  width: 12px;
}

._tag-icon-stack_cqg42_319 {
  align-items: center;
  align-self: center;
  display: flex;
}

._tag-handle-mask_cqg42_324 {
  background: var(--canvas-container-background);
  border-radius: 4px;
  display: var(--bounding-box-border-display);
  position: absolute;
  left: 0;
  height: 8px;
  width: 8px;
  transform: scale(1.2);
}

._tag-handle-mask_cqg42_324._above_cqg42_229 {
  bottom: 0;
  transform: translate(0.5px, 1.5px) translate(-50%, 50%) scale(1.25);
}

._tag-handle-mask_cqg42_324._below_cqg42_237 {
  top: 0;
  transform: translate(0.5px, -1.5px) translate(-50%, -50%) scale(1.25);
}

._clickTag_cqg42_343 {
  max-width: calc(100% - 10px);
  pointer-events: auto;
  position: absolute;
  transition: inherit;
  -webkit-user-select: none;
  user-select: none;
  will-change: transform;
  z-index: 2;
  font-family: var(--sans-serif);
  font-weight: 400;
  cursor: pointer;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

._clickTag_cqg42_343._above_cqg42_229 {
  bottom: 100%;
  padding-bottom: 1px;
  transform: translate(-0.5px, -0.5px);
}

._clickTag_cqg42_343._above_cqg42_229 ._clickTag-label_cqg42_364 {
  transform: translate(0.5px, 0.5px);
}

._clickTag_cqg42_343._below_cqg42_237 {
  top: 100%;
  padding-top: 2px;
  transform: translate(-0.5px, 0.5px);
}

._clickTag_cqg42_343._below_cqg42_237._hasRailOnBottom_cqg42_242 {
  padding-top: 5px;
}

._clickTag_cqg42_343._below_cqg42_237 ._clickTag-label_cqg42_364 {
  transform: translate(0.5px, -0.5px);
}

._clickTag_cqg42_343._within_cqg42_248 {
  bottom: 0;
}

._clickTag_cqg42_343._aboveWithin_cqg42_251 {
  top: 0;
}

._clickTag_cqg42_343._aboveWithin_cqg42_251 ._clickTag-content_cqg42_384 {
  border-top-left-radius: 0;
}

._clickTag_cqg42_343._center_cqg42_257 {
  left: 50%;
  transform: translate(-50%);
}

._clickTag-content_cqg42_384 {
  border-radius: 4px;
  display: flex;
  font-size: 10px;
  height: 16px;
  line-height: 15px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._clickTag_cqg42_343._within_cqg42_248 {
  bottom: 0;
  right: 0;
}

._clickTag-content_cqg42_384 {
  align-items: center;
  background-color: var(--blue-100);
  color: var(--bounding-box-color-click);
  font-weight: 500;
  padding: 0 4px 1px;
}

._clickTag-content_cqg42_384:hover {
  background-color: var(--blue-200);
}

._status-icon_cqg42_418 {
  flex-shrink: 0;
  height: 10px;
  margin-left: 1px;
  width: 10px;
}

._status-icon_cqg42_418 circle {
  fill: var(--bounding-box-color-accent);
}

._status-icon_cqg42_418 path {
  fill: var(--bounding-box-color-status);
}

._status-invalid_cqg42_431,
._status-error_cqg42_432 {
  --bounding-box-color-accent: var(--red-200);
}

._status-warning_cqg42_436 {
  --bounding-box-color-accent: var(--yellow-200);
}

._multiplayerNamePopover_cqg42_440 {
  position: absolute;
  right: 16px;
  max-width: calc(100% - 16px);
  background-color: var(--bounding-box-color);
  color: #fff;
  padding: 2px 4px;
  line-height: 16px;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

._multiplayerNamePopover-label_cqg42_452 {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

._multiplayerNamePopover_cqg42_440._above_cqg42_229 {
  bottom: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

._multiplayerNamePopover_cqg42_440._below_cqg42_237 {
  top: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

._multiplayerNamePopover_cqg42_440._within_cqg42_248 {
  bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

._multiplayerNamePopover_cqg42_440._aboveWithin_cqg42_251 {
  top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

._dropzone-wrapper_1egzu_1 {
  height: 100%;
  display: flex;
  flex-direction: var(--direction, "horizontal");
  align-items: var(--align, "center");
}

._main_wxl6n_1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

._main_wxl6n_1:after {
  content: "";
  position: absolute;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.05) 1px,
    transparent 1px
  );
  background-size: 100% 8px;
  bottom: -1px;
  left: 0;
  right: 0;
  top: 0;
  transform: translateY(-0.5px);
}

._column_wxl6n_23 {
  background: #0000000d;
  height: 100%;
  position: absolute;
  transform: translate(var(--offset)) translate(-0.5px);
  width: 1px;
}

._main_dqdjv_1 {
  --preview-color: var(--blue-600);
  position: absolute;
  z-index: 10000;
  top: var(--top);
  left: var(--left);
  width: var(--width);
  border-top: var(--topBorderWidth) solid var(--preview-color);
}

._main_dqdjv_1._isModule_dqdjv_10 {
  --preview-color: var(--purple-700);
}

._main_dqdjv_1._showBox_dqdjv_13:before {
  content: "";
  position: absolute;
  height: var(--solidBoxHeight);
  width: var(--width);
  background: var(--preview-color);
  opacity: 0.2;
  top: calc(-1 * var(--topBorderWidth));
  left: 0;
}

._main_dqdjv_1._showDotted_dqdjv_23._showBox_dqdjv_13:after {
  content: "";
  position: absolute;
  width: var(--width);
  border-left: 1px dashed var(--preview-color);
  border-right: 1px dashed var(--preview-color);
  border-bottom: 1px dashed var(--preview-color);
  height: var(--dottedBoxHeight);
  top: calc(var(--dottedTop) - var(--topBorderWidth));
  left: 0;
}

._main_dqdjv_1 ._iconWrapper_dqdjv_34 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

._main_dqdjv_1._fullBleed_dqdjv_39 {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

._main_dqdjv_1._fullBleed_dqdjv_39:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--preview-color);
  opacity: 0.2;
  top: 0;
}

._main_dqdjv_1 ._fullBleedMessage_dqdjv_54 {
  font-weight: 500;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-surface);
}

._container_1ukix_1 {
  --bounding-box-color: var(--blue-600);
  position: absolute;
  z-index: 4;
}

._container_1ukix_1._vertical_1ukix_6 {
  height: var(--resizePositionSize);
  transform: translate3d(
      var(--resizePositionPos),
      var(--resizePositionStart),
      0
    )
    translate(-1px) scaleX(1.1);
}

._container_1ukix_1._horizontal_1ukix_10 {
  transform: translate3d(
      var(--resizePositionStart),
      var(--resizePositionPos),
      0
    )
    translateY(-1px) scaleY(1.1);
  width: var(--resizePositionSize);
}

._border_1ukix_15 {
  border-style: solid;
  border-color: var(--bounding-box-color);
}

._border_1ukix_15._vertical_1ukix_6 {
  border-left-width: 2px;
}

._border_1ukix_15._horizontal_1ukix_10 {
  border-top-width: 2px;
}

._handleContainer_1ukix_26 {
  z-index: 10;
}

._handleContainer_1ukix_26._vertical_1ukix_6 {
  left: 1px;
}

._handleContainer_1ukix_26._horizontal_1ukix_10 {
  top: 1px;
}

._main_1jd9d_1 {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 100%;
  width: auto;
  background-color: #0000001a;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 2px;
  pointer-events: none;
  font-family: monospace;
}

._row_1jd9d_15 {
  display: flex;
  line-height: 12px;
  font-size: 12px;
}

._item_1jd9d_21 {
  display: flex;
  white-space: nowrap;
  margin-right: 6px;
}

._red_1jd9d_27 {
  color: var(--red-400);
}

._blue_1jd9d_31 {
  color: var(--blue-400);
}

._purple_1jd9d_35 {
  color: var(--purple-700);
}

._main_mqeqx_1 {
  width: 100%;
  height: 100%;
}

._listViewMain_mqeqx_7 {
  background-color: var(
    --retool-listview-primary-surface,
    var(--primary-surface)
  );
  border-radius: var(--retool-listview-border-radius, var(--border-radius));
  padding: var(--retool-padding);
  display: grid;
  grid-template-columns: repeat(var(--num-columns), 1fr);
  grid-auto-rows: min-content;
  height: 100%;
  outline: 1px solid
    var(--retool-listview-border-color, var(--border-color-primary));
}

._scrollable_mqeqx_18 {
  overflow-y: var(--scrollable-overflow, auto);
  position: relative;
}

._noBorder_mqeqx_23 {
  outline: none;
}

._noDropShadow_mqeqx_27 {
  box-shadow: none;
}

._fixedWidthColumn_mqeqx_31 {
  grid-template-columns: repeat(var(--num-columns), var(--item-width));
  overflow-x: auto;
}

._horizontalScrollOnly_mqeqx_38 {
  overflow-y: hidden;
}

._item_mqeqx_42 {
  width: var(--item-width);
}

._fillContainer_mqeqx_46 {
  height: 100%;
}

._empty_mqeqx_51:not(._dragging_mqeqx_51) {
  display: block;
}

._empty_mqeqx_51._dragging_mqeqx_51 {
  grid-auto-rows: auto;
}

._hiddenRow_mqeqx_60 {
  visibility: hidden;
  pointer-events: none;
}

._modalButtonWrapper_mqeqx_66 {
  width: 100%;
  height: 100%;
}

._modalButtonWrapper_mqeqx_66:has(button:disabled) {
  cursor: not-allowed;
}

._modalButtonWrapper_mqeqx_66 button:disabled {
  pointer-events: none;
}

._button_mqeqx_77 {
  box-shadow: none;
}

._button_mqeqx_77,
._button_mqeqx_77 ._ant-btn_mqeqx_81 {
  width: 100%;
  height: 100%;
}

._main_pt9qz_1 {
  position: relative;
  height: 100%;
  --selection-color: var(--blue-600);
}

._main_pt9qz_1._isNamespaced_pt9qz_6 {
  --selection-color: var(--purple-700);
}

._tag-hidden-icon_pt9qz_10 {
  flex-shrink: 0;
  height: 12px;
  margin: 2px;
  opacity: 0.6;
  vertical-align: top;
  width: 12px;
}

._tag_pt9qz_10 {
  bottom: 100%;
  top: 0;
  left: 0;
  margin: 4px;
  max-width: calc(100% - 10px);
  display: none;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  font-family: var(--sans-serif);
  font-size: 10px;
  font-weight: 500;
  height: 16px;
  line-height: 14px;
  padding: 0 4px 1px;
  z-index: 2;
}

._tag_pt9qz_10._selected_pt9qz_42 {
  display: block;
  background-color: var(--selection-color);
  color: var(--always-white);
}

._tag_pt9qz_10._selected_pt9qz_42 + ._box_pt9qz_47 {
  border: var(--frame-bounding-box-border-width, 1px)
    var(--frame-bounding-box-border-style, solid) var(--selection-color);
}

._tag_pt9qz_10._showAddingComponent_pt9qz_50 {
  background-color: var(--gray-200);
  color: #777;
  z-index: 3;
}

._tag_pt9qz_10._showAddingComponent_pt9qz_50 + ._box_pt9qz_47 {
  border-color: var(--gray-200);
  z-index: 3;
  border-width: 2px;
}

._box_pt9qz_47 {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  --frame-bounding-box-border-width: 1px;
  --frame-bounding-box-border-style: solid;
}

._hidden_pt9qz_73 {
  --frame-bounding-box-border-style: dashed;
  --frame-bounding-box-border-width: 1px;
}

._container_rbfv8_1 {
  width: 100%;
  height: 100%;
  z-index: 3;
  position: absolute;
  top: 0;
  pointer-events: none;
  --bounding-box-color: var(--retool-widget-border-color, var(--blue-500));
  --resize-box-padding: 4px;
  --resize-box-handle: 8px;
}

._error_rbfv8_13 {
  --bounding-box-color: var(--red-500);
}

._bar_rbfv8_17 {
  box-sizing: border-box;
  border-style: solid;
}

._bar_rbfv8_17._indirectlySelected_rbfv8_21 {
  border-style: dashed;
}

._barClickableArea_rbfv8_25 {
  z-index: 1;
  pointer-events: all;
}

._dot_rbfv8_30 {
  width: 100%;
  height: 100%;
  background-color: var(--gray-0);
  border: 1px solid var(--bounding-box-color);
  border-radius: 50%;
  outline: 1px solid var(--canvas-container-background);
}

._dotClickableArea_rbfv8_39 {
  width: calc(var(--resize-box-handle) + var(--resize-box-padding) * 2);
  height: calc(var(--resize-box-handle) + var(--resize-box-padding) * 2);
  padding: var(--resize-box-padding);
  border-radius: 50%;
  z-index: 3;
  pointer-events: all;
}

._dotClickableArea_rbfv8_39:hover ._dot_rbfv8_30 {
  background-color: var(--bounding-box-color);
}

._handle_rbfv8_51 {
  width: 100%;
  height: 100%;
  background-color: var(--gray-0);
  border: 1px solid var(--bounding-box-color);
  border-radius: 4px;
  outline: 1px solid var(--canvas-container-background);
}

._handleClickableArea_rbfv8_60 {
  padding: var(--resize-box-padding);
  border-radius: calc(
    (var(--resize-box-handle) + var(--resize-box-padding) * 2) / 2
  );
  z-index: 3;
  pointer-events: all;
}

._handleClickableArea_rbfv8_60:hover ._handle_rbfv8_51 {
  background-color: var(--bounding-box-color);
}

._barClickableArea_rbfv8_25._top_rbfv8_71,
._barClickableArea_rbfv8_25._bottom_rbfv8_72 {
  height: calc(2 * var(--resize-box-padding));
  width: 100%;
}

._barClickableArea_rbfv8_25._top_rbfv8_71 ._bar_rbfv8_17,
._barClickableArea_rbfv8_25._bottom_rbfv8_72 ._bar_rbfv8_17 {
  border-top-width: 1px;
  border-top-color: var(--bounding-box-color);
  margin-top: var(--resize-box-padding);
  width: 100%;
  height: 1px;
}

._barClickableArea_rbfv8_25._top_rbfv8_71._inset_rbfv8_84,
._barClickableArea_rbfv8_25._bottom_rbfv8_72._inset_rbfv8_84 {
  height: 1px;
}

._barClickableArea_rbfv8_25._top_rbfv8_71._inset_rbfv8_84 ._bar_rbfv8_17,
._barClickableArea_rbfv8_25._bottom_rbfv8_72._inset_rbfv8_84 ._bar_rbfv8_17 {
  margin-top: 0;
}

._barClickableArea_rbfv8_25._left_rbfv8_93,
._barClickableArea_rbfv8_25._right_rbfv8_94 {
  width: calc(2 * var(--resize-box-padding));
  height: 100%;
}

._barClickableArea_rbfv8_25._left_rbfv8_93 ._bar_rbfv8_17,
._barClickableArea_rbfv8_25._right_rbfv8_94 ._bar_rbfv8_17 {
  border-left-width: 1px;
  border-left-color: var(--bounding-box-color);
  margin-left: var(--resize-box-padding);
  width: 1px;
  height: 100%;
}

._barClickableArea_rbfv8_25._left_rbfv8_93._inset_rbfv8_84,
._barClickableArea_rbfv8_25._right_rbfv8_94._inset_rbfv8_84 {
  width: 1px;
}

._barClickableArea_rbfv8_25._left_rbfv8_93._inset_rbfv8_84 ._bar_rbfv8_17,
._barClickableArea_rbfv8_25._right_rbfv8_94._inset_rbfv8_84 ._bar_rbfv8_17 {
  margin-left: 0;
}

._handleClickableArea_rbfv8_60._top_rbfv8_71 {
  height: calc(var(--resize-box-handle) + var(--resize-box-padding) * 2);
  width: 100%;
  max-width: 40px;
  left: 50%;
  translate: -50% -50%;
}

._handleClickableArea_rbfv8_60._top_rbfv8_71._inset_rbfv8_84 {
  translate: -50% calc(var(--resize-box-padding) / -2);
}

._handleClickableArea_rbfv8_60._bottom_rbfv8_72 {
  height: calc(var(--resize-box-handle) + var(--resize-box-padding) * 2);
  width: 100%;
  max-width: 40px;
  left: 50%;
  translate: -50% 50%;
}

._handleClickableArea_rbfv8_60._bottom_rbfv8_72._inset_rbfv8_84 {
  translate: -50% calc(var(--resize-box-padding) / 2);
}

._handleClickableArea_rbfv8_60._left_rbfv8_93 {
  width: calc(var(--resize-box-handle) + var(--resize-box-padding) * 2);
  height: 100%;
  max-height: 40px;
  top: 50%;
  translate: -50% -50%;
}

._handleClickableArea_rbfv8_60._left_rbfv8_93._inset_rbfv8_84 {
  translate: calc(var(--resize-box-padding) / -2) -50%;
}

._handleClickableArea_rbfv8_60._right_rbfv8_94 {
  width: calc(var(--resize-box-handle) + var(--resize-box-padding) * 2);
  height: 100%;
  max-height: 40px;
  top: 50%;
  translate: 50% -50%;
}

._handleClickableArea_rbfv8_60._right_rbfv8_94._inset_rbfv8_84 {
  translate: calc(var(--resize-box-padding) / 2) -50%;
}

._topLeft_rbfv8_159 {
  position: absolute;
  top: 0;
  left: 0;
  translate: -50% -50%;
}

._topLeft_rbfv8_159:not([aria-disabled="true"]) {
  cursor: nwse-resize;
}

._topLeft_rbfv8_159._inset_rbfv8_84 {
  translate: calc(var(--resize-box-padding) / -2)
    calc(var(--resize-box-padding) / -2);
}

._topRight_rbfv8_172 {
  position: absolute;
  top: 0;
  right: 1px;
  translate: 50% -50%;
}

._topRight_rbfv8_172:not([aria-disabled="true"]) {
  cursor: nesw-resize;
}

._topRight_rbfv8_172._inset_rbfv8_84 {
  translate: calc(var(--resize-box-padding) / 2)
    calc(var(--resize-box-padding) / -2);
}

._bottomLeft_rbfv8_185 {
  position: absolute;
  bottom: 0;
  left: 0;
  translate: -50% 50%;
}

._bottomLeft_rbfv8_185:not([aria-disabled="true"]) {
  cursor: nesw-resize;
}

._bottomLeft_rbfv8_185._inset_rbfv8_84 {
  translate: calc(var(--resize-box-padding) / -2)
    calc(var(--resize-box-padding) / 2);
}

._bottomRight_rbfv8_198 {
  position: absolute;
  bottom: 0;
  right: 1px;
  translate: 50% 50%;
}

._bottomRight_rbfv8_198:not([aria-disabled="true"]) {
  cursor: nwse-resize;
}

._bottomRight_rbfv8_198._inset_rbfv8_84 {
  translate: calc(var(--resize-box-padding) / 2)
    calc(var(--resize-box-padding) / 2);
}

._top_rbfv8_71 {
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -50%;
}

._top_rbfv8_71:not([aria-disabled="true"]) {
  cursor: ns-resize;
}

._bottom_rbfv8_72 {
  position: absolute;
  bottom: 0;
  left: 0;
  translate: 0 50%;
}

._bottom_rbfv8_72:not([aria-disabled="true"]) {
  cursor: ns-resize;
}

._bottom_rbfv8_72._inset_rbfv8_84 {
  translate: 0 0;
  bottom: 0;
}

._left_rbfv8_93 {
  position: absolute;
  left: 0;
  top: 0;
  translate: -50% 0;
}

._left_rbfv8_93:not([aria-disabled="true"]) {
  cursor: ew-resize;
}

._right_rbfv8_94 {
  position: absolute;
  right: 1px;
  top: 0;
  translate: 50% 0;
}

._right_rbfv8_94:not([aria-disabled="true"]) {
  cursor: ew-resize;
}

._right_rbfv8_94._inset_rbfv8_84 {
  translate: 0 0;
  right: 0;
}

._container_coi65_1 {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  padding: 0;
  pointer-events: auto;
  text-align: left;
  font-family: var(--default-font, var(--sans-serif));
}

._container_coi65_1:focus-visible {
  outline: 1px solid var(--bounding-box-color, var(--blue-500));
}

._paddingGuides_1br6p_1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border: inset transparent;
  border-width: var(--retool-padding);
  border-image: linear-gradient(to right, var(--blue-100), var(--blue-100)) 1
    stretch;
}

._root_1af2m_1 {
  position: fixed;
  z-index: 1000;
  opacity: 0.1;
  background-color: var(--blue-600);
  pointer-events: none;
}

._placeholderWrapper_c7xxi_1 {
  display: grid;
  place-items: center;
  min-height: 80px;
  height: 100%;
}

._dropzone_3w8lb_1 {
  position: relative;
  height: 100%;
  flex: 0 0 0px;
  display: flex;
  flex-direction: var(--direction);
  justify-content: var(--justify);
  align-items: var(--align);
}

._dropzone_3w8lb_1._shouldGrow_3w8lb_10 {
  flex: 1 1 auto;
}

._main_3w8lb_14 {
  --preview-color: var(--blue-600);
  position: relative;
}

._main_3w8lb_14._isModule_3w8lb_18 {
  --preview-color: var(--purple-700);
}

._main_3w8lb_14 ._iconWrapper_3w8lb_21 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

._main_3w8lb_14._expanded_3w8lb_27 {
  background-color: var(--blue-150);
  display: grid;
  place-items: center;
  max-height: 54px;
  width: 54px;
  border-radius: 4px;
  height: 100%;
}

._main_3w8lb_14._tight_3w8lb_36 {
  border: 2px solid var(--preview-color);
  border-radius: 4px;
  z-index: 6;
}

._main_3w8lb_14._tight_3w8lb_36._horizontal_3w8lb_41 {
  margin-left: -2px;
  margin-right: -2px;
  height: 100%;
  width: 0;
}

._main_3w8lb_14._tight_3w8lb_36._vertical_3w8lb_47 {
  margin-bottom: -2px;
  margin-top: -2px;
  height: 0%;
  width: 100%;
}

._main_3w8lb_14._tight_3w8lb_36._left_3w8lb_53 {
  left: 4px;
}

._main_3w8lb_14._tight_3w8lb_36._right_3w8lb_56 {
  right: 4px;
}

._main_3w8lb_14._tight_3w8lb_36._top_3w8lb_59 {
  top: 4px;
}

._main_3w8lb_14._tight_3w8lb_36._bottom_3w8lb_62 {
  bottom: 4px;
}

._outerContainer_1tomy_1 {
  min-height: 100%;
  height: 100%;
  width: 100%;
  overflow: auto;
  display: flex;
  padding: var(--retool-padding);
}

._innerContainer_1tomy_10 {
  width: 100%;
  display: flex;
  flex-direction: var(--direction, "horizontal");
  justify-content: var(--justify, "start");
  align-items: var(--align, "center");
  gap: var(--retool-gap, "0px");
  box-sizing: border-box;
}

._margin_zygox_1 {
  position: relative;
  padding: var(--retool-widget-margin);
  width: 100%;
  height: 100%;
  z-index: 1;
}

._positionable_yck9x_1 {
  will-change: transform;
  z-index: unset !important;
  padding: unset !important;
}

._positionable_yck9x_1._selected_yck9x_7,
._positionable_yck9x_1._error_yck9x_7,
._positionable_yck9x_1._hidden_yck9x_7 {
  z-index: 1 !important;
}

._positionable_yck9x_1:hover {
  z-index: 2 !important;
}

._hidden_1wds1_1 {
  visibility: hidden;
  pointer-events: none;
}

._wrapper_1wds1_6 {
  width: 100%;
  height: 100%;
}

._gridGuides_t1dw3_1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

._gridGuides_t1dw3_1._grid_t1dw3_1 {
  background-size: calc(100% / var(--grid-column-count, 12))
    var(--grid-row-height, 8px);
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.05) 1px,
      transparent 1px
    ),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-position: -0.5px -0.25px;
}

._gridGuides_t1dw3_1._dot_t1dw3_14 {
  --dot-grid-opacity: calc(
    0.075 + (var(--dot-grid-density) - 1) * (0.3 - 0.05) / (100 - 1)
  );
  --dot-radius: 1px;
}

._gridGuides_t1dw3_1._dot_t1dw3_14:before {
  content: "";
  position: absolute;
  top: calc(var(--dot-radius) * -1);
  left: calc(var(--dot-radius) * -1);
  right: calc(var(--dot-radius) * -1);
  bottom: calc(var(--dot-radius) * -1);
  background-size: var(--dot-grid-density-px) var(--dot-grid-density-px);
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, var(--dot-grid-opacity)) var(--dot-radius),
    transparent var(--dot-radius)
  );
  background-position: calc(var(--dot-grid-density-px) / -2 + var(--dot-radius))
    calc(var(--dot-grid-density-px) / -2 + var(--dot-radius));
  pointer-events: none;
}

._droppable_1m3tq_1 {
  width: 100%;
  height: 100%;
  min-height: inherit;
  position: relative;
  z-index: unset;
  flex: unset;
}

._debugOverlay_1m3tq_11 {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

._coverOverlay_1m3tq_21 {
  box-sizing: content-box;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
}

._container_8mcl0_1 {
  position: relative;
  height: 100%;
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: var(--retool-padding);
  display: block !important;
  flex-direction: unset;
}

._contentWrapper_10bkk_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

._styleAwareWrapper_10bkk_7 {
  height: 100%;
}

._splitPane_v5kik_1 {
  flex: var(--viewer-page-layout-split-pane-flex-width);
  height: var(--viewer-page-layout-split-pane-height);
  background-color: var(--retool-main-canvas);
}

:root {
  --sans-serif: Inter, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI,
    Roboto, Helvetica Neue, Ubuntu, sans-serif;
  --monospace: "JetBrains Mono NL", SFMono, Menlo, consolas, monaco, monospace;
  --font-size-24: 1.5rem;
  --font-size-20: 1.25rem;
  --font-size-18: 1.125rem;
  --font-size-17: 1.0625rem;
  --font-size-16: 1rem;
  --font-size-14: 0.875rem;
  --font-size-12: 0.75rem;
  --font-size-11: 11px;
  --font-size-10: 0.625rem;
  --line-height-solid: 1;
  --line-height-32: 2rem;
  --line-height-28: 1.75rem;
  --line-height-24: 1.5rem;
  --line-height-20: 1.25rem;
  --line-height-18: 1.125rem;
  --line-height-16: 1rem;
  --line-height-14: 0.875rem;
  --line-height-12: 0.75rem;
  --nav-bar-height: 48px;
  --status-bar-height: 24px;
  --editor-sidebar-width: 45px;
  --inspector-width: 321px;
  --always-white: #fff;
  --always-black: #000;
  --box-shadow-small: 0px 2px 4px rgba(55 55 55 / 8%),
    0px 1px 1px rgba(0 0 0 / 12%);
  --box-shadow-medium: 0px 6px 12px rgba(55 55 55 / 8%),
    0px 2px 6px rgba(0 0 0 / 12%);
  --default-ring: 0 0 0 1px var(--gray-200);
  --hover-ring: 0 0 0 1px var(--blue-600);
  --focus-ring: 0 0 0 1px var(--blue-600);
  --error-ring: 0 0 0 1px var(--red-500);
  --error-default-ring: 0 0 0 1px var(--red-500);
  --inset-default-ring: inset 0 0 0 1px var(--gray-200);
  --inset-hover-ring: inset 0 0 0 1px var(--gray-300);
  --inset-focus-ring: inset 0 0 0 1px var(--blue-600);
  --inset-error-ring: inset 0 0 0 1px var(--red-500);
  --inset-error-default-ring: inset 0 0 0 1px var(--red-500);
  --help-bubble-content-z-index: 2147483004;
  --tutorial-z-index: var(--help-bubble-content-z-index);
  --hover-browser-z-index: var(--help-bubble-content-z-index);
  --omnibox-z-index: 1010;
  --floating-presentation-nav-z-index: 800;
  --modal-click-outside-z-index: 700;
  --editor-draggable-modal-z-index: 900;
  --editor-inspector-panel-z-index: calc(
    var(--editor-draggable-modal-z-index) - 1
  );
  --toast-viewport-z-index: calc(var(--editor-draggable-modal-z-index) + 1);
  --onboarding-hints-z-index: 10000;
  --onboarding-welcome-screen: 2147483004;
  --context-menu-z-index: 9999;
  --canvas-z-index: 0;
  --query-editor-z-index: 1;
  --help-bubble-z-index: 1029;
  --referral-program-bubble-z-index: 1029;
  --antd-message-z-index: 2000;
  --icon-size: 1.1666666667em;
}

@supports (font-variation-settings: normal) {
  :root {
    --sans-serif: "Inter var", Inter, -apple-system, BlinkMacSystemFont,
      system-ui, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
  }
}

._modalWrapper_wiiwk_69 {
  position: absolute;
  display: grid;
  place-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: calc(var(--floating-presentation-nav-z-index) + 1);
}

._modalContents_wiiwk_80 {
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transform: scale(0.96);
  opacity: 0;
  pointer-events: auto;
}

._modalContents_wiiwk_80:not(._isVisible_wiiwk_86) {
  pointer-events: none;
}

._modalContents_wiiwk_80._mounting_wiiwk_89,
._modalContents_wiiwk_80._mounted_wiiwk_89 {
  transform: scale(1);
  opacity: 1;
}

._styleAwareWrapper_39mx2_1,
._frameGrid_39mx2_5 {
  height: 100%;
}

._contentWrapper_39mx2_9 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

._presentationNavWrapper_39mx2_15 {
  padding: 4px 12px;
  border-top: 1px solid var(--retool-sidebar-frame-border);
}

@container sidebar-frame (max-width: 160px) {
  ._applyHiddenInNarrowContainers_39mx2_22 {
    display: none;
  }
}

._sidebar_1ucur_5 {
  flex-basis: var(--retool-canvas-sidebar-max-width, 240px);
  max-width: var(--retool-canvas-sidebar-max-width, 240px);
  position: sticky;
  top: 0;
  height: var(--viewer-page-layout-sidebar-height);
}

._sidebar_1ucur_5._hasStickyHeader_1ucur_12 {
  top: calc(
    var(--viewer-page-layout-header-border-bottom-size, 1px) +
      var(--viewer-page-layout-header-height, 0px)
  );
}

._drawer_1ucur_16 {
  position: absolute;
  top: 0;
  bottom: 0;
  height: calc(var(--retool-canvas-container-height, max-content));
  z-index: calc(var(--floating-presentation-nav-z-index) + 1);
  pointer-events: auto;
}

._drawer_1ucur_16._right_1ucur_25 {
  right: 0;
}

._drawer_1ucur_16._left_1ucur_28 {
  left: 0;
}

._drawer_1ucur_16:not(._isVisible_1ucur_31) {
  pointer-events: none;
}

._drawerContents_1ucur_35 {
  height: 100%;
  transition: transform 0.25s ease-in-out;
}

._drawerContents_1ucur_35._right_1ucur_25 {
  transform: translate(100%);
}

._drawerContents_1ucur_35._left_1ucur_28 {
  transform: translate(-100%);
}

._drawerContents_1ucur_35._mounting_1ucur_45,
._drawerContents_1ucur_35._mounted_1ucur_45 {
  transform: translate(0);
}

._splitView_ntm6m_1 {
  position: absolute !important;
}

._skipLink_13tm2_5 {
  position: absolute;
  top: -1000px;
  left: -1000px;
}

._skipLink_13tm2_5:has(a:focus) {
  top: 4px;
  left: 4px;
  z-index: 1000;
}

._skipLink_13tm2_5:has(a:focus):before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: 4px;
  content: "";
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  pointer-events: none;
  position: absolute;
}

.presentation-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  background: var(--canvas, var(--gray-100));
}

.presentation-canvas-padding {
  height: calc(100vh - var(--nav-bar-height, 48px));
  margin: auto;
  width: 100%;
  overflow: hidden;
}

.presentation-canvas-padding .retool-canvas-container {
  position: relative;
  height: 100%;
}

.presentation-canvas-padding .retool-canvas-container--with-navigation {
  height: calc(100% - var(--nav-bar-height, 48px));
  margin-top: var(--nav-bar-height, 48px);
}

.presentation-canvas-padding
  .retool-canvas-container:not(--is-split-frame-enabled) {
  overflow: auto;
  overflow-x: hidden;
}

.presentation-canvas-padding .retool-canvas-container--with-pill-viewer-mode {
  margin-top: 0;
}

.presentation-canvas-padding
  .retool-canvas-container
  .full-dimensions-container {
  width: 100%;
  height: 100%;
}

.presentation-canvas-padding
  .retool-canvas-container
  .full-dimensions-container--is-containing-block {
  contain: content;
}

.presentation-canvas-padding
  .retool-canvas-container
  .full-dimensions-container:not(
    .presentation-canvas-padding
      .retool-canvas-container
      .full-dimensions-container--is-containing-block
  ) {
  scroll-padding-top: var(--retool-header-height-offset, 0px);
}

.presentation-canvas-padding .presentation-canvas {
  margin: auto;
  flex-shrink: 0;
  position: relative;
  overflow: auto;
  scroll-padding-top: var(--retool-header-height-offset, 0px);
}

.presentation-canvas-padding .presentation-canvas.mobile {
  overflow-x: hidden;
}

.presentation-canvas-padding--with-pill {
  height: 100%;
}

._main_230xr_1 {
  display: flex;
  align-items: center;
  height: 28px;
  background-color: var(--background-surface);
  box-shadow: inset 0 1px #00000014;
  padding-right: 8px;
  overflow: hidden;
  font-family: var(--sans-serif);
}

._leftContainer_230xr_12 {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  height: 100%;
}

._centerContainer_230xr_20 {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}

._rightContainer_230xr_29 {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  height: 100%;
}

._main_brpzo_5 {
  --action-button-border-radius: 4px;
  height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

._main_brpzo_5:hover {
  background-color: var(--button-hover-background, initial);
}

._disabled_brpzo_16 {
  pointer-events: none;
}

._buttonWrapper_brpzo_20 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  height: 100%;
  width: 100%;
  color: var(--gray-500);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

._buttonWrapper_brpzo_20:hover {
  color: var(--icon-hover-color);
}

._buttonWrapper_brpzo_20._isActive_brpzo_47 {
  background: var(--button-darkened-background, rgba(0, 0, 0, 0.04));
  color: var(--gray-800);
}

._buttonWrapper_brpzo_20._isActive_brpzo_47._isProminent_brpzo_51 {
  background: var(--blue-100);
  color: var(--blue-600);
}

._buttonWrapper_brpzo_20._isSelected_brpzo_55 {
  background: var(--button-darkened-background, rgba(0, 0, 0, 0.04));
  color: var(--icon-selected-color);
}

._buttonWrapper_brpzo_20._isSelected_brpzo_55._isProminent_brpzo_51 {
  background: var(--blue-100);
  color: var(--blue-600);
}

._buttonWrapper_brpzo_20._isHighlighted_brpzo_63 {
  background: var(--button-darkened-background, rgba(0, 0, 0, 0.04));
}

._buttonWrapper_brpzo_20._isHighlighted_brpzo_63._isProminent_brpzo_51 {
  background: var(--blue-100);
  color: var(--blue-600);
}

._buttonWrapper_brpzo_20:hover:not(
    ._buttonWrapper_brpzo_20._isActive_brpzo_47
  ):not(._buttonWrapper_brpzo_20._isSelected_brpzo_55) {
  color: var(--icon-hover-color);
}

._buttonWrapper_brpzo_20._focused_brpzo_73:before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: 4px;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
}

._buttonWrapper_brpzo_20._disabled_brpzo_16 {
  opacity: 0.5;
}

._radiusTopRight_brpzo_86 {
  border-top-right-radius: var(--action-button-border-radius);
}

._radiusBottomRight_brpzo_90 {
  border-bottom-right-radius: var(--action-button-border-radius);
}

._radiusBottomLeft_brpzo_94 {
  border-bottom-left-radius: var(--action-button-border-radius);
}

._radiusTopLeft_brpzo_98 {
  border-top-left-radius: var(--action-button-border-radius);
}

._borderTop_brpzo_102 {
  border-top: 1px solid var(--gray-200);
}

._borderBottom_brpzo_106 {
  border-bottom: 1px solid var(--gray-200);
}

._borderLeft_brpzo_110 {
  border-left: 1px solid var(--gray-200);
}

._borderRight_brpzo_114 {
  border-right: 1px solid var(--gray-200);
}

._main_1apfq_1 {
  border: 1px dashed var(--gray-200);
  box-sizing: border-box;
  border-radius: 4px;
  height: 24px;
  line-height: 22px;
  width: 100%;
  color: var(--gray-500);
}

._message_1apfq_11 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

._main_1s26e_5 {
  list-style: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: visible;
  display: flex;
  align-items: center;
  cursor: pointer;
}

._main_1s26e_5._isSelected_1s26e_13
  + ._main_1s26e_5._isSelected_1s26e_13
  ._labelWrapperClickTarget_1s26e_13 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._main_1s26e_5._isSelected_1s26e_13:has(+ ._main_1s26e_5._isSelected_1s26e_13)
  ._labelWrapperClickTarget_1s26e_13 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._addingToTag_1s26e_22 {
  background-color: var(--gray-200);
  color: #777;
  padding: 2px 4px;
  border-radius: 4px 4px 0 0;
  position: absolute;
  height: 20px;
  top: -20px;
  right: 32px;
  display: flex;
  align-items: center;
}

._addingToTag_1s26e_22._isFirstNode_1s26e_34 {
  top: 0;
  border-radius: 0 0 4px 4px;
}

._labelWrapperClickTarget_1s26e_13 {
  width: 100%;
  flex-grow: 1;
  align-self: stretch;
  overflow: visible;
  display: flex;
  align-items: center;
  position: relative;
  box-shadow: inset 0 0 0 1px transparent;
}

._labelWrapperClickTarget_1s26e_13._isRenaming_1s26e_49 {
  box-shadow: none;
}

._labelWrapperClickTarget_1s26e_13 ._labelWrapper_1s26e_13 {
  padding-left: min(100%, var(--level) * var(--itemWidth));
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: auto;
  flex-grow: 1;
}

._labelWrapperClickTarget_1s26e_13
  ._labelWrapper_1s26e_13
  ._isFirstNode_1s26e_34 {
  margin-top: 1px;
}

._labelWrapperClickTarget_1s26e_13 ._labelWrapper_1s26e_13 [role="button"] {
  padding: 0;
  background-color: transparent !important;
  color: var(--text-primary);
}

._labelWrapperClickTarget_1s26e_13 ._labelWrapper_1s26e_13 [role="button"] svg {
  color: var(--icon-primary);
}

._labelWrapperClickTarget_1s26e_13
  ._labelWrapper_1s26e_13
  [role="button"]:hover
  svg {
  color: var(--text-primary);
}

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

._labelWrapperClickTarget_1s26e_13._showAddComponentContext_1s26e_74:before {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  border: 1px solid var(--gray-200);
  border-radius: 5px;
  height: calc(var(--numChildren) * 100% + 2px);
  top: -1px;
  left: -1px;
  right: -1px;
  z-index: 1;
}

._labelWrapperClickTarget_1s26e_13._isParentActive_1s26e_90 {
  border-radius: 0;
  background-color: var(--blue-50);
}

._labelWrapperClickTarget_1s26e_13._isParentActive_1s26e_90:hover,
._labelWrapperClickTarget_1s26e_13._isParentActive_1s26e_90._isHovered_1s26e_94 {
  box-shadow: inset 0 0 0 1px var(--blue-300);
  border-radius: 4px;
  background-color: var(--blue-50);
}

._labelWrapperClickTarget_1s26e_13._isParentActive_1s26e_90:hover._isRenaming_1s26e_49,
._labelWrapperClickTarget_1s26e_13._isParentActive_1s26e_90._isHovered_1s26e_94._isRenaming_1s26e_49 {
  box-shadow: none;
}

._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13 {
  background-color: var(--blue-100);
  border-radius: 4px;
}

._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13._isContainerRoot_1s26e_106 {
  background-color: var(--blue-100);
}

._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13._isContainerRoot_1s26e_106._isExpanded_1s26e_109 {
  border-radius: 4px 4px 0 0;
}

._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13._isContainerRoot_1s26e_106._isExpanded_1s26e_109:hover,
._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13._isContainerRoot_1s26e_106._isExpanded_1s26e_109._isHovered_1s26e_94 {
  border-radius: 4px;
}

._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13._isContainerRoot_1s26e_106:hover,
._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13._isContainerRoot_1s26e_106._isHovered_1s26e_94 {
  background-color: var(--blue-100);
  border-radius: 4px;
}

._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13:hover,
._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13._isHovered_1s26e_94 {
  box-shadow: inset 0 0 0 1px var(--blue-300);
  border-radius: 4px;
  background-color: var(--blue-100);
}

._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13:hover._isRenaming_1s26e_49,
._labelWrapperClickTarget_1s26e_13._isSelected_1s26e_13._isHovered_1s26e_94._isRenaming_1s26e_49 {
  box-shadow: none;
}

._labelWrapperClickTarget_1s26e_13._isFocused_1s26e_127._canBeFocused_1s26e_127 {
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px var(--blue-300);
}

._labelWrapperClickTarget_1s26e_13._isFocused_1s26e_127._canBeFocused_1s26e_127._isRenaming_1s26e_49 {
  box-shadow: none;
}

._labelWrapperClickTarget_1s26e_13._isFocused_1s26e_127._canBeFocused_1s26e_127:hover,
._labelWrapperClickTarget_1s26e_13._isFocused_1s26e_127._canBeFocused_1s26e_127._isHovered_1s26e_94 {
  box-shadow: inset 0 0 0 2px var(--blue-300);
}

._labelWrapperClickTarget_1s26e_13._isFocused_1s26e_127._canBeFocused_1s26e_127:hover._isRenaming_1s26e_49,
._labelWrapperClickTarget_1s26e_13._isFocused_1s26e_127._canBeFocused_1s26e_127._isHovered_1s26e_94._isRenaming_1s26e_49 {
  box-shadow: none;
}

._labelWrapperClickTarget_1s26e_13:hover,
._labelWrapperClickTarget_1s26e_13._isHovered_1s26e_94 {
  border-radius: 4px;
  background-color: var(--gray-100);
}

._labelWrapperClickTarget_1s26e_13:hover ._expandIcon_1s26e_144,
._labelWrapperClickTarget_1s26e_13._isHovered_1s26e_94 ._expandIcon_1s26e_144 {
  color: var(--icon-primary);
}

._labelWrapperClickTarget_1s26e_13._isLastChildInContainer_1s26e_147 {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

._labelWrapperClickTarget_1s26e_13._border_1s26e_151:before,
._labelWrapperClickTarget_1s26e_13._border_1s26e_151:after {
  content: "";
  position: absolute;
  border-bottom: 3px solid var(--blue-600);
  border-radius: 15px;
  left: calc(var(--level) * var(--itemWidth));
  z-index: 2;
}

._labelWrapperClickTarget_1s26e_13._topSideDropBorder_1s26e_159:before {
  top: -1px;
  width: calc(100% - var(--level) * var(--itemWidth));
}

._labelWrapperClickTarget_1s26e_13._bottomSideDropBorder_1s26e_163:after {
  bottom: -1px;
  width: calc(100% - var(--level) * var(--itemWidth));
}

._labelWrapperClickTarget_1s26e_13._parentBottomSideDropBorder_1s26e_167 {
  background-color: var(--blue-200);
}

._hiddenOpacity_1s26e_171 {
  opacity: 0.65;
}

._left_1s26e_175 {
  min-width: calc(var(--itemWidth) * 3);
  max-width: 100%;
}

._left_1s26e_175,
._right_1s26e_181 {
  overflow: hidden;
}

._isRenamingWrapper_1s26e_185 {
  overflow: visible;
}

._textInputWrapper_1s26e_189 {
  flex-grow: 1;
  margin-left: var(--toolbox-spacing-4);
}

._textInputWrapper_1s26e_189 .retool-inline-edit-wrapper {
  width: 100%;
}

._textInputWrapper_1s26e_189 .retool-inline-edit-wrapper .ant-input {
  height: 24px;
  width: 100%;
  border: 1px solid var(--blue-600);
  padding-left: 3px;
}

._itemAlignment_1s26e_205 {
  width: var(--itemWidth);
  display: flex;
  justify-content: center;
}

._expanderClickTarget_1s26e_211 {
  align-self: stretch;
  display: flex;
  align-items: center;
  color: var(--icon-secondary);
}

._expanderClickTarget_1s26e_211 ._expandIcon_1s26e_144 {
  display: flex;
  align-items: center;
  margin-right: var(--toolbox-spacing-2);
}

._expanderClickTarget_1s26e_211 ._expandIcon_1s26e_144._isHidden_1s26e_222 {
  opacity: 0;
}

._nodeIcon_1s26e_226 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

._nodeIcon_1s26e_226._isHidden_1s26e_222 {
  width: 0;
  height: 0;
  margin-right: -6px;
}

._main_1s26e_5:hover ._actionButtonWrapper_1s26e_239 {
  display: unset;
}

._actionButtonWrapper_1s26e_239 {
  display: none;
  padding: 4px;
}

._actionButtonWrapper_1s26e_239._isVisible_1s26e_247 {
  display: unset;
}

._actionButtonContent_1s26e_251:not(._isIcon_1s26e_251) {
  padding: 0 4px;
}

._hideIcon_1s26e_255 {
  width: 16px;
  height: 16px;
  color: var(--icon-secondary);
}

._hiddenWrapper_1s26e_261 {
  width: 14px;
  height: 14px;
  margin: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._dot_1s26e_270 {
  border-radius: 3px;
  width: 3px;
  height: 3px;
  background-color: var(--gray-400);
  flex-shrink: 0;
}

._label_1s26e_13 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 6px;
  color: var(--text-primary);
  font-size: var(--font-size-12);
}

._label_1s26e_13._fullWidth_1s26e_287 {
  width: 100%;
}

._label_1s26e_13._isDragging_1s26e_290 {
  color: var(--text-secondary);
}

._active_1s26e_294,
._parentActive_1s26e_295 {
  background-color: var(--blue-100);
}

._emptyState_1s26e_299 {
  width: 100%;
  height: 100%;
  padding-right: 2px;
  display: flex;
  align-items: center;
}

._emptyState_1s26e_299._borderTop_1s26e_306 {
  border-top: 1px solid var(--gray-100);
}

._main_10l5w_1 {
  width: 100%;
  height: 100%;
}

._file-tree_120u2_1 {
  border-radius: 4px;
  border: 1px solid var(--border-neutral);
  height: "fit-content";
  display: flex;
  box-sizing: border-box;
  margin-top: 4px;
  flex-direction: column;
}

._main_fujsi_1.ant-btn {
  height: 28px;
  padding: 0 12px;
}

._menuDropdown_fujsi_9 {
  width: 254px;
}

._title_fujsi_13 {
  padding: 5px 16px;
  color: var(--gray-500);
  width: 250px;
}

._icon_fujsi_19 {
  color: var(--gray-400);
  width: 12px;
  height: 12px;
}

._main_rhv6f_1 {
  cursor: pointer;
  height: var(--menu-item-height, 28px);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #000000a6;
}

._main_rhv6f_1:hover {
  background: var(--background-container);
}

._disabled_rhv6f_13:hover {
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
  background-color: var(--background-surface);
}

._main_1f6xa_1 {
  padding: 0 11px;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
}

._logoOnly_1f6xa_10 {
  padding: 0 11px;
}

._search_1f6xa_14 {
  background: var(--gray-100);
  color: var(--gray-500);
  border-radius: 4px;
  border: 1px solid var(--gray-200);
}

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

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

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

._logo_1f6xa_10._dark_1f6xa_31 {
  color: var(--always-white);
}

._loading_fehih_1 {
  opacity: 0.5;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  clear: both;
}

._spinInCenter_fehih_10 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._footer_yl1f9_1 {
  bottom: 0;
  left: 0;
}

._verticalPanel_wxc0o_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

._statusIcon_lu1k9_1 {
  width: 25px;
  height: 25px;
  margin-bottom: 16px;
}

._label_lu1k9_7 {
  margin-bottom: 8px;
}

._errorLabel_lu1k9_11 {
  max-width: 250px;
  max-height: 48px;
  overflow-y: auto;
  overflow-x: hidden;
  color: var(--red-400);
  text-align: center;
}

._icon_meeya_1 {
  margin-bottom: 16px;
}

._label_meeya_5 {
  margin-bottom: 8px;
}

._wizardContainer_1vhnd_1 {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  color: var(--gray-800);
}

._description_1ovom_1 {
  font-size: 13px;
  line-height: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

._inputError_1ovom_8 {
  margin-bottom: 8px;
  color: var(--red-500);
}

.retool-tab-menu {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--gray-150);
  box-sizing: border-box;
}

.retool-tab-menu--large {
  font-size: 14px;
  height: 48px;
  line-height: 48px;
}

.retool-tab-menu--default {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}

.retool-tab-menu__tab {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: inherit;
  user-select: auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--gray-600);
  font-weight: 500;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
}

.retool-tab-menu__tab svg {
  height: 100%;
  line-height: inherit;
}

.retool-tab-menu__tab:disabled {
  cursor: not-allowed;
}

.retool-tab-menu__tab:not(:last-child) {
  margin-right: 16px;
}

.retool-tab-menu__tab:not(.retool-tab-menu__tab--active):not(:disabled):hover {
  color: var(--gray-700);
}

.retool-tab-menu__tab--active {
  border-bottom: 2px solid var(--gray-800);
  color: var(--gray-800);
  padding-top: 2px;
}

.retool-tab-menu__tab-tooltip {
  margin-left: 2px;
  color: var(--gray-200);
}

.retool-tab-menu__tab-tooltip:hover {
  color: var(--gray-300);
}

.retool-tab-menu__tab--pill {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 2px 12px;
  color: var(--gray-600);
}

.retool-tab-menu__tab--pill:not(:last-child) {
  margin-right: 4px;
}

.retool-tab-menu__tab--pill:not(.retool-tab-menu__tab--pill--active):not(
    :disabled
  ):hover {
  color: var(--gray-700);
}

.retool-tab-menu__tab--pill--active {
  background: var(--gray-100);
  border-bottom: none;
  border-radius: 24px;
  color: var(--gray-800);
}

._iconRight_dpmd8_1 {
  margin-left: 4px;
}

.retool-pagination {
  display: flex;
  justify-content: center;
}

.retool-pagination li {
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  font-family: var(--sans-serif);
}

.retool-pagination li a {
  color: var(--gray-500);
}

.retool-pagination .ant-pagination-item {
  border: 1px solid var(--gray-200);
}

.retool-pagination .ant-pagination-item:hover {
  border: 1px solid var(--gray-100);
  background-color: var(--gray-100);
}

.retool-pagination .ant-pagination-item:hover a {
  color: var(--gray-800);
}

.retool-pagination .ant-pagination-item-active {
  border: none;
  background-color: var(--gray-100);
}

.retool-pagination .ant-pagination-item-active a {
  color: var(--gray-600);
}

.retool-pagination .ant-pagination-prev a,
.retool-pagination .ant-pagination-next a {
  border: none;
}

.retool-pagination .ant-pagination-item-ellipsis {
  width: 28px;
}

.retool-pagination .ant-pagination-item-link-icon {
  color: var(--gray-500) !important;
}

._main_11mha_1 .ant-spin-container {
  min-height: 50px;
}

._header_11mha_8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

._actions_11mha_15 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

._actions_11mha_15 .retool-button {
  margin-left: 0;
}

._titleContainer_11mha_26 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._subtitle_11mha_32 {
  display: flex;
  align-items: center;
  height: 32px;
  width: 100%;
  color: var(--gray-500);
  font-weight: 500;
  font-size: 12px;
}

._alert_11mha_42 {
  margin-top: 12px;
}

._pagination_11mha_46 {
  width: 100%;
}

._main_15j40_1 {
  border-top: 1px solid var(--gray-200);
  display: flex;
  padding: 8px 0;
}

._main_15j40_1:first-child {
  border-top: none;
}

._main_15j40_1 .retool-dropdown {
  padding: 0 6px;
}

._main_15j40_1 .ant-btn-link {
  color: var(--gray-500);
}

._main_15j40_1 .ant-btn-link svg {
  margin-right: 5px;
}

._caption_15j40_20 {
  color: var(--gray-500);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._caption_15j40_20._multiline_15j40_26 {
  white-space: normal;
}

._badgeCommitLink_15j40_30 {
  color: var(--blue-600);
  text-decoration: underline;
  text-decoration-style: dotted;
}

._badgeCommitLink_15j40_30:hover {
  color: var(--blue-300);
  background-color: var(--faintest-blue);
}

._content_15j40_40 {
  flex: 1 1 0%;
  min-width: 0;
}

._action_15j40_45 {
  flex: 0 1 auto;
  height: 24px;
}

._headerContainer_15j40_50 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

._header_15j40_50 {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 2px;
}

._title_15j40_64,
._footer_15j40_65 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._title_15j40_64 {
  flex: 0 1 auto;
  font-size: 12px;
  line-height: 16px;
  min-width: 0;
  font-weight: 400;
}

._footer_15j40_65 {
  margin-top: 2px;
  display: flex;
  align-items: center;
}

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

._badge_15j40_30 {
  background-color: var(--blue-100);
  border-radius: 4px;
  color: var(--blue-600);
  line-height: 16px;
  padding: 0 2px;
  font-weight: 600;
  font-size: 10px;
  white-space: nowrap;
}

._badge_15j40_30._published_15j40_98 {
  background-color: var(--green-100);
  color: var(--green-500);
}

._badge_15j40_30._current_15j40_102 {
  background-color: var(--yellow-100);
  color: var(--yellow-500);
}

._photo_15j40_107 {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  height: 18px;
}

._photo_15j40_107._multiline_15j40_26 {
  margin-top: 2px;
}

._currentVersion_15j40_117 {
  color: var(--gray-500);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  flex: 1 0 auto;
}

._photo_17861_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

._metadata_17861_7 {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

._name_17861_14 {
  font-weight: 600;
  color: var(--gray-800);
}

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

._name_17861_14,
._email_17861_19,
._metadata_17861_7 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._content_17861_31 {
  display: flex;
  flex-direction: row;
  width: 256px;
}

._tooltip_17861_37 {
  font-weight: 500;
}

._align_4zwoc_9 {
  height: 100%;
}

._align_4zwoc_9._stretch_4zwoc_12 {
  width: 100%;
}

._align_4zwoc_9._left_4zwoc_15 {
  display: flex;
  justify-content: flex-start;
}

._align_4zwoc_9._right_4zwoc_19 {
  display: flex;
  justify-content: flex-end;
}

._align_4zwoc_9._center_4zwoc_23 {
  display: flex;
  justify-content: center;
}

._splitButton_4zwoc_28 {
  height: 100%;
  max-width: 100%;
  position: relative;
  transition-property: box-shadow;
  transition: 75ms ease-out;
  width: 100%;
  min-width: 0;
  display: flex;
  box-shadow: var(--retool-split-button-box-shadow);
  border-radius: var(--retool-split-button-border-radius);
  transition: box-shadow 75ms ease-out;
}

._splitButton_4zwoc_28:after {
  border-radius: var(--retool-split-button-border-radius);
  bottom: 0;
  box-shadow: 0 0 0 4px var(--retool-split-button-active-border);
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition-property: box-shadow, opacity;
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}

._splitButton_4zwoc_28._pressed_4zwoc_55:after {
  transition-duration: 0ms;
  box-shadow: none;
  opacity: 0.6;
}

._splitButton_4zwoc_28._focused_4zwoc_60:before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: calc(var(--retool-split-button-border-radius) + 3px);
  content: "";
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  pointer-events: none;
  position: absolute;
}

._splitButton_4zwoc_28._square_4zwoc_69 {
  aspect-ratio: 1/1;
  max-width: 100%;
}

._splitButton_4zwoc_28._stretch_4zwoc_12 {
  width: 100%;
}

._splitButton_4zwoc_28._left_4zwoc_15,
._splitButton_4zwoc_28._right_4zwoc_19,
._splitButton_4zwoc_28._center_4zwoc_23 {
  width: auto;
  flex: 0 1 auto;
}

._splitButton_4zwoc_28._hasCustomBoxShadow_4zwoc_80:hover {
  box-shadow: var(--retool-split-button-hover-box-shadow);
}

._splitButton_4zwoc_28._hasCustomBoxShadow_4zwoc_80:active {
  box-shadow: var(--retool-split-button-active-box-shadow);
}

._splitButton_4zwoc_28._hasCustomBoxShadow_4zwoc_80
  ._buttonAction_4zwoc_86:focus,
._splitButton_4zwoc_28._hasCustomBoxShadow_4zwoc_80
  ._buttonTrigger_4zwoc_87:focus {
  box-shadow: var(--retool-split-button-focus-box-shadow);
}

._buttonWrapper_4zwoc_91 {
  position: relative;
  z-index: 0;
}

._buttonWrapper_4zwoc_91._action_4zwoc_95 {
  flex: 1 1 auto;
  min-width: 0;
}

._buttonWrapper_4zwoc_91._trigger_4zwoc_99 {
  flex: 0 0 0;
}

._buttonWrapper_4zwoc_91._focused_4zwoc_60:before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: calc(var(--retool-split-button-border-radius) + 3px);
  content: "";
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  pointer-events: none;
  position: absolute;
}

._buttonWrapper_4zwoc_91._focused_4zwoc_60:before {
  z-index: 10;
}

._trigger_4zwoc_99._hasCustomTriggerBorder_4zwoc_115 {
  border-left-color: transparent;
}

._trigger_4zwoc_99._hasCustomTriggerBorder_4zwoc_115:before {
  content: "";
  width: 1px;
  height: var(--retool-split-button-trigger-border-height);
  background-color: var(--retool-split-button-trigger-border-color);
  display: block;
  position: absolute;
  z-index: 1;
  top: calc((100% - var(--retool-split-button-trigger-border-height)) / 2);
}

._trigger_4zwoc_99 ._buttonTrigger_4zwoc_87 {
  color: var(
    --retool-split-button-trigger-label,
    var(--retool-split-button-label)
  );
}

._buttonAction_4zwoc_86 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 8px;
  background-color: var(--retool-split-button-background);
  border: 1px solid var(--retool-split-button-border);
  border-radius: var(--retool-split-button-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--retool-split-button-label);
  width: 100%;
  font-weight: 500;
  transition: 75ms ease-out;
  transition-property: background-color, border-color, color;
  box-shadow: none;
  line-height: 16px;
  height: 100%;
  border-right: none;
}

._buttonAction_4zwoc_86:hover:not(._pressed_4zwoc_55):not(
    ._draggedOver_4zwoc_167
  ):enabled,
._buttonAction_4zwoc_86:hover:not(._pressed_4zwoc_55):not(
    ._draggedOver_4zwoc_167
  )._enabled_4zwoc_167 {
  background-color: var(--retool-split-button-hover-background);
}

._buttonAction_4zwoc_86:after {
  border-radius: var(--retool-split-button-border-radius);
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid transparent;
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  box-shadow: inset 0 0 0 0.5px var(--retool-split-button-active-border);
  transition: opacity 75ms ease-out;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

._buttonAction_4zwoc_86._pressed_4zwoc_55,
._buttonAction_4zwoc_86._draggedOver_4zwoc_167 {
  background-color: var(--retool-split-button-active-background);
  border-color: var(--retool-split-button-active-border);
}

._buttonAction_4zwoc_86._pressed_4zwoc_55:after,
._buttonAction_4zwoc_86._draggedOver_4zwoc_167:after {
  opacity: 1;
}

._buttonAction_4zwoc_86._loading_4zwoc_194 {
  cursor: progress;
}

._buttonAction_4zwoc_86._square_4zwoc_69 {
  aspect-ratio: 1/1;
  max-width: 100%;
  padding: 0;
}

._buttonTrigger_4zwoc_87 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 8px;
  background-color: var(--retool-split-button-background);
  border: 1px solid var(--retool-split-button-border);
  border-radius: var(--retool-split-button-border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--retool-split-button-label);
  width: 100%;
  font-weight: 500;
  transition: 75ms ease-out;
  transition-property: background-color, border-color, color;
  box-shadow: none;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 100%;
}

._buttonTrigger_4zwoc_87:hover:not(._pressed_4zwoc_55):not(
    ._draggedOver_4zwoc_167
  ):enabled,
._buttonTrigger_4zwoc_87:hover:not(._pressed_4zwoc_55):not(
    ._draggedOver_4zwoc_167
  )._enabled_4zwoc_167 {
  background-color: var(--retool-split-button-hover-background);
}

._buttonTrigger_4zwoc_87:after {
  border-radius: var(--retool-split-button-border-radius);
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid transparent;
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  box-shadow: inset 0 0 0 0.5px var(--retool-split-button-active-border);
  transition: opacity 75ms ease-out;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

._buttonTrigger_4zwoc_87._pressed_4zwoc_55,
._buttonTrigger_4zwoc_87._draggedOver_4zwoc_167 {
  background-color: var(--retool-split-button-active-background);
  border-color: var(--retool-split-button-active-border);
}

._buttonTrigger_4zwoc_87._pressed_4zwoc_55:after,
._buttonTrigger_4zwoc_87._draggedOver_4zwoc_167:after {
  opacity: 1;
}

._buttonTrigger_4zwoc_87._loading_4zwoc_194 {
  cursor: progress;
}

._buttonTrigger_4zwoc_87._square_4zwoc_69 {
  aspect-ratio: 1/1;
  max-width: 100%;
  padding: 0;
}

._buttonTrigger_4zwoc_87._hasCustomTriggerBorder_4zwoc_115 {
  border-left-width: 0;
}

._popover_4zwoc_280 {
  display: flex;
  min-height: 30px;
  max-height: 100%;
  transition: 0.3s ease;
  transition-property: transform, opacity;
  opacity: 0;
  box-shadow: 0 0 5px 1px #0000000f;
}

._popover_4zwoc_280._bottom_4zwoc_289 {
  transform-origin: top;
  transform: translateY(-2px);
}

._popover_4zwoc_280._top_4zwoc_293 {
  transform-origin: bottom;
  transform: translateY(2px);
}

._popover_4zwoc_280._mounted_4zwoc_297,
._popover_4zwoc_280._mounting_4zwoc_297 {
  opacity: 1;
  transform: none;
}

._size-small_aqhjt_1 {
  height: 24px;
}

._size-medium_aqhjt_5 {
  height: 28px;
}

._size-large_aqhjt_9 {
  height: 36px;
}

.retool-radio.ant-radio-wrapper {
  font-size: var(--fs-12);
  font-weight: 500;
  height: 24px;
  display: flex;
  align-items: center;
}

.retool-radio.ant-radio-wrapper .ant-radio-inner {
  border-color: var(--gray-300);
  box-shadow: inset 0 0 0 0.6px var(--gray-300);
}

.retool-radio.ant-radio-wrapper .ant-radio-wrapper:hover .ant-radio-inner,
.retool-radio.ant-radio-wrapper .ant-radio:hover .ant-radio-inner,
.retool-radio.ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner {
  border-color: var(--blue-400);
  box-shadow: inset 0 0 0 0.6px var(--blue-400), 0 0 0 3px var(--blue-200);
}

.retool-radio.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background: var(--blue-600);
  border-color: var(--blue-700);
  box-shadow: inset 0 0 0 0.6px var(--blue-400);
}

.retool-radio.ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after {
  background-color: var(--background-surface);
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
}

.retool-radio.ant-radio-wrapper.ant-radio-wrapper-disabled
  .ant-radio-wrapper:hover
  .ant-radio-inner,
.retool-radio.ant-radio-wrapper.ant-radio-wrapper-disabled
  .ant-radio:hover
  .ant-radio-inner,
.retool-radio.ant-radio-wrapper.ant-radio-wrapper-disabled
  .ant-radio-input:focus
  + .ant-radio-inner {
  border-color: var(--gray-300);
  box-shadow: inset 0 0 0 0.6px var(--gray-300);
}

.retool-radio.ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-inner {
  background: var(--gray-300);
  box-shadow: inset 0 0 0 0.6px var(--gray-300);
  border-color: var(--gray-500);
}

.retool-radio.ant-radio-wrapper.ant-radio-wrapper-disabled
  .ant-radio-inner:after {
  background-color: var(--gray-100);
}

.retool-radio-group.segmented-control {
  height: 24px;
  border-radius: 4px;
  font-weight: 500;
  --background-unchecked: #fff;
  --foreground-unchecked: var(--gray-300);
  --background-checked: var(--gray-100);
  --foreground-checked: var(--gray-800);
  --border: var(--gray-200);
  --foreground-disabled: var(--gray-300);
  --background-disabled: var(--gray-150);
  box-shadow: 0 0 0 1px var(--border);
}

.retool-radio-group.segmented-control.segmented-control--dark {
  --background-unchecked: var(--gray-800);
  --foreground-unchecked: var(--gray-500);
  --background-checked: var(--gray-600);
  --foreground-checked: #fff;
  --border: var(--gray-600);
  --foreground-disabled: var(--gray-600);
  --background-disabled: var(--gray-800);
}

.retool-radio-group.segmented-control.full-width {
  display: flex;
}

.retool-radio-group.segmented-control.full-width .retool-radio-button {
  flex: 1 1 0;
  min-width: 0;
}

.retool-radio-group.segmented-control .retool-radio-button {
  border: none;
  height: 24px !important;
  line-height: 24px !important;
  background-color: var(--background-unchecked);
  color: var(--foreground-unchecked);
  padding: 0;
  box-shadow: none;
  text-align: center;
}

.retool-radio-group.segmented-control .retool-radio-button:hover {
  color: var(--foreground-checked);
  box-shadow: none;
}

.retool-radio-group.segmented-control .ant-radio-button-wrapper {
  border-color: transparent;
}

.retool-radio-group.segmented-control .ant-radio-button-wrapper-checked {
  background-color: var(--background-checked) !important;
  color: var(--foreground-checked) !important;
}

.retool-radio-group.segmented-control
  .ant-radio-button-wrapper:not(:first-child) {
  border-left: 1px solid var(--border);
}

.retool-radio-group.segmented-control
  .ant-radio-button-wrapper:not(:first-child):before {
  opacity: 0;
}

.retool-radio-group.segmented-control
  .ant-radio-button-wrapper-checked:focus-within {
  outline: none;
}

.retool-radio-group.segmented-control .ant-radio-button-wrapper-disabled {
  background: var(--background-disabled);
  color: var(--foreground-disabled);
  opacity: 1;
}

.retool-radio-group.segmented-control
  .ant-radio-button-wrapper-disabled:not(:first-child) {
  border-left: 1px solid var(--border) !important;
}

.retool-radio-group.segmented-control .ant-radio-button-wrapper-disabled:hover {
  background: var(--background-disabled);
  color: var(--foreground-disabled);
}

.retool-radio-group.segmented-control
  .ant-radio-wrapper-disabled:hover
  .ant-radio-inner,
.retool-radio-group.segmented-control
  .ant-radio-disabled:hover
  .ant-radio-inner {
  border-color: var(--border);
  box-shadow: inset 0 0 0 0.6px var(--border);
}

.retool-radio-group.segmented-control span > svg {
  height: 24px;
}

.segmented-control.full-width.four-column {
  width: 100%;
  display: grid;
  grid: auto/1fr 1fr 1fr 1fr;
}

.segmented-control.full-width.five-column {
  width: 100%;
  display: grid;
  grid: auto/1fr 1fr 1fr 1fr 1fr;
}

._row_v1tnx_1 {
  align-items: center;
  display: flex;
  margin-top: 12px;
  padding: 0 !important;
}

._label_v1tnx_8 {
  font-weight: 600;
  width: 100px;
  color: var(--gray-800);
}

._field_v1tnx_14 {
  flex: 1 1 auto;
  margin-left: 0;
}

._field_v1tnx_14 .ant-radio-group {
  flex-wrap: wrap;
}

._footer_v1tnx_23 {
  display: flex;
  margin-top: 20px;
  justify-content: flex-end;
  flex-direction: column-reverse;
  align-items: flex-end;
}

._footer_v1tnx_23 .ant-btn-link {
  color: var(--gray-500);
  margin-right: 15px;
}

._contentPlaceholderMessage_1fwpf_1 {
  border-radius: 4px;
  border: 2px dashed var(--gray-200);
  color: var(--gray-500);
  font-size: 12px;
  line-height: 14px;
  padding: var(--placeholder-padding);
  height: 100%;
  text-align: center;
}

._contentPlaceholderMessage_1fwpf_1 ._title_1fwpf_11 {
  font-weight: 600;
}

._contentPlaceholderMessage_1fwpf_1 ._description_1fwpf_14 {
  font-weight: 400;
  margin: 6px auto 0;
  max-width: 340px;
}

._placeholderContainer_2c41d_1 {
  margin-top: 12px;
}

._main_342f9_1 {
  border-radius: 6px;
  border: 1px solid;
}

._neutral_342f9_6 {
  background: var(--background-container);
  border-color: var(--border-neutral);
  color: var(--text-primary);
  --typography-color: var(--text-primary);
}

._warning_342f9_13 {
  background: var(--yellow-100);
  border-color: var(--yellow-200);
  color: var(--text-warning);
  --typography-color: var(--text-warning);
}

._critical_342f9_20 {
  background: var(--red-50);
  border-color: var(--red-150);
  color: var(--text-critical);
  --typography-color: var(--text-critical);
}

._success_342f9_27 {
  background: var(--green-100);
  border-color: var(--green-300);
  color: var(--text-success);
  --typography-color: var(--text-success);
}

._scrollContainer_1qhwz_3 {
  flex: 0 1 auto;
  overflow-x: auto;
  position: relative;
  scrollbar-width: none;
}

._scrollContainer_1qhwz_3._canMoveLeft_1qhwz_9 {
  -webkit-mask-image: linear-gradient(to right, #0000 0, #000 10px);
  mask-image: linear-gradient(to right, #0000 0, #000 10px);
}

._scrollContainer_1qhwz_3._canMoveRight_1qhwz_12 {
  -webkit-mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 10px),
    #0000
  );
  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 10px), #0000);
}

._scrollContainer_1qhwz_3._canMoveLeft_1qhwz_9._canMoveRight_1qhwz_12 {
  -webkit-mask-image: linear-gradient(
    to right,
    #0000 0,
    #000 10px,
    #000 calc(100% - 10px),
    #0000
  );
  mask-image: linear-gradient(
    to right,
    #0000 0,
    #000 10px,
    #000 calc(100% - 10px),
    #0000
  );
}

._scrollContainer_1qhwz_3::-webkit-scrollbar {
  width: 0;
  height: 0;
}

._scrollContainer_1qhwz_3._fillHeight_1qhwz_22 {
  height: 100%;
}

._button_1qhwz_26 {
  align-items: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: none;
  padding: 0;
  text-align: inherit;
  -webkit-user-select: auto;
  user-select: auto;
  align-items: center;
  color: var(
    --retool-tabs-unselected-text,
    var(--retool-text-color, var(--always-black))
  );
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  margin: 0 -7px;
  width: 24px;
  z-index: 1;
}

._button_1qhwz_26._fillHeight_1qhwz_22 {
  height: 100%;
}

._button_1qhwz_26 ._icon_1qhwz_55 {
  opacity: 0.6;
}

._button_1qhwz_26:hover ._icon_1qhwz_55 {
  opacity: 1;
}

._main_1719e_5 {
  align-items: center;
  color: var(--retool-tabs-unselected-text);
  cursor: pointer;
  display: inline-flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: var(--retool-tabs-font-size);
  font-weight: var(--retool-tabs-font-weight);
  font-family: var(--retool-tabs-font-family);
  min-height: var(--retool-tabs-tab-height, 24px);
  line-height: var(--retool-tabs-tab-height, 24px);
  min-width: 0;
  padding: 0 var(--retool-tabs-tab-horizontal-padding, 8px);
  position: relative;
  text-align: center;
  transition: color 0.2s;
  white-space: nowrap;
  vertical-align: middle;
  z-index: 1;
}

._main_1719e_5:not(._justify_1719e_27)._first_1719e_27 {
  margin-left: 0;
}

._main_1719e_5:not(._justify_1719e_27)._last_1719e_30 {
  margin-right: 0;
}

._main_1719e_5:not(._pill_1719e_33)._first_1719e_27 {
  padding-left: 0;
}

._main_1719e_5:not(._pill_1719e_33)._last_1719e_30 {
  padding-right: 0;
}

._main_1719e_5:hover:not(._disabled_1719e_39):not(._firstChecked_1719e_39) {
  color: var(--retool-tabs-hover-text);
}

._main_1719e_5._firstChecked_1719e_39 {
  cursor: default;
  color: var(--retool-tabs-selected-text);
}

._main_1719e_5._disabled_1719e_39 {
  cursor: not-allowed;
  opacity: 0.5;
}

._main_1719e_5._justify_1719e_27 {
  flex-grow: 1;
  justify-content: center;
  flex-basis: 0;
  padding: 0;
}

._main_1719e_5._vertical_1719e_57 {
  width: fit-content;
}

._main_1719e_5._pill_1719e_33 {
  margin: 0 var(--retool-tabs-pill-margin, 8px);
}

._main_1719e_5._pill_1719e_33:hover:not(._disabled_1719e_39):not(
    ._firstChecked_1719e_39
  ) {
  background-color: var(--retool-tabs-hover-background);
  border-radius: var(--retool-tabs-pill-border-radius);
}

._main_1719e_5._fitted_1719e_67 {
  flex: 1 1 0px;
  justify-content: center;
}

._content_1719e_72 {
  display: flex;
  flex: 0 0 auto;
  font-size: 12px;
}

._content_1719e_72 svg {
  width: 12px;
  height: 12px;
  display: block;
}

._content_1719e_72._fitted_1719e_67 {
  width: 100%;
  justify-content: center;
}

._contentPositionContainer_1719e_87 {
  display: flex;
  align-items: center;
  gap: 6px;
}

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

._label_1719e_97 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
}

._hide_1719e_107 {
  opacity: 0;
}

._shimmer_1719e_111 {
  position: absolute;
}

._count_1719e_115 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 6px;
  background-color: var(--gray-100);
  border-radius: 4px;
  margin-left: 4px;
}

._main_14mam_5 {
  display: flex;
  flex-wrap: nowrap;
  min-height: var(--retool-tabs-tab-height, 24px);
  position: relative;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}

._main_14mam_5._focused_14mam_14:before {
  border: 2px solid;
  border-color: var(
    --retool-focus-ring,
    var(--accent-background, var(--blue-600))
  );
  border-radius: 4px;
  content: "";
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  pointer-events: none;
  position: absolute;
}

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

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

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

._main_14mam_5._pill_14mam_33:not(
    ._overflow_14mam_29
  )._shouldCorrectMargin_14mam_33._left_14mam_33 {
  margin-left: -8px;
}

._main_14mam_5._pill_14mam_33:not(
    ._overflow_14mam_29
  )._shouldCorrectMargin_14mam_33._right_14mam_23 {
  margin-right: -8px;
}

._main_14mam_5._vertical_14mam_39 {
  height: unset;
  min-height: 24px;
  margin-left: -8px;
}

._main_14mam_5._fixedHeight_14mam_44 {
  height: 100%;
}

._border_14mam_53 {
  border-top: 1px solid var(--retool-tabs-border);
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}

._tabs_14mam_62 {
  flex: 0 0 auto;
  min-width: 0;
  position: relative;
  display: flex;
  padding: 0 var(--retool-tabs-horizontal-padding);
  height: 100%;
  min-height: var(--retool-tabs-tab-height, 24px);
}

._tabs_14mam_62._justify_14mam_71:not(._overflow_14mam_29) {
  display: flex;
  flex-grow: 1;
}

._tabs_14mam_62._vertical_14mam_39 {
  display: flex;
  flex-direction: column;
}

._line_14mam_80 {
  background-color: var(--retool-tabs-line);
  height: var(--retool-tabs-selected-line-height, 2px);
  position: absolute;
  transition-duration: 0.2s;
  bottom: 0;
}

._selectedPill_14mam_88 {
  background-color: var(--retool-tabs-selected-background);
  border-radius: var(
    --retool-tabs-pill-border-radius,
    var(--retool-tabs-tab-height, 24px)
  );
  box-sizing: content-box;
  height: 100%;
  min-height: var(--retool-tabs-tab-height, 24px);
  position: absolute;
  transition-duration: 0.2s;
}

._selectedPill_14mam_88:not(._vertical_14mam_39) {
  top: 0;
}

._selectedPill_14mam_88._vertical_14mam_39 {
  height: var(--retool-tabs-tab-height, 24px);
}

._fitted_14mam_104 {
  display: flex;
  width: 100%;
}

a._linkReset_4qjre_2 {
  all: unset;
}

a._linkReset_4qjre_2._fullHeight_4qjre_6 {
  display: flex;
  align-items: center;
  height: var(--retool-tabs-tab-height, 100%);
}

._main_g7lrw_1 {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  height: 100%;
}

._main_g7lrw_1 .retool-tab-menu__tab--pill {
  padding: 0;
}

._main_g7lrw_1 .retool-tab-menu__tab--pill:not(:last-child) {
  margin-right: 12px;
}

._main_g7lrw_1 .retool-tab-menu__tab--pill--active {
  background-color: transparent;
}

._main_g7lrw_1 .retool-tab-menu {
  border-bottom: none;
  height: 36px;
}

._container_g7lrw_22 {
  padding: 0 12px 12px;
  overflow-y: auto;
  border-top: 1px solid transparent;
  flex: 1;
}

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

._tabMenu_g7lrw_32 {
  padding: 4px 12px;
}

._main_12i4u_1 {
  position: fixed;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  align-items: center;
  padding-right: 16px;
  background: var(--gray-900);
  font-family: var(--sans-serif);
  font-size: 12px;
}

._main_12i4u_1._nonDefaultEnvironment_12i4u_13 {
  box-shadow: inset 0 -2px 0 0 var(--color);
  border-bottom: 1px solid var(--color);
}

._info_12i4u_18 {
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  margin-right: 12px;
  height: 100%;
}

._nameAndBranchSwitcher_12i4u_29 {
  display: flex;
  align-items: center;
  height: 50%;
}

._name_12i4u_29 {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

._name_12i4u_29:not(:last-child) {
  margin-right: 8px;
  white-space: nowrap;
  max-width: 350px;
  text-overflow: ellipsis;
  overflow: hidden;
}

._pageNameOverlay_12i4u_48 .ant-tooltip-inner {
  background: var(--gray-100) !important;
  color: var(--gray-900) !important;
}

._favorite_12i4u_56 {
  margin-right: 8px;
}

._versionAndDescription_12i4u_60 {
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 12px;
  margin-bottom: 4px;
}

._version_12i4u_60 {
  color: var(--gray-400);
  display: flex;
  align-items: center;
}

._versionTag_12i4u_74 {
  color: var(--gray-200);
  font-weight: 500;
  margin-left: 2px;
}

._description_12i4u_80 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--gray-400);
}

._descriptionText_12i4u_87 {
  margin-left: -1px;
}

._divider_12i4u_91 {
  color: var(--gray-600);
  margin: 0 4px;
}

._screenToggle_12i4u_96 {
  display: flex;
  margin: auto;
}

._screenToggle_12i4u_96
  .retool-radio-group.segmented-control:has(input:focus-visible) {
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: 4px;
}

._screenToggle_12i4u_96
  .retool-radio-group.segmented-control
  .retool-radio-button {
  padding: 0 5px;
}

._segmentedControl_12i4u_110.retool-radio-group.segmented-control
  .retool-radio-button {
  padding: 0 12px;
}

._controls_12i4u_117 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  right: 16px;
}

._marketplacesNavBarContainer_12i4u_124 {
  position: fixed;
  width: 100%;
  height: 48px;
  background: var(--background-surface);
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 4px 16px #00000014;
  display: flex;
  align-items: center;
}

._marketplacesNavBarItem_12i4u_135 {
  flex: 2;
  flex-direction: row;
  display: flex;
}

._marketplacesNavBarCenterItem_12i4u_141 {
  flex: 1;
  flex-direction: row;
  display: flex;
  justify-content: center;
}

._marketplacesTitle_12i4u_148 {
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  text-align: center;
}

._headerBackButton_12i4u_158 {
  display: flex;
  margin-left: 16px;
  margin-right: 16px;
  padding: 8px;
  border-radius: 4px;
  color: var(--gray-400);
  transition: all 0.15s ease-in-out;
}

._headerBackButton_12i4u_158:hover {
  cursor: pointer;
  background-color: var(--gray-100);
}

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

._marketplacePreviewIndicator_12i4u_175 {
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 16px;
  align-items: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #3e63dd;
  background: #f0f4ff;
  border-radius: 6px;
  padding: 4px 8px;
  height: 24px;
}

.presentation-header-options {
  display: flex;
  z-index: 150;
  align-items: center;
  right: 16px;
}

.presentation-header-options__share button {
  background-color: var(--blue-100);
}

.presentation-version-header {
  z-index: 150;
  margin: auto 10px;
  display: flex;
}

.presentation-version-header .version-tag {
  color: #fff;
  height: auto;
}

.presentation-breadcrumbs-header {
  z-index: 99;
  display: flex;
  align-items: center;
}

.presentation-breadcrumbs-header .version-tag {
  color: var(--gray-200);
  font-weight: 500;
  margin-left: 3px;
}

.showStatusBar {
  height: calc(100% - 28px);
}

.presentation-header-container {
  background: transparent;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  align-items: center;
  padding: 0 16px;
}

.presentation-header__cta-button-wrapper .retool-button {
  height: 28px;
  padding: 0 12px;
}

.cm-s-summerfruit {
  font-size: 1em;
  font-family: var(--monospace);
  letter-spacing: 0.3px;
  background: var(--background-surface);
  color: #181818;
}

.cm-s-summerfruit .CodeMirror-gutters {
  z-index: 3;
  border: none;
  background: #f6f9fc;
}

.cm-s-summerfruit .CodeMirror-linenumber {
  color: #8898aa;
}

.cm-s-summerfruit div.CodeMirror-cursor {
  border-left: 1px solid #181818;
}

.cm-s-summerfruit .CodeMirror-activeline-background {
  background: #ffffff0d;
}

.cm-s-summerfruit .CodeMirror-selected {
  background: #b7dce8;
}

.cm-s-summerfruit .cm-comment {
  color: #91a2b0;
}

.cm-s-summerfruit .cm-keyword {
  color: #5c65c1;
}

.cm-s-summerfruit .cm-string {
  color: #159570;
}

.cm-s-summerfruit .cm-variable-2 {
  color: #f92672;
}

.cm-s-summerfruit .cm-number,
.cm-s-summerfruit .cm-operator {
  color: #fb6620;
}

.cm-s-summerfruit .cm-tag:not(.cm-bracket) {
  color: #da1225;
}

.cm-s-summerfruit .cm-attribute {
  font-style: italic;
  color: #e36209;
}

.modal-footer-hidden-button {
  display: none;
}


/* INDEX */

        html,
        body {
            width: 100%;
            height: 100%
        }

        input::-ms-clear,
        input::-ms-reveal {
            display: none
        }

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

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            -ms-overflow-style: scrollbar;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        @-ms-viewport {
            width: device-width
        }

        article,
        aside,
        dialog,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        nav,
        section {
            display: block
        }

        body {
            margin: 0;
            color: #000000a6;
            font-size: 12px;
            font-family: Ideal Sans SSm A, Ideal Sans SSm B, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto;
            font-variant: tabular-nums;
            line-height: 1.5;
            background-color: #fff;
            font-feature-settings: "tnum"
        }

        [tabindex="-1"]:focus {
            outline: none !important
        }

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0;
            margin-bottom: .5em;
            color: #000000d9;
            font-weight: 500
        }

        p {
            margin-top: 0;
            margin-bottom: 1em
        }

        abbr[title],
        abbr[data-original-title] {
            text-decoration: underline;
            text-decoration: underline dotted;
            border-bottom: 0;
            cursor: help
        }

        address {
            margin-bottom: 1em;
            font-style: normal;
            line-height: inherit
        }

        input[type=text],
        input[type=password],
        input[type=number],
        textarea {
            -webkit-appearance: none
        }

        ol,
        ul,
        dl {
            margin-top: 0;
            margin-bottom: 1em
        }

        ol ol,
        ul ul,
        ol ul,
        ul ol {
            margin-bottom: 0
        }

        dt {
            font-weight: 500
        }

        dd {
            margin-bottom: .5em;
            margin-left: 0
        }

        blockquote {
            margin: 0 0 1em
        }

        dfn {
            font-style: italic
        }

        b,
        strong {
            font-weight: bolder
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            position: relative;
            font-size: 75%;
            line-height: 0;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        a {
            color: #3c92dc;
            text-decoration: none;
            background-color: transparent;
            outline: none;
            cursor: pointer;
            transition: color .3s;
            -webkit-text-decoration-skip: objects
        }

        a:hover {
            color: #64afe8
        }

        a:active {
            color: #286eb5
        }

        a:active,
        a:hover {
            text-decoration: none;
            outline: 0
        }

        a[disabled] {
            color: #00000040;
            cursor: not-allowed;
            pointer-events: none
        }

        pre,
        code,
        kbd,
        samp {
            font-size: 1em;
            font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
        }

        pre {
            margin-top: 0;
            margin-bottom: 1em;
            overflow: auto
        }

        figure {
            margin: 0 0 1em
        }

        img {
            vertical-align: middle;
            border-style: none
        }

        svg:not(:root) {
            overflow: hidden
        }

        a,
        area,
        button,
        [role=button],
        input:not([type=range]),
        label,
        select,
        summary,
        textarea {
            touch-action: manipulation
        }

        table {
            border-collapse: collapse
        }

        caption {
            padding-top: .75em;
            padding-bottom: .3em;
            color: #00000073;
            text-align: left;
            caption-side: bottom
        }

        th {
            text-align: inherit
        }

        input,
        button,
        select,
        optgroup,
        textarea {
            margin: 0;
            color: inherit;
            font-size: inherit;
            font-family: inherit;
            line-height: inherit
        }

        button,
        input {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

        button,
        html [type=button],
        [type=reset],
        [type=submit] {
            -webkit-appearance: button
        }

        button::-moz-focus-inner,
        [type=button]::-moz-focus-inner,
        [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner {
            padding: 0;
            border-style: none
        }

        input[type=radio],
        input[type=checkbox] {
            box-sizing: border-box;
            padding: 0
        }

        input[type=date],
        input[type=time],
        input[type=datetime-local],
        input[type=month] {
            -webkit-appearance: listbox
        }

        textarea {
            overflow: auto;
            resize: vertical
        }

        fieldset {
            min-width: 0;
            margin: 0;
            padding: 0;
            border: 0
        }

        legend {
            display: block;
            width: 100%;
            max-width: 100%;
            margin-bottom: .5em;
            padding: 0;
            color: inherit;
            font-size: 1.5em;
            line-height: inherit;
            white-space: normal
        }

        progress {
            vertical-align: baseline
        }

        [type=number]::-webkit-inner-spin-button,
        [type=number]::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            outline-offset: -2px;
            -webkit-appearance: none
        }

        [type=search]::-webkit-search-cancel-button,
        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            font: inherit;
            -webkit-appearance: button
        }

        output {
            display: inline-block
        }

        summary {
            display: list-item
        }

        template {
            display: none
        }

        [hidden] {
            display: none !important
        }

        mark {
            padding: .2em;
            background-color: #feffe6
        }

        ::selection {
            color: #fff;
            background: #3c92dc
        }

        .clearfix {
            zoom: 1
        }

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

        .clearfix:after {
            clear: both
        }

        .anticon {
            display: inline-block;
            color: inherit;
            font-style: normal;
            line-height: 0;
            text-align: center;
            text-transform: none;
            vertical-align: -.125em;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .anticon>* {
            line-height: 1
        }

        .anticon svg {
            display: inline-block
        }

        .anticon:before {
            display: none
        }

        .anticon .anticon-icon {
            display: block
        }

        .anticon[tabindex] {
            cursor: pointer
        }

        .anticon-spin:before {
            display: inline-block;
            animation: loadingCircle 1s infinite linear
        }

        .anticon-spin {
            display: inline-block;
            animation: loadingCircle 1s infinite linear
        }

        .fade-enter,
        .fade-appear,
        .fade-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .fade-enter.fade-enter-active,
        .fade-appear.fade-appear-active {
            animation-name: antFadeIn;
            animation-play-state: running
        }

        .fade-leave.fade-leave-active {
            animation-name: antFadeOut;
            animation-play-state: running;
            pointer-events: none
        }

        .fade-enter,
        .fade-appear {
            opacity: 0;
            animation-timing-function: linear
        }

        .fade-leave {
            animation-timing-function: linear
        }

        @keyframes antFadeIn {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @keyframes antFadeOut {
            0% {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        .move-up-enter,
        .move-up-appear,
        .move-up-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .move-up-enter.move-up-enter-active,
        .move-up-appear.move-up-appear-active {
            animation-name: antMoveUpIn;
            animation-play-state: running
        }

        .move-up-leave.move-up-leave-active {
            animation-name: antMoveUpOut;
            animation-play-state: running;
            pointer-events: none
        }

        .move-up-enter,
        .move-up-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .move-up-leave {
            animation-timing-function: cubic-bezier(.6, .04, .98, .34)
        }

        .move-down-enter,
        .move-down-appear,
        .move-down-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .move-down-enter.move-down-enter-active,
        .move-down-appear.move-down-appear-active {
            animation-name: antMoveDownIn;
            animation-play-state: running
        }

        .move-down-leave.move-down-leave-active {
            animation-name: antMoveDownOut;
            animation-play-state: running;
            pointer-events: none
        }

        .move-down-enter,
        .move-down-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .move-down-leave {
            animation-timing-function: cubic-bezier(.6, .04, .98, .34)
        }

        .move-left-enter,
        .move-left-appear,
        .move-left-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .move-left-enter.move-left-enter-active,
        .move-left-appear.move-left-appear-active {
            animation-name: antMoveLeftIn;
            animation-play-state: running
        }

        .move-left-leave.move-left-leave-active {
            animation-name: antMoveLeftOut;
            animation-play-state: running;
            pointer-events: none
        }

        .move-left-enter,
        .move-left-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .move-left-leave {
            animation-timing-function: cubic-bezier(.6, .04, .98, .34)
        }

        .move-right-enter,
        .move-right-appear,
        .move-right-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .move-right-enter.move-right-enter-active,
        .move-right-appear.move-right-appear-active {
            animation-name: antMoveRightIn;
            animation-play-state: running
        }

        .move-right-leave.move-right-leave-active {
            animation-name: antMoveRightOut;
            animation-play-state: running;
            pointer-events: none
        }

        .move-right-enter,
        .move-right-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .move-right-leave {
            animation-timing-function: cubic-bezier(.6, .04, .98, .34)
        }

        @keyframes antMoveDownIn {
            0% {
                transform: translateY(100%);
                transform-origin: 0 0;
                opacity: 0
            }

            to {
                transform: translateY(0);
                transform-origin: 0 0;
                opacity: 1
            }
        }

        @keyframes antMoveDownOut {
            0% {
                transform: translateY(0);
                transform-origin: 0 0;
                opacity: 1
            }

            to {
                transform: translateY(100%);
                transform-origin: 0 0;
                opacity: 0
            }
        }

        @keyframes antMoveLeftIn {
            0% {
                transform: translate(-100%);
                transform-origin: 0 0;
                opacity: 0
            }

            to {
                transform: translate(0);
                transform-origin: 0 0;
                opacity: 1
            }
        }

        @keyframes antMoveLeftOut {
            0% {
                transform: translate(0);
                transform-origin: 0 0;
                opacity: 1
            }

            to {
                transform: translate(-100%);
                transform-origin: 0 0;
                opacity: 0
            }
        }

        @keyframes antMoveRightIn {
            0% {
                transform: translate(100%);
                transform-origin: 0 0;
                opacity: 0
            }

            to {
                transform: translate(0);
                transform-origin: 0 0;
                opacity: 1
            }
        }

        @keyframes antMoveRightOut {
            0% {
                transform: translate(0);
                transform-origin: 0 0;
                opacity: 1
            }

            to {
                transform: translate(100%);
                transform-origin: 0 0;
                opacity: 0
            }
        }

        @keyframes antMoveUpIn {
            0% {
                transform: translateY(-100%);
                transform-origin: 0 0;
                opacity: 0
            }

            to {
                transform: translateY(0);
                transform-origin: 0 0;
                opacity: 1
            }
        }

        @keyframes antMoveUpOut {
            0% {
                transform: translateY(0);
                transform-origin: 0 0;
                opacity: 1
            }

            to {
                transform: translateY(-100%);
                transform-origin: 0 0;
                opacity: 0
            }
        }

        @keyframes loadingCircle {
            to {
                transform: rotate(360deg)
            }
        }

        [ant-click-animating=true],
        [ant-click-animating-without-extra-node=true] {
            position: relative
        }

        html {
            --antd-wave-shadow-color: #3c92dc
        }

        [ant-click-animating-without-extra-node=true]:after,
        .ant-click-animating-node {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: block;
            border-radius: inherit;
            box-shadow: 0 0 #3c92dc;
            box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
            opacity: .2;
            animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
            animation-fill-mode: forwards;
            content: "";
            pointer-events: none
        }

        @keyframes waveEffect {
            to {
                box-shadow: 0 0 #3c92dc;
                box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
            }
        }

        @keyframes fadeEffect {
            to {
                opacity: 0
            }
        }

        .slide-up-enter,
        .slide-up-appear,
        .slide-up-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .slide-up-enter.slide-up-enter-active,
        .slide-up-appear.slide-up-appear-active {
            animation-name: antSlideUpIn;
            animation-play-state: running
        }

        .slide-up-leave.slide-up-leave-active {
            animation-name: antSlideUpOut;
            animation-play-state: running;
            pointer-events: none
        }

        .slide-up-enter,
        .slide-up-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(.23, 1, .32, 1)
        }

        .slide-up-leave {
            animation-timing-function: cubic-bezier(.755, .05, .855, .06)
        }

        .slide-down-enter,
        .slide-down-appear,
        .slide-down-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .slide-down-enter.slide-down-enter-active,
        .slide-down-appear.slide-down-appear-active {
            animation-name: antSlideDownIn;
            animation-play-state: running
        }

        .slide-down-leave.slide-down-leave-active {
            animation-name: antSlideDownOut;
            animation-play-state: running;
            pointer-events: none
        }

        .slide-down-enter,
        .slide-down-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(.23, 1, .32, 1)
        }

        .slide-down-leave {
            animation-timing-function: cubic-bezier(.755, .05, .855, .06)
        }

        .slide-left-enter,
        .slide-left-appear,
        .slide-left-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .slide-left-enter.slide-left-enter-active,
        .slide-left-appear.slide-left-appear-active {
            animation-name: antSlideLeftIn;
            animation-play-state: running
        }

        .slide-left-leave.slide-left-leave-active {
            animation-name: antSlideLeftOut;
            animation-play-state: running;
            pointer-events: none
        }

        .slide-left-enter,
        .slide-left-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(.23, 1, .32, 1)
        }

        .slide-left-leave {
            animation-timing-function: cubic-bezier(.755, .05, .855, .06)
        }

        .slide-right-enter,
        .slide-right-appear,
        .slide-right-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .slide-right-enter.slide-right-enter-active,
        .slide-right-appear.slide-right-appear-active {
            animation-name: antSlideRightIn;
            animation-play-state: running
        }

        .slide-right-leave.slide-right-leave-active {
            animation-name: antSlideRightOut;
            animation-play-state: running;
            pointer-events: none
        }

        .slide-right-enter,
        .slide-right-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(.23, 1, .32, 1)
        }

        .slide-right-leave {
            animation-timing-function: cubic-bezier(.755, .05, .855, .06)
        }

        @keyframes antSlideUpIn {
            0% {
                transform: scaleY(.8);
                transform-origin: 0% 0%;
                opacity: 0
            }

            to {
                transform: scaleY(1);
                transform-origin: 0% 0%;
                opacity: 1
            }
        }

        @keyframes antSlideUpOut {
            0% {
                transform: scaleY(1);
                transform-origin: 0% 0%;
                opacity: 1
            }

            to {
                transform: scaleY(.8);
                transform-origin: 0% 0%;
                opacity: 0
            }
        }

        @keyframes antSlideDownIn {
            0% {
                transform: scaleY(.8);
                transform-origin: 100% 100%;
                opacity: 0
            }

            to {
                transform: scaleY(1);
                transform-origin: 100% 100%;
                opacity: 1
            }
        }

        @keyframes antSlideDownOut {
            0% {
                transform: scaleY(1);
                transform-origin: 100% 100%;
                opacity: 1
            }

            to {
                transform: scaleY(.8);
                transform-origin: 100% 100%;
                opacity: 0
            }
        }

        @keyframes antSlideLeftIn {
            0% {
                transform: scaleX(.8);
                transform-origin: 0% 0%;
                opacity: 0
            }

            to {
                transform: scaleX(1);
                transform-origin: 0% 0%;
                opacity: 1
            }
        }

        @keyframes antSlideLeftOut {
            0% {
                transform: scaleX(1);
                transform-origin: 0% 0%;
                opacity: 1
            }

            to {
                transform: scaleX(.8);
                transform-origin: 0% 0%;
                opacity: 0
            }
        }

        @keyframes antSlideRightIn {
            0% {
                transform: scaleX(.8);
                transform-origin: 100% 0%;
                opacity: 0
            }

            to {
                transform: scaleX(1);
                transform-origin: 100% 0%;
                opacity: 1
            }
        }

        @keyframes antSlideRightOut {
            0% {
                transform: scaleX(1);
                transform-origin: 100% 0%;
                opacity: 1
            }

            to {
                transform: scaleX(.8);
                transform-origin: 100% 0%;
                opacity: 0
            }
        }

        .swing-enter,
        .swing-appear {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .swing-enter.swing-enter-active,
        .swing-appear.swing-appear-active {
            animation-name: antSwingIn;
            animation-play-state: running
        }

        @keyframes antSwingIn {

            0%,
            to {
                transform: translate(0)
            }

            20% {
                transform: translate(-10px)
            }

            40% {
                transform: translate(10px)
            }

            60% {
                transform: translate(-5px)
            }

            80% {
                transform: translate(5px)
            }
        }

        .zoom-enter,
        .zoom-appear,
        .zoom-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .zoom-enter.zoom-enter-active,
        .zoom-appear.zoom-appear-active {
            animation-name: antZoomIn;
            animation-play-state: running
        }

        .zoom-leave.zoom-leave-active {
            animation-name: antZoomOut;
            animation-play-state: running;
            pointer-events: none
        }

        .zoom-enter,
        .zoom-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .zoom-leave {
            animation-timing-function: cubic-bezier(.78, .14, .15, .86)
        }

        .zoom-big-enter,
        .zoom-big-appear,
        .zoom-big-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .zoom-big-enter.zoom-big-enter-active,
        .zoom-big-appear.zoom-big-appear-active {
            animation-name: antZoomBigIn;
            animation-play-state: running
        }

        .zoom-big-leave.zoom-big-leave-active {
            animation-name: antZoomBigOut;
            animation-play-state: running;
            pointer-events: none
        }

        .zoom-big-enter,
        .zoom-big-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .zoom-big-leave {
            animation-timing-function: cubic-bezier(.78, .14, .15, .86)
        }

        .zoom-big-fast-enter,
        .zoom-big-fast-appear,
        .zoom-big-fast-leave {
            animation-duration: .1s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .zoom-big-fast-enter.zoom-big-fast-enter-active,
        .zoom-big-fast-appear.zoom-big-fast-appear-active {
            animation-name: antZoomBigIn;
            animation-play-state: running
        }

        .zoom-big-fast-leave.zoom-big-fast-leave-active {
            animation-name: antZoomBigOut;
            animation-play-state: running;
            pointer-events: none
        }

        .zoom-big-fast-enter,
        .zoom-big-fast-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .zoom-big-fast-leave {
            animation-timing-function: cubic-bezier(.78, .14, .15, .86)
        }

        .zoom-up-enter,
        .zoom-up-appear,
        .zoom-up-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .zoom-up-enter.zoom-up-enter-active,
        .zoom-up-appear.zoom-up-appear-active {
            animation-name: antZoomUpIn;
            animation-play-state: running
        }

        .zoom-up-leave.zoom-up-leave-active {
            animation-name: antZoomUpOut;
            animation-play-state: running;
            pointer-events: none
        }

        .zoom-up-enter,
        .zoom-up-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .zoom-up-leave {
            animation-timing-function: cubic-bezier(.78, .14, .15, .86)
        }

        .zoom-down-enter,
        .zoom-down-appear,
        .zoom-down-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .zoom-down-enter.zoom-down-enter-active,
        .zoom-down-appear.zoom-down-appear-active {
            animation-name: antZoomDownIn;
            animation-play-state: running
        }

        .zoom-down-leave.zoom-down-leave-active {
            animation-name: antZoomDownOut;
            animation-play-state: running;
            pointer-events: none
        }

        .zoom-down-enter,
        .zoom-down-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .zoom-down-leave {
            animation-timing-function: cubic-bezier(.78, .14, .15, .86)
        }

        .zoom-left-enter,
        .zoom-left-appear,
        .zoom-left-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .zoom-left-enter.zoom-left-enter-active,
        .zoom-left-appear.zoom-left-appear-active {
            animation-name: antZoomLeftIn;
            animation-play-state: running
        }

        .zoom-left-leave.zoom-left-leave-active {
            animation-name: antZoomLeftOut;
            animation-play-state: running;
            pointer-events: none
        }

        .zoom-left-enter,
        .zoom-left-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .zoom-left-leave {
            animation-timing-function: cubic-bezier(.78, .14, .15, .86)
        }

        .zoom-right-enter,
        .zoom-right-appear,
        .zoom-right-leave {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-play-state: paused
        }

        .zoom-right-enter.zoom-right-enter-active,
        .zoom-right-appear.zoom-right-appear-active {
            animation-name: antZoomRightIn;
            animation-play-state: running
        }

        .zoom-right-leave.zoom-right-leave-active {
            animation-name: antZoomRightOut;
            animation-play-state: running;
            pointer-events: none
        }

        .zoom-right-enter,
        .zoom-right-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(.08, .82, .17, 1)
        }

        .zoom-right-leave {
            animation-timing-function: cubic-bezier(.78, .14, .15, .86)
        }

        @keyframes antZoomIn {
            0% {
                transform: scale(.2);
                opacity: 0
            }

            to {
                transform: scale(1);
                opacity: 1
            }
        }

        @keyframes antZoomOut {
            0% {
                transform: scale(1)
            }

            to {
                transform: scale(.2);
                opacity: 0
            }
        }

        @keyframes antZoomBigIn {
            0% {
                transform: scale(.8);
                opacity: 0
            }

            to {
                transform: scale(1);
                opacity: 1
            }
        }

        @keyframes antZoomBigOut {
            0% {
                transform: scale(1)
            }

            to {
                transform: scale(.8);
                opacity: 0
            }
        }

        @keyframes antZoomUpIn {
            0% {
                transform: scale(.8);
                transform-origin: 50% 0%;
                opacity: 0
            }

            to {
                transform: scale(1);
                transform-origin: 50% 0%
            }
        }

        @keyframes antZoomUpOut {
            0% {
                transform: scale(1);
                transform-origin: 50% 0%
            }

            to {
                transform: scale(.8);
                transform-origin: 50% 0%;
                opacity: 0
            }
        }

        @keyframes antZoomLeftIn {
            0% {
                transform: scale(.8);
                transform-origin: 0% 50%;
                opacity: 0
            }

            to {
                transform: scale(1);
                transform-origin: 0% 50%
            }
        }

        @keyframes antZoomLeftOut {
            0% {
                transform: scale(1);
                transform-origin: 0% 50%
            }

            to {
                transform: scale(.8);
                transform-origin: 0% 50%;
                opacity: 0
            }
        }

        @keyframes antZoomRightIn {
            0% {
                transform: scale(.8);
                transform-origin: 100% 50%;
                opacity: 0
            }

            to {
                transform: scale(1);
                transform-origin: 100% 50%
            }
        }

        @keyframes antZoomRightOut {
            0% {
                transform: scale(1);
                transform-origin: 100% 50%
            }

            to {
                transform: scale(.8);
                transform-origin: 100% 50%;
                opacity: 0
            }
        }

        @keyframes antZoomDownIn {
            0% {
                transform: scale(.8);
                transform-origin: 50% 100%;
                opacity: 0
            }

            to {
                transform: scale(1);
                transform-origin: 50% 100%
            }
        }

        @keyframes antZoomDownOut {
            0% {
                transform: scale(1);
                transform-origin: 50% 100%
            }

            to {
                transform: scale(.8);
                transform-origin: 50% 100%;
                opacity: 0
            }
        }

        .ant-motion-collapse-legacy {
            overflow: hidden
        }

        .ant-motion-collapse-legacy-active {
            transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1) !important
        }

        .ant-motion-collapse {
            overflow: hidden;
            transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1) !important
        }

        .ant-modal {
            box-sizing: border-box;
            padding: 0 0 24px;
            color: #000000a6;
            font-size: 12px;
            font-variant: tabular-nums;
            line-height: 1.5;
            list-style: none;
            font-feature-settings: "tnum";
            position: relative;
            top: 100px;
            width: auto;
            margin: 0 auto;
            pointer-events: none
        }

        .ant-modal-wrap {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1000;
            overflow: auto;
            outline: 0;
            -webkit-overflow-scrolling: touch
        }

        .ant-modal-title {
            margin: 0;
            color: #000000d9;
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
            word-wrap: break-word
        }

        .ant-modal-content {
            position: relative;
            background-color: #fff;
            background-clip: padding-box;
            border: 0;
            border-radius: 4px;
            box-shadow: 0 4px 12px #00000026;
            pointer-events: auto
        }

        .ant-modal-close {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 10;
            padding: 0;
            color: #00000073;
            font-weight: 700;
            line-height: 1;
            text-decoration: none;
            background: transparent;
            border: 0;
            outline: 0;
            cursor: pointer;
            transition: color .3s
        }

        .ant-modal-close-x {
            display: block;
            width: 56px;
            height: 56px;
            font-size: 14px;
            font-style: normal;
            line-height: 56px;
            text-align: center;
            text-transform: none;
            text-rendering: auto
        }

        .ant-modal-close:focus,
        .ant-modal-close:hover {
            color: #000000bf;
            text-decoration: none
        }

        .ant-modal-header {
            padding: 16px 24px;
            color: #000000a6;
            background: #fff;
            border-bottom: 1px solid #e8e8e8;
            border-radius: 4px 4px 0 0
        }

        .ant-modal-body {
            padding: 24px;
            font-size: 12px;
            line-height: 1.5;
            word-wrap: break-word
        }

        .ant-modal-footer {
            padding: 10px 16px;
            text-align: right;
            background: transparent;
            border-top: 1px solid #e8e8e8;
            border-radius: 0 0 4px 4px
        }

        .ant-modal-footer button+button {
            margin-bottom: 0;
            margin-left: 8px
        }

        .ant-modal.zoom-enter,
        .ant-modal.zoom-appear {
            transform: none;
            opacity: 0;
            animation-duration: .3s;
            -webkit-user-select: none;
            user-select: none
        }

        .ant-modal-mask {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1000;
            height: 100%;
            background-color: #00000073;
            filter: alpha(opacity=50)
        }

        .ant-modal-mask-hidden {
            display: none
        }

        .ant-modal-open {
            overflow: hidden
        }

        .ant-modal-centered {
            text-align: center
        }

        .ant-modal-centered:before {
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
            content: ""
        }

        .ant-modal-centered .ant-modal {
            top: 0;
            display: inline-block;
            text-align: left;
            vertical-align: middle
        }

        @media (max-width: 767px) {
            .ant-modal {
                max-width: 84vw;
                margin: 8px auto
            }

            .ant-modal-centered .ant-modal {
                flex: 1
            }
        }

        .ant-modal-confirm .ant-modal-header,
        .ant-modal-confirm .ant-modal-close {
            display: none
        }

        .ant-modal-confirm .ant-modal-body {
            padding: 32px 32px 24px
        }

        .ant-modal-confirm-body-wrapper {
            zoom: 1
        }

        .ant-modal-confirm-body-wrapper:before,
        .ant-modal-confirm-body-wrapper:after {
            display: table;
            content: ""
        }

        .ant-modal-confirm-body-wrapper:after {
            clear: both
        }

        .ant-modal-confirm-body .ant-modal-confirm-title {
            display: block;
            overflow: hidden;
            color: #000000d9;
            font-weight: 500;
            font-size: 14px;
            line-height: 1.4
        }

        .ant-modal-confirm-body .ant-modal-confirm-content {
            margin-top: 8px;
            color: #000000a6;
            font-size: 12px
        }

        .ant-modal-confirm-body>.anticon {
            float: left;
            margin-right: 16px;
            font-size: 22px
        }

        .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
            margin-left: 38px
        }

        .ant-modal-confirm .ant-modal-confirm-btns {
            float: right;
            margin-top: 24px
        }

        .ant-modal-confirm .ant-modal-confirm-btns button+button {
            margin-bottom: 0;
            margin-left: 8px
        }

        .ant-modal-confirm-error .ant-modal-confirm-body>.anticon {
            color: #f5222d
        }

        .ant-modal-confirm-warning .ant-modal-confirm-body>.anticon,
        .ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon {
            color: #faad14
        }

        .ant-modal-confirm-info .ant-modal-confirm-body>.anticon {
            color: #1890ff
        }

        .ant-modal-confirm-success .ant-modal-confirm-body>.anticon {
            color: #52c41a
        }

        .ant-btn {
            line-height: 1.499;
            position: relative;
            display: inline-block;
            font-weight: 400;
            white-space: nowrap;
            text-align: center;
            background-image: none;
            border: 1px solid transparent;
            box-shadow: 0 2px #00000004;
            cursor: pointer;
            transition: all .3s cubic-bezier(.645, .045, .355, 1);
            -webkit-user-select: none;
            user-select: none;
            touch-action: manipulation;
            height: 28px;
            padding: 0 15px;
            font-size: 12px;
            border-radius: 4px;
            color: #000000a6;
            background-color: #fff;
            border-color: #d9d9d9
        }

        .ant-btn>.anticon {
            line-height: 1
        }

        .ant-btn,
        .ant-btn:active,
        .ant-btn:focus {
            outline: 0
        }

        .ant-btn:not([disabled]):hover {
            text-decoration: none
        }

        .ant-btn:not([disabled]):active {
            outline: 0;
            box-shadow: none
        }

        .ant-btn.disabled,
        .ant-btn[disabled] {
            cursor: not-allowed
        }

        .ant-btn.disabled>*,
        .ant-btn[disabled]>* {
            pointer-events: none
        }

        .ant-btn-lg {
            height: 36px;
            padding: 0 15px;
            font-size: 14px;
            border-radius: 4px
        }

        .ant-btn-sm {
            height: 22px;
            padding: 0 7px;
            font-size: 12px;
            border-radius: 4px
        }

        .ant-btn>a:only-child {
            color: currentColor
        }

        .ant-btn>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn:hover,
        .ant-btn:focus {
            color: #64afe8;
            background-color: #fff;
            border-color: #64afe8
        }

        .ant-btn:hover>a:only-child,
        .ant-btn:focus>a:only-child {
            color: currentColor
        }

        .ant-btn:hover>a:only-child:after,
        .ant-btn:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn:active,
        .ant-btn.active {
            color: #286eb5;
            background-color: #fff;
            border-color: #286eb5
        }

        .ant-btn:active>a:only-child,
        .ant-btn.active>a:only-child {
            color: currentColor
        }

        .ant-btn:active>a:only-child:after,
        .ant-btn.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-disabled,
        .ant-btn.disabled,
        .ant-btn[disabled],
        .ant-btn-disabled:hover,
        .ant-btn.disabled:hover,
        .ant-btn[disabled]:hover,
        .ant-btn-disabled:focus,
        .ant-btn.disabled:focus,
        .ant-btn[disabled]:focus,
        .ant-btn-disabled:active,
        .ant-btn.disabled:active,
        .ant-btn[disabled]:active,
        .ant-btn-disabled.active,
        .ant-btn.disabled.active,
        .ant-btn[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-disabled>a:only-child,
        .ant-btn.disabled>a:only-child,
        .ant-btn[disabled]>a:only-child,
        .ant-btn-disabled:hover>a:only-child,
        .ant-btn.disabled:hover>a:only-child,
        .ant-btn[disabled]:hover>a:only-child,
        .ant-btn-disabled:focus>a:only-child,
        .ant-btn.disabled:focus>a:only-child,
        .ant-btn[disabled]:focus>a:only-child,
        .ant-btn-disabled:active>a:only-child,
        .ant-btn.disabled:active>a:only-child,
        .ant-btn[disabled]:active>a:only-child,
        .ant-btn-disabled.active>a:only-child,
        .ant-btn.disabled.active>a:only-child,
        .ant-btn[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-disabled>a:only-child:after,
        .ant-btn.disabled>a:only-child:after,
        .ant-btn[disabled]>a:only-child:after,
        .ant-btn-disabled:hover>a:only-child:after,
        .ant-btn.disabled:hover>a:only-child:after,
        .ant-btn[disabled]:hover>a:only-child:after,
        .ant-btn-disabled:focus>a:only-child:after,
        .ant-btn.disabled:focus>a:only-child:after,
        .ant-btn[disabled]:focus>a:only-child:after,
        .ant-btn-disabled:active>a:only-child:after,
        .ant-btn.disabled:active>a:only-child:after,
        .ant-btn[disabled]:active>a:only-child:after,
        .ant-btn-disabled.active>a:only-child:after,
        .ant-btn.disabled.active>a:only-child:after,
        .ant-btn[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn:hover,
        .ant-btn:focus,
        .ant-btn:active,
        .ant-btn.active {
            text-decoration: none;
            background: #fff
        }

        .ant-btn>i,
        .ant-btn>span {
            display: inline-block;
            transition: margin-left .3s cubic-bezier(.645, .045, .355, 1);
            pointer-events: none
        }

        .ant-btn-primary {
            color: #fff;
            background-color: #3c92dc;
            border-color: #3c92dc;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
            box-shadow: 0 2px #0000000b
        }

        .ant-btn-primary>a:only-child {
            color: currentColor
        }

        .ant-btn-primary>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-primary:hover,
        .ant-btn-primary:focus {
            color: #fff;
            background-color: #64afe8;
            border-color: #64afe8
        }

        .ant-btn-primary:hover>a:only-child,
        .ant-btn-primary:focus>a:only-child {
            color: currentColor
        }

        .ant-btn-primary:hover>a:only-child:after,
        .ant-btn-primary:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-primary:active,
        .ant-btn-primary.active {
            color: #fff;
            background-color: #286eb5;
            border-color: #286eb5
        }

        .ant-btn-primary:active>a:only-child,
        .ant-btn-primary.active>a:only-child {
            color: currentColor
        }

        .ant-btn-primary:active>a:only-child:after,
        .ant-btn-primary.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-primary-disabled,
        .ant-btn-primary.disabled,
        .ant-btn-primary[disabled],
        .ant-btn-primary-disabled:hover,
        .ant-btn-primary.disabled:hover,
        .ant-btn-primary[disabled]:hover,
        .ant-btn-primary-disabled:focus,
        .ant-btn-primary.disabled:focus,
        .ant-btn-primary[disabled]:focus,
        .ant-btn-primary-disabled:active,
        .ant-btn-primary.disabled:active,
        .ant-btn-primary[disabled]:active,
        .ant-btn-primary-disabled.active,
        .ant-btn-primary.disabled.active,
        .ant-btn-primary[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-primary-disabled>a:only-child,
        .ant-btn-primary.disabled>a:only-child,
        .ant-btn-primary[disabled]>a:only-child,
        .ant-btn-primary-disabled:hover>a:only-child,
        .ant-btn-primary.disabled:hover>a:only-child,
        .ant-btn-primary[disabled]:hover>a:only-child,
        .ant-btn-primary-disabled:focus>a:only-child,
        .ant-btn-primary.disabled:focus>a:only-child,
        .ant-btn-primary[disabled]:focus>a:only-child,
        .ant-btn-primary-disabled:active>a:only-child,
        .ant-btn-primary.disabled:active>a:only-child,
        .ant-btn-primary[disabled]:active>a:only-child,
        .ant-btn-primary-disabled.active>a:only-child,
        .ant-btn-primary.disabled.active>a:only-child,
        .ant-btn-primary[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-primary-disabled>a:only-child:after,
        .ant-btn-primary.disabled>a:only-child:after,
        .ant-btn-primary[disabled]>a:only-child:after,
        .ant-btn-primary-disabled:hover>a:only-child:after,
        .ant-btn-primary.disabled:hover>a:only-child:after,
        .ant-btn-primary[disabled]:hover>a:only-child:after,
        .ant-btn-primary-disabled:focus>a:only-child:after,
        .ant-btn-primary.disabled:focus>a:only-child:after,
        .ant-btn-primary[disabled]:focus>a:only-child:after,
        .ant-btn-primary-disabled:active>a:only-child:after,
        .ant-btn-primary.disabled:active>a:only-child:after,
        .ant-btn-primary[disabled]:active>a:only-child:after,
        .ant-btn-primary-disabled.active>a:only-child:after,
        .ant-btn-primary.disabled.active>a:only-child:after,
        .ant-btn-primary[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
            border-right-color: #64afe8;
            border-left-color: #64afe8
        }

        .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
            border-color: #d9d9d9
        }

        .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
            border-right-color: #64afe8
        }

        .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
            border-right-color: #d9d9d9
        }

        .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
        .ant-btn-group .ant-btn-primary+.ant-btn-primary {
            border-left-color: #64afe8
        }

        .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
        .ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] {
            border-left-color: #d9d9d9
        }

        .ant-btn-ghost {
            color: #000000a6;
            background-color: transparent;
            border-color: #d9d9d9
        }

        .ant-btn-ghost>a:only-child {
            color: currentColor
        }

        .ant-btn-ghost>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-ghost:hover,
        .ant-btn-ghost:focus {
            color: #64afe8;
            background-color: transparent;
            border-color: #64afe8
        }

        .ant-btn-ghost:hover>a:only-child,
        .ant-btn-ghost:focus>a:only-child {
            color: currentColor
        }

        .ant-btn-ghost:hover>a:only-child:after,
        .ant-btn-ghost:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-ghost:active,
        .ant-btn-ghost.active {
            color: #286eb5;
            background-color: transparent;
            border-color: #286eb5
        }

        .ant-btn-ghost:active>a:only-child,
        .ant-btn-ghost.active>a:only-child {
            color: currentColor
        }

        .ant-btn-ghost:active>a:only-child:after,
        .ant-btn-ghost.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-ghost-disabled,
        .ant-btn-ghost.disabled,
        .ant-btn-ghost[disabled],
        .ant-btn-ghost-disabled:hover,
        .ant-btn-ghost.disabled:hover,
        .ant-btn-ghost[disabled]:hover,
        .ant-btn-ghost-disabled:focus,
        .ant-btn-ghost.disabled:focus,
        .ant-btn-ghost[disabled]:focus,
        .ant-btn-ghost-disabled:active,
        .ant-btn-ghost.disabled:active,
        .ant-btn-ghost[disabled]:active,
        .ant-btn-ghost-disabled.active,
        .ant-btn-ghost.disabled.active,
        .ant-btn-ghost[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-ghost-disabled>a:only-child,
        .ant-btn-ghost.disabled>a:only-child,
        .ant-btn-ghost[disabled]>a:only-child,
        .ant-btn-ghost-disabled:hover>a:only-child,
        .ant-btn-ghost.disabled:hover>a:only-child,
        .ant-btn-ghost[disabled]:hover>a:only-child,
        .ant-btn-ghost-disabled:focus>a:only-child,
        .ant-btn-ghost.disabled:focus>a:only-child,
        .ant-btn-ghost[disabled]:focus>a:only-child,
        .ant-btn-ghost-disabled:active>a:only-child,
        .ant-btn-ghost.disabled:active>a:only-child,
        .ant-btn-ghost[disabled]:active>a:only-child,
        .ant-btn-ghost-disabled.active>a:only-child,
        .ant-btn-ghost.disabled.active>a:only-child,
        .ant-btn-ghost[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-ghost-disabled>a:only-child:after,
        .ant-btn-ghost.disabled>a:only-child:after,
        .ant-btn-ghost[disabled]>a:only-child:after,
        .ant-btn-ghost-disabled:hover>a:only-child:after,
        .ant-btn-ghost.disabled:hover>a:only-child:after,
        .ant-btn-ghost[disabled]:hover>a:only-child:after,
        .ant-btn-ghost-disabled:focus>a:only-child:after,
        .ant-btn-ghost.disabled:focus>a:only-child:after,
        .ant-btn-ghost[disabled]:focus>a:only-child:after,
        .ant-btn-ghost-disabled:active>a:only-child:after,
        .ant-btn-ghost.disabled:active>a:only-child:after,
        .ant-btn-ghost[disabled]:active>a:only-child:after,
        .ant-btn-ghost-disabled.active>a:only-child:after,
        .ant-btn-ghost.disabled.active>a:only-child:after,
        .ant-btn-ghost[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-dashed {
            color: #000000a6;
            background-color: #fff;
            border-color: #d9d9d9;
            border-style: dashed
        }

        .ant-btn-dashed>a:only-child {
            color: currentColor
        }

        .ant-btn-dashed>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-dashed:hover,
        .ant-btn-dashed:focus {
            color: #64afe8;
            background-color: #fff;
            border-color: #64afe8
        }

        .ant-btn-dashed:hover>a:only-child,
        .ant-btn-dashed:focus>a:only-child {
            color: currentColor
        }

        .ant-btn-dashed:hover>a:only-child:after,
        .ant-btn-dashed:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-dashed:active,
        .ant-btn-dashed.active {
            color: #286eb5;
            background-color: #fff;
            border-color: #286eb5
        }

        .ant-btn-dashed:active>a:only-child,
        .ant-btn-dashed.active>a:only-child {
            color: currentColor
        }

        .ant-btn-dashed:active>a:only-child:after,
        .ant-btn-dashed.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-dashed-disabled,
        .ant-btn-dashed.disabled,
        .ant-btn-dashed[disabled],
        .ant-btn-dashed-disabled:hover,
        .ant-btn-dashed.disabled:hover,
        .ant-btn-dashed[disabled]:hover,
        .ant-btn-dashed-disabled:focus,
        .ant-btn-dashed.disabled:focus,
        .ant-btn-dashed[disabled]:focus,
        .ant-btn-dashed-disabled:active,
        .ant-btn-dashed.disabled:active,
        .ant-btn-dashed[disabled]:active,
        .ant-btn-dashed-disabled.active,
        .ant-btn-dashed.disabled.active,
        .ant-btn-dashed[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-dashed-disabled>a:only-child,
        .ant-btn-dashed.disabled>a:only-child,
        .ant-btn-dashed[disabled]>a:only-child,
        .ant-btn-dashed-disabled:hover>a:only-child,
        .ant-btn-dashed.disabled:hover>a:only-child,
        .ant-btn-dashed[disabled]:hover>a:only-child,
        .ant-btn-dashed-disabled:focus>a:only-child,
        .ant-btn-dashed.disabled:focus>a:only-child,
        .ant-btn-dashed[disabled]:focus>a:only-child,
        .ant-btn-dashed-disabled:active>a:only-child,
        .ant-btn-dashed.disabled:active>a:only-child,
        .ant-btn-dashed[disabled]:active>a:only-child,
        .ant-btn-dashed-disabled.active>a:only-child,
        .ant-btn-dashed.disabled.active>a:only-child,
        .ant-btn-dashed[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-dashed-disabled>a:only-child:after,
        .ant-btn-dashed.disabled>a:only-child:after,
        .ant-btn-dashed[disabled]>a:only-child:after,
        .ant-btn-dashed-disabled:hover>a:only-child:after,
        .ant-btn-dashed.disabled:hover>a:only-child:after,
        .ant-btn-dashed[disabled]:hover>a:only-child:after,
        .ant-btn-dashed-disabled:focus>a:only-child:after,
        .ant-btn-dashed.disabled:focus>a:only-child:after,
        .ant-btn-dashed[disabled]:focus>a:only-child:after,
        .ant-btn-dashed-disabled:active>a:only-child:after,
        .ant-btn-dashed.disabled:active>a:only-child:after,
        .ant-btn-dashed[disabled]:active>a:only-child:after,
        .ant-btn-dashed-disabled.active>a:only-child:after,
        .ant-btn-dashed.disabled.active>a:only-child:after,
        .ant-btn-dashed[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-danger {
            color: #fff;
            background-color: #ff4d4f;
            border-color: #ff4d4f;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
            box-shadow: 0 2px #0000000b
        }

        .ant-btn-danger>a:only-child {
            color: currentColor
        }

        .ant-btn-danger>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-danger:hover,
        .ant-btn-danger:focus {
            color: #fff;
            background-color: #ff7875;
            border-color: #ff7875
        }

        .ant-btn-danger:hover>a:only-child,
        .ant-btn-danger:focus>a:only-child {
            color: currentColor
        }

        .ant-btn-danger:hover>a:only-child:after,
        .ant-btn-danger:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-danger:active,
        .ant-btn-danger.active {
            color: #fff;
            background-color: #d9363e;
            border-color: #d9363e
        }

        .ant-btn-danger:active>a:only-child,
        .ant-btn-danger.active>a:only-child {
            color: currentColor
        }

        .ant-btn-danger:active>a:only-child:after,
        .ant-btn-danger.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-danger-disabled,
        .ant-btn-danger.disabled,
        .ant-btn-danger[disabled],
        .ant-btn-danger-disabled:hover,
        .ant-btn-danger.disabled:hover,
        .ant-btn-danger[disabled]:hover,
        .ant-btn-danger-disabled:focus,
        .ant-btn-danger.disabled:focus,
        .ant-btn-danger[disabled]:focus,
        .ant-btn-danger-disabled:active,
        .ant-btn-danger.disabled:active,
        .ant-btn-danger[disabled]:active,
        .ant-btn-danger-disabled.active,
        .ant-btn-danger.disabled.active,
        .ant-btn-danger[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-danger-disabled>a:only-child,
        .ant-btn-danger.disabled>a:only-child,
        .ant-btn-danger[disabled]>a:only-child,
        .ant-btn-danger-disabled:hover>a:only-child,
        .ant-btn-danger.disabled:hover>a:only-child,
        .ant-btn-danger[disabled]:hover>a:only-child,
        .ant-btn-danger-disabled:focus>a:only-child,
        .ant-btn-danger.disabled:focus>a:only-child,
        .ant-btn-danger[disabled]:focus>a:only-child,
        .ant-btn-danger-disabled:active>a:only-child,
        .ant-btn-danger.disabled:active>a:only-child,
        .ant-btn-danger[disabled]:active>a:only-child,
        .ant-btn-danger-disabled.active>a:only-child,
        .ant-btn-danger.disabled.active>a:only-child,
        .ant-btn-danger[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-danger-disabled>a:only-child:after,
        .ant-btn-danger.disabled>a:only-child:after,
        .ant-btn-danger[disabled]>a:only-child:after,
        .ant-btn-danger-disabled:hover>a:only-child:after,
        .ant-btn-danger.disabled:hover>a:only-child:after,
        .ant-btn-danger[disabled]:hover>a:only-child:after,
        .ant-btn-danger-disabled:focus>a:only-child:after,
        .ant-btn-danger.disabled:focus>a:only-child:after,
        .ant-btn-danger[disabled]:focus>a:only-child:after,
        .ant-btn-danger-disabled:active>a:only-child:after,
        .ant-btn-danger.disabled:active>a:only-child:after,
        .ant-btn-danger[disabled]:active>a:only-child:after,
        .ant-btn-danger-disabled.active>a:only-child:after,
        .ant-btn-danger.disabled.active>a:only-child:after,
        .ant-btn-danger[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-link {
            color: #3c92dc;
            background-color: transparent;
            border-color: transparent;
            box-shadow: none
        }

        .ant-btn-link>a:only-child {
            color: currentColor
        }

        .ant-btn-link>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-link:hover,
        .ant-btn-link:focus {
            color: #64afe8;
            background-color: transparent;
            border-color: #64afe8
        }

        .ant-btn-link:hover>a:only-child,
        .ant-btn-link:focus>a:only-child {
            color: currentColor
        }

        .ant-btn-link:hover>a:only-child:after,
        .ant-btn-link:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-link:active,
        .ant-btn-link.active {
            color: #286eb5;
            background-color: transparent;
            border-color: #286eb5
        }

        .ant-btn-link:active>a:only-child,
        .ant-btn-link.active>a:only-child {
            color: currentColor
        }

        .ant-btn-link:active>a:only-child:after,
        .ant-btn-link.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-link-disabled,
        .ant-btn-link.disabled,
        .ant-btn-link[disabled],
        .ant-btn-link-disabled:hover,
        .ant-btn-link.disabled:hover,
        .ant-btn-link[disabled]:hover,
        .ant-btn-link-disabled:focus,
        .ant-btn-link.disabled:focus,
        .ant-btn-link[disabled]:focus,
        .ant-btn-link-disabled:active,
        .ant-btn-link.disabled:active,
        .ant-btn-link[disabled]:active,
        .ant-btn-link-disabled.active,
        .ant-btn-link.disabled.active,
        .ant-btn-link[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-link:hover,
        .ant-btn-link:focus,
        .ant-btn-link:active {
            border-color: transparent
        }

        .ant-btn-link-disabled,
        .ant-btn-link.disabled,
        .ant-btn-link[disabled],
        .ant-btn-link-disabled:hover,
        .ant-btn-link.disabled:hover,
        .ant-btn-link[disabled]:hover,
        .ant-btn-link-disabled:focus,
        .ant-btn-link.disabled:focus,
        .ant-btn-link[disabled]:focus,
        .ant-btn-link-disabled:active,
        .ant-btn-link.disabled:active,
        .ant-btn-link[disabled]:active,
        .ant-btn-link-disabled.active,
        .ant-btn-link.disabled.active,
        .ant-btn-link[disabled].active {
            color: #00000040;
            background-color: transparent;
            border-color: transparent;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-link-disabled>a:only-child,
        .ant-btn-link.disabled>a:only-child,
        .ant-btn-link[disabled]>a:only-child,
        .ant-btn-link-disabled:hover>a:only-child,
        .ant-btn-link.disabled:hover>a:only-child,
        .ant-btn-link[disabled]:hover>a:only-child,
        .ant-btn-link-disabled:focus>a:only-child,
        .ant-btn-link.disabled:focus>a:only-child,
        .ant-btn-link[disabled]:focus>a:only-child,
        .ant-btn-link-disabled:active>a:only-child,
        .ant-btn-link.disabled:active>a:only-child,
        .ant-btn-link[disabled]:active>a:only-child,
        .ant-btn-link-disabled.active>a:only-child,
        .ant-btn-link.disabled.active>a:only-child,
        .ant-btn-link[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-link-disabled>a:only-child:after,
        .ant-btn-link.disabled>a:only-child:after,
        .ant-btn-link[disabled]>a:only-child:after,
        .ant-btn-link-disabled:hover>a:only-child:after,
        .ant-btn-link.disabled:hover>a:only-child:after,
        .ant-btn-link[disabled]:hover>a:only-child:after,
        .ant-btn-link-disabled:focus>a:only-child:after,
        .ant-btn-link.disabled:focus>a:only-child:after,
        .ant-btn-link[disabled]:focus>a:only-child:after,
        .ant-btn-link-disabled:active>a:only-child:after,
        .ant-btn-link.disabled:active>a:only-child:after,
        .ant-btn-link[disabled]:active>a:only-child:after,
        .ant-btn-link-disabled.active>a:only-child:after,
        .ant-btn-link.disabled.active>a:only-child:after,
        .ant-btn-link[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-icon-only {
            width: 28px;
            height: 28px;
            padding: 0;
            font-size: 14px;
            border-radius: 4px
        }

        .ant-btn-icon-only.ant-btn-lg {
            width: 36px;
            height: 36px;
            padding: 0;
            font-size: 16px;
            border-radius: 4px
        }

        .ant-btn-icon-only.ant-btn-sm {
            width: 22px;
            height: 22px;
            padding: 0;
            font-size: 12px;
            border-radius: 4px
        }

        .ant-btn-icon-only>i {
            vertical-align: middle
        }

        .ant-btn-round {
            height: 28px;
            padding: 0 14px;
            font-size: 12px;
            border-radius: 28px
        }

        .ant-btn-round.ant-btn-lg {
            height: 36px;
            padding: 0 18px;
            font-size: 14px;
            border-radius: 36px
        }

        .ant-btn-round.ant-btn-sm {
            height: 22px;
            padding: 0 11px;
            font-size: 12px;
            border-radius: 22px
        }

        .ant-btn-round.ant-btn-icon-only {
            width: auto
        }

        .ant-btn-circle,
        .ant-btn-circle-outline {
            min-width: 28px;
            padding-right: 0;
            padding-left: 0;
            text-align: center;
            border-radius: 50%
        }

        .ant-btn-circle.ant-btn-lg,
        .ant-btn-circle-outline.ant-btn-lg {
            min-width: 36px;
            border-radius: 50%
        }

        .ant-btn-circle.ant-btn-sm,
        .ant-btn-circle-outline.ant-btn-sm {
            min-width: 22px;
            border-radius: 50%
        }

        .ant-btn:before {
            position: absolute;
            top: -1px;
            right: -1px;
            bottom: -1px;
            left: -1px;
            z-index: 1;
            display: none;
            background: #fff;
            border-radius: inherit;
            opacity: .35;
            transition: opacity .2s;
            content: "";
            pointer-events: none
        }

        .ant-btn .anticon {
            transition: margin-left .3s cubic-bezier(.645, .045, .355, 1)
        }

        .ant-btn .anticon.anticon-plus>svg,
        .ant-btn .anticon.anticon-minus>svg {
            shape-rendering: optimizeSpeed
        }

        .ant-btn.ant-btn-loading {
            position: relative
        }

        .ant-btn.ant-btn-loading:not([disabled]) {
            pointer-events: none
        }

        .ant-btn.ant-btn-loading:before {
            display: block
        }

        .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
            padding-left: 29px
        }

        .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
            margin-left: -14px
        }

        .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
            padding-left: 24px
        }

        .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
            margin-left: -17px
        }

        .ant-btn-group {
            position: relative;
            display: inline-block
        }

        .ant-btn-group>.ant-btn,
        .ant-btn-group>span>.ant-btn {
            position: relative
        }

        .ant-btn-group>.ant-btn:hover,
        .ant-btn-group>span>.ant-btn:hover,
        .ant-btn-group>.ant-btn:focus,
        .ant-btn-group>span>.ant-btn:focus,
        .ant-btn-group>.ant-btn:active,
        .ant-btn-group>span>.ant-btn:active,
        .ant-btn-group>.ant-btn.active,
        .ant-btn-group>span>.ant-btn.active {
            z-index: 2
        }

        .ant-btn-group>.ant-btn:disabled,
        .ant-btn-group>span>.ant-btn:disabled {
            z-index: 0
        }

        .ant-btn-group>.ant-btn-icon-only {
            font-size: 12px
        }

        .ant-btn-group-lg>.ant-btn,
        .ant-btn-group-lg>span>.ant-btn {
            height: 36px;
            padding: 0 15px;
            font-size: 14px;
            border-radius: 0;
            line-height: 34px
        }

        .ant-btn-group-lg>.ant-btn.ant-btn-icon-only {
            width: 36px;
            height: 36px;
            padding-right: 0;
            padding-left: 0
        }

        .ant-btn-group-sm>.ant-btn,
        .ant-btn-group-sm>span>.ant-btn {
            height: 22px;
            padding: 0 7px;
            font-size: 12px;
            border-radius: 0;
            line-height: 20px
        }

        .ant-btn-group-sm>.ant-btn>.anticon,
        .ant-btn-group-sm>span>.ant-btn>.anticon {
            font-size: 12px
        }

        .ant-btn-group-sm>.ant-btn.ant-btn-icon-only {
            width: 22px;
            height: 22px;
            padding-right: 0;
            padding-left: 0
        }

        .ant-btn-group .ant-btn+.ant-btn,
        .ant-btn+.ant-btn-group,
        .ant-btn-group span+.ant-btn,
        .ant-btn-group .ant-btn+span,
        .ant-btn-group>span+span,
        .ant-btn-group+.ant-btn,
        .ant-btn-group+.ant-btn-group {
            margin-left: -1px
        }

        .ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
            border-left-color: transparent
        }

        .ant-btn-group .ant-btn {
            border-radius: 0
        }

        .ant-btn-group>.ant-btn:first-child,
        .ant-btn-group>span:first-child>.ant-btn {
            margin-left: 0
        }

        .ant-btn-group>.ant-btn:only-child {
            border-radius: 4px
        }

        .ant-btn-group>span:only-child>.ant-btn {
            border-radius: 4px
        }

        .ant-btn-group>.ant-btn:first-child:not(:last-child),
        .ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .ant-btn-group>.ant-btn:last-child:not(:first-child),
        .ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .ant-btn-group-sm>.ant-btn:only-child {
            border-radius: 4px
        }

        .ant-btn-group-sm>span:only-child>.ant-btn {
            border-radius: 4px
        }

        .ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
        .ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
        .ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .ant-btn-group>.ant-btn-group {
            float: left
        }

        .ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
            border-radius: 0
        }

        .ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
            padding-right: 8px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
            padding-left: 8px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .ant-btn:focus>span,
        .ant-btn:active>span {
            position: relative
        }

        .ant-btn>.anticon+span,
        .ant-btn>span+.anticon {
            margin-left: 8px
        }

        .ant-btn-background-ghost {
            color: #fff;
            background: transparent !important;
            border-color: #fff
        }

        .ant-btn-background-ghost.ant-btn-primary {
            color: #3c92dc;
            background-color: transparent;
            border-color: #3c92dc;
            text-shadow: none
        }

        .ant-btn-background-ghost.ant-btn-primary>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-primary:hover,
        .ant-btn-background-ghost.ant-btn-primary:focus {
            color: #64afe8;
            background-color: transparent;
            border-color: #64afe8
        }

        .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-primary:active,
        .ant-btn-background-ghost.ant-btn-primary.active {
            color: #286eb5;
            background-color: transparent;
            border-color: #286eb5
        }

        .ant-btn-background-ghost.ant-btn-primary:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary.active>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-primary-disabled,
        .ant-btn-background-ghost.ant-btn-primary.disabled,
        .ant-btn-background-ghost.ant-btn-primary[disabled],
        .ant-btn-background-ghost.ant-btn-primary-disabled:hover,
        .ant-btn-background-ghost.ant-btn-primary.disabled:hover,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
        .ant-btn-background-ghost.ant-btn-primary-disabled:focus,
        .ant-btn-background-ghost.ant-btn-primary.disabled:focus,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
        .ant-btn-background-ghost.ant-btn-primary-disabled:active,
        .ant-btn-background-ghost.ant-btn-primary.disabled:active,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:active,
        .ant-btn-background-ghost.ant-btn-primary-disabled.active,
        .ant-btn-background-ghost.ant-btn-primary.disabled.active,
        .ant-btn-background-ghost.ant-btn-primary[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-danger {
            color: #ff4d4f;
            background-color: transparent;
            border-color: #ff4d4f;
            text-shadow: none
        }

        .ant-btn-background-ghost.ant-btn-danger>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-danger:hover,
        .ant-btn-background-ghost.ant-btn-danger:focus {
            color: #ff7875;
            background-color: transparent;
            border-color: #ff7875
        }

        .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-danger:active,
        .ant-btn-background-ghost.ant-btn-danger.active {
            color: #d9363e;
            background-color: transparent;
            border-color: #d9363e
        }

        .ant-btn-background-ghost.ant-btn-danger:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger.active>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-danger-disabled,
        .ant-btn-background-ghost.ant-btn-danger.disabled,
        .ant-btn-background-ghost.ant-btn-danger[disabled],
        .ant-btn-background-ghost.ant-btn-danger-disabled:hover,
        .ant-btn-background-ghost.ant-btn-danger.disabled:hover,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
        .ant-btn-background-ghost.ant-btn-danger-disabled:focus,
        .ant-btn-background-ghost.ant-btn-danger.disabled:focus,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
        .ant-btn-background-ghost.ant-btn-danger-disabled:active,
        .ant-btn-background-ghost.ant-btn-danger.disabled:active,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:active,
        .ant-btn-background-ghost.ant-btn-danger-disabled.active,
        .ant-btn-background-ghost.ant-btn-danger.disabled.active,
        .ant-btn-background-ghost.ant-btn-danger[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-link {
            color: #3c92dc;
            background-color: transparent;
            border-color: transparent;
            text-shadow: none;
            color: #fff
        }

        .ant-btn-background-ghost.ant-btn-link>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-link>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-link:hover,
        .ant-btn-background-ghost.ant-btn-link:focus {
            color: #64afe8;
            background-color: transparent;
            border-color: transparent
        }

        .ant-btn-background-ghost.ant-btn-link:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-link:focus>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-link:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link:focus>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-link:active,
        .ant-btn-background-ghost.ant-btn-link.active {
            color: #286eb5;
            background-color: transparent;
            border-color: transparent
        }

        .ant-btn-background-ghost.ant-btn-link:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-link.active>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-link:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link.active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-background-ghost.ant-btn-link-disabled,
        .ant-btn-background-ghost.ant-btn-link.disabled,
        .ant-btn-background-ghost.ant-btn-link[disabled],
        .ant-btn-background-ghost.ant-btn-link-disabled:hover,
        .ant-btn-background-ghost.ant-btn-link.disabled:hover,
        .ant-btn-background-ghost.ant-btn-link[disabled]:hover,
        .ant-btn-background-ghost.ant-btn-link-disabled:focus,
        .ant-btn-background-ghost.ant-btn-link.disabled:focus,
        .ant-btn-background-ghost.ant-btn-link[disabled]:focus,
        .ant-btn-background-ghost.ant-btn-link-disabled:active,
        .ant-btn-background-ghost.ant-btn-link.disabled:active,
        .ant-btn-background-ghost.ant-btn-link[disabled]:active,
        .ant-btn-background-ghost.ant-btn-link-disabled.active,
        .ant-btn-background-ghost.ant-btn-link.disabled.active,
        .ant-btn-background-ghost.ant-btn-link[disabled].active {
            color: #00000040;
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            text-shadow: none;
            box-shadow: none
        }

        .ant-btn-background-ghost.ant-btn-link-disabled>a:only-child,
        .ant-btn-background-ghost.ant-btn-link.disabled>a:only-child,
        .ant-btn-background-ghost.ant-btn-link[disabled]>a:only-child,
        .ant-btn-background-ghost.ant-btn-link-disabled:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-link.disabled:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-link[disabled]:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-link-disabled:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-link.disabled:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-link[disabled]:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-link-disabled:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-link.disabled:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-link[disabled]:active>a:only-child,
        .ant-btn-background-ghost.ant-btn-link-disabled.active>a:only-child,
        .ant-btn-background-ghost.ant-btn-link.disabled.active>a:only-child,
        .ant-btn-background-ghost.ant-btn-link[disabled].active>a:only-child {
            color: currentColor
        }

        .ant-btn-background-ghost.ant-btn-link-disabled>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link.disabled>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link[disabled]>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link-disabled:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link.disabled:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link[disabled]:hover>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link-disabled:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link.disabled:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link[disabled]:focus>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link-disabled:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link.disabled:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link[disabled]:active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link-disabled.active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link.disabled.active>a:only-child:after,
        .ant-btn-background-ghost.ant-btn-link[disabled].active>a:only-child:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: ""
        }

        .ant-btn-two-chinese-chars:first-letter {
            letter-spacing: .34em
        }

        .ant-btn-two-chinese-chars>*:not(.anticon) {
            margin-right: -.34em;
            letter-spacing: .34em
        }

        .ant-btn-block {
            width: 100%
        }

        .ant-btn:empty {
            vertical-align: top
        }

        a.ant-btn {
            padding-top: .1px;
            line-height: 26px
        }

        a.ant-btn-lg {
            line-height: 34px
        }

        a.ant-btn-sm {
            line-height: 20px
        }

        ._loadingComponent_12e3n_1,
        ._errorComponent_12e3n_2 {
            display: inline-block;
            height: 1em;
            width: 1em
        }

        ._errorComponent_12e3n_2 {
            line-height: 1em;
            vertical-align: middle;
            text-align: center
        }

        .retool-icon-clickable {
            cursor: pointer
        }

        @keyframes spin {
            0% {
                transform: rotate(0)
            }

            to {
                transform: rotate(360deg)
            }
        }

        .spinner {
            animation: infinite 1s linear spin
        }

        .cm-s-summerfruit {
            font-size: 1em;
            font-family: var(--monospace);
            letter-spacing: .3px;
            background: var(--background-surface);
            color: #181818
        }

        .cm-s-summerfruit .CodeMirror-gutters {
            z-index: 3;
            border: none;
            background: #f6f9fc
        }

        .cm-s-summerfruit .CodeMirror-linenumber {
            color: #8898aa
        }

        .cm-s-summerfruit div.CodeMirror-cursor {
            border-left: 1px solid #181818
        }

        .cm-s-summerfruit .CodeMirror-activeline-background {
            background: #ffffff0d
        }

        .cm-s-summerfruit .CodeMirror-selected {
            background: #b7dce8
        }

        .cm-s-summerfruit .cm-comment {
            color: #91a2b0
        }

        .cm-s-summerfruit .cm-keyword {
            color: #5c65c1
        }

        .cm-s-summerfruit .cm-string {
            color: #159570
        }

        .cm-s-summerfruit .cm-variable-2 {
            color: #f92672
        }

        .cm-s-summerfruit .cm-number,
        .cm-s-summerfruit .cm-operator {
            color: #fb6620
        }

        .cm-s-summerfruit .cm-tag:not(.cm-bracket) {
            color: #da1225
        }

        .cm-s-summerfruit .cm-attribute {
            font-style: italic;
            color: #e36209
        }

        .retool-modal--empty .ant-modal-confirm-btns {
            display: none
        }

        .retool-modal--empty .ant-modal-confirm-content {
            margin-left: 0
        }

        .retool-modal .ant-modal-content {
            padding: 20px;
            border-radius: 8px;
            font-family: var(--sans-serif)
        }

        .retool-modal .ant-modal-title,
        .retool-modal .ant-confirm-title {
            font-family: var(--sans-serif);
            font-size: 20px
        }

        .retool-modal .ant-modal-body {
            font-family: var(--sans-serif);
            padding: 0
        }

        .retool-modal .ant-modal-header {
            border-bottom: none;
            padding: 0
        }

        .retool-modal .ant-modal-footer,
        .retool-modal .ant-confirm-btns {
            padding: 20px 0 0;
            margin: 10px 0 0
        }

        .retool-modal .ant-confirm-btns {
            width: 100%;
            border-top: 1px solid #e8e8e8;
            display: flex;
            justify-content: flex-end
        }

        .retool-modal .ant-confirm-btns button {
            height: 41px;
            font-size: 18px;
            padding: 0 22px;
            margin-left: 15px !important
        }

        .retool-modal .ant-modal-close-x {
            margin-top: 20px;
            margin-right: 20px;
            font-size: 20px
        }

        .retool-modal .ant-confirm-content {
            margin: 20px 0;
            font-size: 14px
        }

        .retool-modal .anticon.anticon-question-circle {
            display: none
        }

        .ant-modal-confirm-body-wrapper .ant-modal-confirm-content {
            margin-left: 0 !important
        }