@import url(https://use.typekit.net/gms8lqn.css);
@import url(https://use.typekit.net/gms8lqn.css);
@import url(https://use.typekit.net/gms8lqn.css);
@import url(https://use.typekit.net/gms8lqn.css);
@import url(https://p.typekit.net/p.css?s=1&k=dft6ger&ht=tk&f=24561.24562.24571.24572.28747.28752.28755.28762&a=86116339&app=typekit&e=css);
@import url(https://use.typekit.net/qyg4whx.css);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
.ar-drive-popover .ant-popover-inner {
  background-color: transparent;
}
.ar-drive-popover .ant-popover-inner .ant-popover-inner-content {
  background: #011638;
  box-shadow: 0px 1px 2px rgba(48, 60, 110, 0.1);
  border-radius: 4px;
  padding: 8px 12px;
}
.ar-drive-popover.toggle-no-word-wrap {
  white-space: nowrap;
}
.ar-drive-popover.ant-popover.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ar-drive-popover.ant-popover.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  border-top-color: #011638;
  border-right-color: #011638;
  border-bottom-color: #011638;
  border-left-color: #011638;
}
.ar-drive-popover.ant-popover.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.ar-drive-popover.ant-popover.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before {
  background: #011638;
}
.ar-drive-popover .popover-inline-flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ar-drive-popover .popover-inline-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ar-drive-popover .popover-inline-flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ar-drive-popover div {
  color: #F2F2F6;
  font-size: 12px;
}
.ar-drive-popover div.bold-text {
  font-weight: 700;
}
.ar-drive-popover div.popover-divider {
  border-top: 1px solid white;
  height: 0px;
  margin: 5px 0;
}

.drive-sider-menu-drawer.ant-drawer-left {
  top: 116px;
  height: calc(100% - 116px);
}
.drive-sider-menu-drawer .ant-drawer-content {
  background-color: #011638;
}
.drive-sider-menu-drawer .drive-menu-drawer-back {
  position: absolute;
  bottom: 24px;
  left: 25px;
  width: calc(100% - 48px);
}
.drive-sider-menu-drawer .drive-menu-drawer-back:hover .drawer-back-text {
  color: #CAD8FC;
}
.drive-sider-menu-drawer .drive-menu-drawer-back .drive-menu-drawer-back-flex {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  cursor: pointer;
  padding: 16px 0;
}
.drive-sider-menu-drawer .drive-menu-drawer-back .drawer-back-text {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.drive-navigation-menu.drive-navigation-settings-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  background-color: #011638;
  width: calc(100%);
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-item {
  position: relative;
  border-radius: 4px;
  padding: 8px;
  padding-left: 8px !important;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 40px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  transition-duration: 20ms;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-item a {
  color: white;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-item.ant-menu-item-selected {
  background: #324166;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-item.ant-menu-item-selected > svg {
  stroke: #FFF;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-item:not(.ant-menu-item-selected):hover {
  background: #182750;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-item:not(.ant-menu-item-selected):hover > svg {
  stroke: #FFF;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-item .ant-menu-title-content {
  margin-left: 0px;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu {
  padding: 0px;
  margin: 0px;
  width: 100%;
  background: #011638;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-item.ant-menu-item-selected {
  background: #324166;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-item.ant-menu-item-selected > svg {
  stroke: #FFF;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-submenu-title {
  border-radius: 4px;
  height: 40px;
  padding: 8px;
  padding-left: 8px !important;
  margin: 0px;
  line-height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  color: white;
  font-size: 14px;
  font-weight: 400;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-item.ant-menu-item-selected {
  background: #324166;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-item.ant-menu-item-selected > svg {
  stroke: #FFF;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-submenu-title:hover {
  background: #182750;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-submenu-title:hover > svg {
  stroke: #FFF;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: 6px;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-submenu-title > span {
  margin-left: 0px;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu.ant-menu-sub.ant-menu-inline {
  background: #011638;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu a {
  color: white;
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-item {
  background: #011638;
  margin-left: 36px;
  margin-bottom: 0px;
  width: calc(100% - 36px);
}
.drive-navigation-menu.drive-navigation-settings-menu .ant-menu-submenu .ant-menu-item a {
  font-size: 14px;
  font-weight: 400;
  color: #CAD8FC;
}

.drive-sider-v2 {
  left: 0px;
  top: 0px;
  height: 100%;
  position: fixed;
  background: #011638;
  overflow-y: auto;
  z-index: 3;
  overflow: visible;
}
.drive-sider-v2.ant-layout-sider {
  background: #011638;
  position: fixed;
}
.drive-sider-v2 .drive-sider-content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* .drive-navigation-top-menu {
            height: calc(100vh - 258px);
            overflow-y: auto;
        } */
}
.drive-sider-v2 .drive-sider-content .menu-top-content-section {
  width: calc(100% - 32px);
  display: flex;
  min-height: 106px;
}
.drive-sider-v2 .drive-sider-content .multi-menu-wrapper {
  width: calc(100%);
  height: calc(100vh - 188px);
  margin-top: 10px;
  padding: 0px 16px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  background-color: #011638;
  width: calc(100%);
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item.hide-on-collapse,
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu.hide-on-collapse .ant-menu-submenu-title {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0px;
  overflow: visible;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .hide-on-collapse span.show-on-collapsed {
  display: block !important;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .hide-on-collapse span.hide-on-collapsed,
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .hide-on-collapse .ant-menu-submenu-title > span,
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .hide-on-collapse .ant-menu-title-content,
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .hide-on-collapse > span > span,
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .hide-on-collapse > span a span {
  display: none;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item {
  position: relative;
  border-radius: 4px;
  padding: 8px;
  padding-left: 8px !important;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 40px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  transition-duration: 20ms;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item svg.ant-menu-item-icon {
  margin-right: 0px;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item a {
  color: white;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item.ant-menu-item-selected {
  background: #324166;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item.ant-menu-item-selected > svg {
  stroke: #FFF;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item:not(.ant-menu-item-selected):hover {
  background: #182750;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item:not(.ant-menu-item-selected):hover > svg {
  stroke: #FFF;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-item .ant-menu-title-content {
  margin-left: 0px;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu {
  padding: 0px;
  margin: 0px;
  width: 100%;
  background: #011638;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-item.ant-menu-item-selected {
  background: #324166;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-item.ant-menu-item-selected > svg {
  stroke: #FFF;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-submenu-title {
  border-radius: 4px;
  height: 40px;
  padding: 8px;
  padding-left: 8px !important;
  margin: 0px;
  line-height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  color: white;
  font-size: 14px;
  font-weight: 400;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-item.ant-menu-item-selected {
  background: #324166;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-item.ant-menu-item-selected > svg {
  stroke: #FFF;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-submenu-title:hover {
  background: #182750;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-submenu-title:hover > svg {
  stroke: #FFF;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: 6px;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-submenu-title > span {
  margin-left: 0px;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu.ant-menu-sub.ant-menu-inline {
  background: #011638;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu a {
  color: white;
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-item {
  background: #011638;
  margin-left: 36px;
  width: calc(100% - 36px);
}
.drive-sider-v2 .drive-sider-content .drive-navigation-menu .ant-menu-submenu .ant-menu-item a {
  font-size: 14px;
  font-weight: 400;
  color: #CAD8FC;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper {
  position: absolute;
  width: calc(100%);
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown {
  margin: 0px 0px;
  padding: 0px 16px;
  height: 56px;
  border-top: 1px solid #113570;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #011638;
  bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown:hover {
  color: #ffffff;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown:hover .icon-dots-wrapper {
  background-color: #182750;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown.ant-dropdown-open {
  background: #FFFFFF;
  color: #011638;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 58px;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown.ant-dropdown-open:hover {
  background: #E6F0FC;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown .user-profile-icon {
  margin-left: 8px;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown .user-profile-icon > svg {
  width: 100%;
  height: 100%;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown .drive-menu-dropdown-value {
  flex: 1;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 125px;
  overflow: hidden;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown .drive-menu-dropdown-value .ant-popover-open {
  width: 100%;
  display: inline-block;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown .icon-dots-flex-position {
  margin-left: auto;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown .icon-dots-wrapper {
  border-radius: 8px;
  padding: 8px;
  margin: -8px;
  height: 40px;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown .icon-dots-rotate {
  transition: all 0.2s linear;
  transform: rotate(0deg);
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown.ant-dropdown-open .icon-dots-wrapper {
  background-color: #F2F7FD;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .drive-menu-dropdown.ant-dropdown-open .icon-dots-rotate {
  transform: rotate(90deg);
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .bottom-menu-collapsed .drive-menu-dropdown {
  justify-content: center;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .bottom-menu-collapsed .hide-on-collapse {
  justify-content: center;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .bottom-menu-collapsed .hide-on-collapse svg {
  margin-left: 0px;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .bottom-menu-collapsed .hide-on-collapse span {
  display: none;
}
.drive-sider-v2 .drive-sider-content .drive-menu-bottom-wrapper .collapsed-bottom-menu-profile {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  border-radius: 184px;
  background: #0166DF;
  font-size: 12px;
}
.drive-sider-v2.drive-sidebar-v2-collapsed .menu-top-content-section {
  display: flex;
  align-items: center;
}
.drive-sider-v2 .collapsableIcon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 92px;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background: var(--white-white-100, #fff);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.13);
  cursor: pointer;
  border: 1px solid #ddd;
  display: none;
}
.drive-sider-v2:not(.drawer-open) .ant-layout-sider-children {
  margin-right: -8px;
  padding-right: 8px;
}
.drive-sider-v2:not(.drawer-open) .ant-layout-sider-children:hover .collapsableIcon {
  display: flex;
}
.ant-menu-inline-collapsed-tooltip .ant-tooltip-inner {
  border-radius: 4px;
  background: #233052;
  box-shadow: 0px 1px 2px 0px rgba(48, 60, 110, 0.1);
  color: #F2F2F6;
}
.ant-menu-inline-collapsed-tooltip.ant-tooltip-placement-right .ant-tooltip-arrow-content {
  background: #233052;
}
.drive-menu-submenu-popup {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-radius: 12px;
  background: #233052;
}
.drive-menu-submenu-popup .ant-menu.ant-menu-sub.ant-menu-vertical {
  width: 248px;
  padding: 12px;
  border-radius: 12px;
}
.drive-menu-submenu-popup .ant-menu.ant-menu-sub.ant-menu-vertical .ant-menu-item {
  border-radius: 4px;
}
.drive-menu-submenu-popup .ant-menu.ant-menu-sub.ant-menu-vertical .ant-menu-item-selected {
  background: #324166;
}
.drive-menu-submenu-popup .ant-menu.ant-menu-sub.ant-menu-vertical .ant-menu-item-active {
  background: #182750;
}
.drive-menu-submenu-popup.ant-menu.ant-menu-dark .ant-menu-sub {
  background: #233052;
}
.drive-menu-submenu-popup .ant-menu-vertical.ant-menu-sub .ant-menu-item {
  height: 32px;
}
.drive-menu-overlay-v2 .ant-dropdown-menu {
  position: relative;
  left: 0px;
  border-bottom: 1px solid #D9DCE1;
  width: calc(100%);
  border-radius: 8px 8px 0 0;
  box-shadow: none;
  top: 6px;
  padding: 8px 16px;
}
.drive-menu-overlay-v2 .drive-dropdown-menu-item {
  height: 40px;
  /*  padding: 0px 10px;
        margin: 6px 8px 0 8px; */
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0;
  position: relative;
}
.drive-menu-overlay-v2 .drive-dropdown-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.drive-menu-overlay-v2 .drive-dropdown-menu-item:hover {
  background: #E6F0FC;
}
.drive-menu-overlay-v2 .drive-dropdown-menu-item > svg {
  margin-left: 8px;
}
.drive-menu-overlay-v2 .drive-dropdown-menu-item > span {
  margin-left: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.01em;
  color: #011638;
  width: 100%;
}
.drive-menu-overlay-v2 .drive-dropdown-menu-item > span > a {
  color: #011638;
}
.drive-menu-bottom-content .ant-menu:not(.ant-menu-inline-collapsed) ul.ant-menu > li.ant-menu-item > span {
  width: 100%;
}

.drive-input-base-container {
  position: relative;
}
.drive-input-base {
  display: grid;
  width: 100%;
  align-items: center;
  gap: 0.375rem;
}
.drive-input-label {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  color: #485870;
}
.drive-input-label .input-label-left-margin {
  margin-left: 10px;
}
.drive-input-label .input-right-label {
  float: right;
  width: initial;
  margin-bottom: 5px;
}
.drive-input-base-description {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #677388;
}
.drive-input-base-description .input-description-left-margin {
  margin-left: 10px;
}
.drive-input-base-description .input-right-description {
  text-align: right;
  margin-top: 5px;
  width: 100%;
}
.drive-input-base-error {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1rem;
  color: #E53A40;
}
.drive-input-base.has-error .ant-input.drive-input,
.drive-input-base.has-error .ant-select.drive-select .ant-select-selector {
  border-color: #E53A40;
}

.drive-input {
  background: #fff;
  box-sizing: border-box;
  height: 32px;
  font-size: 14px;
  color: #011638;
  padding-top: 0px;
  padding-bottom: 0px;
}
.drive-input.ant-input-affix-wrapper {
  border-radius: 8px;
}
.drive-input.ant-input-affix-wrapper .ant-input {
  font-size: 14px;
  color: #011638;
}
.drive-input.ant-input-affix-wrapper-disabled {
  background-color: #f5f5f5;
}
.drive-input.ant-input {
  background: #fff;
  box-sizing: border-box;
  height: 32px;
  font-size: 14px;
  border-radius: 8px;
  color: #011638;
}
.drive-input.ant-input.ant-input-disabled {
  color: #99A2AF;
  background-color: #ECEEF0;
}
.drive-input.ant-input::-moz-placeholder {
  color: #9A9A9A;
  font-weight: 400;
}
.drive-input.ant-input::placeholder {
  color: #9A9A9A;
  font-weight: 400;
}
.drive-input.ant-input-disabled {
  color: #99A2AF;
}
.drive-input.drive-input-size-large {
  height: 54px;
  line-height: 52px;
  font-size: 16px;
}
.drive-input.drive-input-size-medium {
  height: 40px;
  line-height: 38px;
  font-size: 14px;
}
.drive-input.drive-input-size-small {
  height: 32px;
  padding: 0 7px;
  line-height: 30px;
  font-size: 12px;
}
.drive-input.drive-input-size-tiny {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
  font-size: 12px;
}
.drive-input .ant-select-borderless {
  font-size: 24px;
  font-weight: bold;
  height: 32px;
}
.drive-input .ant-select-borderless .ant-select-selector {
  font-size: 24px;
  font-weight: bold;
  height: 32px;
}
.drive-input .ant-select-borderless .ant-select-selector .ant-select-selection-item {
  line-height: 30px;
}
.drive-input .ant-select-borderless .ant-select-selection-placeholder {
  font-size: 24px;
  line-height: 30px;
}
/* Start of styles for drive-input-number.   */
.drive-input-number.ant-input-number {
  background: #fff;
  box-sizing: border-box;
  height: 32px;
  font-size: 14px;
  color: #011638;
  padding-top: 0px;
  padding-bottom: 0px;
}
.drive-input-number.ant-input-number .ant-input-number-handler-wrap {
  border-radius: 0 8px 8px 0;
}
.drive-input-number.ant-input-number.ant-input-number-input-wrap {
  border-radius: 8px;
}
.drive-input-number.ant-input-number.ant-input-number-input-wrap .ant-input {
  font-size: 14px;
  color: #011638;
}
.drive-input-number.ant-input-number.ant-input-number {
  background: #fff;
  box-sizing: border-box;
  height: 32px;
  font-size: 14px;
  border-radius: 8px;
  color: #011638;
}
.drive-input-number.ant-input-number.ant-input-number.ant-input-disabled {
  color: #99A2AF;
  background-color: #ECEEF0;
}
.drive-input-number.ant-input-number.ant-input-number::-moz-placeholder {
  color: #9A9A9A;
  font-weight: 400;
}
.drive-input-number.ant-input-number.ant-input-number::placeholder {
  color: #9A9A9A;
  font-weight: 400;
}
.drive-input-number.ant-input-number.ant-input-disabled {
  color: #99A2AF;
}
.drive-input-number.ant-input-number.drive-input-size-large {
  height: 54px;
  line-height: 52px;
  font-size: 16px;
}
.drive-input-number.ant-input-number.drive-input-size-medium {
  height: 40px;
  line-height: 38px;
  font-size: 14px;
}
.drive-input-number.ant-input-number.drive-input-size-small {
  height: 32px;
  padding: 0 7px;
  line-height: 30px;
  font-size: 12px;
}
.drive-input-number.ant-input-number.drive-input-size-tiny {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
  font-size: 12px;
}
.drive-input-number .ant-input-number-group-addon {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
/* End of styles for drive input number */
.drive-input-icon {
  /* background: #fff; */
  box-sizing: border-box;
  font-size: 14px;
  color: #011638;
  padding-top: 0px;
  padding-bottom: 0px;
}
.drive-input-icon.ant-input-disabled {
  color: #99A2AF;
  background-color: #ECEEF0;
}
.drive-input-icon .ant-input::-moz-placeholder {
  color: #9A9A9A;
  font-weight: 400;
}
.drive-input-icon .ant-input::placeholder {
  color: #9A9A9A;
  font-weight: 400;
}
.drive-input-icon .ant-input-prefix {
  margin-right: 10px;
}
.drive-input-icon .ant-input-suffix {
  margin-left: 10px;
}
.drive-input-icon.drive-input-icon-size-large .ant-input-affix-wrapper {
  height: 54px;
  border-radius: 8px;
}
.drive-input-icon.drive-input-icon-size-large .ant-input-affix-wrapper .ant-input-prefix svg,
.drive-input-icon.drive-input-icon-size-large .ant-input-affix-wrapper .ant-input-suffix svg {
  transform: scale(1.2);
}
.drive-input-icon.drive-input-icon-size-large .ant-input-affix-wrapper .ant-input {
  line-height: 52px;
  font-size: 16px;
}
.drive-input-icon.drive-input-icon-size-medium .ant-input-affix-wrapper {
  height: 40px;
  border-radius: 8px;
}
.drive-input-icon.drive-input-icon-size-medium .ant-input-affix-wrapper .ant-input-prefix svg,
.drive-input-icon.drive-input-icon-size-medium .ant-input-affix-wrapper .ant-input-suffix svg {
  transform: scale(1.2);
}
.drive-input-icon.drive-input-icon-size-medium .ant-input-affix-wrapper .ant-input {
  line-height: 38px;
  font-size: 14px;
}
.drive-input-icon.drive-input-icon-size-small .ant-input-affix-wrapper {
  height: 32px;
  border-radius: 8px;
}
.drive-input-icon.drive-input-icon-size-small .ant-input-affix-wrapper .ant-input-prefix svg,
.drive-input-icon.drive-input-icon-size-small .ant-input-affix-wrapper .ant-input-suffix svg {
  transform: scale(1);
}
.drive-input-icon.drive-input-icon-size-small .ant-input-affix-wrapper .ant-input {
  line-height: 30px;
  font-size: 12px;
}

.onboarding-popover .ant-popover-inner {
  background-color: transparent;
}
.onboarding-popover .ant-popover-inner .ant-popover-inner-content {
  background: #0166DF;
  box-shadow: 0px 1px 2px rgba(48, 60, 110, 0.1);
  border-radius: 8px;
  padding: 16px;
  color: white;
  overflow: hidden;
}
.onboarding-popover .ant-popover-inner .ant-popover-inner-content .op-header {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.onboarding-popover .ant-popover-inner .ant-popover-inner-content .op-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.onboarding-popover .ant-popover-inner .ant-popover-inner-content .op-underline-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-decoration-line: underline;
  cursor: pointer;
}
.onboarding-popover .ant-popover-inner .ant-popover-inner-content .op-button {
  background: #E6F0FC;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #011638;
  padding: 8px 10px;
  cursor: pointer;
}
.onboarding-popover.ant-popover.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.onboarding-popover.ant-popover.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.onboarding-popover.ant-popover.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow,
.onboarding-popover.ant-popover.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  border-top-color: #0166DF;
  border-right-color: #0166DF;
  border-bottom-color: #0166DF;
  border-left-color: #0166DF;
  width: 18px;
  height: 18px;
  border-width: 9px;
}
.onboarding-popover.ant-popover.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  bottom: 2px;
}
.onboarding-popover.ant-popover.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  top: 2px;
}
.onboarding-popover.ant-popover.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.onboarding-popover.ant-popover.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.onboarding-popover.ant-popover.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before,
.onboarding-popover.ant-popover.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow .ant-popover-arrow-content::before {
  background: #0166DF;
}
.onboarding-popover.ant-popover.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  border-color: #0166DF;
}
.onboarding-popover.toggle-no-word-wrap {
  white-space: nowrap;
}
.onboarding-popover.onboarding-menu-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 12px;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.onboarding-popover .onboarding-controls {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  color: var(--white-white-100, #FFF);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.onboarding-popover .onboarding-controls > div {
  cursor: pointer;
}
.onboarding-popover .onboarding-controls .onboarding-click-area {
  margin: -4px;
  padding: 4px;
}
.onboarding-popover.popover-fixed-position {
  position: fixed;
}

.drive-message {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #011638;
}
.drive-message .ant-message-notice-content {
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #CCD0D7;
  padding: 12px 16px;
  box-shadow: none;
}
.drive-message .ant-message-notice-content .ant-message-custom-content {
  display: flex;
  justify-content: stretch;
  align-items: center;
  gap: 16px;
}
.drive-message.drive-message-success .ant-message-notice-content {
  border: 1px solid rgba(57, 187, 101, 0.3);
}
.drive-message.drive-message-error .ant-message-notice-content {
  border: 1px solid rgba(229, 58, 64, 0.3);
}
.drive-message.drive-message-warning .ant-message-notice-content {
  border: 1px solid rgba(241, 190, 58, 0.3);
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub-menu-number-details {
  display: flex;
  height: 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: rgba(69, 121, 255, 0.13);
  color: #FFF;
  font-size: 10px;
  font-weight: 600;
  padding: 6px;
}
.sub-menu-number-details.notifications-number-details {
  background: #F04438;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.show-on-collapsed .sub-menu-number-details.notifications-number-details {
  background: #F04438;
  padding: 0px 2px;
  height: 16px;
}
.ant-menu-inline-collapsed-tooltip .hide-menu-number-on-collapsed {
  display: none;
}
.menu-new-button {
  display: inline-block;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: #FFFFFF;
  padding: 4px 10px;
  background: #0166DF;
  border-radius: 10px;
  height: 20px;
  margin-left: 8px;
}
.early-access-popover {
  border-radius: 12px;
  box-shadow: -36px 4px 126px 0px #0000004D;
  filter: drop-shadow(-36px 4px 126px rgba(0, 0, 0, 0.3));
}
.early-access-popover.hide-popover {
  display: none;
}
.early-access-popover .ant-popover-inner {
  border-radius: 12px;
}
.early-access-popover .ant-popover-inner-content {
  padding: 20px;
}
.early-access-tooltip-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 322px;
}
.early-access-tooltip-wrapper.hide-popover {
  display: none;
}
.early-access-tooltip-wrapper .ea-new-feature {
  align-self: flex-start;
  justify-self: flex-start;
  height: 24px;
  background: #A03390;
  border-radius: 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
}
.early-access-tooltip-wrapper .ea-header {
  margin-top: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.early-access-tooltip-wrapper .ea-text {
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #99A2AF;
}
.early-access-tooltip-wrapper .ea-action-button {
  margin-top: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  align-self: flex-end;
  justify-self: flex-end;
  text-align: right;
  color: #0166DF;
  cursor: pointer;
}
.ar-sider-menu-dealer-display-wrapper {
  border-radius: 8px;
  position: relative;
}
.ar-sider-menu-dealer-display-wrapper.asm-clickable {
  cursor: pointer;
}
.ar-sider-menu-dealer-display-wrapper .chevron-position-class {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s linear;
  transform-origin: 50% 25%;
}
.ar-sider-menu-dealer-display-wrapper .chevron-position-class.chevron-position-rotate {
  transform: rotateX(180deg);
}
.ar-sider-menu-dealer-display-wrapper .ar-sider-menu-dealer-display-content {
  padding: 12px 8px;
  height: 74px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.ar-sider-menu-dealer-display-wrapper .ar-sider-menu-dealer-display-content:hover:not(.only-one-dealer) {
  border: 4px solid #D9DCE1;
}
.ar-sider-menu-dealer-display-wrapper .ar-sider-menu-dealer-display-content .ars-dealer-logo > img {
  max-width: 190px;
  max-height: 58px;
}
.ar-sider-menu-dealers-dropdown {
  width: 240px;
}
.ar-sider-menu-dealers-dropdown > ul {
  padding: 0px;
  border-radius: 8px;
}
.ar-sider-menu-dealers-dropdown .asm-search-menu-item {
  padding: 16px;
}
.ar-sider-menu-dealers-dropdown .asm-dropdown-content-scroll {
  padding: 16px 0px 16px 16px;
}
.ar-sider-menu-dealers-dropdown .asm-dropdown-content-scroll .asm-dealer-row-select {
  color: #011638;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 6px 0px 6px 16px;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 8px;
}
.ar-sider-menu-dealers-dropdown .asm-dropdown-content-scroll .asm-dealer-row-select:hover {
  background-color: #F2F7FD;
}
.asm-dropdown-content-scroll::-webkit-scrollbar {
  width: 6px;
  left: -10px;
}
.asm-dropdown-content-scroll::-webkit-scrollbar-track {
  background: none;
  /* color of the tracking area */
}
.asm-dropdown-content-scroll::-webkit-scrollbar-thumb {
  background-color: #99A2AF;
  /* color of the scroll thumb */
  border-radius: 10px;
  /* roundness of the scroll thumb */
}
.year-to-date-animation {
  display: block;
  font-weight: 700;
  background: linear-gradient(to right, #ACD5FF, #4984FD, #ACD5FF, #4984FD, #ACD5FF);
  /* background: linear-gradient(to right,
            #998DED,
            #E5178F,
            #D54878,
            #998DED,
            #E5178F,
            #D54878,
    );  */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: textShine 3s infinite linear;
}
@keyframes textShine {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: 100% 100%;
  }
}
.new-year-in-review {
  /* background: linear-gradient(to right,
        #998DED,
        #E5178F,
        #D54878,
    ); */
  padding: 4px 8px;
  color: var(--Flowkit-White, #FFF);
  font-size: 10px;
  font-weight: 600;
  margin-left: 12px;
  border-radius: 4px;
  border-radius: var(--spacing-xxs, 4px);
  background: linear-gradient(90deg, #ACD5FF 0%, #4984FD 58%, #AAD3FF 100%);
  text-transform: uppercase;
}
.animate-year-in-review-menu-icon > svg {
  background: linear-gradient(90deg, #ACD5FF 0%, #4984FD 58%, #AAD3FF 100%);
}
.ar-drive-popover.add-white-border.ant-popover > .ant-popover-content > .ant-popover-arrow {
  border-bottom-color: white;
  border-right-color: white;
}
.ar-drive-popover.add-white-border.ant-popover .ant-popover-inner-content {
  border: 1px solid white;
}
.sub-items-with-icon {
  display: flex;
  align-items: center;
  gap: 4px;
}

.drive-tag-wrapping-container {
  display: flex;
  justify-content: flex-start;
  /* align-items: stretch; */
  align-items: center;
}
.drive-tag-wrapping-container .drive-tag-right-text {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: ;
  color: #99A2AF;
  border: 1px solid #E6E8EB;
  border-left: none;
  padding: 0px 8px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 40px;
}
.drive-tag-wrapping-container .drive-tag-right-text.medium-tag {
  height: 32px;
}
.drive-tag-wrapping-container .drive-tag-right-text.small-tag {
  height: 24px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag {
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #FFF;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0px 24px;
  height: 40px;
  border: none;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.has-rounded-edges {
  border-radius: 20px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.has-right-text {
  margin-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.blue-color-tag {
  background-color: #0070E0;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.red-color-tag {
  background-color: #E53A40;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.green-color-tag {
  background-color: #39BB65;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.yellow-color-tag {
  background-color: #F1BE3A;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.outline-tag {
  background-color: white;
  line-height: 38px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.outline-tag.blue-color-tag {
  color: #0070E0;
  border: 1.5px solid #0070E0;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.outline-tag.red-color-tag {
  color: #E53A40;
  border: 1.5px solid #E53A40;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.outline-tag.green-color-tag {
  color: #39BB65;
  border: 1.5px solid #39BB65;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.outline-tag.yellow-color-tag {
  color: #F1BE3A;
  border: 1.5px solid #F1BE3A;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.medium-tag {
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: ;
  height: 32px;
  padding: 0px 16px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.medium-tag.outline-tag {
  line-height: 30px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.medium-tag.has-rounded-edges {
  border-radius: 16px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.small-tag {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: ;
  height: 24px;
  padding: 0px 8px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.small-tag.outline-tag {
  line-height: 22px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.small-tag.has-rounded-edges {
  border-radius: 12px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.tiny-tag {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: ;
  height: 16px;
  padding: 0px 8px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.tiny-tag.outline-tag {
  line-height: 14px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.tiny-tag.has-rounded-edges {
  border-radius: 8px;
}
.drive-tag-wrapping-container .drive-tag.ant-tag.tiny-tag .drive-tag-right-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: ;
}


.animate-loading {
    stroke-dasharray: 242.6;
    animation: fill-animation 1s cubic-bezier(1,1,1,1) 0s infinite;
}
@keyframes fill-animation {
    0% {
        stroke-dasharray: 40 242.6;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 141.3;
        stroke-dashoffset: 141.3;
    }
    100% {
        stroke-dasharray: 40 242.6;
        stroke-dashoffset: 282.6;
    }
}

.loading-modal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-label {
    font-weight: 500;
    font-size: 14px;
    color: #99A2AF;
}

.drive-loading-spin >div>.ant-spin .ant-spin-text {
    font-weight: 500;
    font-size: 14px;
    color: #99A2AF;
}

/* .drive-loading-spin .ant-spin.ant-spin-spinning{
    position:fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */


.print-download-notification-wrapper{
    position:fixed;
    right: 20px;
    /* right: 32px; */
    /* bottom: 96px;  */
    /* top: 16px; */
    z-index: 1000;
    display:flex;
    flex-direction: column;
}
    .print-download-content{
        background-color: white;
        border-radius: 8px;
        box-shadow: 0px 0px 10px 0px #000000;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.33);
        width: 250px;
        overflow:hidden;
        margin-bottom: 8px;
    }
        .print-download-header{
            background-color: #0166df;
            color: white;
            padding: 8px 16px;
            font-size: 16px;
            font-weight: 500;
            line-height: 16px;
        }

        .print-download-row{
            position:relative;
            display:flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 16px 16px 16px;
        }
            .print-download-row:first-child{
                padding-top: 16px;
            }

            .print-download-image > img{
                width: 30px;
            }
            .print-download-status{
                width: 140px;
                line-height: 16px;
            }
            .print-download-action{
                cursor:pointer;
            }

    .print-fixed-notification{
        position:relative;
        margin-left: auto;
        width: 60px;
        height: 60px;
        border-radius: 40px;
        background-color: #0166df;
        color: white;
        display:flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 1px 6px 0 rgb(0 0 0 / 6%), 0 2px 32px 0 rgb(0 0 0 / 16%);
        cursor: pointer;
    }
        .print-icon{
            font-size: 2em;
            color: white;
        }

        .print-ready-for-download{
            position:absolute;
            top: 0px;
            right: -4px;
            height: 22px;
            width: 22px;
            background-color:red;
            border-radius: 11px;
            color: white;
            line-height: 22px;
            text-align: center;
            font-weight: bold;
        }
        .print-downloading{
            position:absolute;
            top: 35px;
            left: 44px;
        }
            .print-downloading-icon{
                color: black;
                font-size: 18px;
            }




    .print-download-notification:not(:first-child){
        margin-top: 16px;
    }

    .print-download-notification{
        width: 206px;
        height: 72px;
        border-radius: 36px;
        background-color: white;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
        padding: 8px;
        display:flex;
        justify-content: flex-start;
        align-items:center;
        color:black;
    }
        
        .print-download-notification-progress{
            margin-right: 8px;
        }
        .print-download-notification-text{
            margin-right: 8px;
        }
        .print-download-notification-close{
            margin-right: 8px;
        }
.drive-bar-loading-container{
    position:relative;
    overflow:hidden;
    border-radius: 8px;
}

.line-base{
  background: #ECEEF0;
  border-radius: 25px;
  position: relative;
}

.animation-line{
  /* width:40px; */
  left: 0;
  top: 0;
  background:#7333A6;
  border-radius:25px;
  position:absolute;
}
.ar-emptystate {
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0px;
  background-color: rgba(236, 238, 240, 0.3);
}
.ar-emptystate .empty-state-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
.ar-emptystate .empty-state-content-wrapper .es-header {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #99A2AF;
  margin-top: 32px;
  text-align: center;
}
.ar-emptystate .empty-state-content-wrapper .es-content {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #99A2AF;
  margin-top: 16px;
  text-align: center;
}
.ar-emptystate .empty-state-content-wrapper .es-button-content {
  margin-top: 8px;
  color: var(--dark-dark-100, #011638);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 204px;
  border: 1px solid var(--grey-grey-20, #CCD0D7);
}

/*Overwrite antds weird padding issue on the button load animation */
.ant-btn.ar-drive-button > .ant-btn-loading-icon {
  padding-right: 8px;
}
.ant-btn.ar-drive-button > .ant-btn-loading-icon .anticon {
  padding-right: 0px;
}
/* Settings for all buttons */
.ant-btn.ar-drive-button {
  border-radius: 40px;
  height: 48px ;
  padding: 0 20px 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  /*Overwrite antds weird padding issue on the button load animation */
  /* Styles for Primary button styles */
  /* -------------------------------------------------------------------------------- */
  /* Styles for Secondary button styles */
  /* -------------------------------------------------------------------------------- */
}
.ant-btn.ar-drive-button > .ant-btn-loading-icon {
  padding-right: 8px;
}
.ant-btn.ar-drive-button > .ant-btn-loading-icon .anticon {
  padding-right: 0px;
}
.ant-btn.ar-drive-button.button-large > span {
  font-size: 16px;
  font-weight: normal;
}
.ant-btn.ar-drive-button.button-large .drive-button-icon.left {
  margin-right: 12px;
}
.ant-btn.ar-drive-button.button-large .drive-button-icon.right {
  margin-left: 12px;
}
.ant-btn.ar-drive-button.button-medium {
  height: 40px;
}
.ant-btn.ar-drive-button.button-medium > span {
  font-size: 14px;
  font-weight: normal;
  line-height: 38px;
}
.ant-btn.ar-drive-button.button-medium .drive-button-icon.left {
  margin-right: 9px;
}
.ant-btn.ar-drive-button.button-medium .drive-button-icon.right {
  margin-left: 9px;
}
.ant-btn.ar-drive-button.button-small {
  height: 32px;
}
.ant-btn.ar-drive-button.button-small > span {
  font-size: 12px;
  font-weight: normal;
  line-height: 30px;
}
.ant-btn.ar-drive-button.button-small .drive-button-icon.left {
  margin-right: 6px;
  height: 20px;
}
.ant-btn.ar-drive-button.button-small .drive-button-icon.right {
  margin-left: 6px;
  height: 20px;
}
.ant-btn.ar-drive-button.primary {
  /* Styles for overwriting colors */
  /* End of styles for button colors */
}
.ant-btn.ar-drive-button.primary > span {
  color: #fff;
  font-weight: 600;
}
.ant-btn.ar-drive-button.primary.button-color-blue {
  background-color: #0070E0;
}
.ant-btn.ar-drive-button.primary.button-color-blue:hover {
  background-color: #015AC6;
}
.ant-btn.ar-drive-button.primary.button-color-blue:active {
  background-color: #0152B5;
}
.ant-btn.ar-drive-button.primary.button-color-blue:focus {
  background-color: #0152B5;
}
.ant-btn.ar-drive-button.primary.button-color-darkblue {
  background-color: #1849A9;
}
.ant-btn.ar-drive-button.primary.button-color-darkblue:hover {
  background-color: #014495;
}
.ant-btn.ar-drive-button.primary.button-color-darkblue:active {
  background-color: #013D88;
}
.ant-btn.ar-drive-button.primary.button-color-darkblue:focus {
  background-color: #013D88;
}
.ant-btn.ar-drive-button.primary.button-color-green {
  background-color: #12B76A;
}
.ant-btn.ar-drive-button.primary.button-color-green:hover {
  background-color: #039855;
}
.ant-btn.ar-drive-button.primary.button-color-green:active {
  background-color: #039855;
}
.ant-btn.ar-drive-button.primary.button-color-green:focus {
  background-color: #039855;
}
.ant-btn.ar-drive-button.primary.button-color-red {
  background-color: #e53a40;
}
.ant-btn.ar-drive-button.primary.button-color-red:hover {
  background-color: #ce3439;
}
.ant-btn.ar-drive-button.primary.button-color-red:active {
  background-color: #ce3439;
}
.ant-btn.ar-drive-button.primary.button-color-red:focus {
  background-color: #ce3439;
}
.ant-btn.ar-drive-button.primary.button-color-brand-red {
  background-color: #FE1162;
}
.ant-btn.ar-drive-button.primary.button-color-brand-red:hover {
  background-color: #D60A50;
}
.ant-btn.ar-drive-button.primary.button-color-brand-red:active {
  background-color: #D60A50;
}
.ant-btn.ar-drive-button.primary.button-color-brand-red:focus {
  background-color: #D60A50;
}
.ant-btn.ar-drive-button.primary.button-color-black {
  background-color: black;
}
.ant-btn.ar-drive-button.primary.button-color-black:hover {
  background-color: #333;
}
.ant-btn.ar-drive-button.primary.button-color-black:active {
  background-color: #333;
}
.ant-btn.ar-drive-button.primary.button-color-black:focus {
  background-color: #333;
}
.ant-btn.ar-drive-button.primary.button-color-purple {
  background-color: #F1EBF6;
}
.ant-btn.ar-drive-button.primary.button-color-purple > span {
  color: #7333A6;
}
.ant-btn.ar-drive-button.primary.button-color-purple:hover {
  background-color: #C7ADDB;
}
.ant-btn.ar-drive-button.primary.button-color-purple:active {
  background-color: #C7ADDB;
}
.ant-btn.ar-drive-button.primary.button-color-purple:focus {
  background-color: #C7ADDB;
}
.ant-btn.ar-drive-button.primary[disabled],
.ant-btn.ar-drive-button.primary[disabled]:hover {
  background-color: #E6E8EB;
}
.ant-btn.ar-drive-button.primary[disabled] > span,
.ant-btn.ar-drive-button.primary[disabled]:hover > span {
  color: #99A2AF;
}
.ant-btn.ar-drive-button.secondary {
  background-color: #fff;
  border: 1px solid #CCD0D7;
}
.ant-btn.ar-drive-button.secondary:hover {
  border: 1px solid #0166DF;
}
.ant-btn.ar-drive-button.secondary:active {
  border: 1px solid #0166DF;
  box-shadow: 0px 0px 4px #0152B5;
}
.ant-btn.ar-drive-button.secondary > span {
  color: #011638;
  font-weight: 600;
}
.ant-btn.ar-drive-button.secondary[disabled] > span {
  color: #CCD0D7;
}
.ant-btn.ar-drive-button.secondary[disabled]:hover {
  border: 1px solid #CCD0D7;
}
.ant-btn.ar-drive-button.secondary.button-color-purple {
  border: 1px solid #CCD0D7;
}
.ant-btn.ar-drive-button.secondary.button-color-purple > span {
  color: #7333A6;
}
.ant-btn.ar-drive-button.secondary.button-color-purple:hover {
  background-color: #fff;
  border: 1px solid #8F5CB8;
}
.ant-btn.ar-drive-button.secondary.button-color-purple:active {
  background-color: #fff;
  border: 1px solid #8F5CB8;
}
.ant-btn.ar-drive-button.secondary.button-color-purple:focus {
  background-color: #fff;
  border: 1px solid #8F5CB8;
}
.ant-btn.ar-drive-button.secondary.button-color-purple[disabled] {
  background-color: #fff;
  border: 1px solid #CCD0D7;
}
.ant-btn.ar-drive-button.secondary.button-color-green {
  border: 1px solid #12B76A;
}
.ant-btn.ar-drive-button.secondary.button-color-green > span {
  color: #12B76A;
}
.ant-btn.ar-drive-button.secondary.button-color-green:hover {
  background-color: #fff;
  border: 1px solid #039855;
}
.ant-btn.ar-drive-button.secondary.button-color-green:active {
  background-color: #fff;
  border: 1px solid #039855;
}
.ant-btn.ar-drive-button.secondary.button-color-green:focus {
  background-color: #fff;
  border: 1px solid #039855;
}
.ant-btn.ar-drive-button.secondary.button-color-green[disabled] {
  background-color: #fff;
  border: 1px solid #CCD0D7;
}

.drive-select {
  box-sizing: border-box;
  min-height: 32px;
  /* Start of less for DriveSelectSearch */
}
.drive-select.ant-select {
  display: block;
}
.drive-select .drive-select-dropdown {
  border-radius: 8px;
}
.drive-select.ant-select-single .ant-select-selector {
  font-size: 14px;
  border-radius: 8px;
}
.drive-select.ant-select-single .ant-select-selector .ant-select-selection-item {
  color: #011638;
  font-weight: 400;
}
.drive-select.ant-select-single .ant-select-selection-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #99A2AF;
}
.drive-select.ant-select-single.ant-select-disabled .ant-select-selection-item {
  color: #99A2AF;
}
.drive-select .ant-select-arrow > div {
  color: #0166DF;
}
.drive-select.ant-select-disabled .ant-select-arrow > div {
  color: rgba(0, 0, 0, 0.25);
}
.drive-select.ant-select-multiple .ant-select-selector {
  border-radius: 8px;
}
.drive-select.ant-select-multiple .ant-select-selector .ant-select-selection-item {
  background-color: white;
  border: 1px solid #CCD0D7;
  border-radius: 15px;
  font-size: 12px;
  line-height: 30px;
  min-height: 30px;
  padding-right: 10px;
}
.drive-select.ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove > .anticon {
  vertical-align: 0.1em;
}
.drive-select.ant-select-multiple .ant-select-selector .ant-select-selection-item .anticon-close {
  position: relative;
  height: 14px;
  width: 14px;
  border-radius: 8px;
  background-color: #0166DF;
}
.drive-select.ant-select-multiple .ant-select-selector .ant-select-selection-item .anticon-close > svg {
  color: #0166DF;
}
.drive-select.ant-select-multiple .ant-select-selector .ant-select-selection-item .anticon-close:after {
  content: "\2715";
  color: white;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 9px;
  width: 14px;
  line-height: 14px;
  text-align: center;
}
.drive-select.ant-select-multiple .ant-select-selection-item-remove {
  font-size: 12px;
}
.drive-select.ant-select-multiple .ant-select-selection-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #99A2AF;
}
.drive-select.drive-select-size-large {
  min-height: 54px;
}
.drive-select.drive-select-size-large.ant-select-single .ant-select-selector {
  min-height: 54px;
  font-size: 16px;
  border-radius: 8px;
}
.drive-select.drive-select-size-large.ant-select-single .ant-select-selector .ant-select-selection-search,
.drive-select.drive-select-size-large.ant-select-single .ant-select-selector .ant-select-selection-item {
  line-height: 52px;
  min-height: 52px;
  font-size: 16px;
}
.drive-select.drive-select-size-large.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  line-height: 52px;
  min-height: 52px;
  font-size: 16px;
}
.drive-select.drive-select-size-large.ant-select-multiple .ant-select-selector {
  min-height: 54px;
  border-radius: 8px;
}
.drive-select.drive-select-size-large.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
  font-size: 16px;
}
.drive-select.drive-select-size-medium {
  min-height: 40px;
}
.drive-select.drive-select-size-medium.ant-select-single .ant-select-selector {
  min-height: 40px;
  font-size: 14px;
  border-radius: 8px;
}
.drive-select.drive-select-size-medium.ant-select-single .ant-select-selector .ant-select-selection-search,
.drive-select.drive-select-size-medium.ant-select-single .ant-select-selector .ant-select-selection-item {
  line-height: 38px;
  min-height: 38px;
  font-size: 14px;
}
.drive-select.drive-select-size-medium.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  line-height: 38px;
  min-height: 38px;
  font-size: 14px;
}
.drive-select.drive-select-size-medium.ant-select-multiple .ant-select-selector {
  min-height: 40px;
  border-radius: 8px;
}
.drive-select.drive-select-size-medium.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
  font-size: 14px;
}
.drive-select.drive-select-size-medium .ant-select-clear {
  margin-top: -8px;
}
.drive-select.drive-select-size-small.ant-select-single .ant-select-selector {
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  border-radius: 8px;
}
.drive-select.drive-select-size-small.ant-select-single .ant-select-selector .ant-select-selection-search,
.drive-select.drive-select-size-small.ant-select-single .ant-select-selector .ant-select-selection-item {
  line-height: 30px;
}
.drive-select.drive-select-size-small.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  line-height: 30px;
  min-height: 30px;
  font-size: 12px;
}
.drive-select.drive-select-size-small.ant-select-multiple {
  min-height: 32px;
}
.drive-select.drive-select-size-small.ant-select-multiple .ant-select-selector {
  min-height: 32px;
}
.drive-select.drive-select-size-small.ant-select-multiple .ant-select-selector .ant-select-selection-search,
.drive-select.drive-select-size-small.ant-select-multiple .ant-select-selector .ant-select-selection-item {
  line-height: 24px;
  min-height: 24px;
  font-size: 12px;
  border-radius: 20px;
}
.drive-select.drive-select-size-small.ant-select-multiple .ant-select-selector .ant-select-selection-item-remove {
  margin-right: -4px;
}
.drive-select.drive-select-size-small.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
  font-size: 12px;
}
.drive-select.drive-select-size-tiny {
  height: 24px;
}
.drive-select.drive-select-size-tiny.ant-select-single .ant-select-selector {
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  border-radius: 4px;
}
.drive-select.drive-select-size-tiny.ant-select-single .ant-select-selector .ant-select-selection-search,
.drive-select.drive-select-size-tiny.ant-select-single .ant-select-selector .ant-select-selection-search > input,
.drive-select.drive-select-size-tiny.ant-select-single .ant-select-selector .ant-select-selection-item {
  line-height: 20px;
  max-height: 20px;
}
.drive-select.drive-select-size-tiny.ant-select-single.ant-select-show-arrow {
  top: 0px;
}
.drive-select.drive-select-size-tiny.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  line-height: 22px;
  min-height: 22px;
  font-size: 11px;
}
.drive-select.drive-select-size-tiny.ant-select-single .ant-select-arrow,
.drive-select.drive-select-size-tiny.ant-select-single .ant-select-clear {
  top: 42%;
}
.drive-select.ant-select-borderless.ant-select-single {
  font-size: 24px;
  font-weight: 500;
  height: 32px;
  color: #000000;
}
.drive-select.ant-select-borderless.ant-select-single .ant-select-selector {
  font-size: 24px;
  font-weight: 500;
  height: 32px;
  color: #000000;
}
.drive-select.ant-select-borderless.ant-select-single .ant-select-selector .ant-select-selection-search,
.drive-select.ant-select-borderless.ant-select-single .ant-select-selector .ant-select-selection-item {
  line-height: 30px;
  opacity: 1;
}
.drive-select.ant-select-borderless.ant-select-single .ant-select-selection-placeholder {
  font-size: 24px;
  line-height: 30px;
}
.drive-select.drive-select-size-custom {
  height: 100%;
}
.drive-select.drive-select-size-custom.ant-select-single .ant-select-selector {
  font-size: 16px;
  border-radius: 8px;
  height: 100%;
  padding: 16px;
}
.drive-select.drive-select-size-custom.ant-select-single .ant-select-selector .ant-select-selection-search,
.drive-select.drive-select-size-custom.ant-select-single .ant-select-selector .ant-select-selection-search > input,
.drive-select.drive-select-size-custom.ant-select-single .ant-select-selector .ant-select-selection-item {
  height: 100%;
  font-size: 16px;
  line-height: initial;
}
.drive-select.drive-select-size-custom.ant-select-single .ant-select-selector .ant-select-selection-search::after,
.drive-select.drive-select-size-custom.ant-select-single .ant-select-selector .ant-select-selection-item::after {
  content: none;
}
.drive-select.drive-select-size-custom.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  height: 100%;
  font-size: 16px;
  line-height: initial;
}
.drive-select.drive-select-size-custom .ant-select-arrow {
  top: 50%;
  right: 15px;
  font-size: 1.2em;
  color: #0166DF;
  font-weight: bold;
}
.drive-select.drive-select-searchable.drive-select-size-large .ant-select-selection-search input {
  height: 52px;
}
.drive-select.drive-select-searchable.drive-select-size-medium .ant-select-selection-search input {
  height: 38px;
}
.drive-select.drive-select-searchable.drive-select-size-small .ant-select-selection-search input {
  height: 30px;
}
.drive-select.drive-select-flat.using-max-tag-count .ant-select-selection-item:not(:nth-last-of-type(-n+3)) .ant-select-selection-item-content::after {
  content: ',';
}
.drive-select.drive-select-flat.using-max-tag-count .ant-select-selection-overflow-item:not(:nth-last-of-type(-n+3)) .ant-select-selection-item-content::after {
  content: ',';
}
.drive-select.drive-select-flat:not(.using-max-tag-count) .ant-select-selection-item:not(:nth-last-of-type(-n+2)) .ant-select-selection-item-content::after {
  content: ',';
}
.drive-select.drive-select-flat:not(.using-max-tag-count) .ant-select-selection-overflow-item:not(:nth-last-of-type(-n+2)) .ant-select-selection-item-content::after {
  content: ',';
}
.drive-select.drive-select-flat.ant-select-multiple .ant-select-selection-overflow-item:first-child .ant-select-selection-item {
  margin-left: 8px;
}
.drive-select.drive-select-flat.ant-select-multiple .ant-select-selection-item {
  background-color: transparent;
  border: none;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #011638;
  min-height: 30px;
  padding: 0;
  margin: 0;
}
.drive-select.drive-select-flat.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove {
  display: none;
}
.drive-select.drive-select-flat.ant-select-multiple .ant-select-selector > .ant-select-selection-item:first-child {
  margin-left: 8px;
}
.drive-select.drive-select-flat .ant-select-selection-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #99A2AF;
}
.drive-select.drive-select-grey-option-style.ant-select-multiple .ant-select-selector {
  border-radius: 8px;
}
.drive-select.drive-select-grey-option-style.ant-select-multiple .ant-select-selector .ant-select-selection-item {
  background-color: #f3f3f3;
  border: 1px solid #e3e3e3;
}

.drive-style-modal .ant-modal-content {
  border-radius: 15px;
  border: 1px solid #D9DCE1;
  overflow: hidden;
}
.drive-style-modal .ant-modal-body {
  position: relative;
}
.drive-style-modal .drive-modal-custom-close {
  font-size: 1.4em;
  font-weight: bold;
  line-height: inherit;
  color: #CCD0D7;
  position: absolute;
  cursor: pointer;
  z-index: 5;
}
.drive-style-modal .ant-modal-close-x {
  display: none;
}

.alert-banner-wrapper {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
  padding: 12px 12px;
  color: var(--Black-Dark-110, #011638);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  z-index: 1000;
  overflow-y: auto;
}
.alert-banner-wrapper .alert-banner-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
  .alert-banner-wrapper .alert-banner-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.alert-banner-wrapper .alert-banner-close-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: -6px;
  padding: 6px;
}
.alert-banner-wrapper.ab-yellow,
.alert-banner-wrapper.ab-warning {
  background-color: #F9F1DE;
  border: 1px solid #F1BE3A;
}
.alert-banner-wrapper.ab-yellow svg,
.alert-banner-wrapper.ab-warning svg {
  color: #F1BE3A;
}
.alert-banner-wrapper.ab-red,
.alert-banner-wrapper.ab-danger {
  background-color: #fbe1e3;
  border: 1px solid #E53A40;
}
.alert-banner-wrapper.ab-red svg,
.alert-banner-wrapper.ab-danger svg {
  color: #E53A40;
}
.alert-banner-wrapper.ab-green,
.alert-banner-wrapper.ab-success {
  background-color: rgba(57, 187, 101, 0.15);
  border: 1px solid #39BB65;
}
.alert-banner-wrapper.ab-green svg,
.alert-banner-wrapper.ab-success svg {
  color: #39BB65;
}
.alert-banner-wrapper.ab-blue,
.alert-banner-wrapper.ab-info {
  background-color: rgba(1, 102, 223, 0.15);
  border: 1px solid #0166DF;
}
.alert-banner-wrapper.ab-blue svg,
.alert-banner-wrapper.ab-info svg {
  color: #0166DF;
}
.alert-banner-wrapper .alert-banner-icon {
  display: flex;
  align-items: center;
}

.drive-checkbox .ant-checkbox-inner {
  border-radius: 4px;
  height: 20px;
  width: 20px;
  border: 1.5px solid #ccd0d7;
}
.drive-checkbox.small-checkbox .ant-checkbox-inner {
  height: 15px;
  width: 15px;
}
.drive-checkbox .ant-checkbox-disabled .ant-checkbox-inner {
  background-color: white;
}
.drive-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  border-radius: 4px;
  background-color: #0070e0;
  border: 1.5px solid #0070e0;
}
.drive-checkbox .ant-checkbox-disabled.ant-checkbox-checked {
  opacity: 0.4;
}
.drive-checkbox .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: white;
}
/* Checkbox Style 2 */
.checkbox-type-2 .ant-checkbox .ant-checkbox-inner {
  height: 16px;
  width: 16px;
  border: 2px solid #0166df;
  border-radius: 2px;
}
.checkbox-type-2 .ant-checkbox .ant-checkbox-inner:after {
  top: 45%;
}
.checkbox-type-2 .ant-checkbox .ant-checkbox-inner:hover {
  border: none;
}
.checkbox-type-2 .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  border: none;
}
.checkbox-type-2 .ant-checkbox.ant-checkbox-checked:after {
  border: none;
}
.drive-checkbox-group {
  display: flex;
  flex-wrap: wrap;
}
.drive-checkbox-group.horizontal {
  flex-direction: row;
}
.drive-checkbox-group.vertical {
  flex-direction: column;
}
.drive-checkbox-group .ant-checkbox-wrapper {
  display: inline-flex;
  align-items: center;
  margin: 8px 8px 0 0;
}
.drive-checkbox-group .ant-checkbox-wrapper .ant-checkbox {
  top: unset;
}
.drive-checkbox-group .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
/* CSS FOR REFERENCE
.drive-checkbox .ant-checkbox-inner {
    height: 20px;
    width: 20px;
    border: 1.5px solid #CCD0D7; 
    border-radius: 4px;
}

    .drive-checkbox.small-checkbox .ant-checkbox-inner{
        height: 15px;
        width: 15px; 
    }

    .drive-checkbox .ant-checkbox-disabled .ant-checkbox-inner{
        background-color: white;
    }

    .drive-checkbox .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #0070E0;
        border: 1.5px solid #0070E0;
        border-radius: 4px; 
    }

    .drive-checkbox .ant-checkbox-checked.ant-checkbox-disabled{
        opacity: 0.4;

    }
        .drive-checkbox .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after{
            border-color: white;
        }

    .checkbox-type-2 .ant-checkbox .ant-checkbox-inner{
        height: 16px;
        width: 16px;
        border: 2px solid #0166DF;
        border-radius: 2px;
    }
        .checkbox-type-2 .ant-checkbox .ant-checkbox-inner:after{
            top: 45%;
        }
    
    .checkbox-type-2 .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{
        border:none;
    }
    .checkbox-type-2 .ant-checkbox .ant-checkbox-inner:hover,
    .checkbox-type-2 .ant-checkbox.ant-checkbox-checked::after{
        border:none;
    } */

.sms-auto-recharge-wrapper {
  color: #000;
  font-family: Inter;
}
.sar-shaded-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: -24px -24px 0px -24px;
  padding: 24px 24px 24px 24px;
  background: var(--background-backgorund-blue-brand-alpha, rgba(1, 102, 223, 0.05));
}
.sar-shaded-section .sms-auto-recharge-icon > img {
  width: 156px;
}
.sar-shaded-section .sms-auto-recharge-title {
  margin-top: 32px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
.sar-shaded-section .sms-auto-recharge-text {
  margin-top: 12px;
  color: var(--text-text-primary, #011638);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.sms-auto-recharge-price {
  color: var(--color-grey-500, #667085);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 24px;
  text-align: center;
}
.sms-auto-recharge-price .required-blocks-title {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}
.sms-auto-recharge-price .sms-auto-recharge-price-flex {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.sms-auto-recharge-signup {
  border-radius: 8px;
  background: #FAFAFA;
  text-align: center;
  margin-top: 32px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  padding: 16px;
  cursor: pointer;
}
.sms-auto-recharge-signup .sms-auto-recharge-signup-checkbox {
  flex-grow: 0;
  width: 20px;
}
.sms-auto-recharge-signup .sar-signup-text-container {
  flex-grow: 1;
  text-align: left;
}
.sms-auto-recharge-signup .sar-signup-text-container .sar-signup-header {
  color: var(--text-text-primary, #011638);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.sms-auto-recharge-signup .sar-signup-text-container .sar-signup-text {
  color: var(--text-text-primary, #011638);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sar-activate-disclaimer {
  margin-top: 8px;
  color: var(--text-text-body, #475467);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
}
.sms-auto-recharge-confirm-button {
  margin-top: 32px;
}
.sar-unused-disclaimer {
  margin-top: 8px;
  color: var(--text-text-body, #475467);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}

.confirmation-container{
    margin:auto;
    text-align:center;
    max-width: 900px;
    font-family: Lato;
}

.confirmation-container .confirmation-header{
    font-size: 21px;
    text-align: center;
    color: #000000;
}

.confirmation-container .confirmation-text{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.31;
    text-align: center;
    color: #000000;
    margin-top: 4px;
    /* white-space: pre-wrap; */
}

.confirmation-container .confirmation-image{
    margin-top: 25px;
    display:flex;
    justify-content:center;
}

.drive-actions-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #0166DF;
  color: white;
  text-align: center;
  z-index: 500;
  padding: 0px 32px;
}

.drive-pill-tag.ant-tag {
  text-align: center;
  background-color: white;
  border: 1px solid #CCD0D7;
  cursor: pointer;
  color: #000;
}
.drive-pill-tag.ant-tag.blue-pill-color {
  background-color: #0166DF;
}
.drive-pill-tag.ant-tag.white-pill-text {
  color: white;
}
.drive-pill-tag.ant-tag.large-pill-tag {
  border-radius: 27px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 16px;
  font-weight: 400;
  line-height: 54px;
  color: "";
  padding: 0px 16px;
  height: 54px;
}
.drive-pill-tag.ant-tag.medium-pill-tag {
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  color: "";
  padding: 0px 14px;
  height: 40px;
}
.drive-pill-tag.ant-tag.small-pill-tag {
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  color: "";
  padding: 0px 14px;
  height: 32px;
}
.drive-pill-tag.ant-tag.xsmall-pill-tag {
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: "";
  padding: 0px 8px;
  height: 24px;
}
.drive-pill-tag.ant-tag:hover:not(.pill-disabled):not(.xsmall-pill-tag) {
  background: #F2F7FD;
  border: 1px solid #0166DF;
  color: #000;
}
.drive-pill-tag.ant-tag.pill-active:not(.pill-disabled) {
  background: #E6F0FC;
  border: 1px solid #CCD0D7;
  color: #0166DF;
}
.drive-pill-tag.ant-tag.pill-disabled {
  color: #99A2AF;
  opacity: 0.9;
  cursor: not-allowed;
}
/* CSS FOR REFERENCE */
/* .drive-pill-tag.ant-tag{
    color: black;
    border-radius: 20px;
    padding: 0px 16px;
    font-size: 16px;
    line-height: 38px;
    font-weight: 400;
    height: 40px;
    text-align: center;
    background-color: white;
    border: 1px solid #CCD0D7;
    cursor:pointer;
}
    .drive-pill-tag.small-pill-tag.ant-tag{
        border-radius: 15px;
        padding: 0px 14px;
        font-size: 12px;
        line-height: 28px;
        height: 32px;
    }

    .drive-pill-tag.xsmall-pill-tag.ant-tag{
        border-radius: 17px;
        padding: 2px 8px;
        font-size: 12px;
        line-height: 15px;
        height: 21px;
        background: #0166DF;
        color: #FAFAFA;
    }

    .drive-pill-tag.ant-tag:hover:not(.pill-disabled):not(.xsmall-pill-tag){
        background: #F2F7FD;
        border: 1px solid #0166DF;
        color: #000;
    }
    .drive-pill-tag.ant-tag.pill-active:not(.pill-disabled){
        background: #E6F0FC;
        border: 1px solid #CCD0D7;
        color: #0166DF;
    }
    .drive-pill-tag.pill-disabled{
        color: #99A2AF;
        opacity: 0.9;
        cursor:not-allowed;
    } */

textarea.ant-input.drive-text-area,
.ant-input-textarea.drive-text-area textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #011638;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 8px 16px;
}
textarea.ant-input.drive-text-area.ant-input-disabled {
  color: #99A2AF;
}
textarea.ant-input::-moz-placeholder {
  font-weight: 400;
  color: #99A2AF;
}
textarea.ant-input::placeholder {
  font-weight: 400;
  color: #99A2AF;
}
textarea.ant-input.drive-text-area.drive-text-area-size-medium {
  font-size: 14px;
}
textarea.ant-input.drive-text-area.drive-text-area-size-small {
  font-size: 12px;
}

.customer-offers-wrapper .customer-offers-header-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.customer-offers-wrapper .customer-offers-header-wrapper .customer-offers-header {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-right: 27px;
}
.customer-offers-wrapper .customer-service-followup-wrapper {
  width: 100%;
  border-radius: var(--spacing-xs, 16px);
  border: 1px solid var(--background-background-blue-brand, #0166DF);
  background: var(--color-blue-50, #EFF8FF);
  margin-top: 16px;
  padding: 24px;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex .customer-service-left-flex {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 0;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex .customer-service-left-flex .customer-service-header {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex .customer-service-left-flex .customer-service-text {
  width: 100%;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex .customer-service-left-flex .customer-service-text .bold-service-text {
  font-weight: 700;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex .customer-service-left-flex .customer-service-input textarea::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex .customer-service-left-flex .customer-service-input textarea::placeholder {
  font-size: 14px;
  font-weight: 400;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex .customer-service-right-flex {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.customer-offers-wrapper .customer-service-followup-wrapper .customer-service-flex .customer-service-right-flex .customer-service-link-button {
  color: var(--button-cta-text-brand-blue, #0166DF);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
}
.customer-offers-wrapper .customer-offers-content {
  display: flex;
  flex-flow: wrap;
  margin-left: -16px;
}
/* ======================================================================================*/
/* Start of Customer Offer Component Styles
/* ====================================================================================== */
.offer-wrapper {
  padding: 24px 24px 0px 24px;
  background-color: #FFFFFF;
  border: 1px solid #D9DCE1;
  box-sizing: border-box;
  border-radius: 15px;
  flex: 1 0 387px;
  flex-wrap: wrap;
  margin: 16px 0 0 16px;
  position: relative;
  max-width: 450px;
}
.offer-wrapper.isOfferChecked {
  border: 1px solid #0166DF;
}
.offer-wrapper.isOfferDisabled:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 15px;
}
.offer-wrapper.isOfferDisabled .drive-checkbox .ant-checkbox {
  z-index: 11;
}
.empty-offer-wrapper {
  flex: 1 0 387px;
  flex-wrap: wrap;
  margin: 16px 0 0 16px;
  max-width: 420px;
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
}
.offer-status-element-container {
  display: flex;
  align-items: center;
  gap: 6px;
}
.offer-appraisal-override-history {
  cursor: pointer;
  padding: 2px;
  display: flex;
  align-items: center;
  border: 1px solid #E6E8EB;
  border-radius: 4px;
}
.offer-wrapper:hover {
  box-shadow: 0px 0px 8px rgba(1, 102, 223, 0.2);
  cursor: pointer;
}
/* Add more clickable space around the offer checkbox */
.offer-wrapper .ant-checkbox {
  margin: -15px;
  padding: 15px;
}
.offer-wrapper .ant-checkbox-checked::after {
  border: none;
}
.offer-type-description-text {
  margin-top: 13px;
  color: #99A2AF;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.offer-vehicle-name {
  margin-top: 10px;
  color: #2A2A2A;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.offer-wrapper .offer-vehicle-name {
  max-width: 339px;
}
.offer-modal-wrapper .offer-vehicle-name {
  min-width: 400px;
  max-width: 510px;
}
.offer-vehicle-trim {
  color: #2A2A2A;
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  max-width: 339px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.offer-wrapper .offer-vehicle-trim {
  max-width: 339px;
}
.offer-modal-wrapper .offer-vehicle-trim {
  min-width: 400px;
  max-width: 510px;
}
.offer-breakdown-wrapper {
  margin-top: 16px;
  border: 1px solid #CCD0D7;
  box-sizing: border-box;
  border-radius: 4px;
}
.offer-top-wrapper {
  border-bottom: 1px solid #D9DCE1;
  position: relative;
  display: flex;
  min-height: 89px;
}
.offer-top-wrapper-buy-my-ride {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.buy-my-ride-vip-customer-offer {
  background: #12B76A;
  color: #FFF;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 2.4px;
  border-radius: 3px 3px 0px 0px;
  margin-bottom: -10px;
}
.offer-comparison {
  padding: 13px 24px;
  flex: 1 0 50%;
}
.offer-comparison.right-offer {
  padding-left: 34px;
  border-left: 1px solid #D9DCE1;
}
.offer-comparison-header {
  color: #99A2AF;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.offer-comparison-text1 {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-top: 4px;
}
.offer-comparison-text1 > span {
  font-size: 12px;
  font-weight: 400;
}
.offer-comparison-text2 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #99A2AF;
}
.offer-comparison-buymyride {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-top: 4px;
}
.offer-comparison-edit {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #0166DF;
  cursor: pointer;
}
.offer-absolute-or {
  background: #0166DF;
  width: 30px;
  height: 30px;
  position: absolute;
  left: calc(50% - 15px);
  top: 31px;
  border-radius: 15px;
}
.offer-absolute-or-text {
  position: absolute;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #FFFFFF;
}
.offer-bottom-wrapper {
  display: flex;
  align-items: center;
}
.offer-payment-comparison {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
  height: 130px;
  flex: 1 0 40%;
}
.offer-payment-text1 {
  margin-top: 10px;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.offer-payment-text2 {
  margin-top: 4px;
  color: #99A2AF;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.offer-vehicle-image {
  flex: 1 0 60%;
  height: 110px;
  margin: 12px 0px;
  overflow: hidden;
  position: relative;
}
.offer-vehicle-image.offer-vehicle-image-alone {
  flex: 1 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.offer-vehicle-image img {
  height: 110px;
  position: absolute;
}
.offer-vehicle-image.offer-vehicle-image-alone img {
  max-width: 95%;
  max-height: 110px;
  height: auto;
}
.offer-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: #99A2AF;
  margin: 8px 0;
  min-height: 16px;
}
/* ======================================================================================*/
/* Start of Customer Offer Modal Component Styles
/* ====================================================================================== */
.offer-modal-wrapper {
  /* padding: 34px;  */
}
.vehicle-info-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vehicle-info-substat {
  color: #99A2AF;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
}
.offer-modal-breakdown-wrapper {
  margin-top: 32px;
  border: 1px solid #CCD0D7;
  box-sizing: border-box;
  border-radius: 4px;
}
.offer-modal-breakdown-wrapper > div {
  border-bottom: 1px solid #D9DCE1;
  position: relative;
  display: flex;
}
.offer-modal-breakdown-wrapper > div:last-child {
  border-bottom: none;
}
.offer-modal-payment-and-image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0px 25px 25px;
}
.offer-modal-payment-comparison {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  /* margin-right: 12px; */
}
.offer-modal-payment-text1 {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.selling-price-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selling-price-wrapper svg {
  transform: scale(0.7);
  margin-left: 3px;
}
.offer-modal-payment-text2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.offer-modal-payment-text3 {
  margin-top: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #99A2AF;
}
.center-vehicle-image-for-offer .offer-modal-payment-comparison {
  padding-left: 0px;
}
.center-vehicle-image-for-offer .offer-modal-vehicle-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex: 1 0 100%;
  margin-left: 0px;
}
.center-vehicle-image-for-offer .offer-modal-vehicle-image img {
  margin-left: 0px;
}
.offer-modal-vehicle-image {
  flex: 1 0 65%;
  height: 170px;
  /* margin: 12px 0px; */
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 25px;
}
.offer-modal-vehicle-image img {
  /* max-width: 95%; */
  margin-left: 25px;
  max-height: 170px;
  height: auto;
}
/* Styles for middle section vehicle details of offer modal */
.offer-modal-vehicle-details-wrapper {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr ;
  gap: 0 8px;
  width: 100%;
  padding: 22px 24px;
}
.middle-gutter {
  margin-right: 8px;
}
.offer-details-header {
  color: #99A2AF;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
}
.offer-details-value {
  color: #011638;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
}
.comparisons-split {
  display: flex;
  flex-direction: column;
  flex: 1 0 50%;
  padding: 24px 25px;
}
.comparisons-split:nth-child(1) {
  border-right: 1px solid #D9DCE1;
}
.offer-comparison:nth-child(2) {
  padding-left: 34px;
}
.offer-modal-comparison-header {
  color: #011638;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
}
.offer-modal-comparison-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.offer-comparison .offer-expired,
.offer-modal-comparison-wrapper .offer-expired {
  filter: blur(5px);
  opacity: 0.5;
}
.offer-comparison .expire-notice,
.offer-modal-comparison-wrapper .expire-notice {
  position: relative;
}
.offer-comparison .expire-notice span,
.offer-modal-comparison-wrapper .expire-notice span {
  color: #000;
  font-weight: bold;
  text-align: center;
  max-width: 90px;
  font-size: 11.5px;
  line-height: 11px;
  position: absolute;
  top: 38px;
  /* text-shadow: 0 .5px 2px rgba(0, 0, 0, .35); */
  background-color: #fff;
}
.offer-comparison .expire-notice span {
  top: 16px;
  left: 10px;
}
.offer-modal-comparison-subheader {
  color: #99A2AF;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
}
.offer-modal-comparison-value {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #011638;
  margin-top: 4px;
}
.offer-modal-comparison-wrapper > div:not(:last-child) {
  margin-right: 25px;
}
.offer-modal-comparison-sub-value {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #011638;
}
.offer-modal.offer-absolute-or {
  top: 54px;
}
.offer-modal-comparison-value2 {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #99A2AF;
  margin-top: 4px;
}
.offer-modal.offer-days-remaining {
  text-align: left;
}
.offer-modal-action-buttons {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.offer-modal-action-buttons button:not(:last-child) {
  margin-right: 17px;
}
.offer-modal-payment-calculation-wrapper {
  margin-top: 32px;
  border-top: 1px solid #CCD0D7;
  margin-left: -54px;
  padding-left: 54px;
  margin-right: -54px;
  padding-right: 54px;
}
.offer-modal-payment-calculation-header {
  margin: 16px 0px;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
  cursor: pointer;
}
.offer-modal-payment-calculation-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  -moz-column-gap: 100px;
       column-gap: 100px;
  padding-bottom: 32px;
}
.calculations-data-split {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
.calculations-data-row-header {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #485870;
}
.calculations-divider {
  margin-top: 8px;
  border-top: 1px solid #CCD0D7;
}
.calculations-data-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}
.calculations-data-row div:first-child {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #99A2AF;
}
.calculations-data-row div:nth-child(2) {
  margin-left: 15px;
  text-align: right;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #485870;
}
/* ======================================================================================*/
/* Start of Customer Offer PREVIEW Modal Component Styles
/* ====================================================================================== */
.drive-full-screen-antd-modal .ant-modal-close {
  left: 0;
  margin-top: 5px;
}
.drive-full-screen-antd-modal .ant-modal-title {
  margin-left: 24px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: black;
}
.preview-offer-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.preview-offer-header {
  color: #000000;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
}
.preview-offer-subheader {
  color: #99A2AF;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.preview-offer-controls {
  color: #000000;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.preview-offer-controls > div:not(:last-child) {
  margin-right: 40px;
}
.preview-offer-controls .control-selected {
  color: #0166DF;
  font-weight: bold;
  padding-bottom: 7px;
  border-bottom: 2px solid #0166DF;
}
.preview-offer-container {
  width: 100%;
  min-width: 600px;
  position: relative;
}
.iframe-loading-hider {
  position: absolute;
  top: 0px;
  left: -24px;
  width: calc(100% + 48px);
  background-color: white;
  z-index: 10;
  height: 500px;
}
.email-preview-offer-container {
  max-width: 600px;
  min-width: 600px;
  margin: 0 auto;
}
.email-preview-offer-container iframe {
  border: 1px solid #B3B9C3;
}
.mail-preview-offer-container {
  max-width: 1200px;
  min-width: 600px;
  margin: 0 auto;
}
.mail-preview-offer-container iframe {
  border: 1px solid #B3B9C3;
}
.sms-preview-offer-container {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 110px;
  max-width: 600px;
  min-width: 600px;
  margin: 0 auto;
}
.sms-preview-offer-container.top-margin {
  margin-top: 20px;
}
.sms-preview-user-logo {
  position: relative;
}
.sms-preview-user-logo > svg.svg-inline--fa.fa-user-circle.fa-w-16 {
  height: 45px;
  width: 45px;
  position: absolute;
  bottom: -4px;
}
.sms-preview-offer-content {
  position: relative;
  margin-left: 65px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 15px;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  padding: 24px;
  text-align: left;
}
.speech-bubble-rounded-pointer {
  position: absolute;
  /* background: white; */
  left: -9px;
  bottom: -6px;
}
.speech-bubble-bg {
  position: absolute;
  /* border: 1px solid black; */
  left: 4px;
  bottom: -1px;
  width: 11px;
  height: 8px;
  background: white;
}
.preview-offer-success-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.preview-offer-success-flex .header {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
}
.preview-offer-success-flex .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}
.preview-offer-success-flex .controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-offer-success-flex .controls > *:not(:last-child) {
  margin-right: 24px;
}
.vehicle-no-longer-available {
  color: red;
  font-weight: 700;
  font-size: 16px;
}
.ar-drive-msrp-popover .popover-inline-flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0 !important;
}
.ar-drive-msrp-popover .popover-inline-flex-start .bold-text {
  color: #ffffff;
  font-weight: 700;
}
.ar-drive-msrp-popover .popover-inline-flex-start .amount-text {
  margin-left: 4px !important;
  color: #F2F2F6 !important;
  font-weight: 500;
}
.ar-drive-msrp-popover .info-icon-container {
  height: 12px;
  width: 12px;
  margin-top: -14px;
  cursor: pointer;
  transform: scale(0.8);
}
.customer-offer-modal-offers-wrapper {
  display: grid;
  place-items: center;
}

.page-state-container {
  margin: auto;
  text-align: center;
  max-width: 900px;
  font-family: Inter;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-state-container .page-state-header {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.page-state-container .page-state-text {
  margin-top: 24px;
  color: #99A2AF;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}

.customer-sent-offers__container {
  width: 100%;
  display: grid;
  grid-template-columns: 350px 900px;
  gap: 24px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
}
.customer-sent-offers__container .customer-sent-offer__cards-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #ccc;
  border-radius: 12px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  outline: 1px solid var(--border-card, #E4E7EC);
  box-sizing: border-box;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card.customer-sent-offers__card-active,
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card:hover {
  outline: 2px solid #0165df;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-header {
  position: relative;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-header .customer-sent-offer__card-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%;
  min-height: 50px;
  color: #2a2a2a;
  font-size: 16px;
  line-height: 18px;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-header .customer-sent-offer__card-heading .customer-sent-offer__card-title {
  font-weight: bold;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-header .customer-sent-offer__card-heading .customer-sent-offer__card-subtitle {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-header .customer-sent-offers__card-image {
  position: absolute;
  top: 0px;
  left: 70%;
  height: 55px;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-header .customer-sent-offers__card-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  color: #011638;
  gap: 16px;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-body .customer-sent-offer__card-purchase-payment-type {
  color: #99a2af;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-body .customer-sent-offer__card-purchase-payment-details {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-body .customer-sent-offer__card-purchase-payment-amount {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card .customer-sent-offer__card-body .customer-sent-offer__card-purchase-payment-frequency {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card.cso-has-appraisal-override.customer-sent-offers__card-active,
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card.cso-has-appraisal-override:hover {
  outline: 2px solid #12B76A;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card.cso-has-appraisal-override .cso-has-appraisal-override-banner {
  background-color: #12B76A;
  color: var(--color-white, #FFF);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 3.36px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-sent-offers__container .customer-sent-offer__cards-container .customer-sent-offers__card.cso-has-appraisal-override .cso-has-appraisal-override-expiry {
  color: var(--text-text-subtitle, #98A2B3);
  font-size: 10px;
  font-weight: 500;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper {
  border: 1px solid #ccd0d7;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  overflow: hidden;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .cso-has-appraisal-override-banner {
  background-color: #12B76A;
  color: var(--color-white, #FFF);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 3.36px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container {
  padding: 32px 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__offer-type {
  color: #99a2af;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__vehicle-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #2a2a2a;
  font-size: 24px;
  line-height: 30px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__vehicle-info .customer-sent-offer__vehicle-name {
  font-weight: bold;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__vehicle-info .customer-sent-offer__vehicle-trim {
  color: #2a2a2a;
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__vehicle-info .customer-sent-offer__vehicle-status {
  color: red;
  font-weight: 700;
  font-size: 16px;
  text-align: right;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__vehicle-info .customer-sent-offer__vehicle-info-stat {
  color: #99a2af;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown {
  border-radius: 4px;
  border: 1px solid #ccd0d7;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown > div {
  padding: 24px 32px;
  border-bottom: 1px solid #ccd0d7;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown > div:last-child {
  border-bottom: none;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__vehicle-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__vehicle-image img {
  width: 100%;
  max-width: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__vehicle-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  gap: 16px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__vehicle-details .customer-sent-offer__vehicle-details-group {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 12px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__vehicle-details .customer-sent-offer__detail-header {
  color: #99a2af;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__vehicle-details .customer-sent-offer__detail-value {
  color: #011638;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details {
  color: #011638;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details .cso-has-appraisal-override-expiry {
  color: var(--text-text-subtitle, #98A2B3);
  font-size: 10px;
  font-weight: 500;
  margin-top: 6px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details .customer-sent-offer__payment-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  gap: 16px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details .customer-sent-offer__payment-option-header {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 12px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details .customer-sent-offer__payment-option-type {
  color: #99a2af;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  margin-top: 6px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details .customer-sent-offer__payment-option-details {
  display: flex;
  align-items: center;
  gap: 4px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details .customer-sent-offer__payment-option-amount {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details .customer-sent-offer__payment-option-frequency {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.customer-sent-offers__container .customer-sent-offer__details-wrapper .customer-sent-offer__details-container .customer-sent-offer__detail-breakdown .customer-sent-offer__payment-details .customer-sent-offer__payment-option-term {
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #99a2af;
}

/* .customer-notes-wrapper{
    padding-top: 24px; 
    border-top: 1px solid #DDDDDD; 
} */
.ca-header-wrapper{
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}
.customer-notes-wrapper .ca-header{
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}
.customer-notes-wrapper .note-placeholder{
    color: #99A2AF;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.customer-notes-wrapper .customer-note-textarea{
    padding-right: 60px;
    font-size: 12px;
}

.customer-note-textarea-wrapper .suffix {
    content: "↲";
    position: absolute;
    font-weight: bold;
    top: 66%;
    right: 4px;
    transform: translate(-50%, -50%);
    display: block;
    font-size: 14px;
    color: #99A2AF;
}

.customer-note-textarea:focus + .suffix {
    color: #011638;
}

/* customer-activity-wrapper */
.customer_note-wrapper{
    overflow: hidden;
}

.customer_note-wrapper .customer-note-actions{
    position: absolute; 
    left: -30px;
    top: 35px;
    display: none;
    color: #99A2AF;
}

.customer_note-wrapper .customer-note-actions.full-width-display{
    display: block;
}

.activity-text-wrapper .ant-spin-container.ant-spin-blur{
    min-height: 38px;
}

.customer_note-wrapper:hover .customer-note-actions {
    display: block;
}

.customer_note-wrapper .customer-note-actions .customer-note-btn:hover{
    color: #0166DF;
    cursor: pointer;
}

.customer_note-wrapper .activity_deleted{
    display: none;
}

.customer-note-textarea-wrapper .suffix{
    cursor: pointer;
}

.activity-content-wrapper .customer-note-actions{
    left: unset;
    top: 0;
    right: 0;
}

.activity-content-wrapper .customer-note-actions .customer-note-btn{
    display: inline;
    margin-left: 20px;
}

.customer_note-wrapper .customer-note-actions .delete{
    margin-top: 8px;
}

.customer_note-wrapper .customer-note-actions .delete.customer-note-btn:hover {
    color: #E53A40;
}
/* ======================================================================================*/
/* Start of Customer Activities (List) Component Styles
/* ====================================================================================== */
.customer-activities-wrapper {
  padding: 24px 24px;
  padding-top: 32px;
}
.ca-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.customer-activities-wrapper .ca-header {
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.customer-activities-wrapper .ca-view-all {
  color: #0166DF;
  text-decoration-line: underline;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  margin-left: auto;
  cursor: pointer;
}
.customer-activities-wrapper .ca-subheader {
  color: #7A8497;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin: 24px 0px 0px 0px;
}
.customer-activities-wrapper .ca-subheader:first-child {
  margin-top: 12px;
}
/* End of Customer Activities */
/* ======================================================================================*/
/* ======================================================================================*/
/* Start of Customer Activity Highlight Component Styles
/* ====================================================================================== */
.customer-activity-highlight-wrapper {
  padding: 16px 0px;
  border-bottom: 1px solid #D9DCE1;
}
.customer-activity-highlight-wrapper .customer-activity-highlight-content {
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--border-card, #E4E7EC);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.09), 0px 3px 2px 0px rgba(0, 0, 0, 0.05), 0px 5px 2px 0px rgba(0, 0, 0, 0.01), 0px 7px 2px 0px rgba(0, 0, 0, 0);
}
.customer-activity-highlight-wrapper .customer-activity-highlight-icon {
  color: #039855;
}
.customer-activity-highlight-wrapper .customer-activity-highlight-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.customer-activity-highlight-wrapper .customer-activity-highlight-text .customer-activity-highlight-accounting {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
  margin-top: 16px;
}
.customer-activity-highlight-wrapper .customer-activity-highlight-text .customer-activity-highlight-accounting .customer-activity-highlight-amounts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.customer-activity-highlight-wrapper .customer-activity-highlight-text .customer-activity-highlight-accounting .customer-activity-highlight-amounts .sales-price-text {
  color: var(--text-text-subtitle, #98A2B3);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}
.customer-activity-highlight-wrapper .customer-activity-highlight-text .customer-activity-highlight-accounting .customer-activity-highlight-amounts .sales-price-value {
  color: var(--text-text-primary, #011638);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
.customer-activity-highlight-wrapper .customer-activity-highlight {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  margin-right: 6px;
  display: inline;
}
.customer-activity-highlight-wrapper .customer-activity-highlight-timestamp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  color: #808B9B;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
/* End of Customer Activity Highlight */
/* ====================================================================================== */
/* ======================================================================================*/
/* Start of Customer Activity Component Styles
/* ====================================================================================== */
.customer-activity-wrapper {
  display: flex;
  justify-content: flex-start;
  padding: 16px 0px;
  border-bottom: 1px solid #D9DCE1;
}
.customer-activity-wrapper .customer-activity-icon {
  color: #0166DF;
  margin-right: 16px;
  width: 20px;
  height: 20px;
}
.customer-activity-wrapper .customer-activity-icon-red {
  color: #E53A40;
}
.customer-activity-wrapper .customer-activity-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.customer-activity-wrapper .activity-text-wrapper {
  overflow-wrap: break-word;
  max-width: 226px;
}
.customer-activity-wrapper .customer-activity-text-wrapper svg {
  height: 18px;
  margin-bottom: -5px;
  margin-left: -3px;
}
.customer-activity-wrapper .customer-activity {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  margin-right: 6px;
  display: inline;
}
.customer-activity-wrapper .customer-activity-optional-action {
  margin-top: 8px;
  color: #0166DF;
  text-decoration-line: underline;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}
.customer-activity-wrapper .customer-activity-timestamp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  color: #808B9B;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
}
/* End of Customer Activity*/
/* ====================================================================================== */

.customer-activities-drawer.ant-drawer .ant-drawer-content {
  background: #FAFAFB;
}
.activities-flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.activities-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  width: 100%;
  text-align: left;
}
.activities-header-engagement-score-icon {
  width: 37px;
  height: 25px;
  margin-left: 32px;
}
.activities-header-close-icon {
  margin-left: auto;
  cursor: pointer;
}
.activities-controls {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}
.activities-control {
  cursor: pointer;
  white-space: nowrap;
}
.activities-control .ant-checkbox + span {
  padding-right: 0px;
  padding-left: 0px;
}
.activities-control > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #2A2A2A;
  margin-left: 6px;
}
.activities-wrapper {
  border-top: 1px solid #D9DCE1;
  width: calc(100% + 44px);
  margin-left: -24px;
  padding-left: 24px;
  margin-right: -24px;
  padding-right: 24px;
  min-height: 100px;
  position: relative;
}
.activity-wrapper-absolute-line {
  position: absolute;
  left: 43.5px;
  top: 125px;
  width: 1px;
  background-color: #C4C4C4;
}
/*-----------------------------------------------------------------
Start of css for Single Activity
-----------------------------------------------------------------*/
.activities-subheader {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin-top: 24px;
  margin-left: 70px;
  color: #5F5F5F;
}
.activities-subheader:not(:first-child) {
  margin-top: 40px;
}
.activity-content-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  position: relative;
}
/* This class hides the overflow of the vertical line on the last activity wrapper when the page gets narrower and the content grows */
.activity-content-wrapper:last-child:after {
  content: "";
  position: absolute;
  top: 33%;
  left: 0px;
  height: 67%;
  width: 50px;
  background: #FAFAFB;
  z-index: 0;
}
.activity-icon-circle {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #99A2AF;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
  z-index: 1;
}
.activity-icon-circle.selected {
  background-color: #0166DF;
}
.activity-icon {
  height: 24px;
  width: 24px;
  color: white;
}
.highlight-activity .activity-icon-circle {
  background-color: #0166DF;
}
.highlight-purchase .activity-icon-circle {
  background-color: #12B76A;
}
.highlight-purchase .activity-icon {
  height: 32px;
  width: 32px;
  color: white;
}
.activity-content-text-bubble {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: white;
  border: 1px solid #EBECEE;
  border-radius: 10px;
  min-height: 90px;
  padding: 18px 24px;
  position: relative;
  margin-left: 16px;
  overflow: hidden;
}
.activity-content-text-bubble.highlight-activity {
  border: 1px solid #0166DF;
}
.activity-content-text-bubble:after {
  content: "";
  position: absolute;
  top: 34px;
  left: -10px;
  height: 20px;
  width: 20px;
  background: white;
  transform: rotate(45deg);
  border-bottom: 1px solid #EBECEE;
  border-left: 1px solid #EBECEE;
}
.activity-text-wrapper-full-width-view .activity-text,
.activity-text-wrapper .activity-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: inline;
  margin-right: 6px;
}
.activity-content-text-bubble .activity-text-second-level {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 4px;
  padding: 16px 12px;
  border: 1px solid #ECEEF0;
  border-radius: 12px;
}
.activity-text-second-level-header {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
.activity-text-pills-container {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 4px;
}
.activity-text-pill-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6.5px 18px;
  gap: 4px;
  border-radius: 14px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}
.activity-text-positive-status {
  background-color: #DFF7E7;
  color: #39BB65;
}
.activity-text-negative-status {
  background-color: #FEE6E7;
  color: #E53A40;
}
.activity-text-neutral-status {
  background-color: #E6F0FC;
  color: #0166DF;
}
.activity-text-default-status {
  background-color: #ECEEF0;
  color: #011638;
}
.activity-text-wrapper-full-width-view svg,
.activity-text-wrapper svg {
  height: 18px;
  margin-bottom: -5px;
  margin-left: -3px;
}
.activity-content-text-bubble .full-width-view {
  width: 100%;
}
.activity-content-text-bubble .activity-details {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
  margin-top: 4px;
}
.activity-optional-action {
  margin-left: 24px;
  min-width: 80px;
  text-align: right;
}
.activity-view-link {
  text-decoration-line: underline;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #0166DF;
  cursor: pointer;
}

.drive-date-picker {
  background: #fff;
  box-sizing: border-box;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}
.drive-date-picker .ant-picker-input input::-moz-placeholder {
  font-weight: 300;
  color: #aaa;
}
.drive-date-picker .ant-picker-input input::placeholder {
  font-weight: 300;
  color: #aaa;
}
.drive-date-picker.ant-picker-disabled .ant-picker-input input {
  color: #99A2AF;
}
.drive-date-picker.drive-date-picker-size-large {
  height: 54px;
  border-radius: 8px;
}
.drive-date-picker.drive-date-picker-size-large .ant-picker-input > input {
  font-size: 16px;
}
.drive-date-picker.drive-date-picker-size-large .ant-picker-suffix {
  margin-top: 4px;
}
.drive-date-picker.drive-date-picker-size-medium {
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
}
.drive-date-picker.drive-date-picker-size-medium .ant-picker-input > input {
  font-size: 14px;
}
.drive-date-picker.drive-date-picker-size-medium .ant-picker-suffix {
  margin-top: 2px;
}
.drive-date-picker.drive-date-picker-size-medium .ant-picker-suffix svg {
  transform: scale(0.8);
}
.drive-date-picker.drive-date-picker-size-small {
  height: 32px;
  border-radius: 8px;
}
.drive-date-picker.drive-date-picker-size-small .ant-picker-input > input {
  font-size: 12px;
}
.drive-date-picker.drive-date-picker-size-small .ant-picker-suffix {
  margin-top: 2px;
  transform: scale(0.8);
}
.drive-date-picker .ant-picker-input input {
  color: #011638;
  cursor: pointer;
}
.drive-date-picker .ant-picker-input inputdisabled {
  color: #99A2AF;
}
.drive-date-picker.ant-select-borderless {
  font-size: 24px;
  font-weight: bold;
  height: 32px;
}
.drive-date-picker.ant-select-borderless .ant-select-selector {
  font-size: 24px;
  font-weight: bold;
  height: 32px;
}
.drive-date-picker.ant-select-borderless .ant-select-selector .ant-select-selection-item {
  line-height: 30px;
}
.drive-date-picker.ant-select-borderless .ant-select-selection-placeholder {
  font-size: 24px;
  line-height: 30px;
}
.drive-date-picker .ant-picker-suffix {
  color: #0166DF;
}
.drive-date-picker .ant-picker-suffix + .ant-picker-clear {
  right: 30px;
}
.drive-date-picker .ant-picker-clear {
  top: 52%;
}

.drive-switch.ant-switch {
  height: 14px;
  width: 34px;
  min-width: 34px;
  background: rgba(153, 162, 175, 0.4);
}
.drive-switch.ant-switch:active,
.drive-switch.ant-switch:focus {
  box-shadow: none;
}
.drive-switch.ant-switch .ant-switch-handle {
  width: 34px;
  height: 34px;
  top: -10px;
  left: -7px;
}
.drive-switch.ant-switch .ant-switch-handle:before {
  width: 20px;
  height: 20px;
  top: 7px;
  left: 7px;
  background-color: rgba(153, 162, 175);
  border-radius: 10px;
}
.drive-switch.ant-switch .ant-switch-handle:hover {
  background-color: rgba(1, 22, 56, 0.1);
  border-radius: 20px;
}
.drive-switch.ant-switch .ant-switch-handle:focus {
  background-color: rgba(1, 22, 56, 0.2);
  border-radius: 20px;
}
.drive-switch.ant-switch.medium-switch {
  height: 12px;
  width: 30px;
  min-width: 30px;
}
.drive-switch.ant-switch.medium-switch .ant-switch-handle {
  width: 28px;
  height: 28px;
  top: -8px;
  left: -6px;
}
.drive-switch.ant-switch.medium-switch .ant-switch-handle:before {
  width: 18px;
  height: 18px;
  top: 5px;
  left: 5px;
  background-color: rgba(153, 162, 175);
  border-radius: 14px;
}
.drive-switch.ant-switch.medium-switch .ant-switch-handle:hover {
  background-color: rgba(1, 22, 56, 0.1);
  border-radius: 20px;
}
.drive-switch.ant-switch.medium-switch .ant-switch-handle:focus {
  background-color: rgba(1, 22, 56, 0.2);
  border-radius: 20px;
}
.drive-switch.ant-switch.medium-switch.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 23px);
}
.drive-switch.ant-switch.small-switch {
  height: 10px;
  width: 26px;
  min-width: 26px;
}
.drive-switch.ant-switch.small-switch .ant-switch-handle {
  width: 20px;
  height: 20px;
  top: -5px;
  left: -3px;
}
.drive-switch.ant-switch.small-switch .ant-switch-handle:before {
  width: 14px;
  height: 14px;
  top: 3px;
  left: 3px;
  background-color: rgba(153, 162, 175);
  border-radius: 7px;
}
.drive-switch.ant-switch.small-switch.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 17px);
}
.drive-switch.ant-switch.ant-switch-checked {
  background: rgba(0, 112, 224, 0.4);
}
.drive-switch.ant-switch.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 27px);
}
.drive-switch.ant-switch.ant-switch-checked .ant-switch-handle:before {
  background: #0070e0;
}
.drive-switch.ant-switch.ant-switch-checked .ant-switch-handle:hover {
  background-color: rgba(0, 112, 224, 0.1);
  border-radius: 20px;
}
.drive-switch.ant-switch.ant-switch-checked .ant-switch-handle:focus {
  background-color: rgba(0, 112, 224, 0.2);
  border-radius: 20px;
}
.drive-switch.ant-switch.ant-switch-checked:active,
.drive-switch.ant-switch.ant-switch-checked:focus {
  box-shadow: none;
}

.appraisal-override-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.appraisal-override-container .appraisal-override-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.appraisal-override-container .appraisal-override-header .appraisal-override-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
}
.appraisal-override-container .appraisal-override-header .appraisal-override-description {
  font-size: 16px;
  color: #99a2af;
  line-height: 24px;
}
.appraisal-override-container .appraisal-override-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.appraisal-override-container .appraisal-override-section .appraisal-override-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.appraisal-override-container .appraisal-override-section .appraisal-override-label-disabled {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #99a2af;
  cursor: not-allowed;
  display: flex;
  gap: 4px;
  align-items: center;
}
.appraisal-override-container .appraisal-override-section .appraisal-override-inline-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.appraisal-override-container .appraisal-override-footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.appraisal-override-container .appraisal-override-footer .appraisal-override-btn-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.appraisal-override-container .appraisal-override-footer .appraisal-override-delete-appraisal {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.appraisal-override-container .appraisal-override-error-message {
  color: #f04438;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.appraisal-override-container .has-save-error.drive-select.drive-select-size-medium.ant-select-multiple .ant-select-selector {
  border: 1px solid red;
}
.appraisal-override-container .has-save-error.drive-input {
  border: 1px solid red;
}
.appraisal-override-container .has-save-error.drive-input-number.ant-input-number {
  border: 1px solid red;
}

.missing-information-wrapper{

}
    .mi-header{
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        color: #000000;
        margin-right: 16px;
    }
    .mi-paragraph-text{
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #99A2AF;
    }
    .mi-subheader{
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #000;
    }

.missing-finance-wrapper{
    margin-top:24px; 
    padding-top:7px; 
    border-top: 1px solid #D9DCE1;
    margin-bottom:0px; 
    padding-bottom:7px; 
    border-bottom: 1px solid #D9DCE1;
}
    .missing-finance-flex{
        display:flex;
        flex-direction: column;
        width: 100%;
        border-radius: 8px;
    }
        .missing-finance-row{
            display:flex;
            align-items:center;
            height: 24px;
            
        }
            .missing-finance-row div{
                flex: 50%;
                line-height: 24px;
                font-weight: 500;
                font-size: 13px;
            }
            .missing-finance-row div:first-child{
                color: #99A2AF;
            }
            .missing-finance-row div:nth-child(2){
                color: #011638;  
                            
            }

.customer-info-update-row{
    display: flex;
    justify-content: flex-start;
    align-items:center;
    padding: 8px 8px;
    margin: 0px -8px;
    width: 100%;
    border-bottom: 1px solid #D9DCE1;
}
    
    .customer-info-update-row > *:not(:first-child){
        margin-left: 16px;
    } 

    .customer-info-update-row > label:last-child {
        margin-left: auto;
    }

    .customer-info-update-row.no-info-found{
        color: #99A2AF;
    }

    .info-update-row-value{
        display: flex;
        justify-content: flex-start;
        align-items:center;
        gap: 8px;
    }

    

.drive-upload.ant-upload.ant-upload-drag {
  /* border-radius: 8px;
    border: 2px dashed #0166DF; */
  background-color: white;
  border: 1px solid #CCD0D7;
  box-sizing: border-box;
  border-radius: 8px;
}
.drive-upload.ant-upload.ant-upload-drag:hover,
.drive-upload.ant-upload.ant-upload-drag-hover {
  border-radius: 8px;
  border: 2px dashed #0166DF;
  height: 58px;
}
.drive-upload .ant-upload-drag-container {
  position: relative;
}
.drive-upload.ant-upload.ant-upload-drag p.ant-upload-hint {
  text-align: left;
  margin-left: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #99A2AF;
}
.drive-upload-dragger-icon {
  position: absolute;
  right: 16px;
  top: 0px;
}

.drive-range-picker {
  background: #fff;
  box-sizing: border-box;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}
.drive-range-picker .ant-select-selection-placeholder {
  color: #9A9A9A;
  font-size: 14px;
}
.drive-range-picker.ant-input-disabled {
  color: #99A2AF;
}
.drive-range-picker.drive-range-picker-size-large {
  height: 54px;
  font-size: 16px;
  border-radius: 8px;
}
.drive-range-picker.drive-range-picker-size-large .ant-picker-suffix {
  margin-top: 4px;
}
.drive-range-picker.drive-range-picker-size-medium {
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
}
.drive-range-picker.drive-range-picker-size-medium .ant-picker-suffix {
  margin-top: 2px;
}
.drive-range-picker.drive-range-picker-size-medium .ant-picker-suffix svg {
  transform: scale(0.8);
}
.drive-range-picker.drive-range-picker-size-small {
  height: 32px;
  font-size: 14px;
  border-radius: 8px;
}
.drive-range-picker.drive-range-picker-size-small .ant-picker-suffix {
  margin-top: 2px;
  transform: scale(0.8);
}
.drive-range-picker .ant-picker-input input {
  color: #011638;
  cursor: pointer;
}
.drive-range-picker.ant-select-borderless {
  font-size: 24px;
  font-weight: bold;
  height: 32px;
}
.drive-range-picker.ant-select-borderless .ant-select-selector {
  font-size: 24px;
  font-weight: bold;
  height: 32px;
}
.drive-range-picker.ant-select-borderless .ant-select-selector .ant-select-selection-item {
  line-height: 30px;
}
.drive-range-picker.ant-select-borderless .ant-select-selection-placeholder {
  font-size: 24px;
  line-height: 30px;
}
.drive-range-picker .ant-picker-suffix {
  color: #0166DF;
}
.drive-range-picker.ant-picker-range .ant-picker-clear {
  right: 40px;
  top: 52%;
}

.engagement-popover-container {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 48px;
  padding: 12px 8px;
  border-radius: 4px;
  background: #011638;
  box-shadow: 0px 1px 2px 0px rgba(48, 60, 110, 0.1);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
}
.engagement-popover-container .engagement-card-header-container {
  display: flex;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid #183C76;
}
.engagement-popover-container .offers-container {
  margin-top: 16px;
}
.engagement-popover-container .offers-container .offer-details-container {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.engagement-popover-container .engagement-container {
  margin-top: 24px;
}
.engagement-popover-container .engagement-container .engagement-details-container {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.engagement-popover-container .engagement-popover-flex-div {
  display: flex;
  align-items: center;
  gap: 4px;
}
.engagement-popover-container .engagement-popover-bold-text {
  font-weight: 700;
}
.engagement-popover-container .engagement-popover-sub-text {
  color: #8AA2C4;
}
.engagement-popover-container .engagement-popover-font-size-14 {
  font-size: 14px;
}
.engagement-popover-container .engagement-popover-pill {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 334px;
  background: #16325F;
}
@media (max-width: 900px) {
  .engagement-popover-container {
    flex-direction: column;
  }
}


.ccp-header{
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    color: #000000;
}
        
.ccp-description{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #99A2AF;
}

.ccp-checkboxes{

}
    .ccp-checkbox-row{
        height: 56px;
        border-bottom: 1px solid #C4C4C4;
        /* display:flex;
        justify-content: space-between;
        align-items: center; */
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 16px;

        color: #011638;
        font-size: 14px;
        font-weight:normal;
    }
        .ccp-preference-header{
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            color: #011638;
        }
        .ccp-preference-status{
            color: #011638;
            font-size: 14px;
            font-weight:normal;
        }
        .ccp-preference-status.ccp-preference-temp-disabled{
            color: #77A2AF;
        }

        .ccp-preference-disabled .ccp-opted-out,
        .ccp-preference-disabled .ccp-preference-status,
        .ccp-preference-disabled .ccp-preference-header{
            color:#CCD0D7
        }

.ccp-save-button{
    display:flex;
    justify-content: flex-end;
}

/* ======================================================================================*/
/* Start of Customer Factory Orders Component Styles
/* ====================================================================================== */
.customer-factory-orders-wrapper{
    padding: 8px 12px;
    /* border-bottom: 1px solid #DDDDDD; */
}
    .cfo-header-wrapper{
        display:flex;
        justify-content: space-between;
        align-items: flex-end;
    }
        .customer-factory-orders-wrapper .cfo-header{
            color: #000000;
            font-weight: 600;
            font-size: 14px;
            line-height: 18px;
        }
    .cfo-subheader-wrapper{
        margin-top: 4px;
        position: relative;
    }
        .cfo-subheader{
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #99A2AF;
        }
    .customer-order-factory-order-wrapper{
        margin-top: 12px;
    }
    .customer-track-factory-order-wrapper{
        display: flex;
        margin-top: 12px;
        gap: 12px;
    }
        .total-orders-count-outline{
            width: 32px;
            height: 24px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(1, 102, 223, 0.15);
            margin-left: 5px;
            /* padding: 10px; */
        }
            .total-orders-count-outline > span{
                font-weight: 700;
                font-size: 9px;
                line-height: 10px;
                display: flex;
                align-items: center;
                text-align: center;
                color: #0166DF;
            }
.factory-order-modal .factory-modal-title {
  font-weight: 500;
  font-size: 28px;
  color: #000;
  line-height: 40px;
}
.factory-order-modal .factory-modal-header {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000;
}
.factory-order-modal .factory-modal-header .factory-modal-header-optional-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #485870;
  margin-left: 4px;
}
.factory-order-modal .fm-input-row-flex {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.factory-order-modal .fm-input-flex {
  flex: 1 0 24%;
}
.factory-order-modal .optional-selector-text {
  color: #677388;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
}
.factory-order-modal .factory-order-divider {
  margin-top: 20px;
  border-bottom: 1px solid #DDDDDD;
  margin-left: -20px;
  margin-right: -20px;
}
.factory-order-modal .trade-in-vehicles-wrapper .trade-in-vehicles-flex {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  overflow-x: auto;
  scroll-behavior: smooth;
}
.factory-order-modal .trade-in-vehicles-wrapper .trade-in-vehicles-flex .trade-in-vehicles-container {
  background: #FFFFFF;
  border: 1px solid #CCD0D7;
  border-radius: 8px;
  padding: 12px;
  width: 167px;
  height: 133px;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
}
.factory-order-modal .trade-in-vehicles-wrapper .trade-in-vehicles-flex .trade-in-vehicles-container.trade-in-vehicle-selected {
  border: 2px solid #0166DF;
}
.factory-order-modal .trade-in-vehicles-wrapper .trade-in-vehicles-flex .trade-in-vehicles-container.trade-in-vehicle-disabled {
  cursor: not-allowed;
}
.factory-order-modal .trade-in-vehicles-wrapper .trade-in-vehicles-flex .trade-in-vehicles-container.trade-in-vehicle-disabled::after {
  position: absolute;
  left: -2px;
  top: -2px;
  opacity: 0.8;
  width: calc(100% + 4px);
  height: 133px;
  background-color: white;
  content: ' ';
}
.factory-order-modal .trade-in-vehicles-wrapper .trade-in-vehicles-flex .trade-in-vehicles-container .trade-in-vehicle-image {
  max-height: 50px;
  max-width: 100%;
}
.factory-order-modal .trade-in-vehicles-wrapper .trade-in-vehicles-flex .trade-in-vehicles-container .trade-in-vehicle-bold-text {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #011638;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.factory-order-modal .trade-in-vehicles-wrapper .trade-in-vehicles-flex .trade-in-vehicles-container .trade-in-vehicle-text {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  color: #677388;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.factory-order-modal .no-trade-vehicles-wrapper {
  margin-top: 16px;
  border: 1px solid #D9DCE1;
  height: 174px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.factory-order-modal .no-trade-vehicles-wrapper .no-trade-vehicles-container {
  display: flex;
  flex-direction: column;
}
.factory-order-modal .no-trade-vehicles-wrapper .no-trade-vehicles-container .no-trade-vehicles-icon {
  text-align: center;
  color: #99A2AF;
  transform: scale(1.35);
}
.factory-order-modal .no-trade-vehicles-wrapper .no-trade-vehicles-container .no-trade-vehicles-text {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
}
.factory-order-modal .pause-campaign-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.factory-order-modal .pause-campaign-wrapper-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.factory-order-modal .switch-helper-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #011638;
}
.factory-order-modal .switch-helper-text-disabled {
  color: #99A2AF;
}
.factory-order-modal .action-buttons-wrapper {
  display: flex;
  /* gap: 95px; */
  justify-content: space-between;
  margin-top: 15px;
}
.factory-order-modal .other-action-buttons-wrapper {
  display: flex;
  gap: 12px;
}
/* Delete Factory Order Confirmation Modal CSS */
.delete-activity-confirmation-modal,
.delete-factory-order-confirmation-modal {
  display: flex;
  flex-direction: column;
}
.delete-activity-confirmation-modal .title-delete,
.delete-factory-order-confirmation-modal .title-delete {
  font-weight: 600;
  font-size: 32px;
  color: #000000;
}
.delete-activity-confirmation-modal .message-delete,
.delete-factory-order-confirmation-modal .message-delete {
  margin-top: 12px;
}
.delete-activity-confirmation-modal .text-delete,
.delete-factory-order-confirmation-modal .text-delete {
  color: #99A2AF;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.delete-activity-confirmation-modal .buttons-delete-flex,
.delete-factory-order-confirmation-modal .buttons-delete-flex {
  margin-top: 24px;
  gap: 16px;
  display: flex;
  justify-content: space-between;
}
.factory-marketing-campaign-wrapper {
  padding: 16px;
  background: #F9FAFB;
  border: 1px solid #E4E7EC;
  border-radius: 12px;
}
.factory-order-modal-read-only {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 24px 0;
}
.factory-order-modal-read-only .factory-order-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #011638;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.factory-order-modal-read-only .factory-order-divider {
  border: 1px solid #E4E7EC;
  margin: 12px 0;
}
.factory-order-modal-read-only .factory-vehicle-order-wrapper .factory-vehicle-order-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.factory-order-modal-read-only .factory-vehicle-order-wrapper .factory-vehicle-order-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.factory-order-modal-read-only .factory-trade-in-vehicles-wrapper {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.factory-order-modal-read-only .factory-trade-in-vehicles-wrapper .factory-trade-in-vehicles-container {
  display: grid;
  grid-template-columns: 35% auto;
  gap: 24px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #E4E7EC;
  padding: 16px;
  box-shadow: 0px 2px 4px 0px #00000014;
}
.factory-order-modal-read-only .factory-trade-in-vehicles-wrapper .factory-trade-in-vehicles-container .factory-trade-in-vehicle-image {
  max-height: 75px;
  max-width: 100%;
}
.factory-order-modal-read-only .factory-trade-in-vehicles-wrapper .factory-trade-in-vehicles-container .factory-trade-in-vehicle-trim {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #677388;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.factory-order-modal-read-only .factory-trade-in-vehicles-wrapper .factory-trade-in-vehicles-container .factory-trade-in-vehicle-vin {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #677388;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ======================================================================================*/
/* Start of Customer Factory Orders Component Styles
/* ====================================================================================== */
.customer-household-wrapper{
    padding: 8px 12px;
    border-bottom: 1px solid #DDDDDD;
}
    .chousehold-header-wrapper{
        display:flex;
        justify-content: space-between;
        /* align-items: flex-end; */
        height: 24px;
    }
        .customer-household-wrapper .chousehold-header{
            color: #000000;
            font-weight: 600;
            font-size: 14px;
            line-height: 18px;
        }
    .chousehold-subheader-wrapper{
        margin-top: 4px;
        position: relative;
    }
        .chousehold-subheader{
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #99A2AF;
        }
    
.customer-household-wrapper .ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow{
    left: 74%;
}

.chousehold-content-wrapper{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}
    .chousehold-name-container{
        background-color: #F9F9F9;
        padding: 16px 12px;
        border-radius: 8px;
        cursor: pointer;
    }
        .chousehold-name-container:hover{
            background-color: #F2F7FD;
        }
        .chousehold-name-value{
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            color: #000000;
        }
    .chousehold-empty-state{
        margin-top: 8px; 
        padding: 32px 12px;
        text-align: center;
        border: 1px solid #ECEEF0;
        border-radius: 8px;
    }
        .chousehold-empty-state-value{
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            color: #000000;
        }


.customer-list-offers-wrapper{
    max-width: 522px;
    margin:auto;
}
    .customer-list-description-wrapper{
        display:flex;
        align-items: center;
        justify-content: center;
    }
        .list-offer-image{
            margin-right: 16px;
            margin-top: 14px;
            transform: scale(1.2);
        }

        .customer-list-description-wrapper-texts{
            font-style: normal;
            font-weight: 500;
            text-align:left;
            flex: 1;
        }
            .customer-list-description-wrapper-texts div:nth-child(1){
                font-size: 28px;
                line-height: 40px;
                color: #011638;
            }
            .customer-list-description-wrapper-texts div:nth-child(2){
                font-size: 16px;
                line-height: 24px;
                color: #99A2AF;
            }

        .customer-list-status-wrapper{
            margin-top: 28px;
            display:flex;
            flex-direction: column;
            align-items: center;
        }
            .customer-list-status-section{
                display:flex;
                flex-direction: column;
                margin-bottom: 16px;
            }
                .customer-list-status-check-text{
                    display:flex;
                    justify-content: flex-start;
                    align-items:center;
                }
                    .customer-list-status-check-text div:nth-child(1){
                        width: 24px;
                        height: 24px;
                        margin-right: 16px;
                    }
                    .customer-list-status-check-text div:nth-child(2){

                    }

                .customer-list-status-loading{
                    text-align:left;
                    margin-left: 41px;
                    min-width: 230px; 
                }

    .continue-working-wrapper{
        margin-top: 18px;
        height: 48px;
        font-size: 16px;
        line-height: 24px;
        color: #99A2AF;
    }

	
.font-weight-600{
    font-weight: 600;
}

.customer-page{
    background-color: #FAFAFB;
    /* min-width: 1200px; */
    position:relative;
    min-width: 1120px;
    overflow-x: auto;
    /* overflow-y: scroll; */
}

.customer-page-wrapper{
    display:flex;
    justify-content:center;
    min-height: 100vh
}

.customer-page-main-content {
    width: calc(100% - 300px);
    min-height: 200px;
    padding: 32px;
    flex: 1;
}
    .customer-navigation-flex-wrapper{
        padding: 16px 24px 16px 16px;
        position:relative;
    }
        .customer-vehicle-navigation-options-icon{
            position:absolute;
            color: black;
            top: 28px;
            right: 0px;
            margin: -10px -4px;
            padding: 10px 4px;
        }
        .vehicle-options-container{
            padding: 16px 0px;
        }
            .vehicle-options-row{
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                color: #011638;
                padding: 4px 16px;
                cursor:pointer;
            }
                .vehicle-options-row:hover{
                    background-color: #F2F7FD;
                }

        .no-longer-owns-dropdown{
            padding-top: 0px;
        }
            .no-longer-owns-dropdown .ant-dropdown-menu {
                padding: 8px 0px;
                border-radius: 8px;
                box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.13);
            }

.back-to-customers{
    display:flex;
    justify-content: flex-start;
    align-items:center;
    margin-bottom: 28px;
    color: #000000;
    cursor: pointer;
}
    .back-to-customers div{
        margin-left: 10px;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
    }
    .back-to-customers div.breadcrumb-name{
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
    }

.customer-vehicle-wrapper{

}
    .customer-vehicle-navigation-wrapper{
        border-bottom: 1px solid #D9DCE1;
        margin-left: -32px;
        padding-left: 32px;
        margin-right: -32px;
        padding-right: 32px;
        margin-bottom: 1px;

    }
    .customer-vehicle-navigation-wrapper .ant-menu-horizontal{
        border:none;
        width: 93%;
    }
        .customer-vehicle-wrapper .ant-menu-submenu-title{
            padding: 0px;
        }
        .drive-grouped-menu{
            height: 75px;
            background-color: white;
            width: 50px;
            border-radius: 15px 15px 0px 0px;
            color: #0166DF;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            padding: 16px;
            min-width: 110px;
            top: 1px;
            border-left: 1px solid #D9DCE1;
            border-top: 1px solid #D9DCE1;
            border-right: 1px solid #D9DCE1;
            text-align:center;
        }
            .drive-grouped-menu .nav-details-details-offer{
                margin:auto;
            }
    .customer-vehicle-navigation-wrapper .ant-menu{
       /*  margin-left: 0px; */
        background-color: #FAFAFB;
    }
        .customer-vehicle-wrapper .ant-menu-item{
            background-color: white;
            /* margin-right: 24px; */
            border-left: 1px solid #D9DCE1;
            border-top: 1px solid #D9DCE1;
            border-right: 1px solid #D9DCE1;
            border-radius: 15px 15px 0px 0px;
            /* box-shadow: inset 0px -3px 0px #0166DF; */
            /* display: flex; */
            /* flex-direction: column;
            align-items: flex-start; */
            padding: 16px;
            cursor: pointer;
        }
            .customer-vehicle-wrapper .ant-menu-light.ant-menu-horizontal > .ant-menu-item{
                top: 0px;
                margin: 0px 10px;
            }
            .customer-vehicle-wrapper .ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover{
                background-color: white;
            }
            .no-longer-owns-mask{
                opacity: 0.5;
            }

        /* Style when viewing in main navigation */
            .customer-vehicle-navigation-image{
                display:none;
            }
            .customer-vehicle-navigation-header{
                color: #2A2A2A;
                font-weight: 600;
                font-size: 16px;
                line-height: 24px;
            }
            .customer-vehicle-navigation-details{
                display:flex;
                justify-content: flex-start;
                align-items: center;
            }
                .nav-details-details-offer{
                    background-color: #ECEEF0;
                    border-radius: 6px;
                    font-size: 12px;
                    line-height: 16px;
                    text-align: center;
                    color: #000000;
                    padding:2px 6px;
                    margin-right: 10px;
                }
                .nav-details-details-equity{
                    font-weight: normal;
                    font-size: 12px;
                    line-height: 16px;
                    display:flex;
                    align-items: center;
                }
                    .nav-details-details-equity > svg{
                        margin-top: -1px;
                    }
                    .nav-details-details-equity.positive{
                        color: #39BB65;
                    }
                    .nav-details-details-equity.negative{
                        color: #E53A40;
                    }
        /* Style for when viewing in dropdown menu */
           /*  .ant-menu-submenu-popup ul{
                display:block;
            } */
            .ant-menu-submenu.ant-menu-submenu-popup .ant-menu-item{
                height: 70px;
                display:flex;
                align-items: center;
            }
            .ant-menu-submenu-popup .customer-navigation-flex-wrapper{
                display:flex;
                justify-content: flex-start;
                align-items: center;
                width: 100%;
                padding-right: 0px;
            }
            .ant-menu-submenu-popup .customer-vehicle-navigation-image{
                display:block;
                margin-right: 20px;
            }
                .ant-menu-submenu-popup .customer-vehicle-navigation-image img{
                    height: 52px;
                }
            .ant-menu-submenu-popup .customer-vehicle-navigation-header{
                color: #2A2A2A;
                font-weight: normal;
                font-size: 14px;
                line-height: 24px;
            }
            .ant-menu-submenu-popup .customer-vehicle-navigation-options-icon{
                margin-left: auto;
                position:relative;
                top: 0px;
            }

    .selected-vehicle-content{
        display:flex;
        justify-content: center;
        margin-top: 40px;
        margin-bottom: 40px;
    }
        .sv-image{
            width: 252px;
            height: 100px;
        }
            .sv-image img{
                width: 100%;
                height: 100%;
                -o-object-fit:contain;
                   object-fit:contain;
            }
        .sv-breakdown{
            display:flex;
            flex-direction: column;
            justify-content: flex-start;
            flex:1;
            padding-left: 30px;
        }
            .sv-breakdown-row{
                display:flex;
                justify-content: space-between;
                max-width: 631px;
            }
                .sv-breakdown-row >div:not(:last-child){
                    margin-right:4px;
                }
                .sv-stat{
                    display:flex;
                    flex-direction: column;
                    text-align:left;
                    min-width: 158px;
                    max-width: 31%;
                }
                    .sv-stat-label{
                        font-weight: 400;
                        font-size: 12px;
                        line-height: 16px;
                        color: #7A8497;
                        text-align:left;
                        display:flex;
                        justify-content: flex-start;
                        align-items:center;
                    }
                        .sv-stat-label:not(:first-child){
                            margin-top: 16px;
                        }
                        .sv-stat-label svg{
                            transform: scale(0.6);
                            margin-left: -4px;
                            margin-top: -5px;
                        }
                        .sv-stat-label .ar-drive-popover{
                            margin-left: 5px;
                        }
                        .sv-stat-label-icon{
                            margin-left:5px;
                            height:15px;
                            width: 15px;
                        }
                        /* .ant-popover-hidden{display:block !important} */
                    .sv-stat-value{
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 22px;
                        color: #2A2A2A;
                        word-wrap: normal;
                        display: inline-block;
                        margin-right: 8px;
                    }
                    .sv-stat-salesperson-span{
                        text-transform: capitalize;
                    }
                    .sv-vin{
                        margin-top: 20px;
                        display:flex;
                        justify-content: center;
                        font-weight: 600;
                    }

.customer-right-section{
    width: 300px;
    background-color: #FFFFFF;
    padding: 32px 0px 0px 0px;
    border-left: 1px solid #DDDDDD;
}
    .customer-toogle-group{
        border: 1px solid #DDDDDD;
        margin: 0 23px;
        border-radius: 8px;
    }

    .customer-right-section.customer-error{
        display:none;
    }
    .customer-details-container{
        padding: 0px 24px 20px 24px;
        /* border-bottom: 1px solid #DDDDDD; */
    }
        .customer-detail-consent{
            display:flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 16px;
        }
            .customer-detail-consent-value{
                display:flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .customer-detail-consent-value:not(:last-child){
                margin-right: 16px;
            }

        .customer-detail-row{
            margin-bottom: 14px;
            font-size: 14px;
            line-height: 18px;
            display:flex;
            align-items: flex-start;
            display:relative;
        }
            .customer-detail-row:last-child{
                margin-bottom:0px;
            }
            .customer-detail-row svg{
                margin-top: 0px;
            }
            .customer-detail-row > svg{
                margin-right: 15px;
            }

            .customer-detail-row > span:not(:last-child),
            .customer-detail-row > div:not(:last-child)
            {
                margin-right: 15px;
            }

            .popover-string-li:not(:last-child){
                margin-bottom:8px;
            }

            .customer-details-header-row{
                display:flex;
                justify-content: flex-start;
                align-items: center;
                padding-right: 16px;
                margin-right: -16px;
                max-width: 235px;
            }

                .customer-detail-name{
                    color: #011638;
                    font-weight: 600;
                    font-size: 24px;
                    line-height: 30px;
                    margin-right: 12px;
                    max-width: 215px;
                    word-wrap: break-word;
                }
                .customer-detail-edit-icon{
                    cursor:pointer;
                    display:none;
                }

                .customer-details-header-row:hover .customer-detail-edit-icon{
                    display:block;
                }

            .overflow-ellipses > span:nth-child(2){
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .customer-detail-address{
                display: flex;
                flex-direction: column;
            }

            .customer-value-status-incorrect{
                text-decoration: line-through;
                /* color:#9a9fa7; */
            }

            .customer-detail-address-sub-row{
                font-size: 14px;
                line-height: 24px;
                color: #868686;;
            }


/* Styles for the Drive actions footer children elements */
.offers-footer-flex{
    display:flex;
    justify-content: space-between;
    align-items:center;
}
    .offers-footer-details-flex{
        color: white;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* height: 80px; */
    }
        .offers-footer-details-header{
            font-weight: 600;
            font-size: 24px;
            line-height: 40px;
        }
        .offers-footer-details-value{
            font-weight: normal;
            font-size: 14px;
            line-height: 24px;
        }
    .offers-footer-buttons-flex{
        display:flex;
        justify-content: flex-end;
    }
        .offers-footer-buttons-flex button:not(:last-child){
            margin-right: 16px
        }

    .offers-preview-footer-flex{
        display:flex;
        justify-content: flex-start;
        align-items: center;
    }
        .offers-preview-footer-buttons-flex{
            display:flex;
            justify-content: center;
        }
            .offers-preview-footer-buttons-flex:nth-child(2){
                margin-left: 40px;
            }
            .offers-preview-footer-buttons-flex:nth-child(3){
                margin-left:auto;
            }
            .offers-preview-footer-buttons-flex button:not(:last-child){
                margin-right: 16px
            }
            .offers-preview-footer-buttons-flex .ant-checkbox + span{
                padding-right: 0px;
                display:none;
            }
            .offers-preview-footer-buttons-flex .drive-checkbox.ant-checkbox-wrapper{
                margin-right: 8px;
            }
            .offer-dnc.ant-btn.ar-drive-button.secondary[disabled] > span{
                color: #E53A40;
            }
                .offer-dnc > svg{
                    margin-right: 8px;
                    color: #E53A40;
                    font-size: 1.1em;
                }


.drive-full-screen-antd-modal.ant-modal{
    padding-bottom: 0px;
    max-width: 100%;;
}


.no-longer-owns-modal{

}
    .nlom-header{
        font-weight: 600;
        font-size: 32px;
        line-height: 48px;
        color: #000000;
    }
    .nlom-body{
        margin-top: 40px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #99A2AF;
    }
    .nlom-button{
        margin-top: 40px;
    }


/*-----------------------------------------------------------------------------------------------------------
CUSTOMER MARKETING CONSENT 
-----------------------------------------------------------------------------------------------------------*/
.marketing-consent-title{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
    .edit-marketing-consent-click{
        color: #0166DF;
        cursor:pointer;
        margin-left: auto;
    }
        .edit-marketing-consent-click:hover{
            color: #011638;
        }

.marketing-consent-wrapper{
    display:flex;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid#D9DCE1;
    justify-content: space-between;
}
    .consent-element-wrapper{
       /*  display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px; */
        
        /* This is commented out because the styles went to the popover span beneath this */
    }
        .consent-element-wrapper span{
            display:flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 2px;
        }
    .consent-type-icon-wrapper{
        height: 24px;
        width: 24px;
        position: relative;
    }
        .consent-type-icon {

        }
        .consent-small-icon img{
            position:absolute;
            top: 0px;
            right: -3px;
            /* height: 10px;
            width: 10px; */
        }
    .consent-type-label {
        color: #000;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        display:flex;
        justify-content: flex-start;
        gap: 4px;
        align-items: center;
        position:relative;
    }
        

/*-----------------------------------------------------------------------------------------------------------
END OF CUSTOMER MARKETING CONSENT 
-----------------------------------------------------------------------------------------------------------*/
.feedback-wrapper .feedback-header {
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #000000;
}
.feedback-wrapper .feedback-input-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #485870;
}
.feedback-wrapper .feedback-buttons {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.feedback-button {
  background: #0166DF;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  padding: 7px 16px;
  cursor: pointer;
}
.feedback-button:hover {
  background: #005AC5;
}
.feedback-button:focus {
  background: #004BA5;
}

.phv2-wrapper {
  background-color: white;
  border-bottom: 1px solid #ECEEF0;
  position: fixed;
  top: 0;
  z-index: 2;
}
.phv2-wrapper .phv2-header-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 32px 20px 32px;
}
.phv2-wrapper .phv2-header-right-content {
  margin-left: auto;
}
.phv2-wrapper .phv2-header-text {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
}
.phv2-wrapper .phv2-breadcrumb-wrapper {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #989CA7;
}
.phv2-wrapper .phv2-breadcrumb-wrapper .phv2-breadcrumb-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #0072CE;
}
.phv2-wrapper .phv2-breadcrumb-wrapper .phv2-breadcrumb-value {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #989CA7;
}

.customers-table-row {
  height: 72px;
  cursor: pointer;
}
.customers-table-row .ant-checkbox-wrapper .ant-checkbox {
  margin-left: -12px;
  margin-top: -6px;
  padding: 12px;
}
.customers-table-row .ant-checkbox-wrapper .ant-checkbox:after {
  border: none;
}
.customer-row-bold-value {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #011638;
}
/* ** Overide Bold value for vehcile name  */
.customer-vehicles-bold-overide {
  font-weight: 400;
  font-size: 14px;
}
.customers-table-row .line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customer-row-sub-value {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #99A2AF;
}
.customer-row-sub-value.flex {
  display: flex;
}
.customer-row-na-value {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #CCD0D7;
}
.vehicle-service-sales-tag {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #99A2AF;
}
.customers-table-row .vehicle-column {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.customers-table-row .vehicle-column-more {
  margin-left: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #99A2AF;
}
.customers-table-row .customer-date-column {
  font-size: 14px;
  color: #011638;
}
.customers-table-row .last-sent-label {
  font-size: 12px;
  color: #99A2AF;
}
.customers-table-row .first-service {
  font-weight: 500;
  font-size: 12px;
  color: #39BB65;
}
.customers-table-row .customer-employee-badge {
  margin-left: 20px;
}
.customers-table-row .customer-employee-badge img {
  width: 24px;
}
.offer-dnc.ant-btn.ar-drive-button.secondary[disabled] > span {
  color: #E53A40;
}
.offer-dnc > svg {
  margin-right: 8px;
  color: #E53A40;
  font-size: 1.1em;
}
.smart-segments-table thead > tr > th {
  white-space: nowrap;
}
.ar-drag-sort-header {
  width: 225px;
  text-transform: none;
}
.ar-drag-sort-text {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #F2F2F6;
}
.ar-drag-sort-confirm-text {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #F2F2F6;
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.ar-drag-clickable-area {
  padding: 10px;
  margin: -10px;
  cursor: pointer;
}
.customer-segment-new-dot {
  width: 6px;
  height: 6px;
  background-color: #12B76A;
  border-radius: 50%;
}
.service-followup-range-picker.ant-picker {
  border: none;
  padding: 0;
}
.service-followup-range-picker.ant-picker .ant-picker-input > input {
  field-sizing: content;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #0166df;
}
.service-followup-range-picker.ant-picker .ant-picker-range-separator {
  margin: 0 4px;
  padding: 0;
}

.ant-pagination.ar-drive-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
  flex-direction: row;
  padding: 0 30px;
  height: 68px;
}
.ant-pagination.ar-drive-pagination .ant-pagination-item {
  border: none;
  padding: 0px 4px;
}
.ant-pagination.ar-drive-pagination .ant-pagination-next,
.ant-pagination.ar-drive-pagination .ant-pagination-prev {
  padding: 0px 4px;
}
.ant-pagination.ar-drive-pagination .pagination-page {
  font-size: inherit;
  font-weight: inherit;
  line-height: 40px;
  color: #011638;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  background: #FFFFFF;
  border: 1px solid #CCD0D7;
}
.ant-pagination.ar-drive-pagination .pagination-page-active {
  font-size: inherit;
  font-weight: inherit;
  line-height: 40px;
  color: #FFF;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  background: #0166DF;
  border: 1px solid #0166DF;
}
.ant-pagination.ar-drive-pagination .pagination-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0px;
  padding: 0 14px;
  min-width: 77px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #CCD0D7;
  border-radius: 60px;
  color: #011638;
}
.ant-pagination.ar-drive-pagination .pagination-action.pagination-left-icon > img {
  margin-right: 8px;
}
.ant-pagination.ar-drive-pagination .pagination-action.pagination-right-icon > img {
  margin-left: 8px;
}
.ant-pagination.ar-drive-pagination .ant-pagination-total-text {
  height: 68px;
  line-height: 24px;
  display: flex;
  align-items: center;
  margin-right: auto;
}
.ant-pagination.ar-drive-pagination .ant-pagination-options {
  height: 68px;
  line-height: 68px;
  margin-left: auto;
}
.ant-pagination.ar-drive-pagination .ant-select-selector {
  color: #0166DF;
  border: none;
  text-decoration: underline;
}
.ant-pagination.ar-drive-pagination .ant-select-selector:active {
  border: none;
}
.ant-pagination.ar-drive-pagination .ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border: none;
}
/* CSS for reference
.ant-pagination.ar-drive-pagination {
    padding: 0 30px;
    height: 68px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.ant-pagination.ar-drive-pagination .ant-pagination-item {
    border: none;
}

.ar-drive-pagination .pagination-page {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border: 1px solid #CCD0D7;
    border-radius: 30px;
    color: #011638;
}

.ar-drive-pagination .pagination-page-active {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: #0166DF;
    border: 1px solid #0166DF;
    border-radius: 30px;
    color: #fff;
}

.ar-drive-pagination .pagination-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 14px;
    width: 85px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #CCD0D7;
    border-radius: 60px;
    color: #011638;
}

.ar-drive-pagination .ant-pagination-total-text {
    height: 68px;
    line-height: 68px;
    margin-right: auto;
}

.ar-drive-pagination .ant-pagination-options {
    height: 68px;
    line-height: 68px;
    margin-left: auto;
}

.ar-drive-pagination .ant-select-selector {
    color: #0166DF;
    border: none;
    text-decoration: underline;
}

.ar-drive-pagination .ant-select-selector:active {
    border: none;
}

.ar-drive-pagination .ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    border: none;
} */

.ar-drive-table {
  /* checkbox styles */
}
.ar-drive-table .ant-spin-nested-loading {
  z-index: 1;
}
.ar-drive-table .ant-table-thead {
  height: 40px;
  /* .ant-table-cell.ant-table-selection-column {
            display: flex;
            align-items: center;
            justify-content: center;
        } */
}
.ar-drive-table .ant-table-thead > tr > th {
  background-color: #f2f2f6;
  color: #808B9B;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  border-bottom: none;
  padding: 10px 8px;
}
.ar-drive-table .ant-table-tbody > tr > td {
  padding: 0px 8px;
}
.ar-drive-table .ant-table-cell .ar-drive-table-hcell {
  display: flex;
  align-items: center;
  min-height: 20px;
}
.ar-drive-table .ant-table-cell .ar-drive-table-header-sortable {
  display: flex;
  align-items: center;
  min-height: 20px;
  cursor: pointer;
}
.ar-drive-table .ant-table-cell .ar-drive-table-header-sort-icon {
  padding-left: 8px;
  color: #0166DF;
  height: 18px;
}
.ar-drive-table .ant-table-cell .ar-drive-table-show-arrows-icon {
  padding-left: 6px;
  color: #bbb;
  height: 18px;
}
.ar-drive-table .ant-table-cell .ar-drive-table-show-arrows-icon.ar-drive-table-show-arrows-icon-active {
  color: #0166DF;
}
.ar-drive-table .ant-checkbox-wrapper {
  width: 20px;
  height: 20px;
  font-size: 19px;
}
.ar-drive-table .ant-checkbox-inner {
  display: flex;
  height: 20px;
  width: 20px;
  border: 1px solid #CCD0D7;
  border-radius: 4px;
}
.ar-drive-table .ant-checkbox-disabled .ant-checkbox-inner {
  background-color: white;
}
.ar-drive-table .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #0070E0;
  border: 1.5px solid #0070E0;
  border-radius: 4px;
}
.ar-drive-table .ant-checkbox-checked.ant-checkbox-disabled {
  opacity: 0.4;
}
.ar-drive-table .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: white;
}
.ar-drive-table .cell-flex-column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ar-drive-table .cell-flex-start {
  display: flex;
  justify-content: flex-start;
  gap: 2px;
}
.ar-drive-table .svg-icon-small svg {
  width: 14px;
  height: 14px;
}

.smart-segments-delete-wrapper .ssd-header {
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #000000;
}
.smart-segments-delete-wrapper .ssd-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #99A2AF;
}
.smart-segments-delete-wrapper .ssd-buttons {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.smart-segments-delete-wrapper .make-color-black {
  color: black;
}
.button-color-red.ant-btn.ar-drive-button.primary {
  background-color: #E53A40;
}
.button-color-red.ant-btn.ar-drive-button.primary:hover {
  background-color: #CB2B30;
}
.button-color-red.ant-btn.ar-drive-button.primary:active {
  background-color: #CB2B30;
}
.button-color-red.ant-btn.ar-drive-button.primary:focus {
  background-color: #CB2B30;
}

.drive-radio .ant-radio-checked .ant-radio-inner {
  border-color: #0166DF;
}
.drive-radio .ant-radio-checked .ant-radio-inner::after {
  background-color: #0166DF;
}
.drive-radio.drive-radio-block {
  display: flex;
}
.drive-radio.drive-radio-block .ant-radio-button-wrapper {
  flex: 1;
  text-align: center;
}
.drive-radio.drive-radio-block .ant-radio-button-wrapper:hover:not(.ant-radio-button-wrapper-checked) {
  color: #0166DF;
}
.drive-radio.drive-radio-vertical {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.drive-radio.drive-radio-vertical .ant-radio-wrapper {
  display: flex;
}
.drive-radio .ant-radio-button-wrapper {
  font-weight: 600;
}
.drive-radio.drive-radio-size-large .ant-radio-button-wrapper {
  height: 54px;
  line-height: 52px;
  font-size: 14px;
}
.drive-radio.drive-radio-size-medium .ant-radio-button-wrapper {
  height: 40px;
  line-height: 38px;
  font-size: 14px;
}
.drive-radio.drive-radio-size-small .ant-radio-button-wrapper {
  height: 32px;
  line-height: 30px;
}
.drive-radio .ant-radio-button-wrapper:focus-within {
  box-shadow: none;
  outline: none;
}
.drive-radio .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #0166DF;
  border-color: #0166DF;
}
.drive-radio .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #015AC6;
}
.drive-radio .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: none;
  outline: none;
}
.drive-radio .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  background-color: #015AC6;
  border-color: #015AC6;
}
.drive-radio .ant-radio-button-wrapper:first-child {
  border-radius: 8px 0 0 8px;
}
.drive-radio .ant-radio-button-wrapper:last-child {
  border-radius: 0 8px 8px 0;
}

.drive-slider-container .drive-slider-label {
  margin-bottom: 4px;
}
.drive-slider-container .drive-slider-inputs-container {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.drive-slider-container .drive-slider-inputs-container .drive-slider-input {
  flex-grow: 2;
}
.drive-slider-container .ant-slider.drive-slider {
  width: 100%;
  margin: 0;
}
.drive-slider-container .ant-slider.drive-slider.ant-slider-with-marks {
  height: 32px;
}
.drive-slider-container .ant-slider.drive-slider .ant-slider-handle {
  height: 20px;
  width: 20px;
  background: #0070E0;
  border: none;
  margin-top: -8px;
}
.drive-slider-container .ant-slider.drive-slider .ant-slider-rail {
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #C9C9C9;
}
.drive-slider-container .ant-slider.drive-slider .ant-slider-track {
  background: #0166DF;
}
.drive-slider-container .ant-slider.drive-slider.exclude-reverse .ant-slider-rail {
  background-color: #0166DF;
}
.drive-slider-container .ant-slider.drive-slider.exclude-reverse .ant-slider-track {
  background-color: #C9C9C9;
}
.drive-slider-container .ant-slider.drive-slider.not-active-state .ant-slider-handle,
.drive-slider-container .ant-slider.drive-slider.not-active-state .ant-slider-track,
.drive-slider-container .ant-slider.drive-slider.not-active-state .ant-slider-rail {
  background-color: #EDEDED;
}
.drive-slider-container .ant-slider.drive-slider:hover .ant-slider-rail {
  background-color: #C9C9C9;
}
.drive-slider-container .ant-slider.drive-slider:hover .ant-slider-track {
  background: #0166DF;
}
.drive-slider-container .ant-slider.drive-slider:hover.exclude-reverse .ant-slider-rail {
  background-color: #0166DF;
}
.drive-slider-container .ant-slider.drive-slider:hover.exclude-reverse .ant-slider-track {
  background-color: #C9C9C9;
}
.drive-slider-container .ant-slider.drive-slider:hover.not-active-state .ant-slider-handle,
.drive-slider-container .ant-slider.drive-slider:hover.not-active-state .ant-slider-track,
.drive-slider-container .ant-slider.drive-slider:hover.not-active-state .ant-slider-rail {
  background-color: #EDEDED;
}
.drive-slider-container .ant-slider.drive-slider .ant-slider-step .ant-slider-dot {
  display: none;
}
.drive-slider-container .ant-slider.drive-slider .ant-slider-mark {
  top: 20px;
  left: 10px;
  width: calc(100% - 20px - 10px);
}
.drive-slider-container .ant-slider.drive-slider .ant-slider-mark .ant-slider-mark-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #677388;
}
.drive-slider-container .ant-slider.drive-slider .ant-slider-mark .ant-slider-mark-text .label-active {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  color: #0166DF;
}
.drive-slider-container .ant-slider.drive-slider .ant-tooltip {
  z-index: 1;
  padding-bottom: 0px;
}
.drive-slider-container .ant-slider.drive-slider .ant-tooltip .ant-tooltip-content .ant-tooltip-arrow {
  display: none;
}
.drive-slider-container .ant-slider.drive-slider .ant-tooltip .ant-tooltip-content .ant-tooltip-inner {
  background: #0166DF;
  border-radius: 17px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  color: #FAFAFA;
  padding: 2px 8px;
  min-height: 20px;
}

#cursor-text {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 100000;
  padding: 2px 8px;
  background: #011638;
  border-radius: 4px;
  color: white;
  font-size: 12px;
  overflow: visible;
}
.smart-segment-filters-wrapper {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #011638;
}
.smart-segment-filters-wrapper .ssf-status-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #0166df;
  border-radius: 50%;
}
.smart-segment-filters-wrapper .ssf-status-dot.clear:hover {
  position: relative;
  width: 16px;
  height: 16px;
  background: #f2f2f2;
  border-radius: 58px;
  transition: width 0.5s ease-out, height 0.5s ease-out;
}
.smart-segment-filters-wrapper .ssf-status-dot.clear:hover::before {
  color: #677388;
  content: '×';
  position: absolute;
  top: -25%;
  left: 15%;
}
.smart-segment-filters-wrapper .ssf-secondary-text {
  color: #99a2af;
}
.smart-segment-filters-wrapper .ssf-anchor-links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  border-top: 1px solid #eceef0;
  border-bottom: 1px solid #eceef0;
  padding: 0 32px;
  margin: 0 -32px;
}
.smart-segment-filters-wrapper .ssf-anchor-links .ssf-anchor {
  font-size: 16px;
  line-height: 20px;
  color: #99a2af;
  padding: 14px 0;
  cursor: pointer;
}
.smart-segment-filters-wrapper .ssf-anchor-links .ssf-anchor.ssf-active-anchor {
  color: #0166df;
  border-bottom: 2px solid #0166df;
}
.smart-segment-filters-wrapper .ssf-bg-mask {
  background: rgba(0, 0, 0, 0.4);
  cursor: not-allowed;
  position: absolute;
  right: -32px;
  left: -32px;
  top: 0;
  bottom: 0;
  z-index: 1000;
}
.smart-segment-filters-wrapper .ssf-section-mask {
  background: rgba(0, 0, 0, 0);
  cursor: not-allowed;
  position: absolute;
  right: -32px;
  left: -32px;
  top: 0;
  bottom: 0;
  z-index: 1000;
}
.smart-segment-filters-wrapper .ssf-filters-container {
  overflow-y: scroll;
}
.smart-segment-filters-wrapper .ssf-filters-container .ssf-divider {
  border: 1px solid #ccd0d7;
  margin: 0px 0 72px 0;
}
.smart-segment-filters-wrapper .ssf-filters-container .ssf-section-header {
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 24px;
}
.smart-segment-filters-wrapper .ssf-filters-container .ssf-filter-group-container {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-bottom: 64px;
}
.smart-segment-filters-wrapper .ssf-filters-container .ssf-section-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.smart-segment-filters-wrapper .ssf-filters-container .ssf-section-title > span {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #99a2af;
}
.smart-segment-filters-wrapper .ssf-filters-container .ssf-slider-radio-grid {
  display: grid;
  grid-template-columns: 55% 37%;
  align-items: end;
  gap: 45px;
}
.smart-segment-filters-wrapper .ssf-filters-container .ssf-slider-radio-grid > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 72px;
}
.smart-segment-filters-wrapper .ssf-filters-container .ssf-vertical-radio-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 24px;
  gap: 16px;
  background: #f4f4f4;
  border-radius: 12px;
}
.smart-segment-filters-wrapper .ssf-filters-container .drive-input.smart-segment-filters-input {
  color: #011638;
  text-decoration-line: none;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #ccd0d7;
  outline: none;
  box-shadow: none;
  height: 20px;
}
.smart-segment-filters-wrapper .ssf-filters-container .drive-input-number.smart-segment-filters-input {
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #99a2af;
  height: 20px;
}
.smart-segment-filters-wrapper .ssf-filters-container .drive-input-number.smart-segment-filters-input .ant-input-number-input-wrap input {
  height: 20px;
  padding: 0;
}
.smart-segment-filters-wrapper .ssf-filters-container .drive-input-number.smart-segment-filters-input .ant-input-number-handler-wrap {
  display: none;
}
.smart-segment-filters-wrapper .ssf-icon-checkbox-group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  place-content: center;
  gap: 18px;
  margin-top: 16px;
}
.smart-segment-filters-wrapper .ssf-icon-checkbox-group .ssf-icon-checkbox-group {
  cursor: pointer;
  color: #8b9ebc;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 96px;
  gap: 8px;
  border: 2px solid #eceef0;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.smart-segment-filters-wrapper .ssf-icon-checkbox-group .ssf-icon-checkbox-group [type='checkbox'] {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 0;
  height: 0;
}
.smart-segment-filters-wrapper .ssf-icon-checkbox-group .ssf-icon-checkbox-group:hover {
  color: #0166df;
  border: 2px solid #0166df;
}
.smart-segment-filters-wrapper .ssf-icon-checkbox-group .ssf-icon-checkbox-group.active-checkbox {
  color: #0166df;
  border: 2px solid #0166df;
}
.smart-segment-filters-wrapper .ssf-vehicle-type-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 16px;
}
.smart-segment-filters-wrapper .ssf-vehicle-type-container .ssf-vehicle-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border: 1px solid #d9dce1;
  border-radius: 12px;
  padding: 24px 12px 24px 24px;
}
.smart-segment-filters-wrapper .ssf-vehicle-type-container .ssf-vehicle-selects {
  display: grid;
  grid-template-columns: 24% 38% 38%;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.smart-segment-filters-wrapper .ssf-vehicle-type-container .trash-icon:hover {
  color: #e53a40;
  stroke: #e53a40;
  cursor: pointer;
}
.smart-segment-filters-wrapper .ssf-checkbox-group-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 16px;
}
.smart-segment-filters-wrapper .ssf-radio-group-wrapper {
  display: inline-flex;
  gap: 10px;
  margin-top: 16px;
}
.smart-segment-filters-wrapper .ssf-radio-group-wrapper.disabled {
  opacity: 0.4;
}
.smart-segment-filters-wrapper .ssf-radio-group-wrapper .ant-radio-button-wrapper {
  background: #ffffff;
  border: 1px solid #ccd0d7;
  border-radius: 60px;
  padding: 8px 16px;
  height: unset;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #011638;
}
.smart-segment-filters-wrapper .ssf-radio-group-wrapper .ant-radio-button-wrapper:not(:first-child)::before {
  content: none;
}
.smart-segment-filters-wrapper .ssf-radio-group-wrapper .ant-radio-button-wrapper:hover {
  background: #f2f7fd;
  border: 1px solid #0166df;
  color: #0166df;
  border-radius: 60px;
}
.smart-segment-filters-wrapper .ssf-radio-group-wrapper .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background: #f2f7fd;
  border: 1px solid #0166df;
  color: #0166df;
  border-radius: 60px;
}
.smart-segment-filters-wrapper .ssf-radio-group-wrapper .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover {
  background: #f2f7fd;
  border: 1px solid #0166df;
  color: #0166df;
  border-radius: 60px;
}
.smart-segment-filters-wrapper .smart-segment-filters-footer {
  border-top: 1px solid #eceef0;
  margin: 0 -32px;
}
.smart-segment-filters-wrapper .smart-segment-filters-footer .smart-segment-filters-footer-btns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 24px;
  gap: 16px;
}
.ant-slider.drive-slider.smart-segment-filters-slider {
  margin-left: 12px;
  max-width: 95%;
}
.ant-slider.drive-slider.smart-segment-filters-slider .ant-tooltip .ant-tooltip-content .ant-tooltip-inner {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #99a2af;
}
.ssf-alert-banner-wrapper {
  border-bottom: 1px solid #eceef0;
  margin-right: -32px;
  margin-left: -32px;
  padding-left: 32px;
  padding-right: 32px;
}
.ssf-alert-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px;
  gap: 4px;
  background: #f2f7fd;
  border: 1px solid #e6f0fc;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #011638;
  margin: 16px 0;
}
.ssf-alert-banner > svg {
  color: #0166df;
}
.slider-plus-inputs-container {
  display: flex;
  margin-top: 4px;
  margin-bottom: 24px;
  gap: 4px;
}
.slider-plus-input-prefix-suffix {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #99a2af;
}
.slider-plus-input-text {
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  padding: 0px;
  text-decoration-line: underline;
  cursor: pointer;
}
.slider-plus-input-text:hover {
  color: #0251af;
}
.ssf-header-component-wrapper .ssf-header-component-edit-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.ssf-header-component-wrapper .ssf-header-component-edit-container input.ssf-header-component-title-input {
  font-size: 22px;
  border: none;
  line-height: 30px;
  padding: 0;
  margin: 0;
  width: 100%;
}
.ssf-header-component-wrapper .ssf-header-component-edit-container input.ssf-header-component-title-input:focus {
  box-shadow: none;
  outline: none;
}
.ssf-header-component-wrapper .ssf-header-component-edit-container input.ssf-header-component-title-input::-moz-placeholder {
  color: #9a9fa7;
}
.ssf-header-component-wrapper .ssf-header-component-edit-container input.ssf-header-component-title-input::placeholder {
  color: #9a9fa7;
}
.ssf-header-component-wrapper .ssf-header-component-edit-container button.smart-segment-filters-title-btn {
  background: #e6f0fc;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 30px;
  color: #0166df;
  padding: 0 10px;
  cursor: pointer;
}
.ssf-header-component-wrapper .ssf-header-component-edit-container button.smart-segment-filters-title-btn:hover {
  background: #cee1f7;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 12px;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container .smart-segment-filters-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container .smart-segment-filters-title-wrapper .smart-segment-filters-title {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  max-width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container .smart-segment-filters-title-wrapper .smart-segment-filters-title .smart-segment-filters-title-placeholder {
  cursor: text;
  color: #9a9fa7;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container .smart-segment-filters-title-details {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  font-size: 18px;
  line-height: 30px;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container .smart-segment-filters-title-details .smart-segment-filters-title-details-dropdown {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  background-color: #e6f0fc;
  border: none;
  border-radius: 6px;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container .smart-segment-filters-title-details .smart-segment-filters-title-details-dropdown .ant-dropdown-menu-item.smart-segment-filters-title-details-dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container .smart-segment-filters-title-details .smart-segment-filters-title-details-bold-text {
  font-weight: 600;
}
.ssf-header-component-wrapper .smart-segment-filters-title-container .smart-segment-filters-title-close-icon {
  cursor: pointer;
}
.ssf-header-component-wrapper .smart-segment-filters-description-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #485870;
}
.ssf-header-component-wrapper .smart-segment-filters-description-label + input[type='textarea'] {
  resize: none;
}
.ssf-header-component-wrapper .smart-segment-filters-description-textarea textarea {
  resize: none;
}
.ssf-header-component-wrapper .ant-input-textarea-show-count::after {
  text-align: left;
  margin-bottom: 24px;
}
.ant-dropdown-menu.smart-segment-filters-title-details-dropdown-menu {
  max-height: 35vh;
  overflow-y: scroll;
  border-radius: 6px;
  padding: 8px 16px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.13);
}
.smart-segment-filters-title-details-dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  gap: 12px;
  width: 220px;
}
.smart-segment-filters-title-details-dropdown-item .smart-segment-filters-title-details-dropdown-item-icon {
  --fa-primary-color: #677388;
  --fa-secondary-color: #f2f2f2;
  cursor: pointer;
  font-size: 18px;
}

.drive-quill-v2-wrapper .quill {
  height: 100%;
}
.drive-quill-v2-wrapper .ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: auto;
  padding: 20px 12px;
  max-height: 400px;
}
.drive-quill-v2-wrapper .ql-mention-list::before {
  content: 'Variables';
  display: inline-block;
  width: 100%;
  color: black;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 8px;
}
.drive-quill-v2-wrapper .ql-mention-list-container {
  width: 270px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  z-index: 11001;
}
.drive-quill-v2-wrapper .ql-mention-list-item {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
}
.drive-quill-v2-wrapper .ql-mention-list-item.selected {
  background-color: #F2F7FD;
  text-decoration: none;
}
.drive-quill-v2-wrapper .ql-editor {
  overflow: hidden;
  overflow-y: auto;
}
.drive-quill-v2-wrapper.disabled {
  background-color: #f5f5f5;
}
.drive-quill-v2-wrapper .quill .ql-editor p .ql-font-arial {
  font-family: Arial, sans-serif;
}
.drive-quill-v2-wrapper .quill .ql-editor p .ql-font-courier-new {
  font-family: 'Courier New', monospace;
}
.drive-quill-v2-wrapper .quill .ql-editor p .ql-font-georgia {
  font-family: Georgia, serif;
}
.drive-quill-v2-wrapper .quill .ql-editor p .ql-font-helvetica {
  font-family: Helvetica, Sans-Serif;
}
.drive-quill-v2-wrapper .quill .ql-editor p .ql-font-tahoma {
  font-family: Tahoma, sans-serif;
}
.drive-quill-v2-wrapper .quill .ql-editor p .ql-font-times-new-roman {
  font-family: 'Times New Roman', serif;
}
.drive-quill-v2-wrapper .quill .ql-editor p .ql-font-trebuchet-ms {
  font-family: 'Trebuchet MS', sans-serif;
}
.drive-quill-v2-wrapper .quill .ql-editor p .ql-font-verdana {
  font-family: Verdana, sans-serif;
}
.drive-quill-v2-wrapper .quill .ql-container {
  font: inherit;
  font-size: inherit;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-picker .ql-size-10px {
  font-size: 10px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-picker .ql-size-11px {
  font-size: 11px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-picker .ql-size-12px {
  font-size: 12px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-picker .ql-size-14px {
  font-size: 14px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-picker .ql-size-18px {
  font-size: 18px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-picker .ql-size-24px {
  font-size: 24px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-picker .ql-size-32px {
  font-size: 32px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor p *.ql-size-10px {
  font-size: 10px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor p *.ql-size-11px {
  font-size: 11px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor p *.ql-size-12px {
  font-size: 12px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor p *.ql-size-14px {
  font-size: 14px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor p *.ql-size-18px {
  font-size: 18px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor p *.ql-size-24px {
  font-size: 24px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor p *.ql-size-32px {
  font-size: 32px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-size="10px"] {
  font-size: 10px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-size="11px"] {
  font-size: 11px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-size="12px"] {
  font-size: 12px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-size="14px"] {
  font-size: 14px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-size="18px"] {
  font-size: 18px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-size="24px"] {
  font-size: 24px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-size="32px"] {
  font-size: 32px;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-size="arial"] {
  font-family: Arial, sans-serif;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-family="courier-new"] {
  font-family: 'Courier New', monospace;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-family="georgia"] {
  font-family: Georgia, serif;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-family="helvetica"] {
  font-family: Helvetica, Sans-Serif;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-family="tahoma"] {
  font-family: Tahoma, sans-serif;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-family="times-new-roman"] {
  font-family: 'Times New Roman', serif;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-family="trebuchet-ms"] {
  font-family: 'Trebuchet MS', sans-serif;
}
.drive-quill-v2-wrapper .quill .ql-container.ql-snow .ql-editor [data-font-family="verdana"] {
  font-family: Verdana, sans-serif;
}
.drive-quill-v2-wrapper .ql-snow {
  /** All toolbar buttons are inside of .ql-formats */
}
.drive-quill-v2-wrapper .ql-snow .ql-picker.ql-font {
  width: 115px;
}
.drive-quill-v2-wrapper .ql-snow .ql-picker.ql-font .ql-picker-label::before {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90px;
}
.drive-quill-v2-wrapper .ql-snow .ql-picker.ql-size,
.drive-quill-v2-wrapper .ql-snow .ql-picker.ql-size.ql-expanded {
  width: 60px;
}
.drive-quill-v2-wrapper .ql-snow .ql-custom-cta.ql-tooltip::before {
  content: none;
}
.drive-quill-v2-wrapper .ql-snow .ql-custom-cta.ql-tooltip.ql-editing a.ql-remove {
  display: inline-block;
}
.drive-quill-v2-wrapper .ql-snow .ql-formats {
  margin-right: 12px;
}
.drive-quill-v2-wrapper .ql-snow .ql-formats:last-child {
  margin-right: 0px;
}
.drive-quill-v2-wrapper .ql-snow .ql-formats button,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-font,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-align,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-color,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-size {
  position: relative;
  /** Set a tooltip with css pseudo-elements, when buttons are hover, active or focus  */
}
.drive-quill-v2-wrapper .ql-snow .ql-formats button:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-font:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-align:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-color:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-size:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats button:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-font:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-align:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-color:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-size:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats button:focus::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-font:focus::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-align:focus::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-color:focus::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-size:focus::after {
  background: #0d1e42;
  color: white;
  padding: 0.5em;
  border-radius: 0.4em;
  top: -120%;
  left: 14px;
  z-index: 999999;
  position: absolute;
  font-size: 12px;
  transform: translateX(-50%);
  white-space: nowrap;
}
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-font:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-font:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-font:focus::after {
  content: attr(title);
  transform: translateX(0%);
  left: 0px;
}
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-size:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-size:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-size:focus::after {
  content: attr(title);
  transform: translateX(0%);
  left: 0px;
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-bold:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-bold:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-bold:focus::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-italic:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-italic:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-italic:focus::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-underline:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-underline:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-underline:focus::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-strike:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-strike:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-strike:focus::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-align:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-align:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-align:focus::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-color:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-color:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats span.ql-color:focus::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-link:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-link:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-link:focus::after {
  content: "Hyperlink";
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-list[value="bullet"]:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-list[value="bullet"]:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-list[value="bullet"]:focus::after {
  content: attr(title);
  top: -200%;
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-list[value="ordered"]:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-list[value="ordered"]:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-list[value="ordered"]:focus::after {
  content: attr(title);
  top: -200%;
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-image:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-image:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-image:focus::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-clean:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-clean:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-formats .ql-clean:focus::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-formats #imageGallery:hover::after {
  content: attr(title);
}
.drive-quill-v2-wrapper .ql-snow .ql-callToAction:hover::after,
.drive-quill-v2-wrapper .ql-snow .ql-callToAction:active::after,
.drive-quill-v2-wrapper .ql-snow .ql-callToAction:focus::after {
  content: attr(title);
  background: #0d1e42;
  color: white;
  padding: 0.5em;
  border-radius: 0.4em;
  top: -120%;
  z-index: 999999;
  position: absolute;
  font-size: 12px;
  left: 0px;
  transform: translateX(-25%);
  white-space: nowrap;
}
.drive-quill-v2-wrapper .ql-color .ql-picker-options [data-value=custom-color] {
  background: none !important;
  width: 100% !important;
  height: 20px !important;
  text-align: center;
}
.drive-quill-v2-wrapper .ql-color .ql-picker-options [data-value=custom-color]:before {
  content: 'Custom Color';
}
.drive-quill-v2-wrapper .ql-color .ql-picker-options [data-value=custom-color]:hover {
  border-color: transparent !important;
}
.cta-blot {
  position: relative;
  box-shadow: 0 0 10px -5px #000;
}
.cta-blot .cta-menu {
  display: none;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(0%, -50%);
  z-index: 2;
  align-items: center;
  gap: 8px;
  padding: 2px 6px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  color: #000;
}
.cta-blot .cta-menu .quill-cta-button {
  cursor: pointer;
  margin: -8px -8px -8px -8px;
  padding: 6px 4px 4px 6px;
  line-height: 1;
}
.cta-blot .cta-menu .quill-cta-button:hover > svg {
  color: #0070e0;
}
.cta-blot:hover .cta-menu {
  display: flex;
  box-shadow: 0 0 10px -5px #000;
}
.cta-blot:hover[data-width="initial"] {
  padding-right: 44px !important;
}
.quill-image-blot {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
}
.quill-image-blot .quill-image-menu {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  color: #000;
  align-items: center;
  gap: 12px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px #0000001a, 0px 4px 4px 0px #00000017, 0px 9px 5px 0px #0000000d, 0px 16px 6px 0px #00000003, 0px 25px 7px 0px #00000000;
}
.quill-image-blot .quill-image-menu .quill-image-button {
  cursor: pointer;
  margin: -8px;
  padding: 8px;
  line-height: 1;
}
.quill-image-blot .quill-image-menu .quill-image-button:hover > svg {
  color: #0070e0;
}
.quill-image-blot .quill-image-logo-tag {
  border: 1px solid orange;
  background-color: #f6d599;
  color: #674301;
  border-radius: 5px;
  padding: 3px;
  font-size: 9px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.quill-image-blot .quill-image-href {
  display: none;
  max-width: calc(100% - 8px);
  padding: 2px 6px 2px 6px;
  font-weight: 500;
  font-size: 12px;
  bottom: -28px;
  left: 0px;
  position: absolute;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px #0000001a, 0px 4px 4px 0px #00000017, 0px 9px 5px 0px #0000000d, 0px 16px 6px 0px #00000003, 0px 25px 7px 0px #00000000;
  color: #0166df;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  /* .image-manager__link {
            cursor: pointer;
            color: #0166df;
            text-decoration-line: none;
        } */
}
.quill-image-blot:hover {
  box-shadow: 0 0 10px -5px #000;
  border: 1px solid #e6e6e6;
}
.quill-image-blot:hover .quill-image-menu {
  display: flex;
}
.quill-image-blot:hover .quill-image-href {
  display: flex;
}

.drive-color-picker-wrapper {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #485870;
}
.drive-color-picker-wrapper .drive-color-picker-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.drive-color-picker-wrapper .drive-color-picker-container .drive-color-picker-input-wrapper {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
.drive-color-picker-wrapper .drive-color-picker-container .drive-color-picker-input-wrapper .drive-color-picker-input {
  cursor: pointer;
  opacity: 0;
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  padding: 0;
}
.drive-color-picker-wrapper .drive-color-picker-container .drive-color-picker-input-wrapper .drive-color-picker-input:disabled {
  cursor: not-allowed;
}

.ss-campaigns-cta-wrapper {
  /*  border-radius: 8px;
    border-color: #CCD0D7;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    padding: 24px; */
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-description {
  color: #99A2AF;
  margin-left: 24px;
  margin-bottom: 4px;
  margin-top: 6px;
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-input {
  margin-left: 25px;
}
.ss-campaigns-cta-wrapper .combined-select-input {
  display: flex;
  justify-content: flex-start;
  gap: 0px;
  align-items: center;
  margin-left: 25px;
}
.ss-campaigns-cta-wrapper .combined-select-input input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}
.ss-campaigns-cta-wrapper .combined-select-input .ant-select.ar-drive-select .ant-select-selector {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #fafafa;
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-short-link-domain-label {
  color: #99A2AF;
  margin-bottom: 4px;
  margin-top: 32px;
}
.ss-campaigns-cta-wrapper .ant-radio-wrapper span {
  color: #011638;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-email-from {
  display: flex;
  align-items: end;
  gap: 16px;
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-line {
  height: 1px;
  width: 100%;
  background-color: #ECEEF0;
  margin: 28px 0px;
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-label {
  color: #485870;
  /* Desktop/Body/Normal/Medium */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 125% */
  margin-bottom: 16px;
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-container {
  display: flex;
  align-items: end;
  gap: 12px;
  margin-top: 24px;
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-container .ssdo-button-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ss-campaigns-cta-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-container .ssdo-button-text-wrapper .ssdo-button-text {
  color: #011638;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.campaign-hyperlink-options {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 160px;
}
.campaign-hyperlink-options .cho-description {
  color: #99A2AF;
  margin-left: 24px;
  margin-bottom: 4px;
  margin-top: 6px;
}
.campaign-hyperlink-options .cho-input {
  margin-left: 25px;
}
.campaign-hyperlink-options .cho-combined-select-input {
  display: flex;
  justify-content: flex-start;
  gap: 0px;
  align-items: center;
  margin-left: 25px;
}
.campaign-hyperlink-options .cho-combined-select-input input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}
.campaign-hyperlink-options .cho-combined-select-input .ar-drive-select .ant-select-selector {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #fafafa;
}
.campaign-hyperlink-options .ant-radio-wrapper span {
  color: #011638;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.drive-image-gallery {
  padding: 0 12px 0 12px;
}
.drive-image-gallery .drive-image-gallery__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 24px;
  margin-right: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
.drive-image-gallery .drive-image-gallery__images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  align-items: center;
  gap: 16px;
  overflow-y: scroll;
  max-height: 80dvh;
  margin-right: -36px;
  padding-right: 30px;
  margin-bottom: -24px;
  padding-bottom: 24px;
  overflow: auto;
}
.drive-image-gallery .drive-image-gallery__images .drive-image-gallery__image_wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #eceef0;
  border-radius: 12px;
}
.drive-image-gallery .drive-image-gallery__images .drive-image-gallery__image {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eceef0;
  border-radius: 12px;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(45deg, #eceef0b0 25%, transparent 25%), linear-gradient(-45deg, #eceef0b0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eceef0b0 75%), linear-gradient(-45deg, transparent 75%, #eceef0b0 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.drive-image-gallery .drive-image-gallery__images .drive-image-gallery__image img {
  max-width: 100%;
  max-height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px 12px 0 0;
  /* background-image: linear-gradient(45deg, #eceef0b0 25%, transparent 25%), linear-gradient(-45deg, #eceef0b0 25%, transparent 25%),
                    linear-gradient(45deg, transparent 75%, #eceef0b0 75%), linear-gradient(-45deg, transparent 75%, #eceef0b0 75%);
                background-size: 20px 20px;
                background-position: 0 0, 0 10px, 10px -10px, -10px 0px; */
}
.drive-image-gallery .drive-image-gallery__images .drive-image-gallery__actions {
  border-top: 1px solid #eceef0;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.drive-image-gallery .drive-image-gallery__images .drive-image-gallery__delete-btn {
  color: #e53a40;
  cursor: pointer;
  padding: 4px;
  margin: -4px;
  border-radius: 1000px;
  height: 34px;
}
.drive-image-gallery .drive-image-gallery__images .drive-image-gallery__delete-btn:hover {
  background-color: #ffdfe5;
}
.drive-image-gallery .drive-image-gallery__images .drive-image-gallery__tag {
  color: var(--text-text-subtitle, #98A2B3);
  /* Desktop/Body/Small/Semi Bold */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
}
.drive-image-gallery__no-images {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.drive-image-gallery__upload-icon {
  color: #fff;
  display: flex;
}
.drive-image-gallery__delete-confirm-footer {
  display: flex;
  justify-content: end;
}
.ant-btn.ar-drive-button.secondary.drive-image-gallery__delete-btn {
  background-color: #e53a40;
}
.ant-btn.ar-drive-button.secondary.drive-image-gallery__delete-btn > span {
  color: #fff;
}
.ant-btn.ar-drive-button.secondary.drive-image-gallery__delete-btn:hover,
.ant-btn.ar-drive-button.secondary.drive-image-gallery__delete-btn:focus,
.ant-btn.ar-drive-button.secondary.drive-image-gallery__delete-btn:active {
  background-color: #c53035;
  border-color: #c53035;
}

.edit-image-modal {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.edit-image-modal .eim_header {
  font-size: 1.4em;
  font-weight: bold;
}
.edit-image-modal .eim_footer {
  display: flex;
  justify-content: end;
  gap: 8px;
}
.edit-image-modal .eim_footer .eim-delete-button {
  margin-right: auto;
  padding: 7px 8px;
  border-radius: 100px;
  line-height: 1;
  cursor: pointer;
  /* &:hover {
                background-color: #ffdfe5;
            } */
}
.edit-image-modal .eim-image-preview-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 200px;
}
.edit-image-modal .eim-image-preview-container .eim_image {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border: 1px solid #eceef0;
  position: relative;
}
.edit-image-modal .eim-image-preview-container .eim_image img {
  background-image: linear-gradient(45deg, #eceef0b0 25%, transparent 25%), linear-gradient(-45deg, #eceef0b0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eceef0b0 75%), linear-gradient(-45deg, transparent 75%, #eceef0b0 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.edit-image-modal .eim-image-preview-container .eim_image .eim-image-tag {
  border: 1px solid orange;
  background-color: #f6d599;
  color: #674301;
  border-radius: 5px;
  padding: 3px;
  font-size: 9px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.edit-image-modal .eim-image-preview-container .eim_image-edit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  color: #0070e0;
  font-weight: 500;
}
.edit-image-modal .eim_dimensions {
  display: flex;
  align-items: end;
  gap: 8px;
}
.edit-image-modal .eim_dimensions > div {
  flex: 1;
}
.edit-image-modal .eim_hyperlink {
  display: flex;
  justify-content: flex-start;
  gap: 0px;
  align-items: center;
}
.edit-image-modal .eim_hyperlink input.drive-input.ant-input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}
.edit-image-modal .eim_hyperlink .ant-select.ar-drive-select .ant-select-selector {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #fafafa;
}

.image-manager {
  color: #011638;
  position: relative;
}
.image-manager .image-manager__preview {
  position: relative;
  border: 1px solid #eceef0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-manager .image-manager__preview .image-manager__toolbar {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px #0000001a, 0px 4px 4px 0px #00000017, 0px 9px 5px 0px #0000000d, 0px 16px 6px 0px #00000003, 0px 25px 7px 0px #00000000;
}
.image-manager .image-manager__preview .image-manager__toolbar .image-manager__toolbar-item {
  cursor: pointer;
}
.image-manager .image-manager__preview .image-manager__toolbar .image-manager__toolbar-item > svg {
  display: flex;
}
.image-manager .image-manager__preview .image-manager__toolbar .image-manager__toolbar-item > svg:hover {
  color: #0070e0;
}
.image-manager .image-manager__preview img {
  max-width: 100%;
  background-image: linear-gradient(45deg, #eceef0b0 25%, transparent 25%), linear-gradient(-45deg, #eceef0b0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eceef0b0 75%), linear-gradient(-45deg, transparent 75%, #eceef0b0 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.image-manager .image-manager__tag {
  border: 1px solid orange;
  background-color: #f6d599;
  color: #674301;
  border-radius: 5px;
  padding: 3px;
  font-size: 9px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.image-manager .image-manager__bottom-overlay {
  padding: 2px 6px 2px 6px;
  font-weight: 500;
  font-size: 12px;
  display: none;
  position: absolute;
  bottom: -28px;
  left: 0px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  color: #0166df;
  text-decoration-line: none;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
.image-manager:hover .image-manager__bottom-overlay {
  display: flex;
}
.image-manager__no-images {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.image-manager__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.image-manager__link-btn {
  cursor: pointer;
  color: #0166df;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.image-manager__link-btn.image-manager__link-btn-disabled {
  color: #ccd0d7;
  cursor: not-allowed;
}

.email-header-footer-settings {
  color: #011638;
}
.email-header-footer-settings .ehfs_title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.email-header-footer-settings .ehfs_subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}
.email-header-footer-settings .ehfs_type-flex {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.email-header-footer-settings .ehfs_heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.email-header-footer-settings .ehfs_image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
}
.email-header-footer-settings .ehfs_link-btn {
  cursor: pointer;
  color: #0166df;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.email-header-footer-settings .ehfs_link-btn.ehfs_link-btn-disabled {
  color: #ccd0d7;
  cursor: not-allowed;
}
.email-header-footer-settings .ehfs_divider {
  margin: 16px 0;
}
.email-header-footer-settings .ehfs_footer {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #eceef0;
}
.email-header-footer-settings .ehfs_footer-item {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.email-header-footer-settings .ehfs_footer-item.ehfs_footer-image {
  margin-bottom: 12px;
}
.ant-dropdown .ehfs_footer-options-container {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #eceef0;
  box-shadow: 0px 4px 9px 0px #0000001a, 0px 16px 16px 0px #00000017, 0px 37px 22px 0px #0000000d, 0px 66px 26px 0px #00000003, 0px 103px 29px 0px #00000000;
}
.ant-dropdown .ehfs_footer-options-container .ehfs_footer-option {
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 8px;
}
.ant-dropdown .ehfs_footer-options-container .ehfs_footer-option .ehfs_footer-option-label {
  margin-left: -16px;
}
.ant-dropdown .ehfs_footer-options-container .ehfs_footer-option .ehfs_footer-option-label.ehfs_footer-option-label-disabled {
  color: #ccd0d7;
}

.drive-radio-group-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #FFF;
  color: #011638;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.drive-radio-group-container .drive-radio-group-title {
  color: #485870;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.drive-radio-group-container .drive-radio-group {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.drive-radio-group-container .drive-radio-group label {
  cursor: pointer;
  text-align: center;
  padding: 8px 12px;
  border-radius: 16px;
  border: 1px solid var(--grey-grey-20, #CCD0D7);
  background: var(--white-white-100, #FFF);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--black-dark-110, #011638);
}
.drive-radio-group-container .drive-radio-group label input[type='radio'] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.drive-radio-group-container .drive-radio-group label.drive-radio-group-checked {
  background: var(--dark-dark-80, #485870);
  color: #FFF;
  border: 1px solid #485870;
}
.drive-radio-group-container .drive-radio-group label.drive-radio-group-disabled {
  cursor: not-allowed;
}
.drive-radio-group-container .drive-radio-group label:hover,
.drive-radio-group-container .drive-radio-group label:focus {
  border: 1px solid #485870;
}

.drive-multi-select-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #FFF;
  color: #011638;
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.drive-multi-select-container .drive-multi-select-title {
  color: #011638;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.drive-multi-select-container .drive-multi-select {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.drive-multi-select-container .drive-multi-select label {
  cursor: pointer;
  text-align: center;
  padding: 4px 12px;
  border-radius: 6px;
  background: #FAFAFA;
  border: 1px solid #FFF;
}
.drive-multi-select-container .drive-multi-select label input[type='checkbox'] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.drive-multi-select-container .drive-multi-select label.drive-multi-select-checked {
  background: #011638;
  color: #FFF;
  border: 1px solid #011638;
}
.drive-multi-select-container .drive-multi-select label.drive-multi-select-disabled {
  cursor: not-allowed;
}
.drive-multi-select-container .drive-multi-select label:hover,
.drive-multi-select-container .drive-multi-select label:focus {
  border: 1px solid #011638;
}

.ai-assistant-settings .aias-options-container .aias-options-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-assistant-settings .aias-options-container .aias-options-item .drive-radio-group {
  gap: 8px;
}
.ai-assistant-settings .aias-options-container .aias-options-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.ai-assistant-settings .aias-options-container .aias-purpose-and-event-container {
  background: #f8fbff;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 12px;
}
.ai-assistant-settings .aias-options-container .drive-radio-group .drive-radio-group-disabled {
  border: 1px solid var(--grey-grey-20, #ccd0d7);
  color: #99a2af;
}
.ai-assistant-settings .aias-options-container .drive-radio-group .drive-radio-group-disabled.drive-radio-group-checked {
  color: #fff;
  border: 1px solid #485870;
}

.sms-preview-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 313px;
}
.sms-preview-wrapper .sms-preview-content {
  margin-top: 16px;
  position: relative;
  width: 313px;
  height: 600px;
  white-space: pre-wrap;
}
.sms-preview-wrapper .sms-preview-content .back-button-text {
  position: absolute;
  top: 74px;
  left: 50px;
  color: #000;
  font-size: 11.575px;
  font-weight: 400;
  line-height: normal;
}
.sms-preview-wrapper .sms-preview-content .username-text {
  position: absolute;
  top: 101px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #000;
  font-size: 7.49px;
  font-weight: 400;
  line-height: 8.851px;
}
.sms-preview-wrapper .sms-preview-content .sms-preview-text-position {
  position: absolute;
  top: 132px;
  left: 40px;
  width: calc(100% - 106px);
}
.sms-preview-wrapper .sms-preview-content .sms-preview-text-position .sms-message-tail-position {
  position: absolute;
  left: -3px;
  bottom: 0px;
}
.sms-preview-wrapper .sms-preview-content .sms-preview-text-position .sms-preview-text {
  display: inline-block;
  background-color: #E6E5EB;
  border-radius: 8px;
  padding: 5px 10px;
  color: #000;
  font-size: 11.575px;
  font-weight: 400;
  line-height: 15px;
  word-break: break-word;
}
.sms-preview-wrapper .sms-preview-content .sms-preview-text-position .sms-preview-text > a {
  color: #0166DF;
}

.drive-time-picker {
  background: #fff;
  box-sizing: border-box;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}
.drive-time-picker .ant-select-selection-placeholder {
  color: #9A9A9A;
  font-size: 14px;
}
.drive-time-picker.ant-picker-disabled .ant-picker-input input {
  color: #99A2AF;
}
.drive-time-picker.drive-time-picker-size-large {
  height: 54px;
  font-size: 16px;
  border-radius: 8px;
}
.drive-time-picker.drive-time-picker-size-large .ant-picker-suffix {
  margin-top: 4px;
}
.drive-time-picker.drive-time-picker-size-medium {
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
}
.drive-time-picker.drive-time-picker-size-medium .ant-picker-suffix {
  margin-top: 2px;
}
.drive-time-picker.drive-time-picker-size-medium .ant-picker-suffix svg {
  transform: scale(0.8);
}
.drive-time-picker.drive-time-picker-size-small {
  height: 32px;
  font-size: 14px;
  border-radius: 8px;
}
.drive-time-picker.drive-time-picker-size-small .ant-picker-suffix {
  margin-top: 2px;
  transform: scale(0.8);
}
.drive-time-picker .ant-picker-input input {
  color: #011638;
  cursor: pointer;
}
.drive-time-picker.ant-select-borderless {
  font-size: 24px;
  font-weight: bold;
  height: 32px;
}
.drive-time-picker.ant-select-borderless .ant-select-selector {
  font-size: 24px;
  font-weight: bold;
  height: 32px;
}
.drive-time-picker.ant-select-borderless .ant-select-selector .ant-select-selection-item {
  line-height: 30px;
}
.drive-time-picker.ant-select-borderless .ant-select-selection-placeholder {
  font-size: 24px;
  line-height: 30px;
}
.drive-time-picker .ant-picker-suffix {
  color: #0166DF;
}
.drive-time-picker .ant-picker-clear {
  right: 30px;
  top: 52%;
}

.campaigns-pricing-modal {
  width: 1085px !important;
  transition: width 0.3s ease-out;
}
.campaigns-pricing-modal.campaigns-pricing-modal-small-size {
  width: 410px !important;
  transition: width 0.3s ease-out;
}
.campaigns-pricing-modal-wrapper {
  overflow-x: auto;
  /* @media (max-width: 815px) {
        .rec-slider-container {
            box-shadow: 10px 0px 15px -10px #000000;
        }
    } */
}
.campaigns-pricing-modal-wrapper .campaigns-pricing-title {
  color: #000;
  font-size: 28px;
  font-weight: 500;
  padding-bottom: 16px;
  border-bottom: 1px solid #E6E8EB;
  height: 64px;
  line-height: 47px;
}
.campaigns-pricing-modal-wrapper .campaigns-pricing-title.campaigns-selection-title {
  border-bottom: none;
  padding-bottom: 0px;
  height: 50px;
}
.campaigns-pricing-modal-wrapper .campaigns-pricing-title .campaign-pricing-back-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel {
  width: 100%;
  height: 706px;
  transition: height 0.3s ease-out;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel.signup-sms-recharge-carousel-height {
  height: 514px;
  transition: height 0.3s ease-out;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel.signup-no-sms-carousel-height {
  height: 314px;
  transition: height 0.3s ease-out;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .rec-slider-container {
  margin: 0px;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected {
  width: 100%;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid var(--grey-grey-5, #ECEEF0);
  background: #F2F7FD;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected .pricing-table-selected-banner {
  border-radius: 8px;
  height: 16px;
  background: var(--secondary-purple-100, #7333A6);
  color: var(--white-white-100, #FFF);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  padding: 0px 6px;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected .campaign-pricing-selected-title {
  color: var(--black-dark-110, #011638);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected .campaign-pricing-selected-value-flex {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected .campaign-pricing-selected-value-flex .campaign-pricing-selected-value {
  color: var(--primary-blue-120, #0166DF);
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected .campaign-pricing-selected-value-flex .campaign-pricing-selected-value-period {
  color: var(--dark-dark-40, #99A2AF);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected.highlight-campaign-feature {
  color: #252430;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 148px;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected.highlight-campaign-feature .highlight-color {
  color: #0166DF;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected.highlight-campaign-feature .highlight-size {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-disclaimer-flex {
  display: flex;
  flex: 1;
  justify-content: flex-start;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-disclaimer-flex .campaign-pricing-disclaimer {
  color: var(--dark-dark-100, #011638);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  cursor: default;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-selected-button-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-carousel .campaign-pricing-card .campaign-pricing-forbidden-wrapper {
  height: 240px;
  margin: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.campaigns-pricing-modal-wrapper .campaigns-pricing-grid {
  display: grid;
  grid-template-rows: 180px repeat(13, 36px);
  grid-template-columns: 1fr repeat(3, 220px);
  grid-auto-flow: column;
  grid-gap: 1px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  min-width: 937px;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-cancel {
  color: var(--dark-dark-60, #677388);
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.campaigns-pricing-modal-wrapper .campaign-pricing-cancel .strong {
  color: #111111;
  font-size: 12px;
  font-weight: bold;
}
.campaigns-pricing-modal-wrapper .pricing-table-header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
  margin-top: 16px;
  padding-bottom: 16px;
  padding-top: 16px;
  outline: 1px solid #E6E9F5;
  border-radius: 12px;
}
.campaigns-pricing-modal-wrapper .pricing-table-header .pricing-table-header-banner {
  position: absolute;
  left: 50%;
  top: -8px;
  border-radius: 8px;
  height: 16px;
  background: var(--secondary-purple-100, #7333A6);
  color: var(--white-white-100, #FFF);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  padding: 0px 6px;
  transform: translateX(-50%);
  white-space: nowrap;
}
.campaigns-pricing-modal-wrapper .pricing-table-header .pricing-table-header-value {
  color: #252430;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.campaigns-pricing-modal-wrapper .pricing-table-header .pricing-table-price-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.campaigns-pricing-modal-wrapper .pricing-table-header .pricing-table-price-flex .pricing-table-price {
  color: var(--primary-blue-120, #0166DF);
  font-size: 32px;
  line-height: 36px;
  font-style: normal;
  font-weight: 700;
}
.campaigns-pricing-modal-wrapper .pricing-table-header .pricing-table-price-flex .pricing-table-price-period {
  color: #858BA0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.campaigns-pricing-modal-wrapper .pricing-table-description-value {
  color: #252430;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  outline: 1px solid #E6E9F5;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  stroke: #99A2AF;
}
.campaigns-pricing-modal-wrapper .pricing-table-description-value.border-radius-top-left {
  border-top-left-radius: 12px;
}
.campaigns-pricing-modal-wrapper .pricing-table-description-value.border-radius-bottom-left {
  border-bottom-left-radius: 12px;
}
.campaigns-pricing-modal-wrapper .pricing-table-description-value.highlight-feature {
  font-weight: bold;
  background-color: #EFF8FF;
  stroke: #444;
  /* border-left: 3px solid #0166DF;
            padding-left: 13px;
            border-radius: 5px; */
}
.campaigns-pricing-modal-wrapper .pricing-table-description-value.highlight-feature:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 100%;
  border-radius: 3px;
  background-color: #0166DF;
  margin-left: -16px;
  margin-right: 5px;
}
.campaigns-pricing-modal-wrapper .pricing-table-description-value .new-tag {
  height: 20px;
  background: #F1EBF6;
  border-radius: 4px;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  padding: 4px 4px;
  color: #7333A6;
}
.campaigns-pricing-modal-wrapper .pricing-table-value {
  color: #252430;
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
  text-align: center;
  padding: 0px 16px;
  outline: 1px solid #E6E9F5;
}
.campaigns-pricing-modal-wrapper .pricing-table-value.border-radius-top-right {
  border-top-right-radius: 12px;
}
.campaigns-pricing-modal-wrapper .pricing-table-value.border-radius-bottom-right {
  border-bottom-right-radius: 12px;
}
.campaigns-pricing-modal-wrapper .pricing-table-value.highlight-feature {
  font-weight: bold;
  background-color: #EFF8FF;
}
.campaing-pricing-you-chose {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
}
.campaign-pricing-activate-sms-recharge-disclaimer {
  margin-top: 8px;
  color: #667085;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
}
.campaign-pricing-activate-unused-disclaimer {
  margin-top: 8px;
  color: var(--text-text-body, #475467);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
.campaign-pricing-sar-signup {
  border-radius: 8px;
  background: #FAFAFA;
  text-align: center;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  cursor: pointer;
}
.campaign-pricing-sar-signup .campaign-pricing-sar-signup-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.campaign-pricing-sar-signup .campaign-pricing-sar-signup-checkbox {
  flex-grow: 0;
  width: 20px;
}
.campaign-pricing-sar-signup .campaign-pricing-sar-signup-text-container {
  flex-grow: 1;
  text-align: left;
}
.campaign-pricing-sar-signup .campaign-pricing-sar-signup-text-container .campaign-pricing-sar-signup-header {
  color: var(--text-text-primary, #011638);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.campaign-pricing-sar-signup .campaign-pricing-sar-signup-text-container .campaign-pricing-sar-signup-text {
  color: var(--text-text-primary, #011638);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.campaign-pricing-sar-price {
  color: var(--color-grey-500, #667085);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px;
  text-align: center;
}
.campaign-pricing-sar-price .campaign-pricing-sar-price-flex {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.sc-status-draft {
  color: #34495E;
  background: #EEF1F3;
}
.sc-status-scheduled {
  color: #54A0FE;
  background: #ECF5FF;
}
.sc-status-paused {
  color: #D25400;
  background: #FFF8F3;
}
.sc-status-cancelled {
  color: #E53A40;
  background: #FFEDED;
}
.sc-status-deployed {
  color: #358347;
  background: #d0f5d4;
}
.sc-purpose-and-event-control-option {
  text-decoration-line: underline;
  font-weight: 700;
  color: #0166DF;
}
.sc-prioritize-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  margin-bottom: 24px;
  padding-right: 2px;
}
.sc-prioritize-list-item {
  z-index: 10000;
  padding: 12px 12px 8px 12px;
  border-radius: 12px;
  border: 1px solid #D9DCE1;
  background: #FFF;
  width: 100%;
  display: flex;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}
.sc-prioritize-list-item:hover {
  border: 1px solid #0166DF;
}
.sc-prioritize-list-item .scpli-drag {
  width: 24px;
}
.sc-prioritize-list-item .scpli-container {
  flex: 1;
}
.sc-prioritize-list-item .scpli-container .scpli-name {
  color: #485870;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}
.sc-prioritize-list-item .scpli-container .scpli-configurations .scpli-configuration-item {
  border-bottom: 1px solid #E6E8EB;
  padding: 8px 0;
  display: flex;
}
.sc-prioritize-list-item .scpli-container .scpli-configurations .scpli-configuration-item:last-child {
  border-bottom: 0px;
}
.sc-prioritize-list-item .scpli-container .scpli-configurations .scpli-configuration-item .scpli-list-campaigns-icon .scpli-list-campaigns-icon-wrapper {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 5px 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #F2F7FD;
}
.sc-prioritize-list-item .scpli-container .scpli-configurations .scpli-configuration-item .scpli-configuration-item-status-wrapper {
  padding-left: 12px;
}
.sc-prioritize-list-item .scpli-container .scpli-configurations .scpli-configuration-item .scpli-configuration-item-status-wrapper .scpli-configuration-item-status {
  color: #39BB65;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
  /* 15px */
}
.sc-prioritize-list-item .scpli-container .scpli-configurations .scpli-configuration-item .scpli-configuration-item-status-wrapper .scpli-configuration-item-scheduled-date {
  color: #677388;
  font-size: 12px;
  font-weight: 300;
  line-height: 150%;
  /* 18px */
}
.sc-prioritize-list-item .scpli-container .scpli-configurations .scpli-configuration-item .scpli-configuration-item-status-wrapper .scpli-configuration-item-draft {
  color: #34495E;
  background: #EEF1F3;
  text-align: center;
  border-radius: 4px;
  padding: 1px 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
}
.sc-prioritize-list-item .scpli-container .scpli-configurations .scpli-configuration-item .scpli-configuration-item-status-wrapper .scpli-configuration-item-paused {
  color: #D25400;
  background: #FFF8F3;
  text-align: center;
  border-radius: 4px;
  padding: 1px 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
}
.ss-email-campaign-drive-quill-content .ql-container.ql-snow .ql-editor {
  line-height: 1.5;
}
.ss-email-quill-without-header .ql-container {
  height: calc(100vh - 380px);
}
.ss-email-quill-with-header .ql-toolbar.ql-snow {
  border: 1px solid #CCD0D7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #ECEEF0;
}
.ss-email-quill-with-header .ql-container.ql-snow {
  border: 1px solid #CCD0D7;
  border-top: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ss-email-quill-with-header .ql-container {
  height: calc(100vh - 380px - 50px - 36px);
}
.ss-email-campaign-drive-quill-subject .ql-container.ql-snow {
  border: 1px solid #CCD0D7;
  border-radius: 8px;
}
.ss-email-campaign-drive-quill-subject .ql-editor {
  height: 50px;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  margin-right: 15px;
  line-height: 1.8;
}
.ss-sms-campaign-drive-quill .ql-container.ql-snow {
  border: 1px solid #CCD0D7;
  border-radius: 8px;
}
.ss-sms-campaign-drive-quill .ql-container.ql-snow .ql-editor {
  line-height: 1.62;
}
.ss-sms-campaign-drive-quill .ql-container {
  height: 200px;
}
.sc-sent-test {
  -webkit-user-select: none;
  /* Safari */
  /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
  /* Standard syntax */
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  border-radius: 8px;
  border: 1px solid #ECEEF0;
  background: #FFF;
  width: 100%;
}
.sc-sent-test .scst-instructions {
  color: #99A2AF;
  font-weight: 500px;
  font-size: 16px;
  line-height: 20px;
}
.sc-sent-test .scst-text-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.sc-sent-test .scst-text-wrapper .scst-text {
  color: #011638;
  /* Desktop/Body/Normal/Medium */
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  /* 125% */
}
.sc-sent-test .scst-text-wrapper .scst-icon {
  position: relative;
}
.sc-sent-test .scst-text-wrapper .scst-icon svg {
  position: absolute;
  top: -10px;
  left: -24px;
}
.sc-sent-test .sc-sent-test-toggle {
  width: 100%;
}
.sc-sent-test .sc-sent-test-toggle .scst-label {
  color: #485870;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.sc-sent-test .sc-sent-test-toggle .scst-input-control {
  margin-top: 4px;
}
.sc-sent-test .sc-sent-test-toggle .scst-instructions {
  color: var(--dark-dark-40, #99A2AF);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.sc-sent-test .sc-sent-test-toggle .scst-send-success {
  display: flex;
  padding: 8px 0px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border: 1px solid #C1EBCF;
  background: #F1FCF3;
  color: #011638;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
  text-align: center;
  border-radius: 8px;
  margin-top: 4px;
}
.sc-sent-test .sc-sent-test-toggle .scst-send-failed {
  display: flex;
  padding: 8px 0px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #efb0b2;
  background: #fcf1f7;
  color: #011638;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
  text-align: center;
  margin-top: 4px;
}
.sc-sent-test .sc-sent-test-toggle .scst-button-wrapper {
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  gap: 16px;
}
.sc-send-from {
  -webkit-user-select: none;
  /* Safari */
  /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
  /* Standard syntax */
  display: flex;
  padding: 12px 16px 24px 16px;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #ECEEF0;
  background: #FFF;
  width: 100%;
}
.sc-send-from .sc-send-from-title {
  color: #011638;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.sc-send-from .sc-send-from-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}
.sc-send-from .sc-send-from-email-container {
  display: flex;
  gap: 12px;
  align-items: center;
}
.sc-send-from .sc-send-from-email-container .sc-send-from-email-domain {
  margin-top: 20px;
}
.sc-send-from .sc-send-from-error-highlight.drive-input.ant-input {
  border: 1px solid #ff2b2b;
}
.sc-full-screen-modal.ant-modal {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.sc-full-screen-modal.ant-modal .ant-modal-content .ant-modal-close {
  margin: 24px;
}
.sc-full-screen-modal.ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: unset;
  width: unset;
  padding: 12px;
  border-radius: 315px;
  background: #F6F6F6;
  line-height: unset;
}
.sc-full-screen-modal.ant-modal .ant-modal-content .ant-modal-body {
  overflow-x: auto;
  padding-left: 24px;
}
.sc-confirmation-modal .sc-cm-title {
  color: #000;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 12px;
}
.sc-confirmation-modal .sc-cm-text {
  color: #99A2AF;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px;
}
.sc-confirmation-modal .sc-cm-warning-text {
  color: #ff2b2b;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.sc-confirmation-modal .sc-cm-text-bold {
  color: #011638;
}
.sc-confirmation-modal .sc-cm-do-not-show-again {
  margin-bottom: 24px;
}
.sc-confirmation-modal .sc-cm-do-not-show-again label.sc-cm-do-not-show-again-checkbox span {
  color: #011638;
  /* Desktop/Body/Normal/Regular */
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.sc-confirmation-modal .sc-cm-control-container {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
.sc-confirmation-modal .sc-cm-confirm-text {
  color: #485870;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.sc-confirmation-modal .sc-cm-input-container {
  margin-bottom: 24px;
}
.sc-confirmation-modal .sc-cm-options {
  color: #99A2AF;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  margin-bottom: 24px;
}
.sc-confirmation-modal .sc-cm-options .sc-cm-options-wrap {
  display: flex;
  border-bottom: 1px solid #D9DCE1;
  align-items: center;
  padding: 8px;
}
.sc-confirmation-modal .sc-cm-options .sc-cm-options-wrap .sc-cm-options-radio .ant-radio-wrapper .ant-radio {
  top: -2px;
}
.sc-confirmation-modal .sc-cm-options .sc-cm-options-wrap .sc-cm-options-text {
  color: #011638;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  /* 171.429% */
}
.sc-confirmation-modal .sc-cm-prioritize-campaigns-container {
  height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 24px;
}
.sc-summary-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.sc-summary-page .sc-summary-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 96px;
}
.sc-summary-page .sc-summary-container .sc-sc-message {
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 150%;
  /* 48px */
  margin-bottom: 48px;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 48px;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container .sc-scsc-container {
  width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container .sc-scsc-container .sc-scsc-icon {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 5px 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #F2F7FD;
  position: relative;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container .sc-scsc-container .sc-scsc-icon-checked {
  position: absolute;
  top: 35px;
  left: 35px;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container .sc-scsc-container .sc-scsc-text {
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  margin: 18px 0px 26px;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container .sc-scsc-container .sc-scsc-text-bold {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container .sc-scsc-container .sc-scsc-text-url {
  color: #0166DF;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  text-decoration-line: underline;
  cursor: pointer;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container .sc-scsc-container .sc-scsc-starting-date-text {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.sc-summary-page .sc-summary-container .sc-sc-campaigns-container .sc-scsc-container .sc-scsc-starting-date-text-bold {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.sc-summary-page .sc-summary-container .sc-sc-control-container button {
  width: 300px;
  margin-top: 150px;
}
.sc-processing-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.sc-processing-page .scpp-container {
  max-width: 610px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sc-processing-page .scpp-container .scpp-message {
  width: 834px;
  color: #011638;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  /* 36px */
}
.sc-processing-page .scpp-container .scpp-image {
  height: 192px;
}
.sc-create-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.sc-create-page .sccp-container {
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  min-height: 436px;
}
.sc-create-page .sccp-container .sccp-title {
  color: #000;
  /* Desktop/Title/H2 - Semi Bold */
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  /* 112.5% */
  margin-bottom: 12px;
}
.sc-create-page .sccp-container .sccp-secondary {
  color: #485870;
  text-align: center;
  /* Desktop/Body/Normal/Regular */
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  margin-bottom: 40px;
}
.sc-create-page .sccp-container .sccp-secondary-subtext {
  color: black;
  text-align: center;
  /* Desktop/Body/Normal/Regular */
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
  margin-bottom: 20px;
}
.sc-create-page .sccp-container .sccp-setup-carousel {
  width: 690px;
}
.sc-create-page .sccp-container .sccp-setup-carousel .sccp-card {
  width: 610px;
  height: 410px;
}
.sc-create-page .sccp-container .sccp-type-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  width: 610px;
}
.sc-create-page .sccp-container .sccp-type-wrapper .sccp-type {
  display: flex;
  width: 300px;
  height: 88px;
  padding: 20px;
  align-items: center;
  gap: 16px;
  border-radius: 12px;
  border: 1px solid #E6E8EB;
  background: #FFF;
  margin-bottom: 24px;
}
.sc-create-page .sccp-container .sccp-type-wrapper .sccp-type.selected {
  outline: 1px solid #0166DF;
  border: 1px solid #0166DF;
  background-color: #F2F7FD;
}
.sc-create-page .sccp-container .sccp-type-wrapper .sccp-type.selectable {
  cursor: pointer;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
}
.sc-create-page .sccp-container .sccp-type-wrapper .sccp-type.selectable:not(.selected):hover {
  border: 1px solid #99A2AF;
}
.sc-create-page .sccp-container .sccp-type-wrapper .sccp-type .sccp-type-icon .sccp-type-icon-wrapper {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 5px 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #F2F7FD;
}
.sc-create-page .sccp-container .sccp-type-wrapper .sccp-type .sccp-type-text .sccp-type-text-title {
  color: #011638;
  /* Desktop/Title/H5/Semi Bold */
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  /* 133.333% */
}
.sc-create-page .sccp-container .sccp-type-wrapper .sccp-type .sccp-type-text .sccp-type-text-counts {
  color: #99A2AF;
  /* Desktop/Body/Normal/Regular */
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.sc-create-page .sccp-container .sccp-purpose-wrapper {
  margin-bottom: 24px;
  padding: 36px 48px;
  text-align: center;
  border-radius: 12px;
  background: #F8FBFF;
  color: #677388;
  font-size: 16px;
  font-weight: 400;
  /* line-height: 35.5px;  */
  width: 610px;
}
.sc-create-page .sccp-container .sccp-button-wrapper {
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 610px;
}
.sc-create-page .sccp-container .sccp-button-wrapper button {
  width: 146px;
}
.sc-manage-page {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100vh;
  min-width: 830px;
}
.sc-manage-page .scmp-create-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  width: 362px;
  margin: auto;
}
.sc-manage-page .scmp-create-section .scmp-create-section-item {
  display: flex;
  padding: 16px 12px;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #D9DCE1;
  background: #FFF;
  gap: 12px;
  cursor: pointer;
}
.sc-manage-page .scmp-create-section .scmp-create-section-item .ant-skeleton-element .ant-skeleton-button-sm {
  width: 160px;
}
.sc-manage-page .scmp-create-section .scmp-create-section-item .scmp-create-section-item-icon {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background: #F2F7FD;
  margin-top: 6px;
}
.sc-manage-page .scmp-create-section .scmp-create-section-item .scmp-create-section-item-text-container {
  flex: 1;
}
.sc-manage-page .scmp-create-section .scmp-create-section-item .scmp-create-section-item-text-container .scmp-create-section-item-text-title {
  color: #0166DF;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
}
.sc-manage-page .scmp-create-section .scmp-create-section-item .scmp-create-section-item-text-container .scmp-create-section-item-text-prioritize {
  color: #485870;
}
.sc-manage-page .scmp-create-section .scmp-create-section-item .scmp-create-section-item-text-container .scmp-create-section-item-text-description {
  color: #485870;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}
.sc-manage-page .scmp-create-section .scmp-create-section-item.scmp-create-section-item-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.sc-manage-page .scmp-create-section .scmp-creation-section-upgrade-item {
  border-radius: 12px;
  background: #F1EBF6;
  color: #7333A6;
  align-self: flex-start;
  border: 0;
}
.sc-manage-page .scmp-create-section .scmp-creation-section-upgrade-item .scmp-creation-section-upgrade-itemp-container .scmp-creation-section-upgrade-item-text-bold {
  font-weight: 700;
}
.sc-manage-page .scmp-campaigns-section {
  height: 100vh;
  border-right: 1px solid #E1E1E1;
  background: #fff;
  display: flex;
  align-items: center;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container {
  display: block;
  padding-left: 168px;
  padding-right: 55px;
  overflow: visible;
  width: 100%;
  margin: auto 0;
  max-height: 660px;
  /* display:flex;
            flex-direction:column;
            justify-content: center; */
}
@media (max-width: 1080px) {
  .sc-manage-page .scmp-campaigns-section .scmpcs-container {
    padding-left: 24px;
    padding-right: 0px;
    margin: auto;
  }
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-title {
  color: #000;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  /* 112.5% */
  margin-bottom: 12px;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list {
  max-height: calc(100vh - 176px);
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-gutter: stable;
  padding-right: 2px;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list:hover {
  overflow-y: scroll;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list::-webkit-scrollbar {
  width: 6px;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list::-webkit-scrollbar-track {
  background: none;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list::-webkit-scrollbar-thumb {
  background-color: #99A2AF;
  border-radius: 10px;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container {
  border-radius: 12px;
  border: 1px solid #D9DCE1;
  padding: 16px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  margin-bottom: 16px;
  /* margin-right: 20px; */
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container:last-child {
  margin-bottom: 0px;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container:hover .scmpcs-list-campaign-name-container .scmpcs-list-edit-text {
  display: block;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-campaign-name-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  /* align-items: baseline; */
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-campaign-name-container .scmpcs-list-campaign-name {
  color: #485870;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-campaign-name-container .scmpcs-list-edit-text {
  color: #0070E0;
  font-size: 12px;
  font-weight: 500;
  margin-right: 18px;
  cursor: pointer;
  display: none;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container:last-child {
  border-bottom: 0px;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container {
  padding: 16px 0px;
  border-bottom: 1px solid #ECEEF0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-left-flex {
  display: flex;
  gap: 12px;
  align-items: center;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-left-flex .scmpcs-list-campaigns-icon .scmpcs-list-campaigns-icon-wrapper {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 5px 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #F2F7FD;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-left-flex .scmpcs-list-campaigns-text {
  min-width: 250px;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-left-flex .scmpcs-list-campaigns-text .scmpcs-list-campaigns-ongoing {
  color: #39BB65;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
  /* 15px */
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-left-flex .scmpcs-list-campaigns-text .scmpcs-list-campaigns-customers {
  color: #485870;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-left-flex .scmpcs-list-campaigns-text .scmpcs-list-campaigns-created-at {
  color: #677388;
  font-size: 12px;
  font-weight: 300;
  line-height: 150%;
  /* 18px */
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-left-flex .scmpcs-list-campaigns-text .scmpcs-list-campaigns-scheduled-at {
  color: #485870;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-right-flex {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
  min-width: 125px;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-right-flex .scmpcs-list-campaigns-status {
  text-align: right;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}
.sc-manage-page .scmp-campaigns-section .scmpcs-container .scmpcs-list .scmpcs-list-container .scmpcs-list-configuration-container .scmpcs-list-campaigns-container-right-flex .scmpcs-list-campaigns-control {
  margin-top: 5px;
  margin-right: 16px;
  cursor: pointer;
}
.sc-edit-page {
  /* display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; */
  height: 100%;
}
.sc-edit-page .scep-header {
  height: 96px;
  border-bottom: 1px solid #E6E8EB;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.sc-edit-page .scep-header .scep-header-container {
  display: flex;
  justify-content: space-between;
  max-width: 1104px;
  width: 100%;
  margin: auto 0;
  align-items: center;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-wrap .scep-header-text {
  color: #000;
  /* Desktop/Title/H4/Semi Bold */
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-wrap .scep-header-edit-pencil {
  cursor: pointer;
  height: 20px;
  width: 16px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-wrap .scep-header-label {
  text-align: right;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-editing-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: not-allowed;
  z-index: 20000;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-editing-background .scep-header-editing-wrap {
  width: 100%;
  height: 96px;
  background-color: #fff;
  display: flex;
  justify-content: center;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-editing-background .scep-header-editing-wrap .scep-header-editing-container {
  display: flex;
  justify-content: space-between;
  max-width: 1104px;
  width: 100%;
  margin: auto 0;
  align-items: center;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-editing-background .scep-header-editing-wrap .scep-header-editing-container input.scep-title-input {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  border: none;
  line-height: 30px;
  padding: 0;
  margin: 0;
  width: 100%;
  flex: 1;
  margin-right: 64px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-editing-background .scep-header-editing-wrap .scep-header-editing-container input.scep-title-input:focus {
  box-shadow: none;
  outline: none;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-editing-background .scep-header-editing-wrap .scep-header-editing-container input.scep-title-input::-moz-placeholder {
  color: #9a9fa7;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-editing-background .scep-header-editing-wrap .scep-header-editing-container input.scep-title-input::placeholder {
  color: #9a9fa7;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-editing-background .scep-header-editing-wrap .scep-header-editing-container .scep-header-editing-control-wrapper {
  display: flex;
  gap: 8px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps-1 {
  position: absolute;
  height: 2px;
  background: #0166DF;
  width: 33%;
  top: 93px;
  left: 0px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps-2 {
  position: absolute;
  height: 2px;
  background: #0166DF;
  width: 66%;
  top: 93px;
  left: 0px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps-3 {
  position: absolute;
  height: 2px;
  background: #0166DF;
  width: 100%;
  top: 93px;
  left: 0px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps .scep-header-steps-circle {
  position: relative;
  width: 16px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps .scep-header-steps-circle-text {
  position: absolute;
  border-radius: 217px;
  background: #F5F5F5;
  height: 16px;
  width: 16px;
  top: -8px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  /* 160% */
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps .scep-header-steps-circle-text.checked {
  background: #E9FBEF;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps .scep-header-steps-line {
  width: 22px;
  height: 1px;
  background: #E6E8EB;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps .scep-header-steps-text {
  color: #99A2AF;
  /* Desktop/Description/Regular */
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}
.sc-edit-page .scep-header .scep-header-container .scep-header-left .scep-header-steps .scep-header-steps-text-active {
  color: #011638;
  /* Desktop/Description/Regular */
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1300px) {
  .sc-edit-page .scep-header .scep-header-container .scep-header-right {
    margin-right: calc(calc(1300px - 100vw) / 2);
  }
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-configuration-steps {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-configuration-steps .scep-header-configuration-steps-icon-wrapper {
  margin-top: 5px;
  margin-right: 5px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-configuration-steps .scep-header-configuration-steps-text {
  color: #485870;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  /* 128.571% */
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-configuration-steps .scep-header-configuration-steps-text.checked {
  color: #39BB65;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-configuration-steps .scep-header-configuration-steps-text.disabled {
  color: #CCD0D7;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-configuration-steps .scep-header-configuration-steps-icon-checked-wrapper {
  position: relative;
  margin-right: 2px;
  width: 24px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-configuration-steps .scep-header-configuration-steps-icon-checked-wrapper .scep-header-configuration-steps-icon-checked {
  position: absolute;
  border-radius: 217px;
  background: #39BB65;
  height: 19px;
  width: 19px;
  top: -11px;
  left: 0px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-configuration-steps .scep-header-configuration-steps-icon-checked-wrapper .scep-header-configuration-steps-icon-checked svg {
  position: absolute;
  top: 1px;
  left: 2px;
}
.sc-edit-page .scep-header .scep-header-container .scep-header-right .scep-header-controls {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.sc-edit-page .scep-sub-header {
  display: flex;
  width: 1104px;
  margin: auto;
  margin-top: 16px;
  gap: 32px;
  justify-content: space-between;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-label {
  color: #485870;
  padding-bottom: 4px;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels {
  display: flex;
  gap: 12px;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel {
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #99A2AF;
  background: #FFFFFF;
  padding: 0px 12px 0px 5px;
  margin: 1px;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel.ss-channel-active {
  border: 1px solid #0166DF;
  background: #F2F7FD;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel.ss-channel-done {
  border: 1px solid #39BB65;
  background: #F4FDF2;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel.ss-channel-done .scep-sub-header-channels-text {
  color: #39BB65;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel.ss-channel-selected {
  border-width: 2px;
  margin: 0px;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel.ss-channel-disabled {
  opacity: 0.4;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel .scep-sub-header-channels-icon .scep-sub-header-channels-icon-wrapper {
  display: flex;
  padding: 5px 0px;
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel .scep-sub-header-channels-text {
  color: #0166DF;
  /* Desktop/Body/Small/Medium */
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  /* 128.571% */
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel .scep-sub-header-locked {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 316px;
  margin-left: 10px;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-channels .scep-sub-header-channel .scep-sub-header-check {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 316px;
  background: #39BB65;
  margin-left: 10px;
}
.sc-edit-page .scep-sub-header .scep-sub-header-item .scep-sub-header-item-right-container {
  display: flex;
  align-items: end;
  gap: 12px;
}
.sc-edit-page .scep-preview-sub-header {
  display: flex;
  width: 100%;
  margin: auto;
  height: 132px;
  justify-content: center;
  border-bottom: 1px solid #E6E8EB;
}
.sc-edit-page .scep-preview-sub-header .scep-preview-sub-header-flex-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.sc-edit-page .scep-preview-sub-header .scep-preview-sub-header-text {
  color: var(--black-dark-110, #011638);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
.sc-edit-page .scep-preview-sub-header .scep-preview-sub-header-channels {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.sc-edit-page .scep-preview-sub-header .scep-preview-sub-header-channels .scep-sub-header-channel {
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #99A2AF;
  background: #FFFFFF;
  padding: 0px 12px 0px 12px;
  height: 40px;
  line-height: 38px;
}
.sc-edit-page .scep-preview-sub-header .scep-preview-sub-header-channels .scep-sub-header-channel .scep-sub-header-channels-icon {
  height: 24px;
}
.sc-edit-page .scep-preview-sub-header .scep-preview-sub-header-channels .scep-channel-selected {
  border: 1px solid var(--primary-blue-120, #0166DF);
  background: var(--primary-blue-5, #F2F7FD);
}
.sc-edit-page .scep-preview-sub-header .scep-preview-sub-header-channels .scep-channel-disabled {
  border-color: #999;
  background: #ddd;
}
.sc-edit-page .scep-content {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;
  width: 1104px;
  margin: auto;
  padding-top: 32px;
}
.sc-edit-page .scep-content .scep-text {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 16px;
}
.cta-edit-modal-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.cta-edit-modal-wrapper .cta-edit-header {
  font-size: 1.4em;
  font-weight: bold;
}
.cta-edit-modal-wrapper .cta-inputs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
}
.cta-edit-modal-wrapper .cta-inputs-grid div:nth-child(1) {
  grid-column: span 2;
}
.cta-edit-modal-wrapper .cta-inputs-grid .drive-color-picker-wrapper .drive-color-picker-container {
  gap: 0px;
}
.cta-edit-modal-wrapper .cta-inputs-grid .drive-color-picker-wrapper .drive-color-picker-container .drive-color-picker-input-wrapper {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
}
.cta-edit-modal-wrapper .cta-inputs-grid .drive-color-picker-wrapper .drive-color-picker-container .drive-color-picker-input-wrapper .drive-color-picker-input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
}
.cta-edit-modal-wrapper .cta-inputs-grid .drive-color-picker-wrapper .drive-color-picker-container .ant-input.drive-input.drive-input-size-medium {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  max-width: 120px;
}
.cta-edit-modal-wrapper .image-inputs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
}
.cta-edit-modal-wrapper .cta-edit-footer {
  padding-top: 16px;
  border-bottom: 1px solid #ccc;
  padding-left: 24px;
  margin-left: -24px;
  padding-right: 24px;
  margin-right: -24px;
}
.cta-edit-modal-wrapper .copy-drive-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #485870;
}
.cta-edit-modal-wrapper .cta-type-wrapper {
  min-height: 160px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-description {
  color: #99A2AF;
  margin-left: 24px;
  margin-bottom: 4px;
  margin-top: 6px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-input {
  margin-left: 25px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .combined-select-input {
  display: flex;
  justify-content: flex-start;
  gap: 0px;
  align-items: center;
  margin-left: 25px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .combined-select-input input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}
.cta-edit-modal-wrapper .cta-type-wrapper .combined-select-input .ant-select.ar-drive-select .ant-select-selector {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #fafafa;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-short-link-domain-label {
  color: #99A2AF;
  margin-bottom: 4px;
  margin-top: 32px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ant-radio-wrapper span {
  color: #011638;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-email-from {
  display: flex;
  align-items: end;
  gap: 16px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-line {
  height: 1px;
  width: 100%;
  background-color: #ECEEF0;
  margin: 28px 0px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-label {
  color: #485870;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 16px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-container {
  display: flex;
  align-items: end;
  gap: 12px;
  margin-top: 24px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-container .ssdo-button-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cta-edit-modal-wrapper .cta-type-wrapper .ss-campaigns-cta-customization-wrapper .ss-campaigns-cta-customization-container .ssdo-button-text-wrapper .ssdo-button-text {
  color: #011638;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.cta-edit-modal-wrapper .cta-settings-button-preview {
  /* background-color: #eee;
        margin: -16px -24px;
        padding: 16px 24px; */
  /* display: flex;
        justify-content: center;
        flex-direction: column; */
}
.cta-edit-modal-wrapper .cta-settings-button-preview .cta-preview-button-center-flex {
  display: flex;
  justify-content: center;
}
.cta-edit-modal-wrapper .cta-settings-controls {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.cta-edit-modal-wrapper .cta-settings-controls .cta-delete-button {
  margin-right: auto;
  padding: 7px 8px;
  border-radius: 100px;
  line-height: 1;
  cursor: pointer;
  /* &:hover{
                background-color: #FFDFE5;
            } */
}
.scep-editor-section {
  border-radius: 12px;
  margin-bottom: 36px;
}
.scep-editor-section .scepes-subject-wrapper {
  position: relative;
  margin-bottom: 24px;
}
.scep-editor-section .scepes-subject-wrapper .scepec-quill-loading-subject {
  position: absolute;
  top: 36px;
  left: 12px;
}
.scep-editor-section .scepes-subject-wrapper .scepec-subject-text {
  color: #566376;
  margin-bottom: 6px;
  /* Paragraph/16px/Medium */
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  /* 125% */
}
.scep-editor-section .scepes-subject-wrapper .scepec-subject-editor {
  padding: 16px 32px;
  border-radius: 12px;
  border: 1.5px solid #DCDFE5;
  background: #FFF;
}
.scep-editor-section .scepec-content-wrapper {
  position: relative;
}
.scep-editor-section .scepec-content-wrapper .scepec-quill-loading-email-content {
  position: absolute;
  top: 76px;
  left: 12px;
}
.scep-editor-section .scepec-content-wrapper .scepec-quill-loading-sms-content {
  position: absolute;
  top: 36px;
  left: 12px;
}
.scep-editor-section .scepec-content-wrapper .scepec-content-text {
  color: #566376;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.scep-editor-section .scepec-content-wrapper .scepes-regenerate-button-wrapper {
  position: absolute;
  right: 6px;
  top: 23px;
}
.scep-editor-section .scepes-regenerate-button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
  z-index: 10;
}
.scep-editor-section .scepes-regenerate-button-wrapper button {
  padding: 0 16px 0 12px;
}
.scep-editor-section .scepes-regenerate-button-wrapper .scep-upgrade-now-flex {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.scep-editor-section .scepes-footer-wrapper {
  display: flex;
}
.scep-editor-section .scepes-footer-wrapper .scepes-footer-left {
  flex: 2;
  color: #485870;
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
  /* 23.24px */
}
.scep-editor-section .scepes-footer-wrapper .scepes-footer-right {
  flex: 1;
  text-align: right;
  color: #485870;
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
  /* 23.24px */
}
.scep-editor-section .scepes-footer-wrapper .scepes-footer-right .scepes-text-limit-exceeded {
  color: #e53a40;
}
.scep-editor-section .scepes-required-wrapper {
  display: flex;
  gap: 12px;
  color: #485870;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 2px;
}
.scep-editor-section .scepes-required-wrapper .scepes-required-variable-confirmation-item-flex {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
}
.scep-editor-section .scepes-required-wrapper .scepes-required-variable-confirmation-item-flex img {
  vertical-align: text-top;
}
.scep-editor-section .scepes-required-wrapper .scepes-required-variable-confirmation-item-flex .scepes-required-variable-absent-text {
  color: #99A2AF;
}
.scep-editor-section .scepec-content-editor {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #F0F0F0;
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
.scep-editor-section .scepec-content-editor .regenerating {
  color: #aaa;
}
.scep-editor-section .scepec-image-generating {
  width: 32px;
  height: 32px;
}
.scep-config-section .scepcs-subtitle {
  font-family: 'Inter';
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 28px;
}
.scep-config-section .scepcs-subtitle-icon img {
  padding-left: 5px;
}
.scep-config-section .scepcs-design-options-container {
  margin-bottom: 28px;
  margin-top: 26px;
}
.scep-config-section .scepcs-cta-title {
  color: #566376;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.scep-config-section .scepsc-cta-container {
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-radius: 8px;
  border-color: #CCD0D7;
  border-width: 1px;
  border-style: solid;
  background-color: #FFFFFF;
  padding: 16px;
}
.scep-config-section .scepsc-cta-container .campaign-email-style-header {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #011638;
  margin-bottom: 8px;
}
.scep-config-section .scepsc-cta-container .campaign-email-style-settings {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.scep-config-section .scepsc-cta-container .campaign-email-style-settings.small-language-sizing .drive-color-picker-wrapper > label {
  font-size: 12px;
}
.scep-config-section .scepsc-cta-container .campaign-email-style-settings.small-language-sizing label.drive-input-label {
  font-size: 12px;
}
.scep-config-section .scepsc-cta-container .campaign-email-style-settings .drive-color-picker-wrapper .drive-color-picker-container {
  gap: 0px;
}
.scep-config-section .scepsc-cta-container .campaign-email-style-settings .drive-color-picker-wrapper .drive-color-picker-container .drive-color-picker-input-wrapper {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
}
.scep-config-section .scepsc-cta-container .campaign-email-style-settings .drive-color-picker-wrapper .drive-color-picker-container .drive-color-picker-input-wrapper .drive-color-picker-input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
}
.scep-config-section .scepsc-cta-container .campaign-email-style-settings .drive-color-picker-wrapper .drive-color-picker-container .ant-input.drive-input.drive-input-size-medium {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  max-width: 116px;
}
.scepps-language-section {
  height: 50px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--Grey-Grey-5, #ECEEF0);
}
.scepps-language-section .scepps-language-toggle {
  display: flex;
  gap: 24px;
  width: 1104px;
  justify-content: flex-start;
  align-items: center;
}
.scepps-language-section .scepps-language-toggle .scepps-select-language {
  color: var(--dark-dark-80, #485870);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
  height: 48px;
  display: flex;
  align-items: center;
}
.scepps-language-section .scepps-language-toggle .scepps-select-language.scepps-language-selected {
  color: var(--primary-blue-120, #0166DF);
  border-bottom: 2px solid var(--primary-blue-120, #0166DF);
}
.scepps-language-section .scepps-language-toggle .scepps-select-language.scepps-language-disabled {
  color: var(--dark-dark-80, #485870);
}
.scep-preview-content-wrapper {
  width: 100%;
  background-color: #FAFAFA;
  overflow-y: auto;
}
.scep-preview-content-wrapper .scep-preview-content {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(616px, 1fr);
  grid-template-rows: none;
  width: 1104px;
  margin: auto;
}
.scep-preview-content-wrapper .scep-send-test-section {
  padding-top: 26px;
  margin-right: 24px;
  margin-top: 24px;
  background-color: #FAFAFA;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.scep-preview-section-wrapper {
  padding-left: 24px;
  margin-top: 24px;
  background-color: #FAFAFA;
  /*  &:hover {
        overflow-y: scroll;
    }

    &::-webkit-scrollbar {
        width: 6px;
    }

    &::-webkit-scrollbar-track {
        background: #E6E8EB;
        width: 6px;
        border-radius: 3px;
    }  

    &::-webkit-scrollbar-thumb {
        background-color: #677388;
        border-radius: 10px;
    } */
}
.scep-preview-section-wrapper .scep-preview-section {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - 96px - 92px - 72px - 42px);
  min-height: 320px;
  padding-right: 16px;
  /* &.ss-preview-sms {
            padding: 0px;
            padding-top: 24px;
            margin-bottom: 0px;
            overflow-y: auto;
        }
        &.ss-preview-sms-padding {
            padding-top: 32px;
        } */
}
.scep-preview-section-wrapper .scep-preview-section .scepps-modes {
  display: flex;
  gap: 12px;
}
.scep-preview-section-wrapper .scep-preview-section .scepps-modes svg {
  cursor: pointer;
}
.scep-preview-section-wrapper .scep-preview-section .scepps-subject-wrapper {
  width: 100%;
  margin-bottom: 12px;
}
.scep-preview-section-wrapper .scep-preview-section .scepps-subject-wrapper .scepps-subject-text {
  color: #566376;
  margin-bottom: 6px;
  /* Paragraph/16px/Medium */
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  /* 125% */
}
.scep-preview-section-wrapper .scep-preview-section .scepps-subject-wrapper .scepps-subject {
  padding: 16px;
  border-radius: 12px;
  border: 1.5px solid #DCDFE5;
  background: #FFF;
}
.scep-preview-section-wrapper .scep-preview-section .scepps-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border: 1px solid #F0F0F0;
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.scep-preview-section-wrapper .scep-preview-section .scepps-content iframe {
  width: 100%;
  height: 100vh;
  border-radius: 12px;
}
.scepss-sms-email-container-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.scepss-sms-email-container-wrapper .scepss-sms-email-container {
  display: flex;
  /* padding: 12px; */
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
  border-radius: 12px;
  /* border: 1px solid #E4D3A8;
        background: #FFFCF4; */
  max-width: 1104px;
}
.scepss-sms-email-container-wrapper .scepss-sms-email-container .scepss-message-sms-email-text {
  color: #485870;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.scepss-sms-email-container-wrapper .scepss-sms-email-container .scepss-message-sms-email-text .scepss-message-sms-email-text-type {
  color: #011638;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.scepss-sms-email-container-wrapper .scepss-sms-email-container .scepss-message-sms-email-text .scepss-message-sms-email-text-update {
  color: #011638;
  /* Desktop/Body/Small/Link */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration-line: underline;
  cursor: pointer;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-text {
  color: #000;
  /* Desktop/Title/H4/Semi Bold */
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
  margin-bottom: 8px;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option {
  display: flex;
  padding: 20px 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 12px;
  border: 1px solid #CCD0D7;
  background: #FFF;
  cursor: pointer;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option.scepss-send-hover:hover {
  border-radius: 12px;
  border: 1px solid #99A2AF;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option.scepss-send-option-selected {
  background: #F2F7FD;
  border-radius: 12px;
  border: 2px solid #0166DF;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option.scepss-send-option-selected:hover {
  background: #F2F7FD;
  border-radius: 12px;
  border: 2px solid #0166DF;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option .scepss-send-option-control-container.upgrade-now-button-flex {
  margin-bottom: 6px;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option .scepss-send-option-text-container {
  flex: 1;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option .scepss-send-option-text-container .scepss-send-option-text-title {
  color: #011638;
  /* Mobile/Body/Small//Medium */
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  /* 171.429% */
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option .scepss-send-option-text-container .scepss-send-option-text-text {
  color: #99A2AF;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option .scepss-send-option-text-container .tabler-icon {
  color: #D9DCE1;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option .scepss-send-option-text-container.selected .scepss-send-option-text-title {
  color: #0166DF;
}
.scep-schedule-section .scepss-send-option-wrapper .ssscep-send-option-container .scepss-send-option .scepss-send-option-text-container.selected .tabler-icon {
  color: #0166DF;
}
.scep-schedule-section .scepss-send-option-wrapper .scepsc-date-advanced {
  color: #0166DF;
  text-align: right;
  margin-top: 16px;
  cursor: pointer;
}
.scep-schedule-section .scepss-send-option-wrapper .scepsc-schedule-wrapper {
  margin-top: 16px;
}
.scep-schedule-section .scepss-send-option-wrapper .scepsc-schedule {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.scep-schedule-section .scepss-send-option-wrapper .scepsc-schedule .scepsc-date-control {
  flex: 1;
}
.scep-schedule-section .scepss-send-option-wrapper .scepsc-schedule .scepsc-date-control .scepsc-date-control-text {
  color: #485870;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.scep-start-section .scepss-text {
  color: #000;
  /* Desktop/Title/H4/Semi Bold */
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
  margin-bottom: 16px;
}
.scep-start-section .scepss-subtext {
  color: #000;
  /* Desktop/Title/H4/Semi Bold */
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  /* 125% */
  margin: 10px 0px;
}
.scep-start-section .scepss-label {
  color: #485870;
  /* Desktop/Body/Normal/Regular */
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.scep-start-section .scepss-required {
  color: #E53A40;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.scep-start-section .scepss-input-container {
  margin-bottom: 24px;
}
.scep-start-section .scepss-ongoing-wrapper {
  background-color: #FAFAFA;
  padding: 24px;
  border-radius: 12px;
  margin-top: 32px;
}
.scep-start-section .scepss-ongoing-wrapper.scepss-ongoing-wrapper-upgrade {
  cursor: pointer;
}
.scep-start-section .scepss-ongoing-wrapper .scepss-ongoing-container {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  margin-bottom: 24px;
}
.scep-start-section .scepss-ongoing-wrapper .scepss-ongoing-container .scepss-ongoing-text-container .scepss-ongoing-text-label {
  color: #011638;
  /* Desktop/Body/Normal/Semi Bold */
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}
.scep-start-section .scepss-ongoing-wrapper .scepss-ongoing-container .scepss-ongoing-text-container .scepss-ongoing-text-description {
  color: #485870;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.scep-start-section .scepss-ongoing-wrapper .scepss-ongoing-details-container .scepss-ongoing-types {
  display: flex;
  gap: 20px;
}
.scep-start-section .scepss-ongoing-wrapper .scepss-ongoing-details-container .scepss-ongoing-type-checkbox {
  display: flex;
}
.scep-start-section .scepss-ongoing-wrapper .scepss-ongoing-details-container .scepss-ongoing-type-checkbox .drive-checkbox > span {
  font-weight: 600;
}
.scep-start-section .scepss-date-control-text {
  color: #485870;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
  margin-top: 24px;
}
.scep-start-section .scepss-date-control-input {
  max-width: 246px;
}
.scep-start-section .scepss-eligible-wrapper {
  background-color: #F7FBFF;
  padding: 24px;
  border-radius: 12px;
  margin-top: 32px;
}
.scep-start-section .scepss-eligible-wrapper .scepss-eligible-container {
  align-items: flex-start;
  align-self: stretch;
  font-weight: 400;
}
.scep-start-section .scepss-eligible-wrapper .scepss-eligible-container .scepss-eligible-text-container .scepss-eligible-text-label {
  color: #011638;
  /* Desktop/Body/Normal/Semi Bold */
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}
.scep-start-section .scepss-eligible-wrapper .scepss-eligible-container .scepss-eligible-text-container .scepss-eligible-text-description {
  color: #485870;
  font-weight: 500;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  line-height: 18px;
  /* 128.571% */
}
.scep-start-section .scepss-eligible-wrapper .scepss-eligible-container .scepss-eligible-adjust-filters {
  text-decoration: underline;
  cursor: pointer;
}
.scep-start-section .scepss-eligible-wrapper .scepss-eligible-container .scepss-eligible-type-radio {
  font-weight: 400;
  margin: 16px 0px;
}
.scep-start-section .scepss-eligible-wrapper .scepss-eligible-container .scepss-eligible-type-radio .ant-radio-wrapper {
  white-space: unset;
}
.scep-start-section .scepss-eligible-wrapper .scepss-eligible-container .scepss-eligible-adjustments {
  font-weight: 500;
}
.scep-prioritize-section .scepps-text {
  color: #000;
  /* Desktop/Title/H4/Semi Bold */
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
  margin-bottom: 8px;
}
.scep-prioritize-section .scepps-description {
  color: #485870;
  /* Desktop/Body/Normal/Regular */
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  margin-bottom: 24px;
}
.scep-prioritize-section .scepps-prioritize-campaigns {
  height: calc(100vh - 96px - 162px);
  overflow-x: hidden;
  overflow-y: hidden;
  margin-bottom: 24px;
  scrollbar-gutter: stable;
}
.scep-prioritize-section .scepps-prioritize-campaigns:hover {
  overflow-y: auto;
}
.scep-prioritize-section .scepps-prioritize-campaigns::-webkit-scrollbar {
  width: 6px;
  left: 0px;
}
.scep-prioritize-section .scepps-prioritize-campaigns::-webkit-scrollbar-track {
  background: none;
}
.scep-prioritize-section .scepps-prioritize-campaigns::-webkit-scrollbar-thumb {
  background-color: #99A2AF;
  border-radius: 10px;
}
.ss-campaigns-purpose-and-event-control-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  color: var(--dark-dark-100, #011638);
  font-size: 16px;
  font-weight: 500;
}
.ss-campaigns-purpose-and-event-control-wrapper .ss-campaigns-purpose-and-event-control-selections {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.ss-campaigns-purpose-and-event-control-wrapper .ss-campaigns-purpose-and-event-textarea {
  resize: 'none';
  padding: 8px 12px;
  border-radius: 12px;
  max-width: 430px;
}
.upgrade-now-button-flex {
  display: flex;
  align-items: center;
  gap: 8px;
}
.upgrade-now-button {
  cursor: pointer;
  display: inline;
  border-radius: 4px;
  background: var(--secondary-purple-10, #F1EBF6);
  padding: 0px 4px;
  color: var(--secondary-purple-100, #7333A6);
  font-size: 10px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
}
.scsp-start-campaign-modal .scsp-start-campaign-modal-loading {
  height: 400px;
}
.scsp-start-campaign-modal .scsp-start-campaign-modal-wrapper {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #F2F7FD;
}
.scsp-start-campaign-modal .scsp-start-campaign-modal-wrapper .scsp-start-campaign-modal-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
  margin-top: 32px;
}
.scsp-start-campaign-modal .scsp-start-campaign-modal-wrapper .scsp-start-campaign-modal-text {
  color: #485870;
  text-align: center;
  /* Desktop/Body/Normal/Regular */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  margin-top: 12px;
}
.scsp-start-campaign-modal .scsp-start-campaign-modal-wrapper .scepss-message-customer-numbers {
  color: #0166DF;
}
.scsp-start-campaign-modal .scepss-control-wrapper {
  margin: 24px;
}
.scsp-start-campaign-modal .scepss-control-wrapper .scepss-eligible-type-checkbox-wrapper {
  padding: 16px;
  border-radius: 8px;
  background: #FAFAFA;
}
.scsp-start-campaign-modal .scepss-control-wrapper .scsp-start-campaign-modal-upgrade {
  border-radius: 8px;
  border: 1px solid #AB85CA;
  background: #F1EBF6;
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  cursor: pointer;
  margin-top: 16px;
}
.scsp-start-campaign-modal .scepss-control-wrapper .scsp-start-campaign-modal-upgrade .scsp-start-campaign-modal-upgrade-plan-container .scsp-start-campaign-modal-upgrade-plan {
  color: #011638;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.scsp-start-campaign-modal .scepss-control-wrapper .scsp-start-campaign-modal-upgrade .scsp-start-campaign-modal-upgrade-plan-container .scsp-start-campaign-modal-upgrade-price-container {
  display: flex;
}
.scsp-start-campaign-modal .scepss-control-wrapper .scsp-start-campaign-modal-upgrade .scsp-start-campaign-modal-upgrade-plan-container .scsp-start-campaign-modal-upgrade-price-container .scsp-start-campaign-modal-upgrade-price {
  color: #7333A6;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
}
.scsp-start-campaign-modal .scepss-control-wrapper .scsp-start-campaign-modal-upgrade .scsp-start-campaign-modal-upgrade-plan-container .scsp-start-campaign-modal-upgrade-price-container .scsp-start-campaign-modal-upgrade-price-per-month {
  color: #99A2AF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  padding-left: 4px;
  padding-top: 2px;
}
.scsp-start-campaign-modal .scepss-control-wrapper .scsp-start-campaign-modal-upgrade .scsp-start-campaign-modal-upgrade-text {
  color: #7333A6;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 128.571% */
}
.scsp-start-campaign-modal .scepss-control-wrapper .scsp-start-campaign-modal-control-container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  margin-top: 32px;
}
.scsp-start-campaign-modal .scepss-control-wrapper .scsp-start-campaign-footnote {
  color: #485870;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  margin-top: 16px;
}

.customer-ss-page-wrapper {
  min-width: 830px;
}
.customer-ss-page-wrapper .smart-segment-type-select {
  display: flex;
  align-self: flex-start;
}
.customer-ss-page-wrapper .smart-segment-type-select .title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  color: #000000;
  margin-bottom: 0;
}
.customer-ss-page-wrapper .customer-ss-container {
  padding: 32px;
  height: calc(100vh - 112px);
  /* padding: 24px 32px 32px 32px; */
}
.customer-ss-page-wrapper .customer-ss-container .loading-modal {
  z-index: 99;
}
.customer-ss-page-wrapper .customer-ss-container .column-reset-span {
  color: #0072CE;
  font-weight: 600;
  cursor: pointer;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 24px;
  width: 100%;
  /* position: fixed;
            top: 97px;
            padding-top: 24px;
            z-index: 10;
            background-color: white;
            height: 88px;
            transition: top 0.2s ease-in-out; */
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .ss-search-input {
  margin-right: auto;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .dropdown-menu-option {
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #CCD0D7;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  padding-right: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #011638;
  cursor: pointer;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .dropdown-menu-option.dropdown-menu-option-disabled {
  cursor: not-allowed;
  background-color: #ECEEF0;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option-create-campaign {
  color: #FFFFFF;
  background: #0166DF;
  border-radius: 6px;
  height: 40px;
  display: flex;
  padding: 0px 12px;
  gap: 12px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option-create-campaign:hover {
  background: #005AC5;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option-create-campaign:focus {
  background: #004BA5;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option {
  /* padding: 12px; */
  background: #E6F0FC;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option.icon-menu-warning {
  background: #FCE6E6;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option.icon-menu-disabled {
  background: #ECEEF0;
  cursor: not-allowed;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option:hover {
  background: #CEE1F7;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option:hover.icon-menu-warning {
  background: #F5D0D0;
}
.customer-ss-page-wrapper .customer-ss-container .ss-filters-wrapper .icon-menu-option:hover.icon-menu-disabled {
  background: #ECEEF0;
}
.smart-segment-popover.ant-popover {
  z-index: 250;
}
.segment-selector-dropdown .ss-button-menu-option {
  margin: 8px;
  background-color: #ECEEF0;
  border-radius: 8px;
  cursor: pointer;
  padding: 12px 0px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #011638;
}
.segment-selector-options-area {
  max-height: 400px;
  overflow-y: auto;
  padding: 16px;
}
.ss-selector-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 4px;
  cursor: pointer;
  border-radius: 4px;
}
.ss-selector-row:hover {
  background-color: #E6F0FC;
}
.ss-selector-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #011638;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}
.ss-selector-number {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #99A2AF;
}
.ss-button-menu-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.raise-z-index.ant-popover {
  z-index: 10000;
}
.smart-segments-columns-dropdown.ant-dropdown {
  z-index: 500;
  min-width: 250px !important;
}
.smart-segments-columns-dropdown .ant-dropdown-menu {
  max-height: 400px;
  overflow: auto;
  border-radius: 8px;
}
.smart-segments-columns-dropdown .ant-dropdown-menu-item {
  padding-top: 5px;
  padding-bottom: 5px;
}
.smart-segments-columns-dropdown .ant-dropdown-menu-item:hover {
  background: inherit;
}
.smart-segments-columns-dropdown .menu-item-custom-class {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}
.smart-segments-columns-dropdown .menu-item-custom-class:hover {
  background: inherit;
}
.smart-segments-columns-dropdown .column-select-search-menu-item {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.smart-segments-columns-dropdown .dropdown-content-scroll {
  scrollbar-width: thin;
  /* "auto" or "thin" */
  scrollbar-color: #99A2AF none;
  /* scroll thumb and track */
}
.smart-segments-columns-dropdown .dropdown-content-scroll::-webkit-scrollbar {
  width: 6px;
  left: -10px;
}
.smart-segments-columns-dropdown .dropdown-content-scroll::-webkit-scrollbar-track {
  background: none;
  /* color of the tracking area */
}
.smart-segments-columns-dropdown .dropdown-content-scroll::-webkit-scrollbar-thumb {
  background-color: #99A2AF;
  /* color of the scroll thumb */
  border-radius: 10px;
  /* roundness of the scroll thumb */
}
.smart-segments-columns-dropdown .dropdown-content-scroll .column-select-flex {
  display: flex;
  justify-content: space-between;
  padding: 4px 0px 4px 0px;
}
.smart-segments-columns-dropdown .dropdown-content-scroll .column-select-flex .column-select-option-text {
  color: #0166DF;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.smart-segments-columns-dropdown .dropdown-content-scroll .column-select-flex .column-select-option-text:hover {
  color: #011638;
}
.smart-segments-export-dropdown.ant-dropdown {
  z-index: 500;
}
.smart-segments-export-dropdown .ant-dropdown-menu {
  border-radius: 8px;
}
.smart-segments-table th.ant-table-cell {
  text-transform: uppercase;
}


.ar-drive-pill-select {
  background: #FFFFFF;
  border: 1px solid #CCD0D7;
  box-sizing: border-box;
  outline: none;
}
.ar-drive-pill-select:hover {
  background: #F2F7FD;
  border: 1px solid #0166DF;
  outline: none;
}
.ar-drive-pill-select.ant-select-disabled {
  background-color: #ECEEF0;
}
.ar-drive-pill-select.ant-select-disabled:hover {
  background: #FFFFFF;
  border: 1px solid #CCD0D7;
  outline: none;
}
.ar-drive-pill-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.ar-drive-pill-select.ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.ar-drive-pill-select.ant-select:not(.ant-select-disabled):hover .ant-select-selector,
.ar-drive-pill-select.ant-select-focused:not(.ant-select-disabled).ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.ar-drive-pill-select.ant-select.pill-select-disabled.ant-select-disabled .ant-select-selector,
.ar-drive-pill-select.ant-select .ant-select-selector {
  border: none;
  background-color: transparent;
  box-shadow: none;
  outline: none;
}
.ar-drive-pill-select.ant-select-single .ant-select-selector {
  outline: none;
  align-items: center;
}
.ar-drive-pill-select.ant-select-single .ant-select-arrow span {
  color: #0166DF;
}
.ar-drive-pill-select.ant-select-single.pill-select-disabled .ant-select-arrow span {
  color: rgba(0, 0, 0, 0.25);
}
.ar-drive-pill-select.ar-drive-pill-select-size-large {
  height: 54px;
  border-radius: 27px;
  font-size: 16px;
}
.ar-drive-pill-select.ar-drive-pill-select-size-large.ant-select-single .ant-select-selector {
  padding: 0px 18px;
  height: 52px;
  line-height: 52px;
}
.ar-drive-pill-select.ar-drive-pill-select-size-medium {
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
}
.ar-drive-pill-select.ar-drive-pill-select-size-medium.ant-select-single .ant-select-selector {
  padding: 0px 14px;
  height: 38px;
  line-height: 38px;
}
.ar-drive-pill-select.ar-drive-pill-select-size-small {
  height: 32px;
  border-radius: 16px;
  font-size: 12px;
}
.ar-drive-pill-select.ar-drive-pill-select-size-small.ant-select-single .ant-select-selector {
  padding: 0px 14px;
  height: 30px;
  line-height: 30px;
}
.ar-drive-pill-select.ar-drive-pill-select-size-tiny {
  height: 24px;
  border-radius: 12px;
  font-size: 12px;
}
.ar-drive-pill-select.ar-drive-pill-select-size-tiny.ant-select-single .ant-select-selector {
  padding: 0px 12px;
  height: 22px;
  line-height: 22px;
}
/* .ar-drive-pill-select .ant-select-selector .ant-select-selection-placeholder,
.ar-drive-pill-select.ant-select-single .ant-select-selector .ant-select-selection-item {
    font-size: 12px;
    color: #000;
}

.ar-drive-pill-select.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding: 0px 10px 2px 10px;
}

.ar-drive-pill-select.ant-select-single .ant-select-selector .ant-select-selection-item::before {
    content: "Type: ";
}

.ant-select-dropdown.ar-drive-pill-select-dropdown.ant-select-dropdown-placement-bottomLeft {
    border-radius: 8px;
    padding: 0px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.13);
}

.ar-drive-pill-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background-color: #fff;
}

.ar-drive-pill-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #F2F7FD;
}

.ar-drive-pill-select.ant-select.ant-select-single.ant-select-show-arrow.ant-select-open {
    background: #F2F7FD;
    border: 1px solid #0166DF;
} */

.dashboard-campaign-activity-wrapper{
    padding: 20px 20px 0 20px;
}

    .dc-campaign-loader {
        position: relative;
    }

    .dashboard-campaign-activity {
        display: flex;
        height: 100%;
        flex-direction: column;
    }

        .dashboard-header-wrapper {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .dashboard-campaign-activity-title {
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 24px;
                color: #99a2af;
            }

        .dashboard-campaigns-total {
            font-style: normal;
            font-weight: 400;
            font-size: 24px;
            line-height: 29px;
            letter-spacing: 0.01em;
            color: #011638;
        }
            .campaign-link-class{
                color: #011638;
                font-weight:bold;
            }
                .campaign-link-class:hover {
                    color: #0070e0;
                }
            

        .dashboard-campaign-drive-pills{
            display:flex;
            justify-content: flex-start;
            /* padding: 0 20px; */
        }
            .campaign-drive-pills > div:not(:first-child){
                margin-right: 8px;
            }


        .dashboard-campaign-no-campaigns {
            /* margin-top: 24px; */
            padding-bottom: 20px;
        }
            .dashboard-campaign-no-campaigns .ar-emptystate .es-header {
                margin-top: 16px; 
                /* font-weight: 500;
                font-size: 14px;
                line-height: 24px;
                */
            }

            .dashboard-campaign-no-campaigns .ar-emptystate .es-content {
                margin-top: 2px;
            }

        
        /* .dashboard-campaign-data {
            padding-left: 20px;
            margin-top: 24px;
            display: flex;
            flex-direction: column;
            overflow: auto;
            padding-right: 0;
        }

            .dashboard-campaign-data .dc-scroll > div:not(:last-child){
                margin-bottom: 10px;
            } */

            .dashboard-campaign-rows-wrapper{
                display: flex;
                flex-direction: column;
                margin-top: 24px;
                margin-left:-20px;
                margin-right: -20px;
                border-top: 1px solid #D9DCE1;
                height: 277px;
                overflow:auto;
            }
                .dashboard-campaign-row {
                    display: flex;
                    align-items: center;
                    justify-content: space-between; 
                    /* justify-content: flex-start; */
                    min-height: 77px;
                    border-bottom:1px solid #D9DCE1;
                    padding-left: 20px;
                }
                    .dashboard-campaign-row:hover{
                        background: #F2F7FD;
                    }
                        .dashboard-campaign-row:hover .cp-rightarrow{
                            color: #0166DF;
                        }

                    .dc-campaign-detail {
                        display: flex;
                        flex-direction: column;
                        /* flex-basis: 30%;  */
                        min-width: 120px;
                    }
                        .dc-campaign-type {
                            font-style: normal;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 24px;
                            color: #2a2a2a;
                        }

                        .dc-campaign-recipients {
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 16px;
                            color: #99a2af;
                            margin-top: 5px;
                        }
                        
                    .dc-campaign-dates{
                        font-weight: 500;
                        font-size: 12px;
                        line-height: 16px;
                        color: #99A2AF;
                        /* flex-basis: 20%;  */
                    }

                    .dc-campaign-progress {
                        display: flex;
                        flex-direction: row;
                        gap: 16px;
                        /* flex-basis: 50%; */
                        justify-content: flex-end;
                    }

                        .dc-campaign-progress .online-campaign {
                            display: flex;
                            /* flex-direction: row; */
                            /* gap: 15%; */
                            width: 100%;
                        }
                            .dc-campaign-progress .online-campaign >div:not(:last-child){
                                margin-right: 16px;
                            }
                            /* .dc-campaign-progress .online-campaign .ant-progress {
                                min-width: 90px;
                            } */
                            .dc-campaign-progress .online-campaign .oc-clicked,
                            .dc-campaign-progress .online-campaign .oc-delivered{
                                min-width: 100px;
                            }

                        .dc-campaign-progress .mail-campaign {
                            min-width: 218px;
                        }

                        

                        .dc-campaign-progress .cp-label {
                            font-style: normal;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 16px;
                            color: #99a2af;
                            margin-top: 5px;
                        }

                        .dc-campaign-progress .cp-rightarrow {
                            display: flex;
                            align-items: center;
                            color: #CCD0D7;
                            margin-left: auto;
                        }

.ar-dashboard-activity-wrapper .db-activity-loader {
    position: relative;
    height: 500px;
}

.ar-dashboard-activity-wrapper .ar-dashboard-activity {
	display: flex;
	flex-direction: column;
}
    .ar-dashboard-activity .no-activity {
        margin: 20px;
    }
   .ar-dashboard-activity .db-activity-title {
        margin-left: 20px;
        margin-top: 20px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        color: #99A2AF;
        
    }

    .ar-dashboard-activity .db-activity-unread-count {
        margin-left: 20px;
        margin-top: 8px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0.01em;
        color: #011638;
    }

        .ar-dashboard-activity .db-activity-pills {
            margin-left: 20px;
            margin-top: 16px;
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .ar-dashboard-activity .db-activity-container {
            margin-top: 25px;
            min-height: 350px;
            max-height: 450px;
            padding-right: 0;
            padding-bottom: 20px;
            border-top: 1px solid #D9DCE1;
            overflow: auto;
        }

            .db-activity-container .db-activity{
                padding-left: 20px;
                display: flex;
                flex-direction: row;
            }
                .db-activity-container .db-activity:hover{
                    background: #F2F7FD;
                }
                .db-activity .db-activity-type-icon{
                    margin-top: 12px;
                }
                .db-activity .db-activity-content {
                    display: flex;
                    flex-direction: row;
                    border-bottom: 1px solid #D9DCE1;
                    width: 100%;
                    margin-left: 15px;
                    
                }
                    .db-activity-content .db-activity-body{
                        padding: 14px 0 8px 0;
                        display: flex;
                        flex-direction: column;
                        flex-basis: 100%

                    }
                        
                        .db-activity-body .db-activity-desc {
                            display:inline;
                            margin-right: 6px;
                            font-style: normal;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 20px;
                            color: #000000;
                        }
                        .db-activity-body .activity-replacement-text svg {
                            height: 18px;
                            margin-bottom: -5px;
                            margin-left: -3px;
                        }
                        .db-activity-body .db-activity-timeago{
                            margin-top: 4px;
                            font-style: normal;
                            font-weight: 400;
                            font-size: 12px;
                            line-height: 15px;
                            letter-spacing: 0.01em;
                            color: #99A2AF;
                        }
	
                    .db-activity-content .db-activity-indicators{
                        margin-left: 8px;
                        padding-right: 10px;
                        font-style: normal;
                        font-weight: 400;
                        font-size: 12px;
                        line-height: 15px;
                        text-align: right;
                        letter-spacing: 0.01em;
                        text-decoration-line: underline;
                        color: #0166DF;
                        cursor: pointer;
                        width:70px;
                        display: flex;
                        align-items: center;
                        justify-content: flex-end;
                        text-align: end;
                    }
                        .db-activity-indicators .db-activity-markread-label{
                            display: none;
                        }
                        .db-activity-container .db-activity:hover .db-activity-content .db-activity-indicators .db-activity-markread-label{
                            display: block;
                            flex-basis: 100%;
                            width: 100%;
                            
                        }
                        .db-activity-indicators .db-activity-unread-icon{
                            flex-basis: 100%;
                        }
                        .db-activity-container .db-activity:hover .db-activity-content .db-activity-indicators .db-activity-unread-icon{
                            display: none;
                            flex-basis: 0;
                        }
                        .db-activity-indicators .db-activity-markunread-label{
                            display: none;
                        }
                        .db-activity-container .db-activity:hover .db-activity-content .db-activity-indicators .db-activity-markunread-label{
                            flex-basis: 100%;
                            width: 100%;
                            display: block;
                        }

.year-in-review-activity {
  height: 170px;
  background-size: cover;
  padding: 16px 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
  border-radius: 5px;
  background: linear-gradient(90deg, #72B5F5 0%, #7D99E2 62%, #7DB1E8 97%);
  position: relative;
  overflow: hidden;
}
.year-in-review-activity .year-in-review-activity-image {
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
.year-in-review-activity .year-in-review-activity-image .dashboard-cars-image {
  width: 197px;
  height: 141px;
}
.year-in-review-activity-flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  max-width: 321px;
}
.year-in-review-dashboard-header {
  color: var(--Brand-White, #FFF);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  /* 133.333% */
}
.year-in-review-description-1 {
  color: white;
  font-weight: 500;
}
.year-in-review-description-2 {
  color: #1849A9;
  font-weight: 600;
  margin-right: -35px;
}
.ant-btn.ar-drive-button.primary.custom-year-in-review-button > span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.tid-container{
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-basis: 50%;
 }
 .tid-container > span:nth-child(1) {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #99A2AF;
    display: flex;
    align-items: center;
 }
 
 .tid-container svg {
    margin-left: 5px;
    height: 13px;
    width: 13px;
 }
 
 .tid-container > span:nth-child(2){
    font-weight: 500;
    font-size: 24px;
    line-height:40px;
    color: #011638;
 }
 
 .tid-container .ant-progress {
    width: 100%;
 }
 
 .arp-sp-popover{
     max-width: 175px;
     display: flex;
     flex-direction: column;
     gap: 20px;
     font-weight: 400;
     font-size: 12px;
     line-height: 18px;
     color: #F2F2F6;
 }
.ar-dashboard-sales-wrapper {
    padding: 20px;
}

.ar-dashboard-sales-wrapper .ds-sales-loader {
    position: relative;
    height: 400px;
}

.ar-dashboard-sales-wrapper .ar-dashboard-sales {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ar-dashboard-sales p {
    margin-bottom: 0;
}

.ar-dashboard-sales .sales-transactions-container {
    border-bottom: 1px solid #D9DCE1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 15px;
}

.sales-transactions-container .sales-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    height: 24px;
    color: #99A2AF;
    margin: 0;
}

.sales-transactions-container .sales-total-count {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    height: 29px;
    letter-spacing: 0.01em;
    color: #011638;
    margin: 0;
}

.sales-transactions-container .sales-total-count>b {
    color: #011638;
}

.sales-transactions-container .sales-total-count:hover>b {
    color: #1890ff;
}

.sales-transactions-container .ds-data {
    display: flex;
    gap: 20px;
    flex-direction: row;
    flex-basis: 40%;
}

.ds-data .sales-division {
    flex-basis: 56%;
    display: flex;
    flex-direction: row;
}

.ds-data .sales-division .sales-chart {
    margin-top: 19px;
    height: 160px;
    width: 57px;
    background: #ECEEF0;
    border-radius: 5px;
}

.ds-data .sales-division .sales-chart .repeat-sales-chart {
    background-color: #E3D6ED;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ds-data .sales-division .sales-chart .service-conversion-chart {
    background-color: #7333A6;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ds-data .sales-division .sales-content {
    display: flex;
    flex-direction: column;
    margin-left: 32px;
    flex: 70%
}

.ds-data .sales-division .sales-content .sales-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.portfolio-details .portfolio-count {
    margin-top: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    color: #011638;
}

.portfolio-details .portfolio-count>a {
    color: #011638;
}

.portfolio-details .portfolio-count:hover>a {
    color: #1890ff;
}

.portfolio-details .portfolio-text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #011638;
}

.conquest-details .conquest-count {
    margin-top: 18px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #99A2AF;
}

.conquest-details .conquest-count>a {
    color: #99A2AF;
}

.conquest-details .conquest-count:hover>a {
    color: #1890ff;
}

.conquest-details .conquest-text {
    margin-top: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #99A2AF;
}

.sales-content .chart-details {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0
}

.chart-details li:first-child {
    color: #E3D6ED;
    margin-left: 4px;
    max-height: 55px;
    margin-top: -5px;

}

.chart-details li:last-child {
    color: #7333A6;
    margin-left: 4px;
    max-height: 55px;
}

.chart-details li::marker {
    font-size: 24px;
}

.chart-details .ct-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #99A2AF;
    display: inline;
}

.chart-details .ct-count {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #011638;
}

.chart-details .ct-count>a {
    color: #011638;
}

.chart-details .ct-count:hover>a {
    color: #1890ff;
}

.ds-data .ant-divider.ant-divider-vertical {
    position: relative;
    top: 1.94em;
    display: inline-block;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid #D9DCE1;
    margin: 0;
    height: 184px;
}

.ds-data .engagement-divison {
    flex-basis: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.engagement-divison .progress-bar {
    margin-top: 12px;
    width: 100%;
}

.progress-bar .ant-progress {
    width: 100%;
}

.progress-bar .ant-progress .ant-progress-inner {
    width: 100% !important;
    height: 100% !important;
}

.progress-bar .ant-progress .ant-progress-inner .ant-progress-text {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.01em;
    top: 47%;
    left: 52%;
    color: #011638;
}

.engagement-divison .engaged-sales-count {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #99A2AF;
    margin-top: -30%;
    padding: 0 5px;

}

.engaged-sales-count>span {
    color: #011638;
}

.ar-dashboard-sales .trade-in-container {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

.trade-in-container .trade-in-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0.01em;
    color: #011638;
}

.trade-in-container .td-content {
    margin-top: 4px;
    display: flex;
}

.td-content .tdc-total {
    display: flex;
    flex-direction: column;
    width: 42px;
}

.tdc-total>span:nth-child(1) {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #99A2AF;
}

.tdc-total>span:nth-child(2) {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    color: #011638;
    margin-top: 4px;
    text-align: center;
}

.td-content span>a {
    color: #011638;
}

.td-content span:hover>a {
    color: #1890ff;
}

.tdc-info {
    flex: 1;
    display: flex;
    margin-left: 40px;
    gap: 32px;
}
.drive-dashboard {
  display: flex;
  flex-direction: column;
  padding: 18px 30px 30px 30px;
  max-width: 1158px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1158px) {
  .drive-dashboard {
    padding: 18px 16px 15px 16px;
  }
}
.drive-dashboard .dashboard-header {
  margin: 0 auto;
}
.drive-dashboard .column-flex-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.drive-dashboard .column-flex-container .dashboard-content-wrapper {
  border: 1px solid #D9DCE1;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  background-color: #FFFFFF;
  margin: 0 auto;
}
.drive-dashboard .column-flex-container .dashboard-content-wrapper:not(:last-child) {
  margin-bottom: 30px;
}
.drive-dashboard .column-flex-container .desktop-flex-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.drive-dashboard .column-flex-container .desktop-flex-container > div {
  flex: 50% 0 1;
}
.drive-dashboard .column-flex-container .desktop-flex-container > div:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 1158px) {
  .drive-dashboard .column-flex-container .desktop-flex-container > div:not(:last-child) {
    margin-right: 16px;
  }
}
.drive-dashboard .column-flex-container .desktop-flex-container > div > div:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 1158px) {
  .drive-dashboard .column-flex-container .desktop-flex-container > div > div:not(:last-child) {
    margin-bottom: 16px;
  }
}
.drive-dashboard .day-selector .title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  color: #000000;
  margin-bottom: 0;
}
.drive-dashboard.dashboard-mobile {
  align-items: center;
  padding: 20px;
  min-width: 450px;
}
.drive-dashboard.dashboard-mobile .dashboard-header {
  max-width: 534px;
}
.drive-dashboard.dashboard-mobile .dashboard-content-wrapper {
  max-width: 534px;
  width: 100%;
}

.ar-table-header-container{
    height: 72px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px; 
    max-width: 1160px;
    min-width: 440px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}
.ar-table-header-container.smaller-padding{
    padding-left: 24px;
    padding-right: 24px;
}

    .ar-table-header-text{
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
    }

    .ar-table-header-children-content{
        
    }

    .ar-table-header-divider.ant-divider-horizontal.ant-divider{
        margin:0;
        border-top: 1px solid #D9DCE1;
        width: 100%
    }

.table-content-wrapper{
    /* margin-bottom: 24px; */
    position: relative;
    display:flex;
    flex-direction: column;
}
    /* .extended-table-header-background{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background-color: #f2f2f6;
    } */
    .table-page-content{
        flex-grow:1;
        overflow-x:auto;
    }

.table-content-wrapper .campaigns-table-center > td{
    display:flex;
    align-items: center;
}

.table-content-wrapper .ar-drive-table .ant-table-container table > thead > tr:first-child th:first-child,
.table-content-wrapper .ar-drive-table .ant-table-container table > tbody td:first-child {
    padding-left: 32px;
}

.table-content-wrapper .ar-drive-table .ant-table-container table > thead > tr:first-child th:last-child,
.table-content-wrapper .ar-drive-table .ant-table-container table > tbody td:last-child {
    padding-right: 32px;
}

.table-content-wrapper.smaller-padding .ar-drive-table .ant-table-container table>thead>tr:first-child th:first-child,
.table-content-wrapper.smaller-padding .ar-drive-table .ant-table-container table>tbody td:first-child {
    padding-left: 24px;
}

.table-content-wrapper.smaller-padding .ar-drive-table .ant-table-container table>thead>tr:first-child th:last-child,
.table-content-wrapper.smaller-padding .ar-drive-table .ant-table-container table>tbody td:last-child {
    padding-right: 24px;
}

.table-content-wrapper  .ar-drive-table .ant-table-tbody > tr > td {
    padding: 0px 8px;
} 

.table-content-wrapper .table-page-content {
    margin: 0 auto;
}
.watchlist .watch-list-row {
  height: 72px;
  color: #011638;
}
.watchlist .watch-list-row .make-col {
  font-size: 16px;
  font-weight: 500;
}
.watchlist .watch-list-row .days-col {
  font-size: 16px;
  color: #2a2a2a;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f6;
  border-radius: 5px;
  min-width: 42px;
  padding: 0 4px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 42px;
}
.watchlist .watch-list-row .watchlist-actions-icon {
  cursor: pointer;
  width: 5px;
}
.watchlist-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.watchlist-actions .watchlist-action {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}
.watchlist-actions .watchlist-action:hover {
  color: #0166df;
}
.watchlist-delete-modal {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #011638;
}
.watchlist-delete-modal .title {
  font-weight: 600;
  font-size: 32px;
}
.watchlist-delete-modal .message {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #99a2af;
}
.watchlist-delete-modal .message .vehicle-details {
  font-weight: 600;
  margin-left: 4px;
  color: #011638;
}
.watchlist-delete-modal .footer {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.watchlist-vehicle-modal {
  color: #011638;
  display: grid;
  grid-template-columns: 4fr 3fr;
}
.watchlist-vehicle-modal .step-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 32px;
}
.watchlist-vehicle-modal .step-container .step-title {
  font-weight: 600;
  font-size: 32px;
}
.watchlist-vehicle-modal .step-container .step-description {
  font-weight: 500;
  font-size: 16px;
  color: #7a8497;
  margin-top: 12px;
  margin-bottom: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e5e5e5;
}
.watchlist-vehicle-modal .step-container .step-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 450px;
  overflow-y: auto;
  margin: -32px -32px -32px 0;
  padding: 32px 32px 32px 0;
}
.watchlist-vehicle-modal .step-container .step-options .select-all-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 0;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.watchlist-vehicle-modal .step-container .step-options .select-all-option:hover {
  background-color: #f8f9fa;
}
.watchlist-vehicle-modal .step-container .step-options .select-all-option .select-all-content {
  font-weight: 500;
  color: #011638;
}
.watchlist-vehicle-modal .step-container .step-options .step-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.watchlist-vehicle-modal .step-container .step-options .step-option:hover {
  background-color: #f5f5f6;
}
.watchlist-vehicle-modal .step-container .step-options .step-option.step-option-selected {
  background-color: #f0f7ff;
  border-color: #0166df;
  color: #0166df;
}
.watchlist-vehicle-modal .step-container .step-actions {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;
}
.watchlist-vehicle-modal .step-container .step-actions .step-actions-buttons {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
.watchlist-vehicle-modal .steps-review-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  background-color: #f5f5f6;
  padding: 32px;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 64px;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-title {
  font-weight: 600;
  font-size: 24px;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-items .step-review-item {
  display: flex;
  align-items: center;
  min-height: 60px;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-items .step-review-item .step-review-item-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: 12px;
  position: relative;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-items .step-review-item .step-review-item-indicator .step-review-item-icon {
  color: #ccd0d7;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-items .step-review-item .step-review-item-indicator .step-review-item-line {
  width: 2px;
  height: 100%;
  background-color: #ccd0d7;
  position: absolute;
  top: 0;
  transform: translateY(-80%);
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-items .step-review-item .step-review-item-value {
  min-height: 60px;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-items .step-review-item .step-review-item-edit {
  cursor: pointer;
}
.watchlist-vehicle-modal .steps-review-container .step-review-items-wrapper .step-review-items .step-review-item .step-review-item-edit:hover {
  color: #0166df;
}
.watchlist-vehicle-modal .steps-review-container .step-review-actions {
  width: 100%;
}

.campaign-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.campaign-modal-title {
  font-weight: 600;
  font-size: 32px;
  color: #000;
}
.campaign-modal-header {
  font-weight: 500;
  font-size: 16px;
  color: #99A2AF;
  margin-top: 32px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.campaign-modal .cp-date {
  font-weight: 500;
  font-size: 14px;
  color: #99A2AF;
}
.campaign-modal-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 16px;
}
.campaign-modal-flex > .print-box,
.campaign-modal-flex > a {
  flex: 0 0 50%;
}
.campaign-modal-sold-image {
  background-color: white;
  border-radius: 100px;
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.campaign-modal-flex-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.campaign-modal-stat-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 4px;
}
.stat-box-vertical-flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
}
.stats-box-outline {
  border: 1px solid #DDDDDD;
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 18px 24px;
}
.stats-box-outline:hover {
  filter: drop-shadow(0px 4px 8px rgba(19, 47, 100, 0.06));
  border: 1px solid #CCCCCC;
}
.stats-box-disabled {
  cursor: not-allowed;
}
.stats-box-disabled:hover {
  filter: none;
  border: 1px solid #DDDDDD;
}
.flex-border-right {
  border-right: 1px solid #DDDDDD;
}
.stats-box-recipient-value-1 {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #99A2AF;
}
.stats-box-recipient-value-2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #011638;
}
.stats-box-percent-value {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #011638;
}
.stats-box-sub-value {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
}
.stats-box-sub-value-bold {
  font-weight: 600;
}
.stats-box-icon {
  /* width: 14px;
		height: 14px; */
  color: #CCD0D7;
  margin-left: auto;
}
/* .stats-box-icon >svg{
			width: 14px;
			height: 14px
		} */
.stats-box-darkmode {
  color: white;
}
.stats-box-darkmode .stats-box-percent-value {
  color: white;
}

.campaign_review_div {
    width:100%;
    height:100%;
}
.campaign_review_header {
    text-align:center;
    padding:10px;
    border-bottom:1px solid #ccc;
}
.campaign_review_toggles {
    display: flex;
    justify-content: center;
}
.campaign_review_next_back {
    cursor:pointer;
    margin:0px 10px;
}
.campaign_go_to_customer {
    margin-top:5px;
    display: flex;
    justify-content: center;
}
.campaign_customers_count {
    margin: 0px 10px;
    color:#ccc;
    cursor:pointer;
}.campaign_customers_count.completed {
    color:green;
}
.campaign-page-wrapper .campaign-table-row {
  height: 85px;
  cursor: pointer;
  font-size: 14px;
  color: #011638;
}
.campaign-page-wrapper .campaign-table-row.campaign-danger {
  background-color: #FEF3F2;
}
.campaign-page-wrapper .campaign-table-row.campaign-danger:hover > td {
  background-color: #FEF3F2 !important;
}
.campaign-page-wrapper .campaign-table-row.campaign-danger > td:first-child {
  border-left: 6px solid #F04438;
  padding-left: 26px !important;
}
.campaign-page-wrapper .campaign-table-row.campaign-danger-resolved {
  cursor: not-allowed;
  background-color: #fafafa;
}
.campaign-page-wrapper .campaign-table-row.campaign-danger-resolved:hover > td {
  background-color: #fafafa !important;
}
.campaign-page-wrapper .campaigns-campaign-type {
  font-weight: 500;
  font-size: 16px;
  color: #011638;
}
.campaign-page-wrapper .campaigns-channel-icon-wrapper {
  display: flex;
  justify-content: center;
}
.campaign-page-wrapper .campaigns-channel-icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #FAF8FC;
  display: flex;
  justify-content: center;
  align-items: center;
}
.campaign-page-wrapper .campaigns-faded-text {
  color: #99A2AF;
}
.campaign-page-wrapper .stats-double {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.campaign-page-wrapper .drive-campaign-stats {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
  min-width: 100px;
}
.campaign-page-wrapper .drive-campaign-stats .stats-first-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.campaign-page-wrapper .drive-campaign-stats .stats-first-row .stats-percent {
  font-size: 16px;
  color: #011638;
  margin-right: 8px;
}
.campaign-page-wrapper .drive-campaign-stats .stats-label {
  font-size: 14px;
  color: #011638;
  opacity: 0.5;
}
.campaign-page-wrapper .drive-campaign-stats .stats-number {
  font-weight: bold;
  margin-right: 4px;
}
.campaign-page-wrapper .drive-campaign-stats .campaigns-cursor-link {
  cursor: pointer;
}
.resolve-failed-campaign-modal {
  padding: 32px 0px;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  padding: 24px 0px;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option {
  display: flex;
  padding: 20px 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 12px;
  border: 1px solid #CCD0D7;
  background: #FFF;
  cursor: pointer;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option.resolve-campaign-send-hover:hover {
  border-radius: 12px;
  border: 1px solid #99A2AF;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option.resolve-campaign-send-option-selected {
  background: #F2F7FD;
  border-radius: 12px;
  border: 2px solid #0166DF;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option.resolve-campaign-send-option-selected:hover {
  background: #F2F7FD;
  border-radius: 12px;
  border: 2px solid #0166DF;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option .resolve-campaign-send-option-control-container.upgrade-now-button-flex {
  margin-bottom: 6px;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option .resolve-campaign-send-option-text-container {
  flex: 1;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option .resolve-campaign-send-option-text-container .resolve-campaign-send-option-text-title {
  color: #011638;
  /* Mobile/Body/Small//Medium */
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  /* 171.429% */
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option .resolve-campaign-send-option-text-container .resolve-campaign-send-option-text-text {
  color: #99A2AF;
  /* Desktop/Body/Small/Regular */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  /* 128.571% */
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option .resolve-campaign-send-option-text-container .tabler-icon {
  color: #D9DCE1;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option .resolve-campaign-send-option-text-container.selected .resolve-campaign-send-option-text-title {
  color: #0166DF;
}
.resolve-failed-campaign-modal .resolve-campaign-send-option-container .resolve-campaign-send-option .resolve-campaign-send-option-text-container.selected .tabler-icon {
  color: #0166DF;
}
.filter-pill {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.filter-pill-text {
  font-size: 14px;
  line-height: 24px;
  color: #0166DF;
}
.filter-pill-icon {
  margin-right: 6px;
  height: 20px;
  width: 20px;
  line-height: 20px;
}

.arp-campaign-wrapper{
    display: flex; 
    margin-top: 16px;
    flex-direction: column;
    gap: 24px;
	height: 100%;
	justify-content: center;
}
.arp-cp-row {
	display: flex;
	gap: 24px;
	justify-content: center;
}
.arp-cp-row > a{
	flex-basis: 50%;
}
.arp-cp-details {
	border: 1px solid #dddddd;
	box-sizing: border-box;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	padding: 16px 20px;
	flex-basis: 50%;
}
.arp-cp-percentage {
	display: flex;
	justify-content: space-between;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #011638;
}
.arp-cp-rightarrow {
	color: #ccd0d7;
}
.arp-cp-percentage > span {
	display: flex;
	align-items: center;
}
.arp-cp-percentage > span > svg {
	margin-left: 4px;
}
.arp-cp-count {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #011638;
	opacity: 0.5;
}

.arp-cp-brand-count{
	margin-top: 10px;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 24px;
	color: #011638;
}

.arp-cp-brand-text{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #011638;
	opacity: 0.5;
}

 .reports-content {
    color: #F2F2F6;
    font-weight: 500;
    font-size: 12px;
}
.ar-reports-wrapper {
	height: 100%;
	width: 100%;
}

.ar-reports-container {
	padding: 0 30px;
	min-width: 1082px;
	max-width: 1158px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.ar-reports-container>div {
	margin-top: 18px;
}

.ar-reports-container .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
	padding: 0;
}

.ar-reports-container>div:not(:first-child) {
	border: 1px solid #d9dce1;
	border-radius: 5px;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
}

.arp-activity-container>div:nth-child(1) {
	margin-top: 16px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.arp-activity-title {
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 44px;
	color: #000000;
	margin-right: 15px;
}

.arp-activity-container>div:nth-child(2) {
	margin-top: 8px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #99a2af;
	max-width: 302px;
}

.arp-activity-container>div:nth-child(3) {
	margin-top: 32px;
	margin-bottom: 32px;
	display: flex;
}

.arp-offers {
	flex-basis: 50%;
	border-right: 1px solid #d9dce1;
	padding-right: 25px;
	display: flex;
	gap: 6%;
	align-items: flex-end;
	padding-bottom: 8px;
}

.arp-offer-progress {
	flex-basis: 60%;
}

.arp-offer-progress .ant-progress {
	width: 100%;
}

.arp-offer-progress .ant-progress .ant-progress-inner {
	width: 100% !important;
	height: 100% !important;
}

.arp-progress-text {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #99a2af;
	display: flex;
	flex-direction: column;
}

.arp-offer-details {
	min-width: 170px;
	display: flex;
	flex-direction: column;
}

.arp-offer-details>div {
	border: 1px solid #d9dce1;
	border-radius: 5px;
	margin-bottom: 20px;
	display: flex;
}

.od-dot {
	height: 10px;
	width: 10px;
	background-color: black;
	border-radius: 50%;
	margin-left: 16px;
	margin-top: 15px;
}

.arp-offer-details .od-info {
	display: flex;
	flex-direction: column;
	margin-left: 8px;
	margin-top: 8px;
}

.od-text {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #99a2af;
}

.od-count {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	color: #011638;
}

.arp-campaigns-count {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #011638;
	opacity: 0.5;
}

.arp-campaigns-count>span {
	font-size: 16px;
}

.arp-campaigns {
	flex-basis: 50%;
	padding-left: 40px;
	display: flex;
	flex-direction: column;
	min-height: 260px;
}

.arp-campaigns>div:nth-child(1) {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.arp-cp-rec-count {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #99A2AF;
}

.arp-cp-rec-count>span {
	font-size: 24px;
	line-height: 40px;
	color: #011638;
	margin-left: 8px;
}

.arp-campaigns>div:nth-child(2) {
	display: flex;
	margin-top: 16px;
	flex-direction: column;
	gap: 24px;
	height: 100%;
}

.arp-service-container {
	display: flex;
	flex-direction: column;
	padding: 0 40px;
}

.arp-sd-title {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 40px;
	color: #000000;
	margin-top: 20px;
}

.arp-sd-info {
	display: flex;
	margin-top: 8px;
	padding-bottom: 10px;
}

.arp-sd-info-desc {
	display: flex;
	flex-basis: 50.5%;
	border-right: 1px solid #d9dce1;
	padding-right: 24px;
	justify-content: space-between;
}

.arp-sd-info-desc>span {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #99a2af;
	max-width: 284px;
}

.arp-sd-info-desc>div {
	display: flex;
	flex-direction: column;
}

.arp-sd-info-desc>div>span:nth-child(3) {
	margin-top: 8px;
}

.arp-sd-id-text {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #99a2af;
	max-width: 125px;
}

.arp-sd-id-count {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	color: #011638;
}

.arp-sd-id-fs-count {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #011638;
}

.arp-sd-info-offer {
	display: flex;
	flex-direction: column;
	flex-basis: 49.5%;
}

.arp-sd-io-bar {
	width: 100%;
	height: 47px;
	background: #eceef0;
	border-radius: 5px;
	display: flex;
}

.arp-sd-io-bar>div:nth-child(1) {
	background: #7333a6;
	height: 100%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.arp-sd-io-bar>div:nth-child(2) {
	background: #e3d6ed;
	height: 100%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.arp-sd-io-details {
	display: flex;
	justify-content: space-between;
	margin-top: 14px;
}

.arp-sd-io-details>div {
	display: flex;
	flex-direction: column;
}

.arp-sd-io-details>div:nth-child(1) {
	align-items: flex-start;
	margin-left: 16px;
}

.arp-sd-io-details>div:nth-child(2) {
	align-items: flex-end;
}

.arp-sd-io-count {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #011638;
}

.arp-sd-io-text {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #99a2af;
	display: flex;
	align-items: center;
}

.arp-sd-io-text>svg {
	height: 13px;
	width: 13px;
	margin-left: 6px;
	color: #99a2af;
}


.arp-sdfu-title {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 40px;
	color: #000000;
	margin-top: 40px;
}

.arp-sdfu-info {
	display: flex;
	margin-top: 8px;
	padding-bottom: 10px;
}

.arp-sdfu-info-desc {
	display: flex;
	flex-basis: 50.5%;
	border-right: 1px solid #d9dce1;
	padding-right: 24px;
	justify-content: space-between;
}

.arp-sdfu-info-desc>span {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #99a2af;
	max-width: 284px;
}

.arp-sdfu-info-desc>div {
	display: flex;
	flex-direction: column;
}

.arp-sdfu-info-desc>div>span:nth-child(3) {
	margin-top: 8px;
}


.arp-sdfu-id-text {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #99a2af;
	max-width: 125px;
}

.arp-sdfu-id-count {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	color: #011638;
}

.arp-sdfu-info-offer {
	display: flex;
	flex-direction: column;
	flex-basis: 49.5%;
}

.arp-sdfu-io-bar {
	width: 100%;
	height: 47px;
	background: #eceef0;
	border-radius: 5px;
	display: flex;
}

.arp-sdfu-io-bar>div:nth-child(1) {
	background: #7333a6;
	height: 100%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.arp-sdfu-io-bar>div:nth-child(2) {
	background: #e3d6ed;
	height: 100%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.arp-sdfu-io-details {
	display: flex;
	justify-content: space-between;
	margin-top: 14px;
}

.arp-sdfu-io-details>div {
	display: flex;
	flex-direction: column;
}

.arp-sdfu-io-details>div:nth-child(1) {
	align-items: flex-start;
	margin-left: 16px;
}

.arp-sdfu-io-details>div:nth-child(2) {
	align-items: flex-end;
}

.arp-sdfu-io-count {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #011638;
}

.arp-sdfu-io-text {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #99a2af;
	display: flex;
	align-items: center;
}

.arp-sdfu-io-text>svg {
	height: 13px;
	width: 13px;
	margin-left: 6px;
	color: #99a2af;
}

.arp-sd-chart-container {
	margin-top: 40px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	padding-top: 40px;
	border-top: 1px solid #d9dce1;
}

.arp-sd-chart-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.arp-sd-chart-info>div {
	display: flex;
}

.arp-sd-service-rate {
	background-color: #0166df;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	/* width: 50px; */
	padding: 0px 8px;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	color: #ffffff;
}

.arp-sd-service-text {
	margin-left: 14px;
	display: flex;
	flex-direction: column;
}

.arp-sd-service-text>div:nth-child(1) {
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #011638;
	display: flex;
	align-items: center;
}

.arp-sd-service-text>div:nth-child(1)>svg {
	height: 13px;
	width: 13px;
	margin-left: 6px;
	color: #99a2af;
}

.arp-sd-service-text>div:nth-child(2) {
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #011638;
	display: flex;
}

.arp-sd-service-text>div:nth-child(2) svg {
	margin-top: 2px;
}

.arp-sd-positive-rate {
	display: flex;
	align-items: center;
}

.arp-sd-ci-text {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.01em;
	color: #99a2af;
}

.arp-sd-ci-dot {
	height: 10px;
	width: 10px;
	background-color: black;
	border-radius: 50%;
	margin-left: 10px;
	margin-top: 4px;
}

.arp-sd-chart {
	margin-top: 20px;
}

.arp-sales-wrapper {
	padding: 0;
}

.arp-sales-container {
	display: flex;
	flex-direction: column;
	height: 370px;
	border-bottom: 1px solid #D9DCE1;
}

.arp-sales-title {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 30px;
}

.arp-sales-count {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #677388;
	margin-top: 24px;
}

.arp-sales-count:hover {
	color: #1890ff;
}

.arp-sales-data {
	/* margin-top: 13px; */
	display: flex;
}

.arp-sales-data1 {
	margin-top: 16px;

	display: flex;
	flex-basis: 50%;
}

.arp-sales-chart {
	margin-top: 8px;
	width: 57px;
	height: 168px;
	background: #eceef0;
	border-radius: 5px;
}

.arp-sc-repeat {
	background: #e3d6ed;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.arp-sc-service {
	background: #7333a6;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.arp-sales-info {
	margin-left: 16px;
	display: flex;
	flex-direction: column;
}

.arp-sales-info>div:nth-child(1) {
	display: flex;
	margin-left: 18px;
	gap: 50px;
}

.arp-si-portfolio,
.arp-si-conquest {
	display: flex;
	flex-direction: column;
}

.arp-si-conquest {
	justify-content: flex-end;
}

.arp-si-ptext {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	color: #011638;
}

.arp-si-pcount {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #011638;
}

.arp-si-ctext {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #99a2af;
}

.arp-si-ccount {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #99a2af;
}

.arp-si-ctext>a {
	color: #99a2af;
}

.arp-scd-count>a,
.arp-si-ptext>a {
	color: #011638;
}

.arp-si-ctext:hover>a,
.arp-si-ptext:hover>a,
.arp-scd-count:hover>a {
	cursor: pointer;
	color: #1890ff;
}

.arp-sales-info>div:nth-child(2) {
	display: flex;
	flex-direction: column;
	margin-top: 16px;
}

.arp-sc-data-row {
	display: flex;
}

.arp-scd-dot {
	height: 10px;
	width: 10px;
	background-color: black;
	border-radius: 50%;
	margin-top: 8px;
}

.arp-sc-data {
	margin-left: 8px;
}

.arp-scd-text {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #99a2af;
}

.arp-scd-count {
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #011638;
}

.arp-sales-data2 {
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	flex-basis: 50%;
	align-items: center;
}

.arp-sales-data2 .ant-progress {
	width: 280px;
}

.arp-sales-data2 .ant-progress .ant-progress-inner {
	width: 100% !important;
	height: 100% !important;
}

.arp-sales-data2 .ant-progress .ant-progress-text {
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #011638;
	top: 41%;
	left: 51%;
}

.arp-sd2-text {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #99A2AF;
}

.arp-sd2-text>span {
	color: #011638;
}


.text-in-progress {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #99A2AF;
	margin-bottom: 0;
	margin-top: 2px;
}

.arp-tradein-container {
	padding-bottom: 50px;
	display: flex;
	flex-direction: column;
}

.arp-buyin-container {
	padding-bottom: 50px;
	display: flex;
	flex-direction: column;
}

.arp-tb-title {
	margin-top: 24px;
	font-weight: 700;
	font-size: 24px;
	line-height: 40px;
	color: #000000;
}

.arp-tb-data {
	display: flex;
	margin-top: 8px;
}

.arp-tb-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #99A2AF;
	max-width: 285px;
}

.arp-tb-total {
	display: flex;
	flex-direction: column;
	margin-left: 80px;
	align-items: flex-end;
	width: 65px;
}

.arp-tb-total>span:nth-child(1) {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #99A2AF;
}

.arp-tb-total>span:nth-child(2) {
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	color: #011638;
	margin-top: 4px;
}

.arp-tb-data span>a {
	color: #011638;
}

.arp-tb-data span:hover>a {
	cursor: pointer;
	color: #1890ff;
}

.arp-ti-info {
	display: flex;
	justify-content: space-between;
	margin-left: 40px;
	flex: 1;
	gap: 40px;
}

.arp-ti-details {
	display: flex;
	flex-direction: column;
	flex-basis: 50%;
}

.arp-ti-details .ant-progress {
	width: 100%;
}

.arp-ti-details>span:nth-child(1) {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	color: #99A2AF;
}

.arp-ti-details>span:nth-child(2) {
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	color: #011638;

}

.arp-ti-details svg {
	height: 13px;
	width: 13px;
	margin-left: 8px;
	margin-top: 8px;
}

.arp-bi-info {
	display: flex;
	flex-direction: column;
	margin-left: 40px;
	flex: 1;
}

.arp-bi-info .ant-progress {
	width: 100%;
}

.arp-bi-details {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.arp-bi-details.count {
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	color: #011638;
}

.arp-bi-details.text {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #99A2AF;
}

.arp-sp-popover {
	max-width: 175px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #F2F2F6;
}

.arp-chart-popover {
	font-family: 'Inter', sans-serif;
}


.buyins-wrapper {
	margin-bottom: 24px;
}

.buyins-title {
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.01em;
	color: #011638;
	margin-top: 30px;
}

.buyins-sub-title {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #99A2AF;
	margin-top: 8px;
}

.buyins-table-wrapper {
	margin-top: 24px;
	margin-left: -40px;
	margin-right: -40px;
}

.buyins-table table>thead>tr:first-child th:first-child {
	padding-left: 40px;
}

.buyins-table table>thead>tr:first-child th:last-child,
.buyins-table table>tbody>tr td:last-child {
	padding-right: 40px;
}

.buyins-table table>tbody>tr td:first-child {
	padding-left: 40px;
	font-weight: 500;
}

.buyins-table-row {
	height: 84px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #011638;
	cursor: pointer;
}

.buyin-column-flex {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.buyin-inline-flex {
	display: flex;
	justify-content: flex-start;
	gap: 2px;
}

.buy-customer-type {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #99A2AF;
}
.phone-report-table .phone-report-table-row {
  height: 50px;
  cursor: pointer;
}
.phone-report-table .phone-report-head-cell {
  padding: 1px 8px !important;
}
.phone-report-table .ant-table-column-sorters {
  padding: 0px !important;
}
.phone-id-report-wrapper {
  height: 100%;
}
.phone-id-report-content-wrapper {
  min-height: calc(100% - 75px);
  padding: 16px 32px;
  max-width: 1160px;
  min-width: 440px;
  margin: 0 auto;
}
.phone-id-report-content-wrapper .phone-id-report-column-center-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.phone-id-report-content-wrapper .phone-id-header {
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
}
.phone-id-report-content-wrapper .phone-id-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
  text-align: center;
}
.phone-id-report-content-wrapper .phone-id-report-reactivate-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  gap: 16px;
  height: 94px;
  background: #F2F7FD;
  border-radius: 12px;
}
.phone-id-report-content-wrapper .phone-id-report-reactivate-wrapper div:nth-child(1) {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
.phone-id-report-content-wrapper .phone-id-report-reactivate-wrapper div:nth-child(2) {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #011638;
}

.ar-warranty-expiry-calls-wrapper {
  height: 100%;
}
.warranty-expiry-calls-content-wrapper {
  min-height: calc(100% - 75px);
  height: calc(100% - 75px);
  padding: 16px 32px;
  max-width: 1160px;
  min-width: 440px;
  margin: 0 auto;
}
.warranty-expiry-calls-content-wrapper .warranty-expiry-calls-column-center-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.warranty-expiry-calls-content-wrapper .wec-header-text {
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
}
.warranty-expiry-calls-content-wrapper .wec-body-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
  text-align: center;
}
.warranty-expiry-calls-content-wrapper .no-expiry-calls-new-tag {
  width: 40px;
  height: 24px;
  background: #7333A6;
  border-radius: 4px;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  padding: 4px 8px;
  position: absolute;
  margin-left: -23px;
}
.warranty-expiry-calls-content-wrapper .wec-reactivate-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  gap: 16px;
  height: 94px;
  background: #F2F7FD;
  border-radius: 12px;
}
.warranty-expiry-calls-content-wrapper .wec-reactivate-wrapper .wec-reactivate-text1 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
.warranty-expiry-calls-content-wrapper .wec-reactivate-wrapper .wec-reactivate-text2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #011638;
}
.warranty-expiry-calls-card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}
.warranty-expiry-calls-card-wrapper .warranty-expiry-calls-card-container {
  padding: 0px 56px;
  height: 121px;
  border: 1px solid #ECEEF0;
  border-radius: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.warranty-expiry-calls-card-wrapper .warranty-expiry-calls-card-container .warranty-expiry-calls-actionable {
  cursor: pointer;
}
.warranty-expiry-calls-card-wrapper .warranty-expiry-calls-card-container .warranty-expiry-calls-actionable:hover .calls-column-text {
  color: #1890ff;
}
.warranty-expiry-calls-card-wrapper .warranty-expiry-calls-card-container .warranty-expiry-calls-date-column {
  font-weight: 600;
  font-size: 20px;
  line-height: 16px;
  color: #808B9B;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-width: 240px;
}
.warranty-expiry-calls-card-wrapper .warranty-expiry-calls-card-container .calls-column-value {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #808B9B;
}
.warranty-expiry-calls-card-wrapper .warranty-expiry-calls-card-container .calls-column-text {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: right;
  color: #000;
}

.drive-tag-group-wrapping-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.drive-tag-group-wrapping-container .drive-tag-group-label {
  color: #99A2AF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.drive-tag-group-wrapping-container .drive-tag-group-tags {
  display: flex;
  justify-content: flex-start;
  gap: 4px;
}
.drive-tag-group-wrapping-container .drive-tag-group-tags .drive-tag-group-tag {
  border-radius: 100px;
  border: 1px solid #ECEEF0;
  padding: 4px 12px;
}

.ar-vehicle-matching-filter {
  padding: 16px 32px;
  border-bottom: 1px solid #E6E8EB;
}
.ar-vehicle-matching-wrapper {
  background-color: #FAFAFA;
  padding-top: 4px;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-content-header {
  padding: 16px 32px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-content-header .ar-vehicle-matching-sub-header {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-content-header .ar-vehicle-matching-disclaimer {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-model-wrapper {
  border-radius: 12px;
  border: 1px solid #E6E8EB;
  background: #FFF;
  margin: 16px 32px;
  padding: 16px 20px;
  cursor: pointer;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-model-wrapper .ar-vehicle-matching-name-container {
  display: flex;
  align-items: center;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-model-wrapper .ar-vehicle-matching-name-container .ar-vehicle-matching-model-name {
  color: #011638;
  font-size: 16px;
  font-weight: 600;
  padding-left: 8px;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-model-wrapper .ar-vehicle-matching-trim-name-container {
  background: #FFF;
  border-radius: 12px;
  border: 1px solid #E6E8EB;
  margin-top: 12px;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-model-wrapper .ar-vehicle-matching-trim-name-container .ar-vehicle-matching-trim-row-container {
  display: flex;
  gap: 24px;
  margin: 12px 24px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #E6E8EB;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-model-wrapper .ar-vehicle-matching-trim-name-container .ar-vehicle-matching-trim-row-container > div {
  flex: 1;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-model-wrapper .ar-vehicle-matching-trim-name-container .ar-vehicle-matching-trim-row-container .ar-vehicle-matching-trim-name {
  flex: 1;
  color: #011638;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.ar-vehicle-matching-wrapper .ar-vehicle-matching-model-wrapper .ar-vehicle-matching-trim-name-container .ar-vehicle-matching-trim-row-container:last-child {
  border-bottom: 0;
  margin-bottom: 0px;
}

.foUpload-status-success {
  /* color: #34495E;
    background: #EEF1F3;*/
  color: #54A0FE;
  background: #ECF5FF;
  /* color: #358347;
    background: #d0f5d4; */
}
.foUpload-status-failed {
  color: #E53A40;
  background: #FFEDED;
}
.factory-order-full-screen-modal.ant-modal {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.factory-order-full-screen-modal.ant-modal .ant-modal-content .ant-modal-close {
  margin: 24px;
}
.factory-order-full-screen-modal.ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: unset;
  width: unset;
  padding: 12px;
  border-radius: 315px;
  background: #F6F6F6;
  line-height: unset;
}
.factory-order-full-screen-modal.ant-modal .ant-modal-content .ant-modal-body {
  overflow-x: auto;
  padding-left: 24px;
}
.factory-orders-manage {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100vh;
  min-width: 830px;
}
.factory-orders-manage .fom-create-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  width: 362px;
  margin: auto;
}
.factory-orders-manage .fom-create-section .fom-create-section-item {
  display: flex;
  padding: 16px 12px;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #D9DCE1;
  background: #FFF;
  gap: 12px;
  cursor: pointer;
  color: #0166DF;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.factory-orders-manage .fom-create-section .fom-create-section-item .fom-create-section-item-icon {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #F2F7FD;
}
.factory-orders-manage .fom-campaigns-section {
  height: 100vh;
  border-right: 1px solid #E1E1E1;
  background: #fff;
  display: flex;
  align-items: center;
}
.factory-orders-manage .fom-campaigns-section .fom-container {
  display: block;
  padding-left: 168px;
  padding-right: 55px;
  overflow: visible;
  width: 100%;
  margin: auto 0;
  max-height: 660px;
  /* display:flex;
            flex-direction:column;
            justify-content: center; */
}
@media (max-width: 1080px) {
  .factory-orders-manage .fom-campaigns-section .fom-container {
    padding-left: 24px;
    padding-right: 0px;
    margin: auto;
  }
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-title {
  color: #000;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  /* 112.5% */
  margin-bottom: 12px;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list {
  max-height: calc(100vh - 176px);
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-gutter: stable;
  padding-right: 2px;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list:hover {
  overflow-y: scroll;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list::-webkit-scrollbar {
  width: 6px;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list::-webkit-scrollbar-track {
  background: none;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list::-webkit-scrollbar-thumb {
  background-color: #99A2AF;
  border-radius: 10px;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container {
  border-radius: 12px;
  border: 1px solid #D9DCE1;
  padding: 16px 16px 4px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  margin-bottom: 16px;
  /* margin-right: 20px; */
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container:last-child {
  margin-bottom: 0px;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-campaign-name-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #ECEEF0;
  /* align-items: baseline; */
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-campaign-name-container svg {
  cursor: pointer;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-campaign-name-container .fom-list-campaign-name {
  color: #485870;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-campaign-name-container .fom-list-upload-details {
  font-size: 12px;
  color: #aaa;
  font-weight: 400;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container {
  padding: 8px 0px;
  border-bottom: 1px solid #ECEEF0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container:last-child {
  border-bottom: 0px;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-left-flex {
  display: flex;
  gap: 12px;
  align-items: center;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-left-flex .fom-list-campaigns-icon .fom-list-campaigns-icon-wrapper {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 5px 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #F2F7FD;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-left-flex .fom-list-campaigns-text {
  min-width: 250px;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-left-flex .fom-list-campaigns-text .fom-list-campaigns-ongoing {
  color: #39BB65;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
  /* 15px */
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-left-flex .fom-list-campaigns-text .fom-list-campaigns-customers {
  color: #485870;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-left-flex .fom-list-campaigns-text .fom-list-campaigns-customers-breakdown {
  font-size: 12px;
  font-weight: 400;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-right-flex {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
  min-width: 125px;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-right-flex .fom-list-campaigns-status {
  text-align: right;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}
.factory-orders-manage .fom-campaigns-section .fom-container .fom-list .fom-list-container .fom-list-configuration-container .fom-list-campaigns-container-right-flex .fom-list-campaigns-control {
  margin-top: 5px;
  margin-right: 16px;
  cursor: pointer;
}
.fo-import-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.fo-import-page .fo-import-container {
  max-width: 800px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  min-height: 436px;
  text-align: center;
}
.fo-import-page .fo-import-container .fo-import-title {
  color: #000;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}
.fo-import-page .fo-import-container .fo-import-sub-text {
  color: #98A2B3;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.fo-import-page .fo-import-container .fo-import-sub-text .fo-import-sub-text-link {
  text-decoration: underline;
  cursor: pointer;
}
.fo-import-page .fo-import-container .fo-import-action-text {
  color: black;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.fo-import-page .fo-import-container .fo-import-file-wrapper {
  display: flex;
  justify-content: center;
}
.fo-import-page .fo-import-container .fo-import-next-button {
  display: flex;
  justify-content: center;
}
.fo-import-page .fo-import-container .fo-import-next-button > button {
  padding-left: 48px;
  padding-right: 48px;
}
.fo-import-page .fo-import-container .fo-import-errors-section {
  color: #F04438;
}
.fo-import-page .fo-import-container .fo-import-errors-section .fo-import-error-header {
  font-size: 18px;
  text-decoration: underline;
}
.fo-import-page .fo-import-container .fo-import-errors-section .fo-import-error-reason {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 2px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.fo-import-page .fo-import-container .fo-import-errors-section .fo-import-error-reason > div {
  display: flex;
}
.fo-import-page .fo-import-container .fo-import-errors-section .fo-import-error-reason :nth-child(odd) {
  justify-content: right;
  font-weight: 500;
}
.fo-import-page .fo-import-container .fo-import-errors-section .fo-import-error-reason :nth-child(even) {
  justify-content: left;
  max-width: 315px;
}
.fo-import-page .fo-import-container .fo-import-create-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  width: 362px;
}
.fo-import-page .fo-import-container .fo-import-create-section .fo-import-create-section-item {
  display: flex;
  padding: 16px 12px;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #D9DCE1;
  background: #FFF;
  gap: 12px;
  cursor: pointer;
  color: #011638;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}
.fo-import-page .fo-import-container .fo-import-create-section .fo-import-create-section-item .fo-import-create-section-item-icon {
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #F2F7FD;
}
.fo-import-page .fo-import-container .fo-import-create-section .fo-import-trash-file-icon {
  border-radius: 100px;
  cursor: pointer;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: auto;
}
.fo-import-page .fo-import-container .fo-import-create-section .fo-import-trash-file-icon:hover {
  background-color: #ffdfe5;
}
.fo-import-page .fo-import-container .fo-import-create-section.fo-import-uploading .fo-import-create-section-item {
  background-color: #f1f1f1;
}
.fo-import-page .fo-import-container .fo-import-create-section.fo-import-uploading .fo-import-trash-file-icon:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.fo-import-page .fo-import-container .fo-import-create-section.fo-import-uploading .fo-import-trash-file-icon:hover > svg {
  color: grey;
}

.ar-factory-orders-wrapper .factory-orders-upload-icon {
  cursor: pointer;
  margin: -6px;
  padding: 6px;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ar-factory-orders-wrapper .factory-orders-upload-icon:hover {
  background-color: #eee;
}
.ar-factory-orders-wrapper .fo-header-child-flex {
  display: flex;
  align-items: center;
}
.ar-factory-orders-wrapper .fo-filter-pill {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.ar-factory-orders-wrapper .fo-filter-pill-text {
  font-size: 14px;
  line-height: 24px;
  color: #0166DF;
}
.ar-factory-orders-wrapper .fo-filter-pill-icon {
  margin-right: 6px;
  height: 20px;
  width: 20px;
  line-height: 20px;
}
.ar-factory-orders-wrapper .fo-marketing-campaign-column {
  display: flex;
  /* align-items: center; */
  gap: 10px;
}
.ar-factory-orders-wrapper .fo-trade-in-column-count {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
  margin-left: 10px;
}
.ar-factory-orders-wrapper .fo-vehicle-expected-delivery {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.05em;
  color: #0166DF;
}
.ar-factory-orders-wrapper .fo-marketing-campaign-status-icon {
  color: #0166DF;
}
.ar-factory-orders-wrapper .factory-orders-table-row {
  height: 72px;
  cursor: pointer;
}
.ar-factory-orders-wrapper .fo-row-bold-value {
  font-weight: 500;
  font-size: 16px;
  color: #011638;
}
.ar-factory-orders-wrapper .fo-row-sub-value {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #99A2AF;
}

.campaigns-marketing-modal .ant-modal-content {
  border: none;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-carousel .rec-slider-container {
  margin: 0px;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-carousel .campaign-marketing-card .campaign-marketing-card-image .campaign-marketing-gif {
  width: 586px;
  height: 400px;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-carousel .campaign-marketing-card .campaign-marketing-card-content {
  margin: 24px;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-carousel .campaign-marketing-card .campaign-marketing-card-content .campaign-marketing-card-title {
  color: #000;
  /* Desktop/Title/H4/Semi Bold */
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
  margin-bottom: 12px;
  margin-top: 24px;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-carousel .campaign-marketing-card .campaign-marketing-card-content .campaign-marketing-card-description {
  color: var(--dark-dark-60, #677388);
  /* Desktop/Body/Normal/Regular */
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  margin-bottom: 24px;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-card-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 0px 24px 24px 24px;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-card-controls button {
  width: 132px;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-card-controls .campaign-marketing-card-back {
  flex: 1;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-card-controls .campaign-marketing-card-dots-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-card-controls .campaign-marketing-card-dots-container .campaign-marketing-card-dots {
  height: 8px;
  width: 8px;
  border-radius: 8px;
  background-color: #E6E8EB;
  cursor: pointer;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-card-controls .campaign-marketing-card-dots-container .campaign-marketing-card-dots-on {
  background-color: #0166DF;
}
.campaigns-marketing-modal-wrapper .campaign-marketing-card-controls .campaign-marketing-card-next {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.smart-segments-overlay {
  position: absolute;
  /* Sit on top of the page content */
  /* display: block; */
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: not-allowed;
  /* Add a pointer on hover */
}
.smart-segments-page-wrapper {
  background-color: #FAFAFA;
}
.smart-segments-wrapper {
  padding: 16px 32px 23px 32px;
  /* display:flex;
    flex-wrap: wrap;
    gap: 24px; */
}
.smart-segments-wrapper .smart-segment-filter-section {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.smart-segments-wrapper .smart-segment-filter-section .smart-segment-reorder-button {
  padding: 6px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  border: 1px solid #CCD0D7;
  border-radius: 6px;
  cursor: pointer;
  /* &.prevent-actions{
                cursor:not-allowed;
                background: transparent;
            } */
}
.smart-segments-wrapper .smart-segment-filter-section .smart-segment-reorder-button:hover {
  background: #E6F0FC;
}
.smart-segments-wrapper .smart-segment-filter-section .smart-segment-reorder-button.smart-segment-reorder-done {
  background: #0166DF;
  border: 1px solid #0166DF;
  color: white;
}
.smart-segments-wrapper .smart-segment-filter-section .smart-segment-reorder-button img {
  margin-right: 4px;
  margin-top: -2px;
}
.smart-segments-wrapper .smart-segment-card {
  padding: 24px;
  background-color: #FFF;
  border: 1px solid #ECEEF0;
  border-radius: 8px;
  height: 280px;
  /* width: 258px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  box-shadow: none;
  transition: box-shadow 0.3s ease-in-out;
}
.smart-segments-wrapper .smart-segment-card:hover {
  box-shadow: 0px 8px 8px rgba(19, 47, 100, 0.12);
  transition: box-shadow 0.3s ease-in-out;
  /* .description-popover-image{
                display:block;
            } */
}
.smart-segments-wrapper .smart-segment-card:hover .card-hover-display {
  display: flex;
}
.smart-segments-wrapper .smart-segment-card .description-popover-image {
  display: block;
}
.smart-segments-wrapper .smart-segment-card .force-hover {
  box-shadow: none;
}
.smart-segments-wrapper .smart-segment-card .force-hover.card-hover-display {
  display: flex;
}
.smart-segments-wrapper .smart-segment-card .current-download.card-hover-display {
  width: 150px;
  justify-content: flex-end;
  color: black;
}
.smart-segments-wrapper .smart-segment-card .block-current-download img {
  cursor: not-allowed;
}
.smart-segments-wrapper .smart-segment-card .reorder-handle-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-icon {
  width: 40px;
  height: 40px;
  background: #F2F7FD;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-icon.custom-icon-background {
  background: #F1EBF6;
}
.smart-segments-wrapper .smart-segment-card .segment-name-wrap > div {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  line-height: 22px;
  word-wrap: break-word;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-value-link {
  /* margin-top: 20px; */
  margin-top: 0px;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #0166DF;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-subvalue-text {
  margin-top: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #99A2AF;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-tags-wrapper .smart-segment-tag-new {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #019E07;
  padding: 0px 10px;
  background: #E7F5EC;
  border-radius: 10px;
  height: 20px;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-tags-wrapper .smart-segment-tag-removed {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #969CA9;
  padding: 0px 10px;
  background: #F3F5F7;
  border-radius: 10px;
  height: 20px;
  margin-left: 8px;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-absolute-icon {
  position: absolute;
  right: 24px;
  top: 24px;
}
.smart-segments-wrapper .smart-segment-card .csv-download-parent {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smart-segments-wrapper .smart-segment-card .csv-download-parent img:last-child {
  display: none;
}
.smart-segments-wrapper .smart-segment-card .csv-download-parent:hover img:last-child {
  display: block;
  margin-top: 1px;
}
.smart-segments-wrapper .smart-segment-card .csv-download-parent:hover img:first-child {
  display: none;
}
.smart-segments-wrapper .smart-segment-card .ss-campaign-parent {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F2F7FD;
  border-radius: 8px;
  cursor: pointer;
  padding: 0px;
  transition: width 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.smart-segments-wrapper .smart-segment-card .ss-campaign-parent .ss-campaign-label {
  color: #0166DF;
  width: 0px;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out;
}
.smart-segments-wrapper .smart-segment-card .ss-campaign-parent:hover {
  width: 100px;
  padding: 0px 10px;
}
.smart-segments-wrapper .smart-segment-card .ss-campaign-parent:hover .ss-campaign-label {
  padding-left: 8px;
  width: calc(100% - 24px);
}
.smart-segments-wrapper .smart-segment-card .card-hover-display {
  display: none;
  cursor: pointer;
}
.smart-segments-wrapper .smart-segment-card.smart-segment-card-create-new {
  background: #E6F0FC;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 32px;
  box-shadow: none;
}
.smart-segments-wrapper .smart-segment-card.smart-segment-card-create-new:hover {
  border: 1px solid #ACCBF1;
  box-shadow: none !important;
}
.smart-segments-wrapper .smart-segment-card.smart-segment-card-create-new .smart-segment-create-new-text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.smart-segments-wrapper .smart-segment-card.smart-segment-card-create-new .smart-segment-create-new-text .max-segments-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #011638;
}
.smart-segments-wrapper .smart-segment-card.smart-segment-card-create-new .smart-segment-create-new-text .max-segments-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #485870;
}
.smart-segments-wrapper .smart-segment-card.smart-segment-card-create-new .smart-segment-create-new-button {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  height: 32px;
  background: #0070E0;
  border-radius: 16px;
  padding: 7px 20px;
  flex-grow: 0;
  align-self: center;
  margin-top: 24px;
  cursor: pointer;
}
.smart-segments-wrapper .smart-segment-card.smart-segment-card-create-new.smart-segment-card-create-disabled {
  background: #ECEEF0;
  border: none;
  cursor: not-allowed;
}
.smart-segments-wrapper .smart-segment-card.smart-segment-card-create-new.smart-segment-card-create-disabled .smart-segment-create-new-button {
  cursor: not-allowed;
  background: #E6E8EB;
  color: #99A2AF;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-campaign-tag {
  padding: 8px;
  width: 100%;
  color: black;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--color-grey-200, #E4E7EC);
}
.smart-segments-wrapper .smart-segment-card .smart-segment-campaign-tag .smart-segment-campaign-tag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--color-blue-100, #D1E9FF);
  width: 32px;
  height: 32px;
}
.smart-segments-wrapper .smart-segment-card .smart-segment-campaign-tag .smart-segment-campaign-tag-text {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.smart-segment-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #000;
  word-wrap: break-word;
}
.smart-segment-meta-dates {
  text-align: right;
  color: #98A2B3;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.smart-segment-tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 500;
  font-size: 10px;
}

.drive-quill-wrapper {
  /* 这里设置最大高度 */
}
.drive-quill-wrapper .quill {
  height: 100%;
}
.drive-quill-wrapper .quill .ql-container.ql-snow {
  font-size: 14px;
  border-radius: 8px;
}
.drive-quill-wrapper .ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: scroll;
  padding: 20px 12px;
  max-height: 400px;
}
.drive-quill-wrapper .ql-mention-list::before {
  content: 'Variables';
  display: inline-block;
  width: 100%;
  color: black;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 8px;
}
.drive-quill-wrapper .ql-mention-list-container {
  width: 270px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  z-index: 9001;
}
.drive-quill-wrapper .ql-mention-list-item {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
}
.drive-quill-wrapper .ql-mention-list-item.selected {
  background-color: #F2F7FD;
  text-decoration: none;
}
.drive-quill-wrapper .mention {
  border-radius: 20px;
  background-color: #E6F0FC;
  padding: 4px 6px;
}
.drive-quill-wrapper .ql-editor {
  overflow: hidden;
  overflow-y: scroll;
}
.drive-quill-wrapper .ql-editor > p {
  line-height: 27px;
}

.sms-textbox-wrapper .sms-textbox-header {
  color: var(--dark-dark-80, #485870);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.sms-textbox-wrapper .sms-textbox-content-wrapper {
  margin-top: 4px;
}
.sms-textbox-wrapper .sms-textbox-footer-wrapper {
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
}
.sms-textbox-wrapper .sms-textbox-footer-wrapper .sms-textbox-variable-text {
  color: var(--dark-dark-60, #677388);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.sms-textbox-wrapper .sms-textbox-footer-wrapper .sms-textbox-character-count {
  color: var(--dark-dark-80, #485870);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.sms-textbox-wrapper .sms-textbox-footer-wrapper .sms-textbox-character-count .characters-exceeded-style {
  color: #e53a40;
}
.sms-textbox-wrapper .sms-textbox-invalid-characters {
  padding: 16px;
  border-radius: 8px;
  background: #FEF6F6;
  color: var(--gray-50, #5F6D7E);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 16px;
}
.sms-textbox-wrapper .sms-textbox-invalid-characters .sms-textbox-invalid-chracters-bold {
  font-weight: 600;
}
.sms-textbox-wrapper .sms-textbox-controls-wrapper {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.sms-textbox-wrapper .sms-textbox-controls-wrapper .sms-textbox-required-variables {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 126px;
}
.sms-textbox-wrapper .sms-textbox-controls-wrapper .sms-textbox-required-variables .variable-confirmation-item-flex {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  color: var(--dark-dark-80, #485870);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.sms-textbox-wrapper .sms-textbox-controls-wrapper .sms-textbox-required-variables .variable-confirmation-item-flex .variable-absent-text {
  color: #99A2AF;
}
.sms-textbox-wrapper .sms-textbox-controls-wrapper .sms-textbox-controls {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: 16px;
}

.sms-pro-tabs-wrapper {
  /* padding: 0px 32px; */
}
.sms-pro-tabs-wrapper .ant-tabs.ant-tabs-top {
  overflow: visible;
}
.sms-pro-tabs-wrapper .ant-tabs > .ant-tabs-nav {
  position: fixed;
  top: 80px;
  z-index: 2;
  background-color: white;
  width: calc(100%);
}
.sms-pro-tabs-wrapper.sms-pro-banner-fix .ant-tabs > .ant-tabs-nav {
  top: 130px;
}
.sms-pro-tabs-wrapper .ant-tabs > .ant-tabs-nav {
  margin-bottom: 0px;
  padding-left: 32px;
}
.sms-pro-tabs-wrapper .ant-tabs-top > .ant-tabs-nav::before {
  border-bottom-color: #ECEEF0;
}
.sms-pro-tabs-wrapper .ant-tabs-tab-btn {
  font-size: 16px;
}
.sms-pro-tabs-wrapper .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #0166DF;
}
.sms-pro-tabs-wrapper .ant-tabs-tab:hover {
  color: #0166DF;
}
.sms-pro-tabs-wrapper .ant-tabs-ink-bar {
  color: #0166DF;
}
.sms-pro-content-wrapper {
  /* border-top: 1px solid #ECEEF0; */
  background-color: #fafafa;
  height: calc(100vh - 82px);
  display: grid;
  grid-template-columns: 60% 40%;
  min-width: 800px;
}
.sms-pro-content-wrapper.sms-pro-content-tabs-margin {
  min-height: calc(100vh - 127px);
}
.sms-pro-content-wrapper .sms-pro-setting-wrapper {
  padding: 32px;
  background-color: #fff;
  height: 100%;
}
.sms-pro-content-wrapper .sms-pro-preview-wrapper {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 700px;
  background-color: #fafafa;
}
.sms-pro-content-wrapper .sms-pro-dealer-header {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.sms-pro-content-wrapper .sms-pro-dealer-description {
  color: var(--dark-dark-40, #99A2AF);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 8px;
}
.sms-pro-content-wrapper .sms-pro-dealername {
  margin-top: 12px;
}
.sms-pro-content-wrapper .sms-pro-dealername.sms-pro-dealername-too-long .ant-input.drive-input {
  border: 1px solid var(--status-red-100, #E53A40);
  box-shadow: none;
}
.sms-pro-content-wrapper .update-error-div-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  border-radius: 8px;
  background: #FEF6F6;
  margin-top: 12px;
}
.sms-pro-content-wrapper .update-error-div-wrapper .update-error-header {
  color: var(--black-dark-110, #011638);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.sms-pro-content-wrapper .update-error-div-wrapper .update-error-text {
  color: var(--gray-50, #5F6D7E);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.sms-pro-content-wrapper .update-error-div-wrapper .update-error-variable-text {
  color: var(--black-dark-110, #011638);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.sms-pro-content-wrapper .sms-pro-offer-types-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 40px;
}
.sms-pro-content-wrapper .sms-pro-offer-types-wrapper .sms-pro-offer-type {
  border-radius: 12px;
  border: 1px solid var(--grey-grey-15, #D9DCE1);
}
.sms-pro-content-wrapper .sms-pro-offer-types-wrapper .sms-pro-offer-type .sms-pro-offer-header {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  cursor: pointer;
  border-radius: 12px;
}
.sms-pro-content-wrapper .sms-pro-offer-types-wrapper .sms-pro-offer-type .sms-pro-offer-header:hover {
  background-color: #F2F7FD;
}
.sms-pro-content-wrapper .sms-pro-offer-types-wrapper .sms-pro-offer-type .sms-pro-offer-header .sms-pro-header-chevron {
  height: 24px;
  transition: all 0.2s linear;
}
.sms-pro-content-wrapper .sms-pro-offer-types-wrapper .sms-pro-offer-type .sms-pro-offer-header .sms-pro-header-chevron.rotate-sms-pro-chevron {
  transform: rotate(90deg);
}
.sms-pro-content-wrapper .sms-pro-offer-types-wrapper .sms-pro-offer-type .sms-pro-offer-sms-textbox {
  padding: 0px 16px 16px 16px;
}

.year-in-review-wrapper {
  font-family: "proxima-nova", Inter, Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  padding: 0;
  margin: 0;
}
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 910px;
}
.column {
  flex: 1;
  margin: 10px 0;
  padding: 20px 0;
}
.flex-row {
  display: flex;
  flex-direction: column;
}
.flex-item {
  flex: 1;
  display: flex;
  align-items: normal;
  justify-content: center;
}
.column-tablet {
  flex: 1;
  margin: 0;
}
.column-tablet:first-child {
  margin-left: 0;
}
.column-tablet:last-child {
  margin-right: 0;
}
.table-header-cell {
  padding: 24px 12px;
}
.right-align {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.general-content-padding {
  padding: 0 24px;
}
.logo {
  margin-right: 12px;
  height: 35px;
}
.drive-logo {
  margin-right: 10px;
}
.report-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-right: 10px;
  text-transform: uppercase;
}
.year-review-header {
  background: linear-gradient(45deg, #101828 14.64%, #475467 85.36%);
}
.year-review-title {
  color: #fff;
  font-size: 100px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  mix-blend-mode: soft-light;
  text-align: left;
  line-height: 96px;
}
.year-review-dealer {
  color: var(--Brand-White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 160px;
  margin-top: 28px;
}
.year-review-year {
  color: #49556d;
  font-size: 100px;
  font-style: normal;
  font-weight: 100;
  line-height: 96px;
  letter-spacing: -8px;
  margin-top: 115px;
}
.year-review-number {
  color: #fe1162;
  text-align: center;
  font-size: 56px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.year-review-customer-impacted {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.did-you-know-title {
  font-family: "proxima-nova";
  font-size: 14px;
  text-align: center;
  line-height: normal;
}
.square-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #a5a5a5;
  margin-top: 14px;
}
.square-title-with-bg {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #a5a5a5;
  margin-top: 14px;
  background: #fafafa;
  border-radius: 8px;
  width: 207px;
  margin: 0 auto;
  padding: 10px;
}
.square-number {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #333;
  margin-top: 8px;
  margin-bottom: 12px;
}
.square-disabled {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #333;
  margin-top: 8px;
  margin-bottom: 12px;
}
.general-title {
  color: #011638;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}
.trade-rate-table-title {
  font-family: "proxima-nova";
  font-size: 72px;
  font-style: normal;
  font-weight: 500;
  line-height: 124px;
  letter-spacing: -1px;
}
.trade-rate-table-type {
  color: #3971e7;
  font-family: "proxima-nova";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.trade-rate-table-result {
  color: #000;
  text-align: center;
  font-family: "proxima-nova";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.offers-delivered-space-box {
  width: 10px;
}
table {
  margin-left: auto;
  margin-right: auto;
}
.dealer-name {
  color: #000;
}
.mobile-show {
  display: none;
}
.mobile-hide-inline {
  display: inline;
}
.big-wins-box {
  min-height: 100px;
  width: 100%;
}
.big-wins-box .big-wins-title {
  background-color: #041538;
  color: #fff;
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 12px;
  font-size: 12px;
}
.big-wins-box .big-wins-content {
  background-color: #fa1d63;
  color: #fff;
  min-height: 70px;
  border-radius: 8px;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  margin-top: 14px;
}
.big-wins-box .big-wins-content b {
  font-weight: 600;
  font-size: 24px;
}
.header-dealer-title {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.header-main-title {
  color: #fe1162;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 48px;
}
.header-main-title b {
  color: #fff;
}
.header-sub-title {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.header-scroll-down-title {
  color: #fff;
  text-align: center;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 50px;
  margin: 0 auto;
  margin-top: 8px;
}
.header-year-title {
  color: #fe1162;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 62px;
  margin-bottom: 2px;
}
.header-total-number {
  color: #fe1162;
  text-align: center;
  font-family: "proxima-nova";
  font-size: 94px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-top: 74px;
}
.header-total-title {
  color: #fff;
  text-align: center;
  font-feature-settings: 'liga' off;
  font-family: "proxima-nova";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  padding-bottom: 234px;
}
.square-number {
  color: #0166df;
  font-family: "proxima-nova";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  letter-spacing: -1.056px;
}
.square-title {
  color: #99a2af;
  font-family: "proxima-nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.352px;
}
.square-list {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  font-family: "proxima-nova";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.308px;
}
.square-list ul {
  font-family: "proxima-nova";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 3px;
}
.square-list ul li {
  margin-left: 15px;
}
.active-customers-title {
  width: 100%;
  max-width: 360px;
  color: #8cb7ec;
  font-family: "proxima-nova";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 98%;
  letter-spacing: -1.056px;
  text-align: left;
}
.active-customers-title span {
  color: #fff;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 98%;
  letter-spacing: -1.408px;
}
.active-customers-subtitle {
  width: 100%;
  max-width: 350px;
  color: #8bb7ec;
  font-family: "proxima-nova";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 117%;
  letter-spacing: -0.528px;
  margin-top: 32px;
  text-align: left;
}
.active-customers-subtitle span {
  color: #fff;
  font-family: "proxima-nova";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 117%;
  letter-spacing: -0.528px;
}
.active-customers-box-desc {
  color: #fff;
  font-family: "proxima-nova";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 138%;
  letter-spacing: -0.342px;
  text-align: left;
}
.active-customers-box-desc span {
  color: #fff;
  font-family: "proxima-nova";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 138%;
  letter-spacing: -0.342px;
}
.engaged-main-title {
  color: #000;
  font-family: "proxima-nova";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 58px;
  letter-spacing: -1.056px;
  text-align: left;
}
.engaged-main-title b {
  color: #000;
  font-family: "proxima-nova";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -1.056px;
}
.engaged-subtitle {
  color: #000;
  font-family: "proxima-nova";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.528px;
}
.with-drive-title {
  font-family: "proxima-nova";
  /* 55.44px */
  text-align: left;
  color: #1E1E1E;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 99%;
  /* 79.2px */
  letter-spacing: -1.76px;
  min-width: 400px;
}
.with-drive-desc {
  color: #0166DF;
  font-family: "proxima-nova";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.704px;
  text-align: left;
}
.with-drive-number {
  text-align: left;
  font-size: 64px;
  color: #0166DF;
}
.with-drive-number-globe {
  color: var(--Dark-Dark-100, #011638);
  font-family: "proxima-nova";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  /* 100% */
  letter-spacing: -0.264px;
  border-radius: 8px;
  border: 1px solid #E6E8EB;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(0, 0, 0, 0.09), 0px 9px 5px 0px rgba(0, 0, 0, 0.05), 0px 16px 6px 0px rgba(0, 0, 0, 0.01), 0px 25px 7px 0px rgba(0, 0, 0, 0);
  padding: 4px 8px;
}
.with-drive-number-globe b {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.profit-number {
  color: #0cbc8b;
  font-family: "proxima-nova";
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.76px;
}
.profit-description {
  color: #011638;
  font-family: "proxima-nova";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.profit-disclaimer {
  color: #99a2af;
  font-family: "proxima-nova";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.266px;
}
.more-details {
  color: #000;
  font-family: "proxima-nova";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.more-details .swapWord {
  color: #0166df;
  font-family: "proxima-nova";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fallow-arrow {
  position: relative;
}
.fallow-arrow img {
  height: 24px;
  position: absolute;
  left: -47px;
  top: -20px;
}
.top-badge {
  margin: 0 auto;
  position: relative;
  max-width: 910px;
}
.top-badge .top-badge-content {
  position: absolute;
  right: 0;
  top: 0;
}
.top-badge-content img {
  width: 100%;
  max-width: 110px;
}
.top-badge-content div {
  position: absolute;
  color: #FFF;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  top: 38px;
  width: 100%;
  max-width: 110px;
  text-align: center;
}
.top-badge-content-mobile-img {
  width: 100%;
  max-width: 110px;
}
.top-badge-content-mobile-div {
  position: absolute;
  color: #FFF;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  top: 45px;
  width: 100%;
  max-width: 110px;
  text-align: center;
}
.mso-border-less {
  box-shadow: 0px 9px 19px 0px rgba(55, 73, 109, 0.1), 0px 35px 35px 0px rgba(55, 73, 109, 0.09), 0px 78px 47px 0px rgba(55, 73, 109, 0.05), 0px 139px 55px 0px rgba(55, 73, 109, 0.01), 0px 217px 61px 0px rgba(55, 73, 109, 0);
}
.dealer-logo-wrapper {
  width: 250px;
  height: 75px;
  background-color: #fff;
  margin: 0 auto;
  padding: 8px 16px;
  border-radius: 12px;
  margin-bottom: 32px;
}
.dealer-logo-wrapper div {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
}
.rate-box-wrapper {
  width: 100%;
  margin: 0 auto;
}
.btn-download-mom {
  font-size: 14px;
  padding: 8px 16px;
  flex-direction: column;
  align-items: flex-start;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 164px;
  border: 1px solid var(--Primary-Blue-120, #0166DF);
  color: var(--Primary-Blue-120, #0166DF);
}
.btn-download-mom:hover {
  color: var(--text-text-white, #FFF);
  border-radius: 164px;
  border: 1px solid var(--button-primary-brand-default, #0166DF);
  background: var(--button-primary-brand-hover, #175CD3);
}
.btn-download-mom:active {
  color: var(--text-text-white, #FFF);
  border: 1px solid var(--button-primary-brand-default, #0166DF);
  background: var(--button-primary-brand-pressed, #1849A9);
}
@media (min-width: 991px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }
  .leaderboard {
    font-size: 24px;
  }
  .header-table {
    font-size: 12px;
  }
  .button {
    border: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: "proxima-nova";
  }
  .active-customers-box-desc {
    max-width: 310px;
    margin: 0 auto;
  }
  .wow-box .with-drive-title {
    margin: 0 !important;
    padding-left: 24px;
  }
  .mountain-pic {
    height: 385px;
  }
}
@media (min-width: 701px) and (max-width: 991px) {
  body {
    font-size: 14px;
    line-height: 1.5;
  }
  .leaderboard {
    font-size: 24px;
  }
  .header-table {
    font-size: 12px;
  }
  .button {
    border: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: "proxima-nova";
  }
  .box {
    width: 48%;
    margin-right: 2%;
  }
  .column {
    flex: 100%;
  }
  .mobile-margin-160 {
    margin: 0 125px !important;
  }
  .engaged-subtitle {
    width: 330px;
  }
  .tablet-3-boxes {
    padding-right: 24px;
    padding-left: 24px;
  }
  .table-top-badge-margin-right {
    margin-right: 24px;
  }
  .table-font-48 {
    font-size: 48px !important;
  }
  .container-3-boxes .column-tablet {
    margin: 12px 6px !important;
  }
  .container-3-boxes .mso-border-less {
    padding: 18px !important;
  }
  .wow-box {
    max-width: 516px;
    margin: 0 auto;
  }
  .wow-box .with-drive-title {
    text-align: center !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  .wow-box .with-drive-inside-box {
    max-width: 363px;
    margin: 0 auto;
  }
  .with-drive-title {
    font-size: 64px !important;
    margin-bottom: 44px !important;
  }
}
@media screen and (max-width: 700px) {
  .logo {
    margin-right: 12px;
    height: 28px;
  }
  .column {
    flex: 100%;
  }
  .column-tablet {
    flex: 100%;
  }
  .container-reverse {
    flex-direction: column-reverse;
  }
  .profit-number {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.408px;
  }
  body {
    font-size: 12px;
    line-height: 1.4;
  }
  .leaderboard {
    font-size: 18px;
  }
  .header-table {
    font-size: 10px;
  }
  .button {
    border: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: po "proxima-nova";
  }
  .mobile-show {
    display: block;
  }
  .mobile-hide {
    display: none;
  }
  .mobile-hide-inline {
    display: none;
  }
  .year-review-title {
    font-size: 40px;
    line-height: 36px;
  }
  .year-review-year {
    font-size: 40px;
    line-height: 36px;
    margin-top: 15px;
    letter-spacing: -4px;
  }
  .year-review-dealer {
    font-size: 14px;
    margin-top: 8px;
  }
  .year-review-customer-impacted {
    font-size: 24px;
  }
  .offers-delivered-space-box {
    width: 0;
  }
  .trade-rate-table-title {
    font-size: 36px;
  }
  .trade-rate-table-type {
    font-size: 22px;
    line-height: 28px;
  }
  .trade-rate-table-result {
    font-size: 12px;
    line-height: 14px;
  }
  .general-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
  }
  .mobile-3-boxes {
    height: 750px !important;
  }
  .mobile-2-boxes {
    height: 480px !important;
  }
  .header-dealer-title {
    font-size: 18px;
  }
  .header-main-title {
    font-size: 32px;
  }
  .header-total-number {
    font-size: 76px;
  }
  .mobile-margin-left-12 {
    margin-left: 12px !important;
  }
  .mobile-margin-right-12 {
    margin-right: 12px !important;
  }
  .column {
    flex: 100% !important;
  }
  .column-tablet:first-child {
    margin-left: 12px;
  }
  .column-tablet:last-child {
    margin-right: 12px;
  }
  .header-total-title {
    font-size: 24px;
  }
  .mobile-year-arrow {
    right: -2px !important;
  }
  .mobile-padding-24 {
    padding: 24px !important;
  }
  .active-customers-title {
    font-size: 36px !important;
  }
  .active-customers-title span {
    font-size: 52px !important;
  }
  .engaged-main-title {
    font-size: 23px !important;
    line-height: 38px !important;
    max-width: 250px !important;
    padding-left: 22px !important;
  }
  .engaged-main-title b {
    font-size: 28px !important;
    line-height: 38px !important;
  }
  .mobile-margin-top-64 {
    margin-top: 64px !important;
  }
  .mobile-margin-bottom-64 {
    margin-bottom: 64px !important;
  }
  .mobile-margin-top-bottom-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .fallow-arrow img {
    height: 212px;
    position: absolute;
    left: -22px !important;
    top: 0px !important;
  }
  .mobile-column-tablet {
    flex: 0 0 100% !important;
    text-align: center !important;
  }
  .profit-description {
    font-size: 24px !important;
  }
  .profit-disclaimer {
    font-size: 12px !important;
    max-width: 280px !important;
    margin: 0 auto !important;
  }
  .more-details {
    font-size: 16px !important;
  }
  .mobile-margin-top-22 {
    margin-top: 22px !important;
  }
  .mobile-vehicle-sold {
    align-items: flex-start !important;
    margin-left: 40px !important;
    margin-right: auto !important;
    margin-bottom: 32px !important;
  }
  .mobile-vehicle-sold .top-badge {
    left: 156px !important;
  }
  .mobile-right-0 {
    right: 0 !important;
    left: auto !important;
  }
  .mobile-bg-bean {
    padding: 25px 0 !important;
  }
  .mobile-font-40 {
    font-size: 40px !important;
  }
  .mobile-font-48 {
    font-size: 48px !important;
  }
  .mobile-font-24 {
    font-size: 24px !important;
  }
  .mobile-top-55 {
    top: -55px !important;
  }
  .wow-box .with-drive-title {
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 48px !important;
    margin-bottom: 0 !important;
  }
  .wow-box .with-drive-space-column {
    display: none;
  }
  .wow-box .with-drive-title-column {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .rate-box-wrapper {
    width: 284px !important;
    margin: 0 auto !important;
  }
  .mobile-right-25 {
    right: -25px !important;
  }
  .profit-number {
    font-size: 64px !important;
  }
  .mobile-remove-side-padding {
    padding: 14px 0 !important;
  }
  .profit-number-fr {
    font-size: 54px !important;
  }
}

.year-in-review-2024 {
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  line-height: normal;
  min-width: 400px;
  height: 100dvh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
  container-type: inline-size;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.top-white-bg-content {
  background-color: #fff;
  padding: 24px 72px 0 72px;
  min-width: 400px;
}
.logo-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 996px;
  margin: 0 auto;
  height: 58px;
  padding: 12px 24px;
  margin-bottom: 24px;
}
.logo-container .unleashd-logo {
  width: 174px;
}
.logo-container .drive-logo {
  width: 104px;
}
.gross-profit-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
  max-width: 1370px;
  margin: 0 auto;
  padding: 0px 36px;
  height: 713px;
  border-radius: 35px;
  box-shadow: 0px 4px 15px 4px rgba(0, 0, 0, 0.15) inset;
  max-height: 720px;
  /* height: 100%; */
  text-align: center;
}
.gross-profit-wrapper .dealer_logo {
  min-width: 200px;
  padding: 8px 16px;
  border-radius: var(--spacing-sm, 12px);
  background: var(--White-White-100, #FFF);
  height: 72px;
}
.gross-profit-wrapper .dealer_logo > img {
  height: 56px;
}
.gross-profit-wrapper .dealer_name {
  color: var(--Brand-White, #FFF);
  text-align: center;
  font-size: 24px;
  line-height: 26px;
  font-weight: 400;
  text-transform: uppercase;
}
.gross-profit-wrapper .white-divider {
  width: 69px;
  color: white;
  border-radius: 100px;
  background-color: white;
  height: 2px;
}
.gross-profit-wrapper .gross-profit-header {
  color: var(--Brand-Red, #FE1162);
  font-size: 48px;
  line-height: 50px;
  font-weight: 800;
}
.gross-profit-wrapper .gross-profit-text {
  color: var(--Brand-White, #FFF);
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}
.gross-profit-wrapper .gross-profit-value-container {
  margin-top: 56px;
  /*  -24 from gap */
  position: relative;
  padding: 24px;
  border-radius: 35px;
  background: #FCFCFD;
  box-shadow: 0px 8px 35px 5px rgba(100, 4, 37, 0.15);
  width: 100%;
  max-width: 630px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gross-profit-wrapper .gross-profit-value-container .gross-profit-value-main {
  color: var(--Brand-Red, #FE1162);
  font-size: 94px;
  line-height: 96px;
  font-weight: 800;
}
.gross-profit-wrapper .gross-profit-value-container .gross-profit-value-sub {
  margin-top: 4px;
  color: #282144;
  font-feature-settings: 'liga' off;
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  line-height: 90%;
}
.gross-profit-wrapper .gross-profit-value-container .gross-profit-value-sub.reduce-text-size {
  font-size: 30px;
  line-height: 32px;
}
.gross-profit-wrapper .gross-profit-value-container .gross-profit-value-sub .superscript-text {
  color: #282144;
  font-size: 14px;
  font-weight: 500;
  line-height: 90%;
  display: inline-block;
  vertical-align: super;
  margin-left: 5px;
}
.gross-profit-wrapper .gross-profit-value-container .gross-profit-value-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  transform: translate(50%, -50%);
  color: white;
  width: 142px;
  height: 152px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.gross-profit-wrapper .gross-profit-value-container .gross-profit-value-badge .badge-main {
  margin-top: -10px;
  font-size: 38px;
  line-height: 40px;
  font-weight: 700;
}
.gross-profit-wrapper .gross-profit-value-container .gross-profit-value-badge .badge-sub-1 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 800;
}
.gross-profit-wrapper .gross-profit-value-container .gross-profit-value-badge .badge-sub-2 {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.drive-dollars-wrapper {
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
  margin-top: 112px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  color: var(--color-black, #000);
}
.drive-dollars-wrapper .drive-dollars-main {
  font-size: 48px;
  line-height: 50px;
  font-weight: 800;
}
.drive-dollars-wrapper .drive-dollars-sub {
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
}
.vehicles-sold-wrapper {
  width: 100%;
  max-width: 572px;
  margin: 0 auto;
  margin-top: 64px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--color-black, #000);
  border-radius: 35px;
  background: #FFF;
  box-shadow: 0px 4px 35px 0px rgba(100, 4, 37, 0.15);
}
.vehicles-sold-wrapper .vehicles-sold-number {
  color: var(--Brand-Red, #FE1162);
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 64px;
}
.vehicles-sold-wrapper .vehicles-sold-number > div > span {
  display: inline-block;
  line-height: 64px;
}
.vehicles-sold-wrapper .vehicles-sold-main {
  color: var(--color-black, #000);
  text-align: center;
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
  text-wrap: nowrap;
}
.vehicles-sold-wrapper .vehicles-sold-sub {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}
.tradeins-wrapper {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 40px;
}
.tradeins-wrapper .tradeins-box {
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 24px 24px 12px 24px;
  border-radius: 36px;
  background: #FFF;
  box-shadow: 0px 4px 35px 0px rgba(100, 4, 37, 0.15);
  width: 100%;
  max-width: 274px;
  min-width: 170px;
}
.tradeins-wrapper .tradeins-box .tradeins-box-main {
  color: #000;
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 64px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
}
.tradeins-wrapper .tradeins-box .tradeins-box-main .tradeins-box-main-years {
  font-size: 32px;
  line-height: 44px;
}
.tradeins-wrapper .tradeins-box .tradeins-box-sub {
  color: #0166DF;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  margin-left: -8px;
  margin-right: -8px;
  height: 40px;
  display: flex;
  align-items: center;
}
.tradeins-wrapper .tradeins-box .tradeins-box-sub.reduce-text-size {
  font-size: 20px;
  line-height: 22px;
}
.using-drive-ai-wrapper {
  margin: 0 auto;
  margin-top: 32px;
  max-width: 856px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.using-drive-ai-wrapper .using-drive-ai-main {
  color: var(--color-black, #000);
  text-align: center;
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
}
.using-drive-ai-wrapper .using-drive-ai-sub {
  color: var(--Black-Dark-110, #011638);
  text-align: center;
  font-feature-settings: 'liga' off;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.targeted-campaigns-wrapper {
  margin-top: 154px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.targeted-campaigns-wrapper .targeted-campaigns-main {
  color: var(--Brand-Red, #FE1162);
  text-align: center;
  font-size: 48px;
  font-weight: 800;
  line-height: 50px;
}
.targeted-campaigns-wrapper .targeted-campaigns-sub {
  margin: 0 auto;
  margin-top: 16px;
  max-width: 622px;
  color: var(--color-brand-blue-dark, #011638);
  text-align: center;
  font-feature-settings: 'liga' off;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}
.targeted-campaigns-wrapper .targeted-campaigns-months {
  margin-top: 56px;
  margin-bottom: 8px;
  color: var(--Brand-Red, #FE1162);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  text-transform: uppercase;
}
.targeted-campaigns-wrapper .targeted-campaigns-image {
  width: calc(100% + 144px);
  max-width: 1512px;
  height: 105px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.targeted-campaigns-wrapper .targeted-campaigns-image > img {
  width: 1512px;
}
.targeted-campaigns-wrapper .targeted-campaigns-image .targeted-campaigns-image-dot {
  position: absolute;
  height: 8px;
  width: 8px;
  background-color: #38506C;
  border-radius: 4px;
  left: 0px;
  top: 1px;
}
.targeted-campaigns-wrapper .targeted-campaigns-number-value {
  margin: 0 auto;
  color: var(--Brand-Red, #FE1162);
  text-align: center;
  font-size: 94px;
  font-weight: 800;
  line-height: 96px;
}
.targeted-campaigns-wrapper .targeted-campaigns-number-description {
  margin-top: 4px;
  color: var(--color-brand-blue-dark, #011638);
  text-align: center;
  font-feature-settings: 'liga' off;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}
.communications-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 64px;
  margin-left: -36px;
  margin-right: -36px;
}
.communications-wrapper a > .communications-box:hover {
  box-shadow: 0px 4px 35px 0px rgba(100, 4, 37, 0.35);
}
.communications-wrapper .communications-box {
  border-radius: 35px;
  background: var(--color-white, #FFF);
  box-shadow: 0px 4px 35px 0px rgba(100, 4, 37, 0.15);
  padding: 30px 43px;
  width: 100%;
  max-width: 473px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 384px;
}
.communications-wrapper .communications-box .communications-box-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.communications-wrapper .communications-box .communications-box-header .communications-box-header-main {
  color: var(--Brand-Red, #FE1162);
  font-size: 64px;
  font-weight: 700;
  line-height: 64px;
  text-wrap: nowrap;
}
.communications-wrapper .communications-box .communications-box-header .communications-box-header-sub {
  color: var(--color-black, #000);
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}
.communications-wrapper .communications-box .communications-box-update-campaign {
  color: var(--color-black, #000);
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.communications-wrapper .communications-box-breakdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* gap: 32px; */
}
.communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex.extra-padding {
  padding: 0px 24px;
}
.communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex .cb-breakdown-box-image {
  width: 58px;
  height: 58px;
  position: relative;
  overflow: visible;
}
.communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex .cb-breakdown-box-image .cb-breakdown-box-image-disable-overlay {
  position: absolute;
  height: 58px;
  width: 58px;
  left: 0;
  top: 0;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 2;
  display: none;
}
.communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex .cb-breakdown-box-image .cb-breakdown-box-image-disable-overlay.show-overlay {
  display: block;
}
.communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex .cb-breakdown-box-main {
  margin-top: 12px;
  color: var(--color-black, #000);
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.704px;
}
.communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex .cb-breakdown-box-sub {
  color: var(--color-grey-400, #98A2B3);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.308px;
  text-transform: uppercase;
  overflow: visible;
  white-space: nowrap;
}
.communications-wrapper .communications-box-breakdown .cb-breakdown-box-divider {
  width: 1px;
  min-width: 1px;
  flex-shrink: 0;
  height: 67px;
  background-color: #E4E7EC;
}
.communications-wrapper .no-smart-campaign-flex {
  display: flex;
  gap: 0;
  justify-content: space-between;
  align-items: flex-start;
}
.communications-wrapper .no-smart-campaign-image {
  width: 117px;
  border-radius: var(--spacing-sm, 12px);
  border: 1.5px solid var(--color-grey-400, #98A2B3);
  background: url(<path-to-image>) lightgray -6.241px -0.02690004px 134.064% no-repeat;
  box-shadow: 0px 5px 25px 2px rgba(0, 0, 0, 0.15);
}
.communications-wrapper .no-smart-campaign-text-1 {
  font-size: 24px;
  line-height: 26px;
  color: black;
  width: calc(100% - 117px);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  gap: 21px;
  align-items: flex-start;
  justify-content: flex-start;
}
.communications-wrapper .no-smart-campaign-text-1 .percent-boost {
  color: var(--Brand-Black, #000);
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}
.communications-wrapper .no-smart-campaign-text-1 .percent-boost .percent-boost-highlight {
  color: var(--Brand-Red, #FE1162);
  font-size: 64px;
  font-weight: 700;
}
.communications-wrapper .no-smart-campaign-text-1.reduce-text-size {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
}
.communications-wrapper .no-smart-campaign-text-1.increase-text-area {
  gap: 16px;
}
.communications-wrapper .no-smart-campaign-text-2 {
  color: var(--color-black, #000);
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  margin-right: -4px;
}
.communications-wrapper .no-smart-campaign-text-2 svg {
  width: 18px;
  height: 19px;
  padding-top: 3px;
}
.communications-wrapper .no-smart-campaign-text-2.reduce-text-size {
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
}
.driving-dealership-wrapper {
  width: 100%;
  max-width: 711px;
  margin: 0 auto;
  margin-top: 112px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  color: var(--color-black, #000);
}
.driving-dealership-wrapper .driving-dealership-main {
  font-size: 48px;
  line-height: 50px;
  font-weight: 800;
  max-width: 611px;
}
.driving-dealership-wrapper .driving-dealership-main.increase-text-area {
  max-width: 711px;
}
.driving-dealership-wrapper .driving-dealership-sub {
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
}
.drive-connections-wrapper {
  color: #B1D1F6;
  border-radius: 36px;
  background: var(--color-brand-blue-default, #0166DF);
  padding: 48px;
  margin: 0 auto;
  margin-top: 64px;
  max-width: 970px;
  width: 100%;
}
.drive-connections-wrapper .drive-connections-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  max-width: 380px;
  width: 100%;
}
.drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown .drive-connections-text {
  text-align: center;
  font-size: 24px;
  max-width: 450px;
  font-weight: 700;
  line-height: 26px;
}
.drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown .drive-connections-value {
  color: #FFF;
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 64px;
}
.drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown-divider {
  background-color: #8CB7EC;
  width: 2px;
  border-radius: 2px;
  height: 143px;
  align-self: center;
}
.drive-connections-wrapper .drive-connections-sub {
  margin-top: 48px;
  padding: var(--spacing-sm, 12px);
  gap: var(--spacing-xxs, 4px);
  border-radius: var(--spacing-sm, 12px);
  background: #2C83EB;
  color: white;
  font-size: 14px;
  line-height: 16px;
}
.drive-growth-top-border-image {
  height: 21px;
  margin-top: 112px;
  background-size: auto 21px;
}
.drive-growth-wrapper {
  min-width: 400px;
  color: var(--Brand-Black, var(--color-black, #000));
  background-color: #F2F7FD;
  width: 100%;
  padding: 0px 24px 96px 24px;
  overflow: hidden;
}
.drive-growth-wrapper .growth-mobile-image {
  display: none;
}
.drive-growth-wrapper .growth-mobile-images.drive-growth-bottom-image,
.drive-growth-wrapper .growth-mobile-images.drive-growth-hockey-image {
  display: none;
}
.drive-growth-wrapper .growth-desktop-image {
  display: block;
}
.drive-growth-wrapper .growth-desktop-images {
  display: block;
}
.drive-growth-wrapper .drive-growth-container {
  max-width: 783px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 149px;
  min-height: 326px;
}
.drive-growth-wrapper .drive-growth-container .drive-growth-left-lights-image {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-90%, 55%);
  z-index: 1;
}
.drive-growth-wrapper .drive-growth-container .drive-growth-right-lights-image {
  position: absolute;
  right: 0px;
  top: 108px;
  transform: translateX(40%);
  z-index: 1;
}
.drive-growth-wrapper .drive-growth-container .drive-growth-left-hockey-image {
  position: absolute;
  left: -682px;
  top: 150px;
  z-index: 2;
}
.drive-growth-wrapper .drive-growth-container .drive-growth-right-hockey-image {
  position: absolute;
  right: -517px;
  top: 92px;
  z-index: 2;
}
.drive-growth-wrapper .drive-growth-header {
  position: relative;
  z-index: 3;
  font-size: 48px;
  font-weight: 800;
  line-height: 50px;
  max-width: 711px;
  text-align: center;
}
.drive-growth-wrapper .drive-growth-header .drive-growth-header-highlight {
  color: var(--Brand-Red, var(--color-black, #FE1162));
}
.drive-growth-wrapper .drive-growth-sub-header {
  position: relative;
  z-index: 3;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 36px;
}
.drive-growth-wrapper .drive-growth-text {
  position: relative;
  z-index: 3;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}
.drive-growth-wrapper .drive-growth-bottom-image {
  position: relative;
  z-index: 3;
  max-width: 954px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.drive-growth-wrapper .drive-growth-report-button {
  display: flex;
  justify-content: center;
  max-width: 250px;
  margin: 0 auto;
}
.drive-growth-wrapper .drive-growth-report-button-description {
  margin: 0 auto;
  margin-top: 16px;
  color: var(--color-black, #000);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  z-index: 10;
}
.drive-growth-wrapper .superscript-text {
  color: #282144;
  text-align: center;
  font-feature-settings: 'liga' off;
  font-size: 10px;
  font-weight: 500;
  line-height: 90%;
  display: inline-block;
  vertical-align: super;
  margin-right: 3px;
  /* 12.6px */
}
.drive-growth-wrapper .drive-disclaimer {
  margin: 0 auto;
  margin-top: 174px;
  width: 100%;
  text-align: left;
}
.drive-growth-wrapper .drive-disclaimer-text {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.264px;
  width: 100%;
  margin: 0 auto;
}
.drive-growth-wrapper .growth-hockey-mobile-images {
  margin-top: 32px;
  justify-content: center;
  align-items: flex-end;
  gap: 24px;
}
.drive-growth-wrapper .drive-growth-left-lights-mobile-image {
  position: absolute;
  top: -200px;
  left: -100px;
}
.drive-growth-wrapper .drive-growth-right-lights-mobile-image {
  position: absolute;
  top: -150px;
  right: -128px;
}
@container (max-width: 1440px) {
  .drive-growth-wrapper .drive-growth-container .drive-growth-left-hockey-image {
    left: -480px;
    top: 170px;
    width: 90%;
  }
  .drive-growth-wrapper .drive-growth-container .drive-growth-right-hockey-image {
    right: -385px;
    top: 120px;
    width: 75%;
  }
  .drive-growth-wrapper .drive-growth-bottom-image {
    max-width: 750px;
  }
}
@container (max-width: 1280px) {
  .gross-profit-wrapper .gross-profit-header.reduce-text-size {
    margin-right: -8px;
    margin-left: -8px;
    font-size: 38px;
    line-height: 40px;
  }
  .drive-growth-wrapper .drive-growth-container .drive-growth-left-hockey-image {
    left: -433px;
    top: 225px;
    width: 80%;
  }
  .drive-growth-wrapper .drive-growth-container .drive-growth-right-hockey-image {
    right: -285px;
    top: 190px;
    width: 65%;
  }
  .drive-growth-wrapper .drive-growth-bottom-image {
    max-width: 750px;
  }
}
@container (max-width: 1024px) {
  .logo-container {
    padding: 12px 0px;
  }
  .drive-connections-wrapper .drive-connections-flex {
    margin-left: -24px;
    margin-right: -24px;
  }
  .drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown {
    max-width: 46%;
  }
  .drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown .drive-connections-text {
    font-size: 18px;
    line-height: 20px;
    max-width: 450px;
  }
  .drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown .drive-connections-value {
    font-size: 64px;
  }
  .communications-wrapper {
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
    gap: 32px;
  }
  .communications-wrapper .communications-box {
    /* height: 330px;
            max-width: 354px;
            padding: 30px 34px; */
  }
  .communications-wrapper .communications-box .communications-box-header .communications-box-header-sub {
    font-size: 23px;
  }
  .communications-wrapper .communications-box-breakdown {
    gap: 16px;
  }
  .communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex .cb-breakdown-box-main {
    font-size: 24px;
    line-height: 26px;
    margin-top: 12px;
  }
  .communications-wrapper .communications-box-breakdown .communications-box-breakdown-flex .cb-breakdown-box-sub {
    font-size: 12px;
    line-height: 14px;
    margin-top: 12px;
  }
  .driving-dealership-wrapper {
    margin-top: 92px;
  }
  .drive-growth-wrapper .growth-desktop-image {
    display: none;
  }
  .drive-growth-wrapper .growth-desktop-images {
    display: none;
  }
  .drive-growth-wrapper .growth-mobile-image {
    display: block;
  }
  .drive-growth-wrapper .growth-mobile-images.drive-growth-bottom-image {
    display: flex;
    justify-content: center;
  }
  .drive-growth-wrapper .growth-mobile-images.drive-growth-hockey-image {
    display: flex;
    justify-content: center;
  }
  .drive-growth-wrapper .drive-growth-container {
    max-width: 680px;
  }
  .drive-growth-wrapper .drive-growth-container .drive-growth-left-hockey-image {
    left: -20px;
    top: 517px;
    width: 340px;
  }
  .drive-growth-wrapper .drive-growth-container .drive-growth-right-hockey-image {
    right: 40px;
    top: 514px;
    width: 265px;
  }
  .drive-growth-wrapper .drive-growth-bottom-image {
    max-width: 750px;
  }
  .drive-growth-wrapper .drive-disclaimer {
    margin-top: 48px;
  }
  .drive-growth-wrapper .drive-growth-report-button-description {
    max-width: 240px;
  }
}
@container (max-width: 768px) {
  .top-white-bg-content {
    padding: 0px 24px 0px 24px;
  }
  .logo-container {
    height: 48px;
    margin: 12px 0px;
  }
  .logo-container .unleashd-logo {
    width: 126px;
  }
  .gross-profit-wrapper {
    gap: 20px;
    height: 591px;
    padding: 0 32px;
  }
  .gross-profit-wrapper .gross-profit-header {
    font-size: 36px;
    line-height: 38px;
  }
  .gross-profit-wrapper .gross-profit-header.reduce-text-size {
    font-size: 32px;
    line-height: 34px;
  }
  .gross-profit-wrapper .gross-profit-text {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
  }
  .gross-profit-wrapper .gross-profit-value-container {
    max-width: 450px;
    margin-top: 14px;
    border-radius: 25px;
  }
  .gross-profit-wrapper .gross-profit-value-container .gross-profit-value-main {
    font-size: 48px;
    line-height: 50px;
  }
  .gross-profit-wrapper .gross-profit-value-container .gross-profit-value-sub {
    font-size: 18px;
    line-height: 20px;
  }
  .gross-profit-wrapper .gross-profit-value-container .gross-profit-value-sub.reduce-text-size {
    font-size: 18px;
    line-height: 20px;
  }
  .gross-profit-wrapper .gross-profit-value-container .gross-profit-value-badge {
    width: 100px;
    height: 93.75px;
    transform: translate(38%, -52%);
  }
  .gross-profit-wrapper .gross-profit-value-container .gross-profit-value-badge .badge-main {
    margin-top: -6px;
    font-size: 24px;
    line-height: 26px;
  }
  .gross-profit-wrapper .gross-profit-value-container .gross-profit-value-badge .badge-sub-1 {
    font-size: 12px;
    line-height: 14px;
  }
  .gross-profit-wrapper .gross-profit-value-container .gross-profit-value-badge .badge-sub-2 {
    font-size: 7px;
    line-height: 9px;
  }
  .drive-dollars-wrapper {
    margin-top: 80px;
  }
  .drive-dollars-wrapper .drive-dollars-main {
    font-size: 36px;
    line-height: 38px;
  }
  .targeted-campaigns-wrapper {
    margin-top: 118px;
  }
  .targeted-campaigns-wrapper .targeted-campaigns-main {
    font-size: 36px;
    line-height: 38px;
  }
  .targeted-campaigns-wrapper .targeted-campaigns-sub {
    font-size: 16px;
    line-height: 18px;
  }
  .targeted-campaigns-wrapper .targeted-campaigns-image {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px);
  }
  .targeted-campaigns-wrapper .targeted-campaigns-number-value {
    margin-top: 12px;
    font-size: 64px;
    line-height: 66px;
  }
  .targeted-campaigns-wrapper .targeted-campaigns-number-description {
    margin-top: 8px;
  }
  .communications-wrapper .communications-box {
    padding: 30px 34px;
  }
  .communications-wrapper .communications-box .communications-box-update-campaign {
    color: var(--color-black, #000);
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    /* 110% */
  }
  .communications-wrapper .no-smart-campaign-text-1 {
    font-size: 24px;
    line-height: 26px;
  }
  .communications-wrapper .no-smart-campaign-text-1.reduce-text-size {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin-right: 4px;
  }
  .communications-wrapper .no-smart-campaign-text-2 {
    font-weight: 700;
  }
  .communications-wrapper .no-smart-campaign-text-2.reduce-text-size {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
  }
  .driving-dealership-wrapper {
    margin-top: 82px;
    max-width: 542px;
  }
  .driving-dealership-wrapper .driving-dealership-main {
    font-size: 36px;
    line-height: 38px;
  }
  .driving-dealership-wrapper .driving-dealership-sub {
    font-size: 16px;
    line-height: 18px;
  }
  .drive-connections-wrapper {
    padding: 32px 24px;
    max-width: 500px;
  }
  .drive-connections-wrapper .drive-connections-flex {
    flex-direction: column;
    align-items: center;
    gap: 48px;
  }
  .drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown {
    max-width: 90%;
    gap: 16px;
  }
  .drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown .drive-connections-text {
    font-size: 20px;
    line-height: 22px;
    max-width: 450px;
  }
  .drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown .drive-connections-value {
    font-size: 64px;
  }
  .drive-connections-wrapper .drive-connections-flex .drive-connections-breakdown-divider {
    height: 2px;
    width: 143px;
  }
  .drive-growth-wrapper .drive-growth-container {
    padding-top: 84px;
  }
  .drive-growth-wrapper .drive-growth-header {
    font-size: 36px;
    line-height: 38px;
  }
  .drive-growth-wrapper .drive-growth-header .drive-growth-header-highlight {
    color: var(--Brand-Red, var(--color-black, #FE1162));
  }
  .drive-growth-wrapper .drive-growth-sub-header {
    font-size: 32px;
    line-height: 34px;
  }
  .drive-growth-wrapper .drive-growth-text {
    font-size: 16px;
    line-height: 18px;
  }
}
@container (max-width: 640px) {
  .gross-profit-wrapper .gross-profit-header.increase-text-area {
    margin-left: -8px;
    margin-right: -8px;
  }
  .gross-profit-wrapper .gross-profit-text {
    padding-bottom: 14px;
  }
  .gross-profit-wrapper .gross-profit-text.increase-text-area {
    margin-left: -8px;
    margin-right: -8px;
  }
  .drive-dollars-wrapper {
    margin-top: 48px;
  }
  .drive-dollars-wrapper .drive-dollars-main {
    font-size: 32px;
    line-height: 34px;
  }
  .vehicles-sold-wrapper {
    /* gap: 12px; */
  }
  .vehicles-sold-wrapper .vehicles-sold-main {
    font-size: 40px;
    line-height: 40px;
  }
  .vehicles-sold-wrapper .vehicles-sold-main .vehicles-sold-main-highlight {
    font-size: 56px;
    line-height: 56px;
  }
  .vehicles-sold-wrapper .vehicles-sold-sub {
    margin-top: 8px;
    font-size: 16px;
    line-height: 18px;
  }
  .tradeins-wrapper .tradeins-box {
    height: 138px;
  }
  .tradeins-wrapper .tradeins-box .tradeins-box-main {
    font-size: 48px;
    line-height: 48px;
  }
  .tradeins-wrapper .tradeins-box .tradeins-box-sub {
    font-size: 20px;
    line-height: 22px;
  }
  .tradeins-wrapper .tradeins-box .tradeins-box-sub.reduce-text-size {
    font-size: 16px;
    line-height: 18px;
  }
  .targeted-campaigns-wrapper {
    margin-top: 82px;
  }
  .targeted-campaigns-wrapper .targeted-campaigns-main {
    font-size: 36px;
    line-height: 38px;
  }
  .communications-wrapper .communications-box-breakdown {
    gap: 13px;
  }
  .communications-wrapper .communications-box {
    padding: 38px 32px;
  }
  .communications-wrapper .communications-box .communications-box-update-campaign {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    /* 110% */
  }
  .communications-wrapper .no-smart-campaign-image {
    width: 107px;
    margin-right: -4px;
  }
  .communications-wrapper .no-smart-campaign-image > img {
    width: 107px;
  }
  .communications-wrapper .no-smart-campaign-text-1 {
    font-size: 20px;
    line-height: 22px;
    gap: 18px;
  }
  .communications-wrapper .no-smart-campaign-text-1 .percent-boost {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    margin-right: -8px;
  }
  .communications-wrapper .no-smart-campaign-text-1 .percent-boost.reduce-text-size {
    font-size: 28px;
    line-height: 30px;
  }
  .communications-wrapper .no-smart-campaign-text-1 .percent-boost .percent-boost-highlight {
    color: var(--Brand-Red, #FE1162);
    font-size: 48px;
    font-weight: 700;
  }
  .communications-wrapper .no-smart-campaign-text-2 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
  .communications-wrapper .no-smart-campaign-text-2.reduce-text-size {
    font-weight: 600;
  }
  .drive-growth-wrapper .drive-growth-container {
    padding-top: 54px;
  }
}

.year-in-review-2024_v2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 24px;
  line-height: 26px;
  min-width: 400px;
  font-weight: 700;
  height: 100dvh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
  container-type: inline-size;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.OPENING-BANNER-CONTAINER {
  max-width: 2636px;
  background: linear-gradient(106deg, #142031 7.31%, #1B325E 36.26%, #244984 62.2%, #3E5897 89.25%);
  min-width: 400px;
  height: 1018px;
  position: relative;
  color: white;
  padding: 0px 72px;
}
@container (max-width: 1536px) {
  .OPENING-BANNER-CONTAINER {
    height: 806px;
  }
}
@container (max-width: 768px) {
  .OPENING-BANNER-CONTAINER {
    background: linear-gradient(180deg, #142031 0%, #3E5897 100%);
    padding: 0px 48px;
  }
}
@container (max-width: 640px) {
  .OPENING-BANNER-CONTAINER {
    padding: 0px 24px;
    height: 688px;
  }
}
.OPENING-BANNER-CONTAINER .banner-images-container {
  position: absolute;
  bottom: 24px;
  right: 0px;
  width: 100%;
  height: calc(100% - 48px);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 32px;
  overflow: hidden;
}
@container (max-width: 1536px) {
  .OPENING-BANNER-CONTAINER .banner-images-container {
    gap: 24px;
  }
}
@container (max-width: 640px) {
  .OPENING-BANNER-CONTAINER .banner-images-container {
    gap: 24px;
  }
}
.OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-1 {
  display: none;
  height: 417px;
  width: 447px;
  align-self: flex-end;
}
@container (max-width: 768px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-1 {
    display: block;
  }
}
@container (max-width: 640px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-1 {
    height: 389px;
    width: 417px;
  }
}
@container (max-width: 480px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-1 {
    height: 278px;
    width: 298px;
  }
}
.OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-2 {
  display: none;
  height: 241px;
  width: 1061px;
  align-self: flex-end;
  margin-right: 0px;
}
@container (max-width: 1936px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-2 {
    display: block;
  }
}
@container (max-width: 1200px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-2 {
    margin-right: -424px;
  }
}
@container (max-width: 768px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-2 {
    display: none;
  }
}
.OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-3 {
  display: block;
  height: 241px;
  width: 1061px;
  align-self: center;
  margin-left: 800px;
}
@container (max-width: 1936px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-clouds-3 {
    display: none;
  }
}
.OPENING-BANNER-CONTAINER .banner-images-container .banner-cars {
  height: 495px;
  width: 1713px;
  margin-right: 24px;
}
@container (max-width: 1936px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-cars {
    align-self: flex-end;
  }
}
@container (max-width: 1536px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-cars {
    height: 339px;
    width: 1172px;
    align-self: center;
  }
}
@container (max-width: 1200px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-cars {
    align-self: flex-end;
  }
}
@container (max-width: 768px) {
  .OPENING-BANNER-CONTAINER .banner-images-container .banner-cars {
    height: 216px;
    width: 738px;
  }
}
.OPENING-BANNER-CONTAINER .logo-container-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 24px 0px;
  height: 110px;
  z-index: 2;
  position: relative;
}
.OPENING-BANNER-CONTAINER .logo-container-v2 .unleashd-logo {
  width: 174px;
}
.OPENING-BANNER-CONTAINER .logo-container-v2 .drive-logo {
  width: 104px;
}
@container (max-width: 768px) {
  .OPENING-BANNER-CONTAINER .logo-container-v2 {
    height: 72px;
  }
  .OPENING-BANNER-CONTAINER .logo-container-v2 .unleashd-logo {
    width: 126px;
  }
}
.OPENING-BANNER-CONTAINER .opening-banner-header-container {
  display: flex;
  margin-top: 29px;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  z-index: 3;
  position: relative;
  color: '#EFF8FF';
  max-width: 978px;
}
.OPENING-BANNER-CONTAINER .opening-banner-header-container.languageStyleOverride {
  max-width: 1078px;
}
@media screen and (max-width: 1536px) {
  .OPENING-BANNER-CONTAINER .opening-banner-header-container {
    max-width: 870px;
  }
  .OPENING-BANNER-CONTAINER .opening-banner-header-container.languageStyleOverride {
    max-width: 970px;
  }
}
.OPENING-BANNER-CONTAINER .opening-banner-header-container .opening-banner-header-main {
  font-weight: 800;
  font-size: 96px;
  line-height: 98px;
}
.OPENING-BANNER-CONTAINER .opening-banner-header-container .opening-banner-header-main.languageStyleOverride {
  font-size: 86px;
  line-height: 88px;
}
@media screen and (max-width: 1536px) {
  .OPENING-BANNER-CONTAINER .opening-banner-header-container .opening-banner-header-main {
    font-size: 64px;
    line-height: 66px;
  }
  .OPENING-BANNER-CONTAINER .opening-banner-header-container .opening-banner-header-main.languageStyleOverride {
    font-size: 64px;
    line-height: 66px;
  }
}
@media screen and (max-width: 768px) {
  .OPENING-BANNER-CONTAINER .opening-banner-header-container .opening-banner-header-main {
    font-size: 64px;
    line-height: 66px;
  }
  .OPENING-BANNER-CONTAINER .opening-banner-header-container .opening-banner-header-main.languageStyleOverride {
    font-size: 56px;
    line-height: 58px;
  }
}
@media screen and (max-width: 640px) {
  .OPENING-BANNER-CONTAINER .opening-banner-header-container .opening-banner-header-main {
    font-size: 48px;
    line-height: 50px;
  }
  .OPENING-BANNER-CONTAINER .opening-banner-header-container .opening-banner-header-main.languageStyleOverride {
    font-size: 40px;
    line-height: 42px;
  }
}
.ACROSS-CANADA-CONTAINER {
  max-width: 2636px;
  padding: 160px 72px 0 72px;
  position: relative;
  overflow: hidden;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER {
    padding: 112px 72px 0 72px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER {
    padding: 112px 48px 0 48px;
  }
}
@container (max-width: 640px) {
  .ACROSS-CANADA-CONTAINER {
    padding: 112px 24px 0 24px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-background-map {
  position: absolute;
  top: -302px;
  left: 0px;
  width: 100%;
  z-index: 0;
  gap: 56px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@container (max-width: 1200px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map {
    top: -100px;
  }
}
@container (max-width: 1024px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map {
    top: 40px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map {
    top: -60px;
  }
}
@container (max-width: 640px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map {
    top: 110px;
  }
}
@container (max-width: 480px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map {
    top: 220px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-background-map .canada-image-map {
  width: 1642.5px;
  height: 1601.25px;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map .canada-image-map {
    width: 1216px;
    height: 1185px;
  }
}
@container (max-width: 1200px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map .canada-image-map {
    width: 985px;
    height: 957.5px;
  }
}
@container (max-width: 1024px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map .canada-image-map {
    width: 825px;
    height: 794.07px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map .canada-image-map {
    width: 687.5px;
    height: 661.725px;
  }
}
@container (max-width: 640px) {
  .ACROSS-CANADA-CONTAINER .across-canada-background-map .canada-image-map {
    width: 90%;
    height: auto;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-top {
  position: relative;
  z-index: 1;
}
.ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1306px;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header {
    max-width: 870px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header {
    max-width: 100%;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header .across-canada-section-header-main {
  font-weight: 700;
  font-size: 64px;
  line-height: 66px;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header .across-canada-section-header-main {
    font-size: 48px;
    line-height: 50px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header .across-canada-section-header-main {
    font-size: 36px;
    line-height: 38px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header .across-canada-section-header-sub {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  max-width: 972px;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header .across-canada-section-header-sub {
    max-width: 672px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-top .across-canada-section-header .across-canada-section-header-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-center {
  position: relative;
  z-index: 1;
  display: flex;
  margin-top: 240px;
  justify-content: center;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-center {
    margin-top: 48px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-center {
    margin-top: 48px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  border-radius: 35px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(17.5px);
          backdrop-filter: blur(17.5px);
  padding: 56px;
  box-shadow: 0px 4px 35px 0px rgba(100, 4, 37, 0.15);
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-flex {
    gap: 24px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-flex {
    gap: 16px;
    padding: 24px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main {
  font-weight: 700;
  font-size: 96px;
  line-height: 98px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main > div > span {
  font-size: 128px;
  line-height: 130px;
  font-weight: 800;
  color: #FE1162;
}
.ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main .counting-number {
  display: inline-block;
  min-width: 160px;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main {
    font-size: 64px;
    line-height: 66px;
  }
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main > div > span {
    font-size: 96px;
    line-height: 98px;
  }
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main .counting-number {
    min-width: 120px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main {
    font-size: 40px;
    line-height: 42px;
  }
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main > div > span {
    font-size: 64px;
    line-height: 66px;
  }
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-main .counting-number {
    min-width: 80px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-sub {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-center .across-canada-section-center-sub {
    font-size: 20px;
    line-height: 22px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-bottom {
  position: relative;
  z-index: 1;
  margin-top: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  gap: 84px;
  max-width: 1100px;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom {
    margin-top: 200px;
    gap: 60px;
  }
}
@container (max-width: 1024px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom {
    gap: 40px;
    margin-top: 146px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom {
    margin-top: 64px;
    gap: 24px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container {
    gap: 12px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-main {
  font-weight: 700;
  font-size: 96px;
  line-height: 98px;
  color: #FE1162;
}
.ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-main .across-canada-section-bottom-stat-main-counting-span {
  display: inline-block;
  min-width: 378px;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-main {
    font-size: 64px;
    line-height: 66px;
  }
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-main .across-canada-section-bottom-stat-main-counting-span {
    min-width: 252px;
  }
}
@container (max-width: 1024px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-main {
    font-size: 48px;
    line-height: 50px;
  }
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-main .across-canada-section-bottom-stat-main-counting-span {
    min-width: 189px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-main {
    font-size: 32px;
    line-height: 34px;
  }
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-main .across-canada-section-bottom-stat-main-counting-span {
    min-width: 126px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-sub {
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
}
@container (max-width: 1536px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-sub {
    font-size: 28px;
    line-height: 30px;
  }
}
@container (max-width: 1024px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-sub {
    font-size: 20px;
    line-height: 22px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-container .across-canada-section-bottom-stat-sub {
    font-size: 14px;
    line-height: 16px;
  }
}
.ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-divider {
  width: 1px;
  height: 347px;
  background-color: #B5B6BD;
}
@container (max-width: 1536px) {
}
@container (max-width: 1024px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-divider {
    height: 264px;
  }
}
@container (max-width: 768px) {
  .ACROSS-CANADA-CONTAINER .across-canada-section-bottom .across-canada-section-bottom-stat-divider {
    height: 164px;
  }
}
.PROUD_PARTNERS-CONTAINER {
  padding: 96px 0 96px 0;
  background-color: #FFF;
  position: relative;
  overflow: visible;
  border-top: 1px solid #B5B6BD;
}
@container (max-width: 1536px) {
  .PROUD_PARTNERS-CONTAINER {
    padding: 64px 0 64px 0;
  }
}
@container (max-width: 768px) {
  .PROUD_PARTNERS-CONTAINER {
    padding: 64px 0 64px 0;
  }
}
@container (max-width: 640px) {
  .PROUD_PARTNERS-CONTAINER {
    padding: 48px 0 48px 0;
  }
}
.PROUD_PARTNERS-CONTAINER .proud-partners-header {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  max-width: 970px;
  padding: 0 72px;
}
@container (max-width: 1536px) {
  .PROUD_PARTNERS-CONTAINER .proud-partners-header {
    padding: 0 72px;
    max-width: 970px;
  }
}
@container (max-width: 768px) {
  .PROUD_PARTNERS-CONTAINER .proud-partners-header {
    padding: 0 48px;
    font-size: 36px;
    line-height: 38px;
  }
}
@container (max-width: 640px) {
  .PROUD_PARTNERS-CONTAINER .proud-partners-header {
    padding: 0 24px;
  }
}
.PROUD_PARTNERS-CONTAINER .proud-partners-carousel {
  overflow: visible;
  width: 100%;
  margin-top: 48px;
}
@container (max-width: 1536px) {
  .PROUD_PARTNERS-CONTAINER .proud-partners-carousel {
    margin-top: 48px;
  }
}
@container (max-width: 768px) {
  .PROUD_PARTNERS-CONTAINER .proud-partners-carousel {
    margin-top: 48px;
  }
}
.PROUD_PARTNERS-CONTAINER .proud-partners-carousel .logo-carousel {
  overflow: visible;
}
.PROUD_PARTNERS-CONTAINER .proud-partners-carousel .brand-logo-card {
  width: 120px;
  height: 120px;
}
.PROUD_PARTNERS-CONTAINER .proud-partners-carousel .brand-logo-card .brand-logo-card-image {
  width: 120px;
  height: 120px;
}
/* .conversations-section {
    max-width: 2636px;
    font-weight: 700;
    padding: 224px 72px;
    display:none;
    @container (max-width:1536px) { padding: 112px 72px; }
    @container (max-width:768px) { padding: 112px 48px; }
    @container (max-width:640px) { padding: 112px 24px; }
    
    .conversations-section-header-container{
        display: flex;
        flex-direction: column;
        gap: 12px;
        @container (max-width:1536px) {
            max-width: 830px;
        }
        @container (max-width:768px) {
            gap: 16px;
        }
    }
    .conversations-section-header-main {
        font-size: 64px;
        line-height: 66px;
        @container (max-width:1536px) {
            font-size: 48px;
            line-height: 50px;
        }
        @container (max-width:768px) {
            font-size: 36px;
            line-height: 38px;
        }   
    }
    .conversations-section-header-sub {
        font-weight: 600;
        font-size: 24px;
        line-height: 26px;
    
        @container (max-width:768px) {
            font-size: 16px;
            line-height: 18px;
        }
    }
    .conversations-breakdowns{
        display: flex;
        gap: 32px;
        width: 100%;
        margin-top: 80px;
        @container (max-width:1024px) {
            flex-direction: column;
            gap: 24px;
        }
        @container (max-width:768px) {
            margin-top: 48px;
        }
    }
    .conversations-breakdown{
        display: flex;
        padding: 56px 56px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        border-radius: 35px;
        background: var(--color-white, #FFF);
        box-shadow: 0px 4px 35px 0px rgba(100, 4, 37, 0.15);
        flex: 1;
        @container (max-width:640px) {
            padding: 48px;
        }
        @container (max-width:480px) {
            padding: 32px;
        }

        .conversations-breakdown-sub {
            font-weight: 600;
            font-size: 28px;
            line-height: 30px;
        }
    
        .conversations-breakdown-main {
            font-weight: 700;
            font-size: 96px;
            line-height: 98px;
            color: #FE1162;

            @container (max-width:640px) {
                font-size: 64px;
                line-height: 66px;
            }
        }
    }
        
} */
.CONVERSATIONS-AND-DEALS-CONTAINER {
  color: white;
  background: var(--color-brand-blue-default, #0166DF);
  max-width: 2636px;
  font-weight: 700;
  padding: 160px 72px 80px 72px;
  /* .canada-offer-breakdown-image-container{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 112px;
        @container (max-width:1536px) {margin-top: 112px;}
        @container (max-width:768px) {margin-top: 48px;}
        
        .canada-offer-breakdown-image{
            width: 766px;
            height: 374px;
        
            @container (max-width:1200px) {
                width: 666.42px;
                height: 325.38px;
            }
        
            @container (max-width:768px) {
                width: 574.5px;
                height: 280.5px;
            }
        
            @container (max-width:640px) {
                width: 100%;
                height: auto;
            }
        }
    } */
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER {
    padding: 112px 72px 80px 72px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER {
    padding: 64px 48px 48px 48px;
  }
}
@container (max-width: 640px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER {
    padding: 64px 24px 48px 24px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .closing-dealers-header-flex {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .closing-dealers-header-flex {
    max-width: 1015px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .closing-dealers-header-flex .closing-dealers-header-main {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .closing-dealers-header-flex .closing-dealers-header-main {
    font-size: 48px;
    line-height: 50px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .closing-dealers-header-flex .closing-dealers-header-main {
    font-size: 36px;
    line-height: 38px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .closing-dealers-header-flex .closing-dealers-header-sub {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  max-width: 770px;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .closing-dealers-header-flex .closing-dealers-header-sub {
    max-width: 770px;
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .closing-dealers-header-flex .closing-dealers-header-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 112px;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex {
    margin-top: 112px;
    gap: 16px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex {
    margin-top: 48px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex .personalized-offers-main {
  font-size: 250px;
  line-height: 252px;
  font-weight: 700;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex .personalized-offers-main {
    font-size: 148px;
    line-height: 150px;
  }
}
@container (max-width: 1024px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex .personalized-offers-main {
    font-size: 108px;
    line-height: 110px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex .personalized-offers-main {
    font-size: 72px;
    line-height: 74px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex .personalized-offers-sub {
  font-size: 36px;
  line-height: 38px;
  font-weight: 600;
  color: #B1D1F6;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex .personalized-offers-sub {
    font-size: 36px;
    line-height: 38px;
    max-width: 770px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-flex .personalized-offers-sub {
    font-size: 20px;
    line-height: 22px;
    max-width: 384px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex {
  margin-top: 160px;
  max-width: 1170px;
  display: flex;
  gap: 0px;
  margin-left: auto;
  margin-right: auto;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex {
    margin-top: 80px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex {
    margin-top: 48px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-email {
  width: 50%;
}
@container (max-width: 1200px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-email {
    width: 48%;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-email .personalized-offers-split-box-chart {
  border-radius: 35px 0 0 35px;
  background-color: #194185;
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-sms {
  width: 45%;
}
@container (max-width: 1200px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-sms {
    width: 43%;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-sms .personalized-offers-split-box-chart {
  background-color: #A8D0FF;
  border-radius: 0 0 0;
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-service {
  width: 5%;
  text-align: right;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
@container (max-width: 1200px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-service {
    width: 9%;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-service .personalized-offers-split-box-chart {
  border-radius: 0 35px 35px 0;
  background-color: #FFF;
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-service .personalized-offers-split-box-main {
  align-self: flex-end;
}
@container (max-width: 1200px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-service .personalized-offers-split-box-main {
    margin-top: 1px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-service .personalized-offers-split-box-sub {
  white-space: nowrap;
  overflow: visible;
  align-self: flex-end;
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-service .connecting-line {
  width: 1px;
  height: 68px;
  background-color: #FFF;
  display: none;
  margin-right: 50%;
}
@container (max-width: 1200px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box.box-service .connecting-line {
    display: block;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-chart {
  height: 36px;
  width: 100%;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-chart {
    height: 36px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-chart {
    height: 16px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-main {
  margin-top: 12px;
  font-size: 32px;
  line-height: 34px;
  color: white;
  font-weight: 700;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-main {
    font-size: 32px;
    line-height: 34px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-main {
    font-size: 20px;
    line-height: 22px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-sub {
  font-size: 24px;
  line-height: 26px;
  color: #B1D1F6;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .personalized-offers-split-flex .personalized-offers-split-box .personalized-offers-split-box-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  gap: 84px;
  max-width: 1100px;
  margin-top: 112px;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex {
    margin-top: 112px;
    gap: 64px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex {
    margin-top: 48px;
    gap: 48px;
  }
}
@container (max-width: 640px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex {
    gap: 24px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  color: white;
  font-weight: 700;
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box {
    gap: 12px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box .drive-ai-results-box-main {
  font-size: 96px;
  line-height: 98px;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box .drive-ai-results-box-main {
    font-size: 96px;
    line-height: 98px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box .drive-ai-results-box-main {
    font-size: 48px;
    line-height: 50px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box .drive-ai-results-box-sub {
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  color: #B1D1F6;
}
@container (max-width: 1536px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box .drive-ai-results-box-sub {
    font-size: 28px;
    line-height: 30px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box .drive-ai-results-box-sub {
    font-size: 14px;
    line-height: 16px;
  }
}
.CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box-divider {
  width: 1px;
  height: 316px;
  background-color: #8CB7EC;
}
@container (max-width: 1536px) {
}
@container (max-width: 1024px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box-divider {
    height: 224px;
  }
}
@container (max-width: 768px) {
  .CONVERSATIONS-AND-DEALS-CONTAINER .drive-ai-results-flex .drive-ai-results-box-divider {
    height: 164px;
  }
}
.SMART-CAMPAIGNS-CONTAINER {
  color: white;
  background: var(--color-brand-blue-default, #53B1FD);
  max-width: 2636px;
  font-weight: 700;
  padding: 160px 72px;
}
@container (max-width: 1536px) {
  .SMART-CAMPAIGNS-CONTAINER {
    padding: 96px 72px;
  }
}
@container (max-width: 768px) {
  .SMART-CAMPAIGNS-CONTAINER {
    padding: 64px 48px;
  }
}
@container (max-width: 640px) {
  .SMART-CAMPAIGNS-CONTAINER {
    padding: 64px 24px;
  }
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-messages-flex {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-messages-flex .smart-campaigns-messages-main {
  font-size: 250px;
  line-height: 252px;
  font-weight: 700;
}
@container (max-width: 1536px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-messages-flex .smart-campaigns-messages-main {
    font-size: 148px;
    line-height: 150px;
  }
}
@container (max-width: 1024px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-messages-flex .smart-campaigns-messages-main {
    font-size: 108px;
    line-height: 110px;
  }
}
@container (max-width: 768px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-messages-flex .smart-campaigns-messages-main {
    font-size: 72px;
    line-height: 74px;
  }
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-messages-flex .smart-campaigns-messages-sub {
  font-size: 36px;
  line-height: 38px;
  font-weight: 600;
  color: #1849A9;
}
@container (max-width: 1536px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-messages-flex .smart-campaigns-messages-sub {
    font-size: 36px;
    line-height: 38px;
    max-width: 535px;
  }
}
@container (max-width: 768px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-messages-flex .smart-campaigns-messages-sub {
    font-size: 20px;
    line-height: 22px;
    max-width: 364px;
  }
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex {
  margin-top: 160px;
  max-width: 1170px;
  display: flex;
  gap: 0px;
  margin-left: auto;
  margin-right: auto;
}
@container (max-width: 1536px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex {
    margin-top: 80px;
  }
}
@container (max-width: 768px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex {
    margin-top: 48px;
  }
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box.box-email {
  width: 45%;
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box.box-email .smart-campaigns-split-box-chart {
  border-radius: 35px 0 0 35px;
  background-color: #1849A9;
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box.box-sms {
  width: 55%;
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box.box-sms .smart-campaigns-split-box-chart {
  background-color: #9DD3FF;
  border-radius: 0 35px 35px 0;
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-chart {
  height: 36px;
  width: 100%;
}
@container (max-width: 1536px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-chart {
    height: 36px;
  }
}
@container (max-width: 768px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-chart {
    height: 16px;
  }
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-main {
  margin-top: 12px;
  font-size: 32px;
  line-height: 34px;
  color: white;
  font-weight: 700;
}
@container (max-width: 1536px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-main {
    font-size: 32px;
    line-height: 34px;
  }
}
@container (max-width: 768px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-main {
    font-size: 20px;
    line-height: 22px;
  }
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-sub {
  font-size: 24px;
  line-height: 26px;
  color: #1849A9;
}
@container (max-width: 1536px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 768px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-split-flex .smart-campaigns-split-box .smart-campaigns-split-box-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-more-engagement {
  margin-top: 160px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 600;
  color: #1849A9;
  max-width: 1306px;
}
.SMART-CAMPAIGNS-CONTAINER .smart-campaigns-more-engagement .smart-campaigns-more-engagement-span {
  font-size: 48px;
  line-height: 50px;
}
@container (max-width: 1536px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-more-engagement {
    font-size: 36px;
    line-height: 50px;
    margin-top: 80px;
    max-width: 867px;
  }
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-more-engagement .smart-campaigns-more-engagement-span {
    font-size: 48px;
    line-height: 50px;
  }
}
@container (max-width: 768px) {
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-more-engagement {
    font-size: 20px;
    line-height: 26px;
    max-width: 440px;
    margin-top: 48px;
  }
  .SMART-CAMPAIGNS-CONTAINER .smart-campaigns-more-engagement .smart-campaigns-more-engagement-span {
    font-size: 24px;
    line-height: 26px;
  }
}
.CONQUEST-TRADEIN-CONTAINER {
  max-width: 2636px;
  padding: 160px 72px;
  background-color: #EFF8FF;
}
@container (max-width: 1536px) {
  .CONQUEST-TRADEIN-CONTAINER {
    padding: 112px 72px;
  }
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER {
    padding: 80px 48px;
  }
}
@container (max-width: 640px) {
  .CONQUEST-TRADEIN-CONTAINER {
    padding: 80px 24px;
  }
}
.CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 1308px;
}
@container (max-width: 1536px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container {
    max-width: 830px;
  }
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container {
    gap: 16px;
  }
}
.CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container .conquest-tradein-header-main {
  font-size: 64px;
  line-height: 66px;
}
@container (max-width: 1536px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container .conquest-tradein-header-main {
    font-size: 48px;
    line-height: 50px;
  }
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container .conquest-tradein-header-main {
    font-size: 36px;
    line-height: 38px;
  }
}
.CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container .conquest-tradein-header-sub {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
}
@container (max-width: 1536px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container .conquest-tradein-header-sub {
    max-width: 770px;
  }
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-tradein-header-container .conquest-tradein-header-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 80%;
  max-width: 2636px;
  border-radius: 36px;
  background: var(--color-brand-blue-default, #0166DF);
  margin-top: 80px;
  padding: 24px 56px 24px 56px;
  color: white;
  position: relative;
}
@container (max-width: 1536px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown {
    max-width: 1269px;
    width: 100%;
  }
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown {
    border-radius: 0 36px 36px 0;
    padding: 24px;
    margin-top: 48px;
    margin-left: -48px;
    width: calc(100% + 48px);
  }
}
@container (max-width: 640px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown {
    margin-left: -24px;
    width: calc(100% + 24px);
  }
}
.CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-main {
  position: relative;
  z-index: 1;
  font-size: 36px;
  line-height: 38px;
  font-weight: 700;
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-main {
    font-size: 24px;
    line-height: 26px;
  }
}
.CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-sub {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  max-width: 622px;
  margin-top: 8px;
  color: #B1D1F6;
  position: relative;
  z-index: 1;
}
.CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-sub .drive-ai-percent-highlight {
  font-size: 64px;
  line-height: 42px;
  color: white;
  font-weight: 700;
}
.CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-sub .drive-ai-age-highlight {
  color: white;
  font-weight: 700;
}
@container (max-width: 1536px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-sub {
    max-width: 75%;
  }
}
@container (max-width: 1024px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-sub {
    max-width: 85%;
  }
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-sub {
    font-size: 16px;
    line-height: 18px;
    max-width: 95%;
  }
}
.CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-image {
  position: absolute;
  z-index: 0;
  width: 293px;
  height: 152px;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
}
@container (max-width: 1024px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-image {
    right: 32px;
    width: 234px;
    height: 122px;
  }
}
@container (max-width: 900px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-image {
    display: none;
  }
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-image {
    display: block;
    width: 234px;
    height: 122px;
  }
}
@container (max-width: 680px) {
  .CONQUEST-TRADEIN-CONTAINER .tradeins-breakdown .tradeins-breakdown-image {
    display: none;
  }
}
.CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 30%;
  min-width: 470pxpx;
  height: 165px;
  border-radius: 36px;
  background: var(--color-blue-200, #194185);
  margin-top: 32px;
  padding: 24px 56px 24px 56px;
  color: white;
}
@container (max-width: 1536px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown {
    max-width: 470px;
    width: 100%;
    min-width: none;
  }
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown {
    border-radius: 0 36px 36px 0;
    padding: 24px;
    margin-top: 16px;
    margin-left: -48px;
    width: calc(50% + 48px);
  }
}
@container (max-width: 640px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown {
    margin-left: -24px;
    width: calc(63% + 24px);
  }
}
@container (max-width: 560px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown {
    width: calc(67% + 24px);
  }
}
@container (max-width: 480px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown {
    width: calc(80% + 24px);
  }
}
.CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown .conquest-sales-breakdown-main {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown .conquest-sales-breakdown-main {
    font-size: 24px;
    line-height: 26px;
  }
}
.CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown .conquest-sales-breakdown-sub {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  max-width: 530px;
  margin-top: 8px;
  color: #B2DDFF;
}
.CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown .conquest-sales-breakdown-sub .conquest-sales-percent-highlight {
  font-size: 48px;
  line-height: 32px;
  color: white;
  font-weight: 700;
}
.CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown .conquest-sales-breakdown-sub .conquest-sales-age-highlight {
  color: white;
  font-weight: 700;
}
@container (max-width: 768px) {
  .CONQUEST-TRADEIN-CONTAINER .conquest-sales-breakdown .conquest-sales-breakdown-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.YOUR-DEALER-CONTAINER {
  color: white;
  background: #011638;
  max-width: 2636px;
  font-weight: 700;
  padding: 224px 72px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER {
    padding: 112px 72px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER {
    padding: 112px 48px;
  }
}
@container (max-width: 640px) {
  .YOUR-DEALER-CONTAINER {
    padding: 112px 24px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-bg-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
.YOUR-DEALER-CONTAINER .your-dealer-bg-container .your-dealer-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -o-object-fit: cover;
     object-fit: cover;
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-bg-container .your-dealer-bg {
    width: 100%;
    height: 100%;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-logo-container {
  padding: 16px 32px;
  border-radius: 24px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  max-width: 440px;
  max-height: 152px;
}
.YOUR-DEALER-CONTAINER .your-dealer-logo-container .your-dealer-logo-image > img {
  max-width: 100%;
  max-height: 120px;
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-logo-container {
    max-width: 376px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealers-performance-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 84px;
  z-index: 1;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealers-performance-header {
    gap: 12px;
    margin-top: 84px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealers-performance-header {
    gap: 16px;
    margin-top: 48px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealers-performance-header .your-dealers-performance-header-main {
  font-weight: 700;
  font-size: 64px;
  line-height: 66px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealers-performance-header .your-dealers-performance-header-main {
    font-size: 64px;
    line-height: 66px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealers-performance-header .your-dealers-performance-header-main {
    font-size: 36px;
    line-height: 38px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealers-performance-header .your-dealers-performance-header-sub {
  z-index: 1;
  font-size: 36px;
  line-height: 38px;
  font-weight: 600;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealers-performance-header .your-dealers-performance-header-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealers-performance-header .your-dealers-performance-header-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealers-performance-header .your-dealers-performance-header-sub > img {
  height: 34px;
}
.YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex {
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 112px;
  width: 100%;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex {
    margin-top: 112px;
  }
}
@container (max-width: 1336px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex {
    margin-top: 80px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit {
    gap: 24px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit {
    gap: 16px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit .your-dealer-gross-profit-main {
  font-size: 150px;
  line-height: 152px;
  color: #FE1162;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit .your-dealer-gross-profit-main {
    font-size: 150px;
    line-height: 152px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit .your-dealer-gross-profit-main {
    font-size: 100px;
    line-height: 102px;
  }
}
@container (max-width: 640px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit .your-dealer-gross-profit-main {
    font-size: 48px;
    line-height: 50px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit .your-dealer-gross-profit-sub {
  font-size: 36px;
  line-height: 38px;
  color: #FFF;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit .your-dealer-gross-profit-sub {
    font-size: 36px;
    line-height: 38px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit .your-dealer-gross-profit-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 640px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-profit-flex .your-dealer-gross-profit .your-dealer-gross-profit-sub {
    font-size: 20px;
    line-height: 22px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-gross-roi {
  z-index: 1;
  display: flex;
  flex-direction: column;
  background: #FFF;
  color: #011638;
  border-radius: 35px;
  gap: 16px;
  padding: 32px 48px;
  margin-top: 64px;
  /* @container (max-width:1200px) {
            padding: 48px 24px;
        } */
  /*  @container (max-width:1024px) {
            width: 80%;
        } */
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-roi {
    gap: 16px;
    padding: 32px 48px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-roi {
    gap: 8px;
    padding: 24px 48px;
    margin-top: 48px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-gross-roi .your-dealer-gross-roi-main {
  font-size: 96px;
  line-height: 98px;
  color: #FE1162;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-roi .your-dealer-gross-roi-main {
    font-size: 96px;
    line-height: 98px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-roi .your-dealer-gross-roi-main {
    font-size: 48px;
    line-height: 50px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-gross-roi .your-dealer-gross-roi-sub {
  font-size: 28px;
  line-height: 30px;
  color: #011638;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-roi .your-dealer-gross-roi-sub {
    font-size: 28px;
    line-height: 30px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-roi .your-dealer-gross-roi-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-gross-roi-divider {
  z-index: 1;
  width: 100%;
  height: 1px;
  background: #516E9C;
  margin-top: 112px;
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-gross-roi-divider {
    margin-top: 80px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo {
  z-index: 1;
  display: flex;
  flex-direction: column;
  max-width: 858px;
  gap: 24px;
  margin-top: 112px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo {
    margin-top: 112px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo {
    margin-top: 80px;
    gap: 16px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo .your-dealer-header-sub-combo-main {
  font-size: 96px;
  line-height: 98px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo .your-dealer-header-sub-combo-main {
    font-size: 96px;
    line-height: 98px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo .your-dealer-header-sub-combo-main {
    font-size: 48px;
    line-height: 50px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo .your-dealer-header-sub-combo-sub {
  font-size: 36px;
  line-height: 38px;
  color: #FFF;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo .your-dealer-header-sub-combo-sub {
    font-size: 36px;
    line-height: 38px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-header-sub-combo .your-dealer-header-sub-combo-sub {
    font-size: 20px;
    line-height: 22px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-total-offers {
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  margin-top: 64px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-total-offers {
    margin-top: 64px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-total-offers {
    margin-top: 48px;
    gap: 16px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-total-offers .offers-deliver {
  width: 100px;
  height: 100px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-total-offers .offers-deliver {
    width: 100px;
    height: 100px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-total-offers .offers-deliver {
    width: 58px;
    height: 58px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-total-offers .your-dealer-total-offers-main {
  font-size: 64px;
  line-height: 66px;
  margin-top: -4px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-total-offers .your-dealer-total-offers-main {
    font-size: 64px;
    line-height: 66px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-total-offers .your-dealer-total-offers-main {
    font-size: 40px;
    line-height: 42px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-total-offers .your-dealer-total-offers-sub {
  margin-top: 8px;
  font-size: 24px;
  line-height: 26px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-total-offers .your-dealer-total-offers-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-total-offers .your-dealer-total-offers-sub {
    font-size: 20px;
    line-height: 22px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex {
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 24px;
  margin-top: 64px;
  max-width: 1600px;
  align-self: center;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex {
    margin-top: 64px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex {
    flex-direction: column;
    margin-top: 48px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box {
  display: flex;
  padding: 54px 64px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 36px;
  border: 2px solid #516E9C;
  flex: 1;
}
@container (max-width: 640px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box {
    padding: 54px 64px;
  }
}
@container (max-width: 480px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box {
    padding: 54px 64px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .offers-small-image {
  width: 58px;
  height: 58px;
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-box-main {
  font-size: 64px;
  line-height: 66px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-box-main {
    font-size: 64px;
    line-height: 66px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-box-main {
    font-size: 64px;
    line-height: 66px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-box-sub {
  font-size: 24px;
  line-height: 26px;
  margin-top: 8px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-box-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-box-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex {
  display: flex;
  gap: 86px;
  margin-top: 40px;
  justify-content: center;
  width: 100%;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex {
    gap: 48px;
  }
}
@container (max-width: 1024px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex {
    gap: 24px;
  }
}
@container (max-width: 768px) {
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex .your-dealer-split-click-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex .your-dealer-split-click-box .your-dealer-split-click-box-main {
  color: #FE1162;
  font-size: 48px;
  line-height: 50px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex .your-dealer-split-click-box .your-dealer-split-click-box-main {
    font-size: 48px;
    line-height: 50px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex .your-dealer-split-click-box .your-dealer-split-click-box-main {
    font-size: 40px;
    line-height: 42px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex .your-dealer-split-click-box .your-dealer-split-click-box-sub {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex .your-dealer-split-click-box .your-dealer-split-click-box-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-split-flex .your-dealer-split-box .your-dealer-split-click-flex .your-dealer-split-click-box .your-dealer-split-click-box-sub {
    font-size: 16px;
    line-height: 18px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex {
  z-index: 1;
  display: flex;
  align-items: space-between;
  width: 100%;
  margin-top: 112px;
  max-width: 1605px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex {
    margin-top: 112px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex {
    margin-top: 112px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-image {
  width: 100%;
  height: 100%;
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left {
  flex: 1 0 60%;
  display: flex;
  flex-direction: column;
}
@container (max-width: 1024px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left {
    flex: 1 0 100%;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-1 {
  font-size: 64px;
  line-height: 66px;
  font-weight: 700;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-1 {
    font-size: 48px;
    line-height: 50px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-1 {
    font-size: 36px;
    line-height: 38px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-2 {
  font-size: 36px;
  line-height: 38px;
  margin-top: 80px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-2 {
    font-size: 36px;
    line-height: 38px;
    margin-top: 54px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-2 {
    font-size: 20px;
    line-height: 22px;
    margin-top: 48px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-3 {
  font-size: 96px;
  line-height: 98px;
  font-weight: 700;
  margin-top: 80px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-3 {
    font-size: 64px;
    line-height: 66px;
    margin-top: 54px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-3 {
    margin-top: 48px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-4 {
  font-size: 36px;
  line-height: 38px;
  font-weight: 600;
  margin-top: 24px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-4 {
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-left-size-4 {
    font-size: 20px;
    line-height: 22px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-image-left {
  display: none;
  margin-top: 48px;
}
@container (max-width: 1024px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-image-left {
    display: flex;
    justify-content: center;
  }
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-image-left img {
    width: 312px;
    height: 232px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-left .your-dealer-connected-customers-image-left img {
    width: 208px;
    height: 155px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-right {
  flex: 1 0 40%;
}
@container (max-width: 1024px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-right {
    display: none;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-right .your-dealer-connected-customers-image {
  display: flex;
  justify-content: flex-end;
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-flex .your-dealer-connected-customers-right img {
  width: 382px;
  height: 284px;
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-footnote {
  z-index: 1;
  font-size: 16px;
  line-height: 18px;
  margin-top: 80px;
  font-weight: 600;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-footnote {
    margin-top: 54px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-footnote {
    margin-top: 48px;
    font-size: 14px;
    line-height: 16px;
  }
}
.YOUR-DEALER-CONTAINER .your-dealer-connected-customers-footnote .your-dealer-connected-customers-footnote-gap {
  margin-top: 24px;
}
@container (max-width: 1536px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-footnote .your-dealer-connected-customers-footnote-gap {
    margin-top: 16px;
  }
}
@container (max-width: 768px) {
  .YOUR-DEALER-CONTAINER .your-dealer-connected-customers-footnote .your-dealer-connected-customers-footnote-gap {
    margin-top: 16px;
  }
}
.PRODUCT-RELEASES-CONTAINER {
  color: white;
  background: linear-gradient(180deg, #9CCBF8 0%, #7FA5EB 27%, #7C93DE 52%, #6A91E7 75%, #7EB3E8 100%);
  max-width: 2636px;
  font-weight: 700;
  padding: 160px 72px;
}
@container (max-width: 1536px) {
  .PRODUCT-RELEASES-CONTAINER {
    padding: 112px 72px;
  }
}
@container (max-width: 768px) {
  .PRODUCT-RELEASES-CONTAINER {
    padding: 142px 48px;
    padding: 142px 24px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-top-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex {
  max-width: 870px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-header {
  max-width: 1306px;
  font-size: 48px;
  line-height: 50px;
}
@container (max-width: 1536px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-header {
    max-width: 870px;
    font-size: 48px;
    line-height: 50px;
  }
}
@container (max-width: 768px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-header {
    max-width: 100%;
    font-size: 36px;
    line-height: 38px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-sub {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  margin-top: 12px;
}
@container (max-width: 768px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-sub {
    font-size: 16px;
    line-height: 18px;
    margin-top: 16px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-more {
  display: flex;
  justify-content: flex-start;
  margin-top: 112px;
  font-size: 24px;
  line-height: 36px;
  gap: 8px;
}
@container (max-width: 768px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-more {
    justify-content: center;
    margin-top: 80px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-left-image {
  width: 242px;
  height: 353px;
  display: none;
  margin-top: 80px;
  align-self: center;
}
@container (max-width: 768px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-left-flex .product-release-left-image {
    display: block;
  }
  .PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-right-flex {
    display: none;
    width: 381px;
    height: 535px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-right-flex .product-release-image {
  width: 381px;
  height: 535px;
}
@container (max-width: 1024px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-top-container .product-release-right-flex .product-release-image {
    width: 267px;
    height: 375px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown {
  margin-top: 112px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container {
  position: relative;
  display: flex;
  gap: 24px;
}
@container (max-width: 1140px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container {
    display: none;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-left {
  flex: 1 0 40%;
  display: flex;
  flex-direction: column;
  gap: 64px;
  position: relative;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding-top: 112px;
}
@container (max-width: 1536px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-left {
    flex: 1 0 35%;
  }
}
@container (max-width: 1315px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-left {
    flex: 1 0 30%;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-left .parallax-cards-title {
  color: var(--color-grey-100, #F2F4F7);
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
}
@container (max-width: 1300px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-left .parallax-cards-title {
    font-size: 38px;
    line-height: 40px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-left .highlighted-title {
  background: linear-gradient(90deg, #99197B 0%, #672493 33.5%, #3507AB 65%, #096BD6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-right {
  flex: 1 0 60%;
  overflow-y: auto;
}
@container (max-width: 1536px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-right {
    flex: 1 0 65%;
  }
}
@container (max-width: 1315px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-right {
    flex: 1 0 70%;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-container-right .parallax-component {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 400px);
  gap: 24px;
  margin-bottom: 100px;
}
@container (max-width: 1536px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card-grid {
    grid-template-columns: repeat(2, 374px);
  }
}
@container (max-width: 1300px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card-grid {
    grid-template-columns: repeat(2, 326px);
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card {
  height: 510px;
  width: 400px;
  background-color: white;
  color: #011638;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  border-radius: 32px;
  overflow: hidden;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card.languageStyleOverride {
  height: 530px;
}
@container (max-width: 1536px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card {
    width: 374px;
  }
}
@container (max-width: 1300px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card {
    width: 336px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card .parallax-card-image {
  width: 100%;
  height: 308px;
}
@container (max-width: 1536px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card .parallax-card-image {
    height: 277px;
  }
}
@container (max-width: 1300px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card .parallax-card-image {
    height: 254px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card .parallax-card-text {
  padding: 0px 16px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card .parallax-card-title {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
}
@container (max-width: 1300px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card .parallax-card-title {
    font-size: 20px;
    line-height: 22px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card .parallax-card-desc {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}
@container (max-width: 1300px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .parallax-container .parallax-card .parallax-card-desc {
    font-size: 16px;
    line-height: 18px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container {
  display: none;
}
@container (max-width: 1140px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-section {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-element .flickity-viewport {
  overflow: visible;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-section-header {
  font-size: 36px;
  line-height: 38px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-card {
  height: 440px;
  width: 300px;
  background-color: white;
  color: #011638;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  border-radius: 32px;
  overflow: hidden;
  margin-right: 16px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-card.languageStyleOverride {
  height: 480px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-card .carousel-card-image {
  width: 100%;
  height: 229px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-card .carousel-card-text {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-card .carousel-card-title {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
}
.PRODUCT-RELEASES-CONTAINER .product-release-breakdown .carousel-container .carousel-card .carousel-card-desc {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.PRODUCT-RELEASES-CONTAINER .product-release-roi {
  max-width: 1306px;
  font-size: 64px;
  line-height: 66px;
  padding-top: 224px;
}
@container (max-width: 1536px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-roi {
    max-width: 870px;
    padding-top: 112px;
  }
}
@container (max-width: 768px) {
  .PRODUCT-RELEASES-CONTAINER .product-release-roi {
    max-width: 100%;
    padding-top: 112px;
  }
}
.PRODUCT-RELEASES-CONTAINER .product-release-roi .product-release-roi-main {
  font-weight: 700;
  font-size: 36px;
  line-height: 38px;
}
.PRODUCT-RELEASES-CONTAINER .product-release-roi .product-release-roi-sub {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  margin-top: 12px;
}
.CSM-CONTAINER {
  max-width: 2636px;
  background: linear-gradient(106deg, #142031 7.31%, #1B325E 36.26%, #244984 62.2%, #3E5897 89.25%);
  min-width: 400px;
  position: relative;
  color: white;
  padding: 0px 72px;
  padding: 160px 72px;
}
@container (max-width: 1536px) {
  .CSM-CONTAINER {
    padding: 112px 72px;
  }
}
@container (max-width: 768px) {
  .CSM-CONTAINER {
    padding: 142px 48px;
    background: linear-gradient(180deg, #142031 0%, #3E5897 100%);
  }
}
.CSM-CONTAINER .csm-container-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 112px;
}
@container (max-width: 1300px) {
  .CSM-CONTAINER .csm-container-flex {
    gap: 48px;
  }
}
@container (max-width: 1024px) {
  .CSM-CONTAINER .csm-container-flex {
    flex-direction: column;
    gap: 80px;
  }
}
.CSM-CONTAINER .csm-container-flex .csm-container-left {
  flex: 1 0 60%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@container (max-width: 1536px) {
  .CSM-CONTAINER .csm-container-flex .csm-container-left {
    flex: 1 0 50%;
  }
}
.CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-header {
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  max-width: 770px;
}
@container (max-width: 1536px) {
  .CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-header {
    font-size: 48px;
    line-height: 50px;
  }
}
@container (max-width: 768px) {
  .CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-header {
    font-size: 48px;
    line-height: 50px;
  }
}
.CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-sub {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  max-width: 770px;
}
@container (max-width: 1536px) {
  .CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
@container (max-width: 768px) {
  .CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-sub {
    font-size: 24px;
    line-height: 26px;
  }
}
.CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-csm-flex {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
}
.CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-csm-flex .csm-container-csm-picture-image-div {
  width: 96px;
  height: 96px;
}
.CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-csm-flex .csm-container-csm-picture-image-div > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-csm-flex .csm-container-csm-text-flex {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-csm-flex .csm-container-csm-text-name {
  color: var(--Brand-Red, #FE1162);
  font-size: 24px;
  font-weight: 700;
}
.CSM-CONTAINER .csm-container-flex .csm-container-left .csm-container-csm-flex .csm-container-csm-text-details {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.CSM-CONTAINER .csm-container-flex .csm-container-right {
  flex: 1 0 40%;
}
@container (max-width: 1536px) {
  .CSM-CONTAINER .csm-container-flex .csm-container-right {
    flex: 1 0 50%;
  }
}
.CSM-CONTAINER .csm-container-flex .csm-container-right > img {
  width: 487px;
  height: 262px;
}
@container (max-width: 640px) {
  .CSM-CONTAINER .csm-container-flex .csm-container-right > img {
    width: 303px;
    height: 170px;
  }
}

.public-offer-wrapper {
  display: flex;
  justify-content: center;
  padding: 24px;
}
.public-offer-wrapper .offer-modal-wrapper {
  max-width: 700px;
  min-width: 550px;
}

.manage-users-ref {
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  color: #011638;
}
.manage-users-ref .ant-dropdown-trigger.ant-dropdown-open.mu-hover-effect {
  padding: 8px;
  background-color: #E6F0FC;
  display: inline-block;
  height: 40px;
  border-radius: 100px;
  margin-right: -8px;
}
.manage-users-ref .manage-users-table {
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  color: #011638;
}
.manage-users-ref .manage-users-table .manage-users-table-row {
  height: 80px;
}
.manage-users-ref .manage-users-table.ar-drive-table .ant-table-container table > thead > tr:first-child th:first-child,
.manage-users-ref .manage-users-table.ar-drive-table .ant-table-container table > tbody td:first-child {
  padding-left: 32px;
}
.manage-users-ref .manage-users-table.ar-drive-table .ant-table-container table > thead > tr:first-child th:last-child,
.manage-users-ref .manage-users-table.ar-drive-table .ant-table-container table > tbody td:last-child {
  padding-right: 32px;
}
.manage-users-ref .mu-user-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}
.manage-users-ref .mu-user-cell .mu-user-icon {
  border-radius: 16px;
  border: 1px solid #D9D9D9;
  background: #F0F0F0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: #979797;
}
.manage-users-ref .mu-user-cell .mu-user-tag {
  font-size: 10px;
  border-radius: 60px;
  border: 1px solid var(--Grey-Grey-20, #CCD0D7);
  background: var(--brand-white, #FFF);
  padding: 0px 8px;
  height: 18px;
  line-height: 16px;
  color: #000;
}
.manage-users-ref .mu-user-cell .mu-user-tag.mu-user-tag-expired {
  color: #F04438;
}
.manage-users-ref .mu-phone-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}
.manage-users-ref .mu-phone-2fa {
  font-size: 10px;
  border-radius: 60px;
  background: var(--color-brand-blue-default, #0166DF);
  padding: 0px 8px;
  height: 18px;
  line-height: 18px;
  color: white;
  width: 48px;
}
.mu-edit-modal-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  font-size: 16px;
}
.mu-edit-modal-container .mu-edit-modal-header {
  color: #000;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
}
.mu-edit-modal-container .mu-edit-modal-form {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.mu-edit-modal-container .mu-edit-modal-form .drive-input-label {
  color: #011638;
  font-size: 16px;
  margin-bottom: 4px;
}
.mu-edit-modal-container .mu-edit-modal-buttons {
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.mu-edit-modal-container .mu-edit-modal-buttons > button {
  flex: 1;
}
.mu-edit-modal-container .mu-required-star {
  color: #F04438;
  margin-left: 4px;
}

.ignore-settings{
    padding-bottom: 24px;
}

.ignore-settings .admin-settings-group-title {
    margin-right: 30px;
} 

.ignore-settings-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    margin-right: 24px;
}

.settings-rule-wrapper{
    display: flex;
    margin-left: 30px;
    flex: 1;
}
    .settings-rule-container{
        width: 100%;
        display: flex;
        padding: 8px 0px; 
    }
        .settings-rule-field{
            flex: 1 0 20%
        }
            .settings-rule-field:not(:last-child){
                margin-right: 16px;
            }

    .settings-rule-delete-icon{
        margin-top: 8px;
        cursor: pointer;
        color: #E53A40;
    }

.ignore-settings-add{
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 8px;
}

.ignore-settings-empty{
    display: flex;
    gap: 2px;
    padding: 5px 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
    .ignore-settings-empty p {
        color: #99A2AF;
    }

.save-reminder {
    color: #ff5d26;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
}

.ant-select.drive-select.has-save-error .ant-select-selector, .ant-input.drive-input.has-save-error{
    border: 1px solid red;
    background-color: #f2e9e9;
}

.settings-with-list-title {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #011638;
}


/* CSS STYLES USING IGNORE SETTINGS AS A SUBSECTION */
/* --------------------------------------------------------------------------------- */
.ignore-settings-substyle.ignore-settings{
    padding-bottom: 8px;
}
.ignore-settings-substyle .ignore-settings-header{
    margin-bottom: 8px;
}
.ignore-settings-substyle .admin-settings-group-title{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #011638;
    text-decoration: underline;
    margin-bottom: 0px;
}
.ignore-settings-substyle .settings-rule-container{
    border-top:none;
}
.ignore-settings-substyle .ignore-settings-empty p{
    font-size: 14px;
}
.ignore-settings-substyle .ignore-settings-add{
    padding-bottom: 8px;
}
.ignore-settings-small-row-padding .settings-rule-container{
    padding: 4px;
}
/* END OF CSS STYLES FOR  USING IGNORE SETTINGS AS A SUBSECTION */
/* --------------------------------------------------------------------------------- */

/* CSS STYLES FOR THE FORD CUSTOM FSERIES RULES */
/* --------------------------------------------------------------------------------- */
.ford-series-custom-chart{
    padding: 16px 30px 0px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 16px;
}
/* END OF CSS STYLES FOR THE FORD CUSTOM FSERIES RULES */
/* --------------------------------------------------------------------------------- */

/* CSS STYLES FOR THE USED VEHICLE RATE AND TERM RULES */
/* --------------------------------------------------------------------------------- */
.used_vehicle_rate_and_term{
    padding: 0px 30px 0px 30px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 4px;
}
    .used_vehicle_rate_and_term tr.used_vehicle_table_row > td{
        padding: 2px 8px;
    }
/* END OF CSS STYLES FOR THE USED VEHICLE RATE AND TERM RULES */
/* --------------------------------------------------------------------------------- */


/* CSS STYLES FOR THE NEVER MATCH RULES */
/* --------------------------------------------------------------------------------- */

.settings-rule-wrapper-never-match:not(:first-child){
    margin-top:16px;
}
.settings-rule-wrapper-never-match:last-child{
    margin-bottom:16px;
}

.settings-rule-container-never-match {
    border: 1px solid #D9DCE1;
    padding: 16px;
    border-radius: 5px;
    display:flex; 
    flex-direction:column; 
    flex:1;
}

.never-match-divider{
    margin: 8px 0px 8px 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #677388;
}

.add-never-match-row{
    display:flex;
    justify-content: flex-start;
    cursor: pointer;
    margin-top: 0px;
    color: rgb(24, 144, 255);
    font-size: 16px;
}
    .add-never-match-icon{
        color: #39BB65;
        margin-right: 5px;
    }
        .add-never-match-icon svg{
            transform: scale(1.3);
        }

.never-match-row-wrapper{
    display:flex;
}
    .never-match-rule-row-wrapper{
        margin-bottom: 8px;
        margin-right: 6px;
        align-items: center;
    }

.remove-never-match-icon{
    color: #E53A40;
    cursor:pointer;
    width: 11px;
    height: 40px;
    text-align: right;
}
        
/* END OF CSS STYLES FOR THE NEVER MATCH RULES */
/* --------------------------------------------------------------------------------- */

/* CSS STYLES FOR DEALER SETTINGS REQUIRING SORTING */
/* --------------------------------------------------------------------------------- */
.edit-setting-sortable-row-flex{
    display:flex;
    align-items: center;
}

    .dealer-setting-sortable-row-icon{
        margin-left: 12px;
        margin-right: 8px;
    }
    .edit-setting-sortable-row-flex .settings-rule-wrapper{
        margin-left: 0px;
    }
        
/* END OF CSS STYLES FOR THE NEVER MATCH RULES */
/* --------------------------------------------------------------------------------- */

/* CSS STYLES FOR THE MILEAGE PENALTY EXCEPTION RULES */
/* --------------------------------------------------------------------------------- */
.settings-rule-wrapper-mileage-penalty:not(:first-child){
    margin-top:8px;
}
/* .settings-rule-wrapper-mileage-penalty:last-child{
    margin-bottom:16px;
} */

.settings-rule-container-mileage-penalty {
    border: 1px solid #D9DCE1;
    padding: 16px;
    border-radius: 5px;
    display:flex; 
    flex-direction:column; 
    flex:1;
}

.ignore-settings-substyle .settings-rule-container.settings-rule-container-mileage-penalty{
    border-top: 1px solid #D9DCE1;
}
        
/* END OF CSS STYLES FOR THE NEVER MATCH RULES */
/* --------------------------------------------------------------------------------- */



/* CSS STYLES FOR THE SETTINGS WITH ENABLED RULES */
/* --------------------------------------------------------------------------------- */
.settings-with-enabled-flex {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    padding: 8px 32px 16px 32px;
}
.dealer-settings-wrapper .settings-with-enabled-flex{
    padding: 8px 24px 16px 24px;
}

.settings-with-enabled-buttons-flex{
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding-left: 30px;
    margin-top: 8px;
}

.settings-with-enabled-container .settings-rule-wrapper {
    margin-right: 32px;
    border-top: 1px solid #D9DCE1;
}

.settings-with-enabled-container .settings-rule-container {
    border-top: none;
}
/* END OF CSS STYLES FOR THE SETTINGS WITH ENABLED RULES */
/* --------------------------------------------------------------------------------- */

    
.used_vehicle_rate_and_term_table {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
    padding: 0px 30px 0px 30px;
    align-items: center;
    gap: 4px;
}
.table-header {
    display: none;
    font-weight: 700;
    color: #808B9B;
    background-color: #f2f2f6
}

.table_row {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}

.header-cell {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    flex-basis: 0;
    overflow: hidden;
    min-width: 0px;
    font-size: 13px;
}

.view-only-used-vehicles .admin-settings-group-title{
    margin-left: 24px;
    margin-right: 24px;
}
.view-only-used-vehicles .used_vehicle_rate_and_term_table{
    margin-left: 24px;
    margin-right: 24px;
    padding-left: 0px;
    padding-right: 0px;
}

.settings-group-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  border-top: 1px solid #ECEEF0;
  padding: 12px 24px;
  gap: 16px;
}
.settings-group-wrapper .has-save-error.drive-select.drive-select-size-medium.ant-select-multiple .ant-select-selector {
  border: 1px solid red;
  background-color: #f2e9e9;
}
.settings-group-wrapper .has-save-error.drive-input {
  border: 1px solid red;
  background-color: #f2e9e9;
}
.settings-group-wrapper .has-save-error.drive-input-number.ant-input-number {
  border: 1px solid red;
  background-color: #f2e9e9;
}
.settings-group-wrapper.setting-flex-column {
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
}
.settings-group-wrapper .dealer-settings-type {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #011638;
  max-width: 75%;
  min-height: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.settings-group-wrapper .dealer-settings-type .dealer-settings-title-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
}
.settings-group-wrapper .dealer-setting-error-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.settings-group-wrapper .dealer-setting-error-inline-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.settings-group-wrapper .dealer-settings-email-domain-input {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
  width: 100%;
}
.settings-group-wrapper .dealer-settings-textarea {
  width: 100%;
}
.settings-group-wrapper .dealer-settings-switch {
  width: initial;
}
.settings-group-wrapper .dealer-settings-switch .ant-switch-disabled {
  opacity: 0.7;
}
.settings-group-wrapper .dealer-settings-range {
  width: 264px;
}
.settings-group-wrapper .dealer-settings-slider-labels {
  width: 264px;
}
.settings-group-wrapper .dealer-settings-number-with-radio {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  gap: 2px;
}
.settings-group-wrapper .ant-select-arrow {
  top: 41%;
  right: 16px;
}
/* 

.dealer-settings-value.input .ant-input-number-handler-wrap {
    display: none;
}

.dealer-settings-value.select {
    width: 184px;
}

.dealer-settings-value.asv-datepicker {
    width: 184px;
}

.dealer-settings-value.asv-datepicker.asv-cancel-datepicker {
    width: 142px;
}

.dealer-settings-value-selector.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    border: 1px solid #CCD0D7;
    border-radius: 8px;
}

.dealer-settings-value-selector.ant-select-single.ant-select-open .ant-select-selection-item {
    opacity: 1;
}

.dealer-settings-value-selector .ant-select-arrow {
    top: 41%;
    right: 20px;
}

.dealer-settings-value



.dealer-settings-value.textarea {
    width: 100%;
} */

.dealer-settings-automate-ready-to-send-selects .ant-select-arrow {
  top: 52%;
  right: 10px;
}
.dealer-settings-wrapper .dealer-settings-content-wrapper {
  padding: 0 30px;
  padding-bottom: 30px;
  margin: 0 auto;
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
}
.dealer-settings-wrapper .dealer-settings-content-wrapper > div {
  flex: 1 0 550px;
  flex-grow: 9999;
}
.dealer-settings-wrapper .drive-input.ant-input.ant-input-disabled {
  color: black;
  background-color: #f6f6f6;
}
.dealer-settings-wrapper .dealer-settings-group-container {
  border: 1px solid #D9DCE1;
  margin-top: 24px;
  border-radius: 8px;
}
.dealer-settings-wrapper .dealer-settings-group-container .dealer-settings-group-title {
  /* margin-top: 24px; */
  margin-left: 24px;
  font-weight: bold;
  font-size: 24px;
  line-height: 40px;
  color: #000000;
  padding: 16px 0px;
}
.drive-settings-page-header {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (max-width: 800px) {
  .drive-settings-page-header {
    flex-direction: column;
    gap: 4px;
  }
}

#change-history-table .ant-table-thead > tr > th:first-child {
  padding-left: 32px !important;
}
#change-history-table .ant-table-thead > tr > th:last-child {
  padding-right: 32px !important;
}

.ar-tag.ar-tag-theme-v3 {
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #D1D5DB;
  margin-right: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.ar-tag.ar-tag-theme-v3.ar-tag-size-large {
  height: 32px;
  padding: 4px 6px;
  font-size: 16px;
  line-height: 24px;
}
.ar-tag.ar-tag-theme-v3.ar-tag-size-medium {
  height: 24px;
  padding: 2px 6px;
  font-size: 14px;
  line-height: 20px;
}
.ar-tag.ar-tag-theme-v3.ar-tag-size-small {
  height: 20px;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 16px;
}
.ar-tag.ar-tag-theme-v3.ar-tag-style-outlined {
  color: #0A0D14;
  background-color: #FFFFFF;
}
.ar-tag.ar-tag-theme-v3.ar-tag-style-filled {
  color: #1B8B4B;
  background-color: #E4FFE5;
  border: none;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-icon {
  padding: 4px;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-icon.ar-tag-left-icon.ar-tag-icon {
  padding: 8px 8px 8px 2px;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-icon.ar-tag-right-icon.ar-tag-icon {
  padding: 8px 2px 8px 8px;
}
.ar-tag.ar-tag-theme-v3 .faTimes-adjustment-class.svg-inline--fa {
  vertical-align: -0.195em;
  font-size: 1.1em;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-animate .svg-inline--fa {
  transform: rotate(0deg);
  transition: all 0.15s ease-in-out;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-animate .svg-inline--fa:hover {
  transform: rotate(90deg);
  transition: all 0.15s ease-in-out;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-click .svg-inline--fa {
  cursor: pointer;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-dot-icon {
  height: 8px;
  width: 8px;
  border-radius: 4px;
  position: relative;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-dotGreen {
  background-color: #2ECC71;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-dotRed {
  background-color: #E74C3C;
}
.ar-tag.ar-tag-theme-v3 .ar-tag-dotOrange {
  background-color: #F58E43;
}

.dealer-checkins-wrapper {
  background-color: #fafafa;
  height: calc(100vh);
}
.dealer-checkins-wrapper .create-checkin-header {
  font-size: 24px;
  border-bottom: 1px solid #eee;
  margin-bottom: 12px;
  line-height: 36px;
}
.dealer-checkins-wrapper .dealer-checkins-content-wrapper {
  padding: 16px;
  height: calc(100vh - 80px);
}
.dealer-checkins-wrapper .dealer-checkins-content-wrapper .dealer-checkins-table .ant-table-row {
  height: 58px;
  cursor: pointer;
}
.dealer-checkins-wrapper .dealer-checkins-content-wrapper .dealer-checkins-table .dealer-checkins-table-flex {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.dealer-checkins-wrapper .dealer-checkins-content-wrapper .dealer-checkins-table .complete-checkin {
  opacity: 0.6;
}
.dealer-checkins-wrapper .dealer-checkins-content-wrapper .dealer-checkins-table .incomplete-checkin {
  opacity: 1;
}
.dealer-checkins-wrapper .creating-checkin-wrapper {
  padding: 16px;
  background-color: #FFF;
  border: 1px solid #ECEEF0;
  border-radius: 8px;
  /* width: 258px; */
  justify-content: space-between;
  position: relative;
  box-shadow: none;
  transition: box-shadow 0.3s ease-in-out;
  gap: 40px;
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 184px);
  overflow-y: scroll;
}
.dealer-checkins-wrapper .creating-checkin-wrapper .create-checkin-sub-flex {
  display: flex;
  gap: 24px;
}
.dealer-checkins-wrapper .creating-checkin-wrapper .create-checkin-sub-flex .checkin-wrapper-flex {
  flex: 1 0 49%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 30%;
}
.dealer-checkins-wrapper .creating-checkin-wrapper .create-checkin-sub-flex .checkin-wrapper-flex .creating-checkin-question .drive-input-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #485870;
}
.dealer-checkins-wrapper .creating-checkin-wrapper .create-checkin-sub-flex .checkin-wrapper-flex .met-with-grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 16px;
}
.dealer-checkins-wrapper .creating-checkin-wrapper .create-checkin-sub-flex .checkin-wrapper-flex .met-with-grid .no-contacts-available {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 64px;
  gap: 16px;
}
@media (max-width: 1200px) {
  .dealer-checkins-wrapper .creating-checkin-wrapper .create-checkin-sub-flex {
    flex-wrap: wrap;
    gap: 16px;
  }
  .dealer-checkins-wrapper .creating-checkin-wrapper .create-checkin-sub-flex .checkin-wrapper-flex {
    flex: 1 0 100%;
  }
}
.dealer-checkins-wrapper .create-checkin-dealer-goals {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dealer-checkins-wrapper .create-checkin-dealer-goals .create-checkin-dealer-goals-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #485870;
}
.dealer-checkins-wrapper .create-checkin-dealer-goals .create-checkin-dealer-goals-flex {
  display: flex;
  align-items: center;
  gap: 32px;
}
.dealer-checkins-wrapper .create-checkin-dealer-goals .cc-dealer-goal {
  flex: 0 0 30%;
  border: 1px solid #EBEBEB;
  padding: 16px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #000;
}
.dealer-checkins-wrapper .create-checkin-dealer-goals .cc-dealer-goal.cc-dealer-goal-met {
  border: 2px solid #78d196;
  background-color: #f2fbed;
}
.dealer-checkins-wrapper .create-checkin-rating-question-container {
  /* display:flex;
        gap: 24px;
        flex-wrap: wrap; */
  flex-wrap: none;
}
.dealer-checkins-wrapper .create-checkin-rating-question-container .rating-question-flex {
  flex: 1 0 100%;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 0 48%;
}
.dealer-checkins-wrapper .create-checkin-rating-question-container .rating-question-text {
  min-height: 32px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #485870;
}
.dealer-checkins-wrapper .create-checkin-rating-question-container .rating-question-row-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0px 0;
}
.dealer-checkins-wrapper .create-checkin-rating-question-container .rating-question-radio {
  flex: 0 0 200px;
  text-align: right;
}
.dealer-checkins-wrapper .create-checkin-rating-question-container .rating-question-radio .ant-radio-button-wrapper {
  height: 36px;
  padding-top: 3px;
}
.dealer-checkins-wrapper .create-checkin-rating-question-container .rating-question-radio .ant-radio-button-wrapper:first-child {
  border-radius: 8px 0 0 8px;
}
.dealer-checkins-wrapper .create-checkin-rating-question-container .rating-question-radio .ant-radio-button-wrapper:last-child {
  border-radius: 0 8px 8px 0;
}
.dealer-checkins-wrapper .checkin-required-input {
  border-color: #ff4d4f;
}
.dealer-checkins-wrapper .checkin-required-input .ant-select-selector {
  border-color: #ff4d4f;
}
@media (max-width: 1400px) {
  .dealer-checkins-wrapper .create-checkin-rating-question-container {
    flex-wrap: none;
  }
  .dealer-checkins-wrapper .create-checkin-rating-question-container .rating-question-flex {
    flex: 1 0 100%;
  }
}
.dealer-checkins-wrapper .creating-checkin-button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  gap: 16px;
  align-items: center;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper {
  padding: 24px;
  background-color: #FFF;
  border: 1px solid #ECEEF0;
  border-radius: 8px;
  /* width: 258px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  box-shadow: none;
  transition: box-shadow 0.3s ease-in-out;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 2px solid #C4C4C4;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-header .viewing-checkin-header-text {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 5px;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-header .viewing-checkin-sub-header-text {
  font-size: 12px;
  color: #999999;
  font-weight: 400;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-header .viewing-checkin-user-header-text {
  font-size: 14px;
  color: #999999;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-header .edit-checkin-button {
  margin-left: 16px;
  padding: 4px;
  margin-top: -4px;
  cursor: pointer;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-questions-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-questions-wrapper .viewing-checkin-question-answer-container:not(:last-child) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 24px;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-questions-wrapper .viewing-checkin-question-answer-container .rating-header {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-questions-wrapper .viewing-checkin-question-answer-container .viewing-checkin-rating-flex {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-questions-wrapper .viewing-checkin-question-answer-container .viewing-checkin-question-flex:not(:last-child) {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-questions-wrapper .viewing-checkin-question-answer-container .viewing-checkin-question {
  font-size: 14px;
  line-height: 18px;
  color: black;
}
.dealer-checkins-wrapper .viewing-checkin-wrapper .viewing-checkin-questions-wrapper .viewing-checkin-question-answer-container .viewing-checkin-answer {
  margin-top: 4px;
  font-size: 14px;
  color: #777;
  font-style: italic;
}
.send-checkin-modal .send-checkin-modal-wrapper .send-checkin-modal-header {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin: 0px -16px;
  padding: 0px 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eceef0;
}
.send-checkin-modal .send-checkin-modal-wrapper .send-checkin-modal-inputs {
  margin: 0px -16px;
  margin-top: 16px;
  padding: 0px 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eceef0;
}
.send-checkin-modal .send-checkin-modal-wrapper .send-checkin-modal-buttons {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.engine-icon svg {
  position: relative;
  top: -3px;
}
.checkin-html-wrapper {
  margin: -16px;
  font-family: Arial, sans-serif;
  background-color: #fff;
  background-color: #F9F9F9;
}

.ar-tooltip.ar-tooltip-v1 .ant-tooltip-content {
  box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.14), 0 0 8px 0 rgba(0, 0, 0, 0.28);
  border-radius: 6px;
}
.ar-tooltip.ar-tooltip-v1 .ant-tooltip-inner {
  color: #7a808b;
  font-family: Lato;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  border-radius: 6px;
}
.ar-tooltip.ar-tooltip-v3 .ant-tooltip-arrow {
  display: none;
}
.ar-tooltip.ar-tooltip-v3 .ant-tooltip-inner {
  padding: 6px 12px;
  line-height: 20px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
}
.ar-tooltip.ar-tooltip-v3.ar-tooltip-color-light .ant-tooltip-inner {
  background-color: #F4F7F9;
  color: #0A0D14;
}
.ar-tooltip.ar-tooltip-v3.ar-tooltip-color-dark .ant-tooltip-inner {
  background-color: #1B1F27;
  color: #FFFFFF;
}

.ar-popover.ar-popover-v1 .ar-popover-hide-arrow .ant-popover-arrow {
  display: none;
}
.ar-popover.ar-popover-v1 .ant-popover-content {
  box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.14), 0 0 8px 0 rgba(0, 0, 0, 0.28);
  border-radius: 3px;
}
.ar-popover.ar-popover-v1.type-ar .ant-popover-title {
  background-color: #c9002d;
  color: white;
  height: 41px;
  font-size: 14px;
  line-height: 27px;
  padding: 8px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ar-popover.ar-popover-v1.type-ar .ant-popover-inner {
  color: #7a808b;
  font-family: Lato;
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
  border-radius: 3px;
  min-height: 100px;
  max-width: 300px;
}
.ar-popover.ar-popover-v1.type-closable-popover .ant-popover-title {
  border-bottom: none;
  color: black;
  font-family: Lato;
  font-size: 21px;
  line-height: 25px;
  padding-top: 16px;
  display: flex !important;
  width: 100%;
}
.ar-popover.ar-popover-v3 .ant-popover-arrow {
  display: none;
}
.ar-popover.ar-popover-v3 .ant-popover-inner {
  padding: 6px 12px;
  line-height: 20px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
}
.ar-popover.ar-popover-v3 .ant-popover-inner .ant-popover-title {
  font-weight: 700;
  border-bottom: none;
  min-height: 20px;
}
.ar-popover.ar-popover-v3.ar-popover-color-light .ant-popover-inner {
  background-color: #F4F7F9;
}
.ar-popover.ar-popover-v3.ar-popover-color-light .ant-popover-inner .ant-popover-title {
  color: #0A0D14;
  padding: 0px;
}
.ar-popover.ar-popover-v3.ar-popover-color-light .ant-popover-inner .ant-popover-inner-content {
  color: #0A0D14;
  padding: 0px;
}
.ar-popover.ar-popover-v3.ar-popover-color-dark .ant-popover-inner {
  background-color: #1B1F27;
}
.ar-popover.ar-popover-v3.ar-popover-color-dark .ant-popover-inner .ant-popover-title {
  color: #FFFFFF;
  padding: 0px;
}
.ar-popover.ar-popover-v3.ar-popover-color-dark .ant-popover-inner .ant-popover-inner-content {
  color: #FFFFFF;
  padding: 0px;
}

.chart-wrapper {
    background-color: 'white';
    border-radius: 3px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 8px;
    font-family: Lato;
    position: relative;
    overflow: hidden;
}

.chart-wrapper-header-div {
    height: 72px;
    position: relative;
}
.chart-wrapper-header {
    font-size: 14px;
    line-height: 1.71;
    color: black;
}
.chart-wrapper-sub-header {
    font-size: 12px;
    line-height: 1.5;
    color: #7a808b;
}

.chart-wrapper-icon-info-div {
    position: absolute;
    right: -8px;
    top: 0px;
}
.chart-wrapper-icon-info {
    font-size: 1.4em;
    padding-top: 2px;
    color: #7a808b;
}

.chart-wrapper-controls-div {
    position: absolute;
    right: -16px;
    top: 8px;
    font-weight: normal;
}

.overflow-chart {
    overflow-y: hidden;
    padding-right: 6px;
}
.overflow-chart:hover {
    overflow-y: scroll;
    padding-right: 0px;
}
.overflow-chart::-webkit-scrollbar {
    width: 6px;
}
.overflow-chart::-webkit-scrollbar * {
    background: transparent;
}
.overflow-chart::-webkit-scrollbar-thumb {
    background: #303030 !important;
    border-radius: 3px;
}

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

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Chart Wrapper Insight CSS--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.chart-wrapper-insight-header {
    background-color: #c9002d;
    color: white;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    margin-top: -8px;
    margin-left: -16px;
    margin-right: -16px;
}
.has-wrapper-insight .chart-wrapper-header-div {
    height: 48px;
}
.has-wrapper-insight .chart-wrapper-icon-info-div {
    top: 8px;
}
.has-wrapper-insight .right-legend {
    top: 54px !important;
}
.chart-wrapper-insight {
    margin-left: 12px;
}
.chart-wrapper-insight-header svg {
    font-size: 1.4em;
}
.chart-wrapper-insight-header .chart-wrapper-text {
    margin-left: 12px;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
}
.chart-wrapper-insight-header .chart-wrapper-text span {
    letter-spacing: 0.6px;
}

.insight-arrow-icon {
    margin-left: auto;
    color: white;
    font-size: 1.6em;
    margin-top: 7px;
    margin-right: 10px;
}

.chart-wrapper-info-icon-tooltip {
    color: #7a808b;
    font-size: 0.8em;
    margin-left: 7px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Legend Right Styles --------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.chart-wrapper-legend-right-div {
    margin-bottom: 24px;
}
.chart-wrapper-legend-right-value {
    height: 22px;
    line-height: 22px;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: black;
}
.chart-wrapper-legend-right-label {
    height: 18px;
    line-height: 18px;
    font-family: Lato;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #7a808b;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Info Right Styles ----------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.chart-wrapper-info-right-div {
    margin-bottom: 24px;
}
.chart-wrapper-info-right-value {
    height: 22px;
    line-height: 22px;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: black;
}
.chart-wrapper-info-right-label {
    height: 18px;
    line-height: 18px;
    font-family: Lato;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    color: #7a808b;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Bottom Styles --------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
/* .bottom-legend{
    display:table;
    padding-right: 10px;
} */

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Bottom Legend Styles -------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.chart-wrapper-legend-bottom-value {
    height: 22px;
    line-height: 22px;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: black;
}
.chart-wrapper-legend-bottom-label {
    height: 18px;
    line-height: 18px;
    font-family: Lato;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #7a808b;
}
.chart-wrapper-legend-disabled .chart-wrapper-legend-bottom-label,
.chart-wrapper-legend-disabled .chart-wrapper-legend-bottom-value,
.chart-wrapper-legend-disabled .chart-wrapper-legend-right-label,
.chart-wrapper-legend-disabled .chart-wrapper-legend-right-value {
    color: #c1c1c1;
}
.chart-wrapper-legend-disabled .legend-color {
    display: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Bottom Info Styles -------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.chart-wrapper-info-bottom-value {
    height: 22px;
    line-height: 22px;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: black;
}
.chart-wrapper-info-bottom-label {
    height: 18px;
    line-height: 18px;
    font-family: Lato;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    color: #7a808b;
}

.insight-div {
    width: 22px;
    height: 22px;
    background-color: #c9002d;
    border-radius: 11px;
    position: absolute;
    color: white;
    text-align: center;
}
.insight-div svg {
    margin: auto;
    font-size: 0.9em;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Bubble Line Chart -------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.bubble-div {
    width: 48px;
    height: 48px;
    background-color: red;
    position: absolute;
    border-radius: 24px;
    left: calc(12.5% - 24px);
    top: calc(24% - 24px);
}

.bubble-insight-div {
    left: calc(100% - 17px);
    top: -9px;
}

.bubble-label {
    position: absolute;
    text-align: center;
    top: 12px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
    left: 50%;
    transform: translate(-50%, 0);
}

.bubble-line {
    position: absolute;
    background-color: #d2d4d6;
    width: 1px;
}
.bubble-connecting-circle {
    position: absolute;
    background-color: #d2d4d6;
    height: 5px;
    width: 5px;
    border-radius: 2.5px;
    transform: translate(-43%, -25%);
}
.bubble-label-tooltip {
    position: absolute;
    transform: translate(-50%, 0%);
    width: 60px;
    height: 35px;
    margin-top: 10px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Venn Chart -------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.venn-anchor-point {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.venn-line-marker {
    position: absolute;
    width: 2px;
}

.venn-data {
    position: absolute;
}

.venn-data-label {
    /* position:absolute; */
    font-size: 12px;
    line-height: 12px;
}

.venn-data-string {
    /* position:absolute; */
    color: black;
    font-size: 18px;
    line-height: 18px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ARDonut Chart -------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.donut-legend {
    /* display:flex;
    flex-flow: wrap; */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.donut-legend-div {
    /* min-width: 70px; */
    min-width: 100px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}
.donut-legend-label {
    height: 18px;
    font-family: Lato;
    font-size: 12px;
    width: 100%;
    color: #7a808b;
}
.donut-legend-value {
    height: 22px;
    font-family: Lato;
    font-size: 18px;
    width: 100%;
    line-height: 24px;
}
.break-span::after {
    content: '\A';
    white-space: pre;
}

.donut-legend-label-image {
    position: absolute;
    left: 10px;
    top: 6px;
    font-size: 19px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ARProgressBar Chart --------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/

.left-label {
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.right-label {
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
}

.insight-div{
    width: 22px;
    height: 22px;
    background-color: #c9002d;
    border-radius: 11px;
    position: absolute;
    color: white;
    text-align:center;
}
    .insight-div svg{
        margin:auto;
        font-size: 0.9em;
    }

.ar-popover-insight{
    margin-left: 12px;
    display:flex;
}
.ar-popover-insight-header svg{
    font-size: 1.4em;
}
.ar-popover-insight-text{
    float:left;
    margin-left: 8px;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 25px;
}
.ar-popover-insight-text span{
    letter-spacing: 0.6px;
}
.ar_switch_large{
    min-height: 40px;
    line-height: 39px;
}
    .ar_switch_large >button{
        margin-top: 9px;
        float: right;
    }
.ar_switch_medium{
    min-height: 32px;
    line-height: 31px;
}
    .ar_switch_medium >button{
        margin-top: 5px;
        float: right;
    }
.ar_switch_small{
    min-height: 24px;
    line-height: 23px;
}
    .ar_switch_small >button{
        margin-top: 4px;
        float: right;
    }

.ar_switch_container.ant-switch-checked{
    background-color: #3676cf;
}
.ar_switch_container.ant-switch-checked.ant-switch-disabled{
    opacity: 0.3;
}

.ar_switch_wrapper > button.no_float {
    float:none;
    margin-top: 0px;
}

.ar_switch_wrapper.text_underline{
    border-bottom: 1px solid #d2d4d6;
}

.label{
    font-size: 14px;
    color: #494949;
    margin-left: 3px;
}

.label small{
    font-size: 12px;
    color: #7a808b;
}
.ar-modal-white .ant-modal-content {
    box-shadow: none
}

.portal-style-modal .ant-modal-header{
    border-bottom: none;
    padding: 16px;
}
.portal-style-modal .ant-modal-body{
    padding: 0px 16px 16px 16px;
}
.portal-style-modal .ant-modal-footer{
    border-top: none;
    padding: 16px;
}

.portal-style-modal .ant-modal-title{
    font-family: Lato;
    font-size: 21px;
    font-weight: bold;
}

.ar-table.ant-table thead > tr >th,
.ar-table .ant-table thead > tr >th{
    /* height: 24px; */
    font-weight: 700;
    /* padding: 8px 10px; */
    font-size: 14px;
    color: black;
    border-bottom: 1px solid #d2d4d6;
    border-top: 1px solid #d2d4d6;
    background-color: #fcfcfc;
}

.ar-table.ant-table .anticon svg,
.ar-table .ant-table .anticon svg{
   /* color: transparent; */
   font-size: 1.1em;
}
.ar-table.ant-table  .anticon.active svg,
.ar-table .ant-table  .anticon.active svg{
    color: black;
}

.ar-scrollable-table .ant-table-header{
  margin-right: 6px;
}

.ar-scrollable-table .ant-table-body{
    overflow-y: hidden !important;
    padding-right: 6px !important;
}
.ar-scrollable-table .ant-table-body:hover{
    overflow-y: scroll !important;
    padding-right: 0px !important;
}
.ar-scrollable-table .ant-table-body::-webkit-scrollbar {
  width:6px;
  height: 6px;
}
.ar-scrollable-table .ant-table-body::-webkit-scrollbar * {
  background:transparent;
}
.ar-scrollable-table .ant-table-body::-webkit-scrollbar-thumb {
  background:#303030 !important;
  border-radius: 3px;
}
.ar_radio_large {
  min-height: 40px;
  line-height: 39px;
}
.ar_radio_medium {
  min-height: 32px;
  line-height: 31px;
}
.ar_radio_small {
  min-height: 24px;
  line-height: 23px;
}
/*--------------------------------------------------------------------------------------------------------------------
//-- Styles for Radio Buttons (circles)   --------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/
.ar_radio_container {
  color: #303030;
}
.ar_radio_container.ant-radio-wrapper-disabled {
  color: #c1c1c1;
}
.ar_radio_container .ant-radio-inner {
  border: 1px solid #7a808b;
}
.ar_radio_container .ant-radio-checked .ant-radio-inner {
  background-color: #1890ff;
  border: none;
}
.ar_radio_container .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);
  position: absolute;
  top: 5px;
  left: 5px;
  display: table;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-top: 0;
  border-left: 0;
  border-radius: 9px;
  content: ' ';
}
.ar_radio_container .ant-radio-disabled .ant-radio-inner {
  background-color: transparent;
  border: 1px solid #d2d4d6;
}
.ar_radio_container .ant-radio-checked.ant-radio-disabled .ant-radio-inner {
  background-color: #a5bddd;
  border: none;
}
/*--------------------------------------------------------------------------------------------------------------------
//-- Styles for Radio Selection Buttons  -----------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/
.ar_radio_container.ant-radio-button-wrapper {
  border-color: #C1C1C1;
}
.ar_radio_container:first-child {
  border-radius: 3px 0 0 3px;
}
.ar_radio_container:last-child {
  border-radius: 0 3px 3px 0;
}
.ar_radio_container .ant-radio-button ~ span {
  font-weight: 400;
  font-size: 14px;
}
/* Style for selected option for both enabled and disabled */
/* Make disabled selected option not have a hover effect */
.ar_radio_container.ant-radio-button-wrapper.ant-radio-button-wrapper-checked,
.ar_radio_container.ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.ar_radio_container.ant-radio-button-wrapper.ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled:hover {
  background-color: #303030;
  border-color: #303030;
  color: #fff;
  box-shadow: none !important;
}
/* Style for unselected option for both enabled and disabled */
/* Make disabled unselected option not have a hover effect */
.ar_radio_container.ant-radio-button-wrapper,
.ar_radio_container.ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled),
.ar_radio_container.ant-radio-button-wrapper.ant-radio-button-wrapper-disabled:hover {
  background-color: white;
  border-color: #e5e5e5;
  color: #303030;
  box-shadow: none !important;
}
/* Hide extra border that antd puts in on selected elem */
.ar_radio_container.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before,
.ar_radio_container.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #303030 !important;
  display: none;
}
.ar_radio_container.ant-radio-button-wrapper::before,
.ar_radio_container.ant-radio-button-wrapper:hover::before {
  display: none;
}
/* Style for disabled non selected options */
.ar_radio_container.ant-radio-button-wrapper.ant-radio-button-wrapper-disabled:not(.ant-radio-button-wrapper-checked),
.ar_radio_container.ant-radio-button-wrapper.ant-radio-button-wrapper-disabled:not(.ant-radio-button-wrapper-checked):hover {
  border: 1px solid #f2f2f2;
  background-color: white;
  color: #c1c1c1;
}
.separatedControl .ar_radio_container {
  margin: 0 4px;
}
.separatedControl .ant-radio-button-wrapper {
  border: 1px solid #d2d4d6;
  border-radius: 3px;
}
.separatedControl .ant-radio-button-wrapper:not(:first-child)::before {
  display: none;
}
.separatedControl .ant-radio-button-wrapper:last-child {
  margin-right: 0px;
}
.separatedControl .ar_radio_container.ant-radio-button-wrapper:hover {
  /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27); */
  box-shadow: none;
  background: #fff;
  color: #303030;
}
.separatedControl .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: none;
}
.separatedControl .ar_radio_container.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  border: 1px solid #303030;
  box-shadow: 0 0 0 1px #303030 !important;
  color: #000000;
  font-weight: bold;
  background-color: white;
}
.separatedControl .ar_radio_container.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  background-color: white;
  color: #000000;
}
.separatedControl .ar_radio_container.ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled,
.separatedControl .ar_radio_container.ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled:hover {
  border: 1px solid #303030;
  box-shadow: 0 0 0 1px #303030 !important;
  color: #000000;
  font-weight: bold;
  background-color: white;
}
.separatedControl .ar_radio_container.ant-radio-button-wrapper-checked span {
  font-weight: bold;
}
.separatedControl .ar_radio_container.ant-radio-button-wrapper-disabled:not(.ant-radio-button-wrapper-checked):first-child,
.separatedControl .ar_radio_container.ant-radio-button-wrapper-disabled:not(.ant-radio-button-wrapper-checked):first-child:hover,
.separatedControl .ar_radio_container.ant-radio-button-wrapper-disabled:not(.ant-radio-button-wrapper-checked),
.separatedControl .ar_radio_container.ant-radio-button-wrapper-disabled:not(.ant-radio-button-wrapper-checked):hover {
  border: 1px solid #f2f2f2;
  color: #c1c1c1;
  background-color: #ffffff;
  box-shadow: none;
}
.separatedControl-label {
  font-size: 10px;
  color: #696969;
  line-height: 16px;
  height: 16px;
  margin-bottom: 4px;
}
.ar_radio_v3 {
  /* .ant-radio-inner {
        border-radius: 3px;
        width: 18px;
        height: 18px;
        border: 2px solid @v3-text-neutral-400;
        z-index: 1;
    }

    .ant-radio+span {
        padding-left: 6px;
    }

    .ant-radio:focus-within::after {
        position: absolute;
        outline: none;
        top: -7px;
        left: -7px;
        width: 32px;
        height: 32px;
        border: none;
        visibility: visible;
        border-radius: 32px;
        z-index: 0;
        animation: none;
        animation-fill-mode: none;
        content: ' ';
        background-color: @v3-text-grey-100;
    }

    .ant-radio:hover .ant-radio-inner,
    .ant-radio-input:focus+.ant-radio-inner {
        border-color: @v3-text-neutral-400;
    }

    .ant-radio-checked:not(.ant-radio-disabled) {
        .ant-radio-inner {
            border: 2px solid @v3-dark-blue-700;
            background-color: @v3-dark-blue-700;
        }

        &::after {
            outline: none;
            border: none;
        }

        .ant-radio-wrapper:hover .ant-radio-inner,
        &.ant-radio:hover .ant-radio-inner,
        .ant-radio-input:focus+.ant-radio-inner {
            border-color: @v3-dark-blue-700;
        }

        &.ant-radio:focus-within::after {
            background-color: @v3-dark-blue-700;
            opacity: 0.2;
        }
    }

    &.ant-radio-wrapper:hover {
        .ant-radio-inner {
            border-color: @v3-text-neutral-400;
        }

        .ant-radio-checked {
            .ant-radio-inner {
                border-color: @v3-dark-blue-700;
            }
        }
    } */
}
.ar_radio_v3 .radio-label-text {
  color: #0A0D14;
}
.ar_radio_v3 .radio-label-text a {
  color: #0072CE;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ar_radio_v3 .radio-label-text a:hover {
  color: #0072CE;
}
.ar_radio_v3.ar-radio-v3-bold .radio-label-text {
  font-weight: 700;
}
.ar_radio_v3 .radio-help-text {
  color: #989CA7;
}

.vehicleModelsDiv .vehicleTitle {
    font-size:14px;
    font-weight:bold;
    text-align:left;
    line-height:14px;
}
.vehicleModelsDiv .numbersTitle {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    line-height:24px;
}
.vehicleModelsDiv .numbersLabel {
    font-size:12px;
    text-align:center;
    line-height:18px;
    color:#c1c1c1;
}
.vehicleModelsDiv .vehicleModelsTable {
    border-top:1px solid #eee;
}

.vehicleModelsTable .ant-table.ant-table-middle .ant-table-tbody > tr > td{
    padding: 6px 8px;
}
.loading {
    width:100%;
    padding:30px;
    text-align:center;
}

.actions-box {
    position:absolute;
    top: 80px;
    right: 20px;

}

.dataHealthCheckTitle {
    margin: 8px auto 20px auto;
    text-align:center;
    position:relative;
}

.dataHealthCheckTitle .mainTitle {
    font-size:28px;
    line-height:1.1em;
    font-weight:bold;
}

.dataHealthCheckTitle .subTitle {
    font-size: 18px;
    line-height: 24px;
    font-style: normal;
    font-weight: 600;
    text-align: left;
}

.dataHealthCheckTitle .caption {
    font-size:12px;
    line-height:1.1em;
    margin-top:5px;
    color:#7a808b;
}

.dataHealthCheckFilters {
    display: flex;
    justify-content: flex-start;
    align-items: center;;
    font-size: 14px;
    line-height: 1.71;
    
}
    .dataHealthCheckFilters > div:not(:last-child) {
        margin-right: 48px;
    }
    .active-customers-flex-wrapper{
        display:flex;
        justify-content: flex-start ;
        align-items: center;
    }
        .filter-actionable-text{
            color: #3676cf;
            text-decoration: underline;
            font-weight:bold;
            cursor:pointer;
        }

.dataHealthCheckCharts {
    margin: 16px auto 20px auto;
}

.dataHealthCheckCharts .dataHealthCheckChart {

}

.dataHealthCheckCharts .ar-tooltip .ant-tooltip-inner{
    color: white;
}
.dataHealthCheckChart .chart-wrapper{
    padding: 20px 30px;
}

.dataHealthCheck {
    margin: auto;
    padding: 0 32px;
    min-width: 800px;
    max-width: 1160px;
}

.dealerSelectWrapper {
    width:100%;
    max-width: 500px;
    padding-top:10px;
    margin:auto;
}
.dealerSelect .ant-select-selector {
    border:0px !important;
}
.dealerSelect .ant-select-selector .ant-select-selection-item,
.dealerSelect .ant-select-selector .ant-select-selection-placeholder
 {
    font-size:28px !important;
    line-height:1.1em !important;
    font-weight:bold !important;
    font-family:Lato !important;
    cursor:pointer;
}

.active-modal-header{
    font-size: 21px;
    font-weight: bold;
    line-height: 25px;
}
    .active-modal-filter-line{
        display:flex;
        justify-content: flex-start;
        align-items: center;
    }
        .active-modal-filter-line > div:not(:last-child){
            margin-right: 8px;
        }
    
    .active-modal-save-div{
        margin-top: 32px; 
        display: flex ;
        justify-content: flex-end ;
    }


.show-active-only-banner {
    margin: 12px 0px;
    border-radius: 3px;
    padding: 12px 0;
    background-color: #009DFF;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    color: white;
}
    .fixed-banner-icon{
        margin: 0px 24px;
    }

    .fixed-banner-text-wrapper{
        display:flex;
        flex-direction: column;
        justify-content: center;
    }
        .fixed-banner-text-wrapper div:nth-child(1){
            font-weight:bold;
            font-size: 16px;
            line-height: 21px;
        }
        .fixed-banner-text-wrapper div:nth-child(2){
            font-weight:400;
            font-size: 14px;
            line-height: 24px;
        }

.drive-vehicle-models .chart-wrapper-sub-header .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{
    border: none;
    background-color: #fcfcfc;
    border-bottom: 2px #0166DF solid;
    color: #0166DF;
}

.drive-vehicle-models .chart-wrapper-sub-header .ant-radio-button-wrapper.ant-radio-button-wrapper-checked span{
    font-weight: bold;
}


.drive-vehicle-models .chart-wrapper-sub-header .ant-radio-button-wrapper{
    border: none;
    color: #000;
    background-color: #fcfcfc;
}

.dataHealthCheck-drive{
    font-family: 'Inter', sans-serif;
}

.dataHealthCheck-drive .ant-modal-content {
    border-radius: 15px;
}

.dataHealthCheck-drive .dataHealthCheckTitle {
    margin: 24px 0 6px 0;
}

.loading{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading .ant-spin-text{
    color: #ccd0d7;
}

.household-toggle{
    height: 24px;
    border-radius: 4px;
    display:flex;
    overflow: hidden;
}
    .household-toggle-option{
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 24px;
        color: #000000;
        background-color: #ECEEF0;
        padding: 0px 10px;
    }
        .household-toggle-option:not(.household-toggle-option-selected) {
            cursor:pointer;
        }
    .household-toggle-option-selected{
        color: #FFFFFF;
        background-color: #7333A6;
    }
.incrementality-report-wrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
  height: 100%;
}
.incrementality-report-wrapper .control {
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.incrementality-report-wrapper .control .checkbox-wrapper {
  padding-left: 12px;
}
.incrementality-report-content-wrapper {
  min-height: calc(100% - 75px);
  padding: 24px 32px 32px;
  max-width: 1160px;
  min-width: 440px;
  margin: 0 auto;
}
.incrementality-report-content-wrapper .report-content .data-wrapper {
  width: 100%;
  display: flex;
  padding: 32px 42px;
  flex-direction: column;
  flex-shrink: 0;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .title-wrapper {
  display: flex;
  align-items: center;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .title-wrapper-left {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .title {
  color: #011638;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .control-wrapper {
  padding: 5px 0;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .title700 {
  color: #011638;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  margin-bottom: 24px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .total-sales-number-wrapper {
  display: flex;
  align-items: center;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .total-sales-number-wrapper .total-sales-number {
  color: #011638;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .total-sales-number-wrapper .total-sales-number-unit {
  color: #98A2B3;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-left: 5px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .portfolio-sales-number-wrapper {
  display: flex;
  align-items: center;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .portfolio-sales-number-wrapper .portfolio-sales-number {
  color: #011638;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .portfolio-sales-number-wrapper .portfolio-sales-number-unit {
  color: #98A2B3;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-left: 5px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .conquest-sales-number-wrapper {
  display: flex;
  align-items: center;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .conquest-sales-number-wrapper .conquest-sales-number {
  color: #667085;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .conquest-sales-number-wrapper .conquest-sales-number-unit {
  color: #98A2B3;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-left: 5px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .sales-wrapper .conquest-sales-number-wrapper-left {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  align-self: stretch;
  width: 100%;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block {
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  padding: 12px;
  gap: 4px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block-title-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block-title-wrapper {
  display: flex;
  align-items: center;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block-title-wrapper .data-block-title {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block-portfolio-value-wrapper {
  display: flex;
  align-items: center;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block-portfolio-value-wrapper .data-block-portfolio-value {
  color: #000;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block-portfolio-value-wrapper .data-block-portfolio-unit {
  color: #98A2B3;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding-left: 5px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block-conquest-value {
  color: #667085;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  align-self: flex-end;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-wrapper .data-block-conquest-unit {
  color: #011638;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-left: 5px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-diff-wrapper {
  padding-left: 12px;
  display: flex;
  align-items: center;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-diff-wrapper .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-diff-wrapper .value {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding-left: 6px;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-diff-wrapper .up {
  color: #12B76A;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-diff-wrapper .down {
  color: #F04438;
}
.incrementality-report-content-wrapper .report-content .data-wrapper .data-block-diff-wrapper .lower-better svg {
  transform: rotate(180deg);
}
.incrementality-report-content-wrapper .two-columns {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.incrementality-report-content-wrapper .two-columns > * {
  flex: 1;
}
.incrementality-report-content-wrapper .two-columns > .data-block-title-container:first-child {
  flex: 2;
}
.incrementality-report-content-wrapper .before-drive-ai-container {
  border-radius: 8px 0 0 8px;
  border: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
}
.incrementality-report-content-wrapper .after-drive-ai-container {
  border-radius: 0 8px 8px 0;
  border: 1px solid #D9D9D9;
  border-left: 0px;
  flex: 1;
  background-color: #F0F9FF;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0F9FF;
}
.incrementality-report-content-wrapper .align-right {
  text-align: right;
}
.incrementality-report-content-wrapper .info-box-tooltip-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding-left: 2px;
}
.incrementality-report-content-wrapper .info-box-tooltip-icon svg {
  display: block;
  height: 18px;
  width: 18px;
}
.incrementality-report-content-wrapper .report-not-available {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-data-wrapper {
  min-height: calc(100% - 75px);
  height: calc(100% - 75px);
  padding: 16px 32px;
  max-width: 1160px;
  min-width: 440px;
  margin: 0 auto;
}
.no-data-wrapper .report-column-center-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.no-data-wrapper .header {
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
}
.no-data-wrapper .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #99A2AF;
  text-align: center;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*:where(.tailwind-base,.tailwind-base *),
:where(.tailwind-base,.tailwind-base *)::before,
:where(.tailwind-base,.tailwind-base *)::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
:where(.tailwind-base,.tailwind-base *)::before,
:where(.tailwind-base,.tailwind-base *)::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
.tailwind-base {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
.tailwind-base {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr:where(.tailwind-base,.tailwind-base *) {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]):where(.tailwind-base,.tailwind-base *) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1:where(.tailwind-base,.tailwind-base *),
h2:where(.tailwind-base,.tailwind-base *),
h3:where(.tailwind-base,.tailwind-base *),
h4:where(.tailwind-base,.tailwind-base *),
h5:where(.tailwind-base,.tailwind-base *),
h6:where(.tailwind-base,.tailwind-base *) {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a:where(.tailwind-base,.tailwind-base *) {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b:where(.tailwind-base,.tailwind-base *),
strong:where(.tailwind-base,.tailwind-base *) {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code:where(.tailwind-base,.tailwind-base *),
kbd:where(.tailwind-base,.tailwind-base *),
samp:where(.tailwind-base,.tailwind-base *),
pre:where(.tailwind-base,.tailwind-base *) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small:where(.tailwind-base,.tailwind-base *) {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub:where(.tailwind-base,.tailwind-base *),
sup:where(.tailwind-base,.tailwind-base *) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub:where(.tailwind-base,.tailwind-base *) {
  bottom: -0.25em;
}
sup:where(.tailwind-base,.tailwind-base *) {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table:where(.tailwind-base,.tailwind-base *) {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button:where(.tailwind-base,.tailwind-base *),
input:where(.tailwind-base,.tailwind-base *),
optgroup:where(.tailwind-base,.tailwind-base *),
select:where(.tailwind-base,.tailwind-base *),
textarea:where(.tailwind-base,.tailwind-base *) {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button:where(.tailwind-base,.tailwind-base *),
select:where(.tailwind-base,.tailwind-base *) {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button:where(.tailwind-base,.tailwind-base *),
input:where([type='button']):where(.tailwind-base,.tailwind-base *),
input:where([type='reset']):where(.tailwind-base,.tailwind-base *),
input:where([type='submit']):where(.tailwind-base,.tailwind-base *) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring:where(.tailwind-base,.tailwind-base *) {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid:where(.tailwind-base,.tailwind-base *) {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress:where(.tailwind-base,.tailwind-base *) {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
:where(.tailwind-base,.tailwind-base *) ::-webkit-inner-spin-button,
:where(.tailwind-base,.tailwind-base *) ::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search']:where(.tailwind-base,.tailwind-base *) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
:where(.tailwind-base,.tailwind-base *) ::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
:where(.tailwind-base,.tailwind-base *) ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary:where(.tailwind-base,.tailwind-base *) {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote:where(.tailwind-base,.tailwind-base *),
dl:where(.tailwind-base,.tailwind-base *),
dd:where(.tailwind-base,.tailwind-base *),
h1:where(.tailwind-base,.tailwind-base *),
h2:where(.tailwind-base,.tailwind-base *),
h3:where(.tailwind-base,.tailwind-base *),
h4:where(.tailwind-base,.tailwind-base *),
h5:where(.tailwind-base,.tailwind-base *),
h6:where(.tailwind-base,.tailwind-base *),
hr:where(.tailwind-base,.tailwind-base *),
figure:where(.tailwind-base,.tailwind-base *),
p:where(.tailwind-base,.tailwind-base *),
pre:where(.tailwind-base,.tailwind-base *) {
  margin: 0;
}
fieldset:where(.tailwind-base,.tailwind-base *) {
  margin: 0;
  padding: 0;
}
legend:where(.tailwind-base,.tailwind-base *) {
  padding: 0;
}
ol:where(.tailwind-base,.tailwind-base *),
ul:where(.tailwind-base,.tailwind-base *),
menu:where(.tailwind-base,.tailwind-base *) {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog:where(.tailwind-base,.tailwind-base *) {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea:where(.tailwind-base,.tailwind-base *) {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
:where(.tailwind-base,.tailwind-base *) input::-moz-placeholder, :where(.tailwind-base,.tailwind-base *) textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
:where(.tailwind-base,.tailwind-base *) input::placeholder,
:where(.tailwind-base,.tailwind-base *) textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button:where(.tailwind-base,.tailwind-base *),
[role="button"]:where(.tailwind-base,.tailwind-base *) {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled:where(.tailwind-base,.tailwind-base *) {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img:where(.tailwind-base,.tailwind-base *),
svg:where(.tailwind-base,.tailwind-base *),
video:where(.tailwind-base,.tailwind-base *),
canvas:where(.tailwind-base,.tailwind-base *),
audio:where(.tailwind-base,.tailwind-base *),
iframe:where(.tailwind-base,.tailwind-base *),
embed:where(.tailwind-base,.tailwind-base *),
object:where(.tailwind-base,.tailwind-base *) {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img:where(.tailwind-base,.tailwind-base *),
video:where(.tailwind-base,.tailwind-base *) {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])):where(.tailwind-base,.tailwind-base *) {
  display: none;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-\[50\%\]{
  left: 50%;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-8{
  right: 2rem;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-4{
  top: 1rem;
}
.top-\[50\%\]{
  top: 50%;
}
.top-\[87px\]{
  top: 87px;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-50{
  z-index: 50;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[1001\]{
  z-index: 1001;
}
.z-\[1030\]{
  z-index: 1030;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.-m-2{
  margin: -0.5rem;
}
.-m-4{
  margin: -1rem;
}
.-m-5{
  margin: -1.25rem;
}
.-m-6{
  margin: -1.5rem;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-mx-8{
  margin-left: -2rem;
  margin-right: -2rem;
}
.mx-\[1px\]{
  margin-left: 1px;
  margin-right: 1px;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.\!mr-0{
  margin-right: 0px !important;
}
.-mb-8{
  margin-bottom: -2rem;
}
.-mb-\[4px\]{
  margin-bottom: -4px;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-3{
  margin-left: -0.75rem;
}
.-ml-\[18px\]{
  margin-left: -18px;
}
.-mt-0{
  margin-top: -0px;
}
.-mt-0\.5{
  margin-top: -0.125rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-3{
  margin-top: -0.75rem;
}
.-mt-4{
  margin-top: -1rem;
}
.-mt-6{
  margin-top: -1.5rem;
}
.-mt-\[12px\]{
  margin-top: -12px;
}
.-mt-\[4px\]{
  margin-top: -4px;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[18px\]{
  margin-bottom: 18px;
}
.mb-\[1px\]{
  margin-bottom: 1px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-auto{
  margin-right: auto;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-11{
  margin-top: 2.75rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-auto{
  margin-top: auto;
}
.box-border{
  box-sizing: border-box;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.table-cell{
  display: table-cell;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.\!h-\[28px\]{
  height: 28px !important;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[100px\]{
  height: 100px;
}
.h-\[10px\]{
  height: 10px;
}
.h-\[147px\]{
  height: 147px;
}
.h-\[14px\]{
  height: 14px;
}
.h-\[156px\]{
  height: 156px;
}
.h-\[166px\]{
  height: 166px;
}
.h-\[197px\]{
  height: 197px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[260px\]{
  height: 260px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[42px\]{
  height: 42px;
}
.h-\[43px\]{
  height: 43px;
}
.h-\[48px\]{
  height: 48px;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[54px\]{
  height: 54px;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[72px\]{
  height: 72px;
}
.h-\[76px\]{
  height: 76px;
}
.h-\[78px\]{
  height: 78px;
}
.h-\[80px\]{
  height: 80px;
}
.h-\[88px\]{
  height: 88px;
}
.h-\[93px\]{
  height: 93px;
}
.h-\[96px\]{
  height: 96px;
}
.h-\[calc\(100dvh-235px\)\]{
  height: calc(100dvh - 235px);
}
.h-\[calc\(100dvh-320px\)\]{
  height: calc(100dvh - 320px);
}
.h-\[calc\(100dvh-80px\)\]{
  height: calc(100dvh - 80px);
}
.h-\[calc\(100vh\)\]{
  height: calc(100vh);
}
.h-\[calc\(100vh-153px\)\]{
  height: calc(100vh - 153px);
}
.h-\[calc\(100vh-160px\)\]{
  height: calc(100vh - 160px);
}
.h-\[calc\(100vh-87px\)\]{
  height: calc(100vh - 87px);
}
.h-\[var\(--radix-select-trigger-height\)\]{
  height: var(--radix-select-trigger-height);
}
.h-dvh{
  height: 100dvh;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.max-h-\[640px\]{
  max-height: 640px;
}
.max-h-\[calc\(100dvh-128px\)\]{
  max-height: calc(100dvh - 128px);
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[112px\]{
  min-height: 112px;
}
.min-h-\[136px\]{
  min-height: 136px;
}
.min-h-\[160px\]{
  min-height: 160px;
}
.min-h-\[184px\]{
  min-height: 184px;
}
.min-h-\[208px\]{
  min-height: 208px;
}
.min-h-\[232px\]{
  min-height: 232px;
}
.min-h-\[24px\]{
  min-height: 24px;
}
.min-h-\[256px\]{
  min-height: 256px;
}
.min-h-\[30px\]{
  min-height: 30px;
}
.min-h-\[40px\]{
  min-height: 40px;
}
.min-h-\[500px\]{
  min-height: 500px;
}
.min-h-\[50px\]{
  min-height: 50px;
}
.min-h-\[56px\]{
  min-height: 56px;
}
.min-h-\[64px\]{
  min-height: 64px;
}
.min-h-\[76px\]{
  min-height: 76px;
}
.min-h-\[88px\]{
  min-height: 88px;
}
.w-1\.5{
  width: 0.375rem;
}
.w-10{
  width: 2.5rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-4{
  width: 1rem;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[10px\]{
  width: 10px;
}
.w-\[147px\]{
  width: 147px;
}
.w-\[14px\]{
  width: 14px;
}
.w-\[162px\]{
  width: 162px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[255px\]{
  width: 255px;
}
.w-\[340px\]{
  width: 340px;
}
.w-\[342px\]{
  width: 342px;
}
.w-\[350px\]{
  width: 350px;
}
.w-\[354px\]{
  width: 354px;
}
.w-\[586px\]{
  width: 586px;
}
.w-\[60px\]{
  width: 60px;
}
.w-\[640px\]{
  width: 640px;
}
.w-\[83px\]{
  width: 83px;
}
.w-\[97px\]{
  width: 97px;
}
.w-\[var\(--radix-select-trigger-width\)\]{
  width: var(--radix-select-trigger-width);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-40{
  min-width: 10rem;
}
.min-w-\[100px\]{
  min-width: 100px;
}
.min-w-\[1098px\]{
  min-width: 1098px;
}
.min-w-\[114px\]{
  min-width: 114px;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[149px\]{
  min-width: 149px;
}
.min-w-\[160px\]{
  min-width: 160px;
}
.min-w-\[310px\]{
  min-width: 310px;
}
.min-w-\[600px\]{
  min-width: 600px;
}
.min-w-\[800px\]{
  min-width: 800px;
}
.min-w-\[830px\]{
  min-width: 830px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-\[1000px\]{
  max-width: 1000px;
}
.max-w-\[160px\]{
  max-width: 160px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[502px\]{
  max-width: 502px;
}
.max-w-\[900px\]{
  max-width: 900px;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow-0{
  flex-grow: 0;
}
.basis-\[24\%\]{
  flex-basis: 24%;
}
.border-collapse{
  border-collapse: collapse;
}
.border-separate{
  border-collapse: separate;
}
.border-spacing-y-1{
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-3{
  --tw-border-spacing-y: 0.75rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-\[--radix-dropdown-menu-content-transform-origin\]{
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-popover-content-transform-origin\]{
  transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-center{
  transform-origin: center;
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.9\]{
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-help{
  cursor: help;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize{
  resize: both;
}
.scroll-my-1{
  scroll-margin-top: 0.25rem;
  scroll-margin-bottom: 0.25rem;
}
.break-before-auto{
  -moz-column-break-before: auto;
       break-before: auto;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[1fr_108px\]{
  grid-template-columns: 1fr 108px;
}
.grid-cols-\[1fr_1fr\]{
  grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr_1fr_125px_125px\]{
  grid-template-columns: 1fr 1fr 125px 125px;
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.\!items-center{
  align-items: center !important;
}
.items-center{
  align-items: center;
}
.\!justify-start{
  justify-content: flex-start !important;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[2px\]{
  gap: 2px;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-x-visible{
  overflow-x: visible;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.text-nowrap{
  text-wrap: nowrap;
}
.\!rounded-md{
  border-radius: 0.375rem !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[40px\]{
  border-radius: 40px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-\[60px\]{
  border-radius: 60px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-l-xl{
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-0{
  border-bottom-width: 0px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-none{
  border-style: none;
}
.\!border-\[\#0166DF\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(1 102 223 / var(--tw-border-opacity, 1)) !important;
}
.\!border-\[\#CCD0D7\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(204 208 215 / var(--tw-border-opacity, 1)) !important;
}
.\!border-red-500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#0070E0\]{
  --tw-border-opacity: 1;
  border-color: rgb(0 112 224 / var(--tw-border-opacity, 1));
}
.border-\[\#011638\]{
  --tw-border-opacity: 1;
  border-color: rgb(1 22 56 / var(--tw-border-opacity, 1));
}
.border-\[\#0166DF\]{
  --tw-border-opacity: 1;
  border-color: rgb(1 102 223 / var(--tw-border-opacity, 1));
}
.border-\[\#01b74e\]{
  --tw-border-opacity: 1;
  border-color: rgb(1 183 78 / var(--tw-border-opacity, 1));
}
.border-\[\#12B76A\]{
  --tw-border-opacity: 1;
  border-color: rgb(18 183 106 / var(--tw-border-opacity, 1));
}
.border-\[\#1849A9\]{
  --tw-border-opacity: 1;
  border-color: rgb(24 73 169 / var(--tw-border-opacity, 1));
}
.border-\[\#39BB65\]{
  --tw-border-opacity: 1;
  border-color: rgb(57 187 101 / var(--tw-border-opacity, 1));
}
.border-\[\#4C6CA0\]{
  --tw-border-opacity: 1;
  border-color: rgb(76 108 160 / var(--tw-border-opacity, 1));
}
.border-\[\#663399\]{
  --tw-border-opacity: 1;
  border-color: rgb(102 51 153 / var(--tw-border-opacity, 1));
}
.border-\[\#BED5F1\]{
  --tw-border-opacity: 1;
  border-color: rgb(190 213 241 / var(--tw-border-opacity, 1));
}
.border-\[\#CCD0D7\]{
  --tw-border-opacity: 1;
  border-color: rgb(204 208 215 / var(--tw-border-opacity, 1));
}
.border-\[\#D9D9D9\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.border-\[\#E4E7EC\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
}
.border-\[\#E53A40\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 58 64 / var(--tw-border-opacity, 1));
}
.border-\[\#E6E8EB\]{
  --tw-border-opacity: 1;
  border-color: rgb(230 232 235 / var(--tw-border-opacity, 1));
}
.border-\[\#ECEEF0\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 238 240 / var(--tw-border-opacity, 1));
}
.border-\[\#FDB022\]{
  --tw-border-opacity: 1;
  border-color: rgb(253 176 34 / var(--tw-border-opacity, 1));
}
.border-\[\#FE1162\]{
  --tw-border-opacity: 1;
  border-color: rgb(254 17 98 / var(--tw-border-opacity, 1));
}
.border-\[\#ccd0d7\]{
  --tw-border-opacity: 1;
  border-color: rgb(204 208 215 / var(--tw-border-opacity, 1));
}
.border-\[\#d2d4d6\]{
  --tw-border-opacity: 1;
  border-color: rgb(210 212 214 / var(--tw-border-opacity, 1));
}
.border-\[\#d9dce1\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 220 225 / var(--tw-border-opacity, 1));
}
.border-\[\#e1e1e1\]{
  --tw-border-opacity: 1;
  border-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-\[\#e53a40\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 58 64 / var(--tw-border-opacity, 1));
}
.border-\[\#e9e9e9\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 233 233 / var(--tw-border-opacity, 1));
}
.border-\[\#f823aa\]{
  --tw-border-opacity: 1;
  border-color: rgb(248 35 170 / var(--tw-border-opacity, 1));
}
.border-\[\#f9fafb\]{
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-border{
  --tw-border-opacity: 1;
  border-color: rgb(236 238 240 / var(--tw-border-opacity, 1));
}
.border-border-light2{
  --tw-border-opacity: 1;
  border-color: rgb(217 220 225 / var(--tw-border-opacity, 1));
}
.border-drive-red{
  --tw-border-opacity: 1;
  border-color: rgb(229 58 64 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-link{
  --tw-border-opacity: 1;
  border-color: rgb(1 102 223 / var(--tw-border-opacity, 1));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-l-\[\#4C6CA0\]{
  --tw-border-opacity: 1;
  border-left-color: rgb(76 108 160 / var(--tw-border-opacity, 1));
}
.\!bg-\[\#E6F0FC\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(230 240 252 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-\[\#ECEEF0\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 238 240 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#0070E0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 112 224 / var(--tw-bg-opacity, 1));
}
.bg-\[\#011638\]{
  --tw-bg-opacity: 1;
  background-color: rgb(1 22 56 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0166DF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(1 102 223 / var(--tw-bg-opacity, 1));
}
.bg-\[\#12B76A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(18 183 106 / var(--tw-bg-opacity, 1));
}
.bg-\[\#142E58\]{
  --tw-bg-opacity: 1;
  background-color: rgb(20 46 88 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1849A9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(24 73 169 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4C6CA0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(76 108 160 / var(--tw-bg-opacity, 1));
}
.bg-\[\#663399\]{
  --tw-bg-opacity: 1;
  background-color: rgb(102 51 153 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D9D9D9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E53A40\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 58 64 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E6E8EB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(230 232 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EAF5FA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 245 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EAFAEF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 250 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EBE9FE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 254 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ECEEF0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ECFDF3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EEEFF1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 239 241 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EFF8FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 248 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F0F0F0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F1EBF6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 235 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F4F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F7FD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 247 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F8F8F8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F9FAFB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAEAEA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 234 234 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAF7FD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 247 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFAFA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFAFB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FE1162\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 17 98 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF2F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFAEB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d6e5fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(214 229 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e4e7ec\]{
  --tw-bg-opacity: 1;
  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ecf5ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 245 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eff8ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 248 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f2f7fd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 247 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f3f3f3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9fafb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fafafa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffeded\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff8f3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 243 / var(--tw-bg-opacity, 1));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/45{
  background-color: rgb(0 0 0 / 0.45);
}
.bg-border{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 240 / var(--tw-bg-opacity, 1));
}
.bg-current{
  background-color: currentColor;
}
.bg-link{
  --tw-bg-opacity: 1;
  background-color: rgb(1 102 223 / var(--tw-bg-opacity, 1));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.fill-current{
  fill: currentColor;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[14px\]{
  padding: 14px;
}
.p-\[15px\]{
  padding: 15px;
}
.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[6px\]{
  padding-bottom: 6px;
}
.pl-1\.5{
  padding-left: 0.375rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-24{
  padding-left: 6rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-32{
  padding-left: 8rem;
}
.pl-8{
  padding-left: 2rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-16{
  padding-right: 4rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-\[5px\]{
  padding-right: 5px;
}
.pt-0{
  padding-top: 0px;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-64{
  padding-top: 16rem;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.font-\[Inter\]{
  font-family: Inter;
}
.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[0\.8rem\]{
  font-size: 0.8rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[48px\]{
  font-size: 48px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-medium{
  font-weight: 500 !important;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.leading-10{
  line-height: 2.5rem;
}
.leading-3{
  line-height: .75rem;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[120\%\]{
  line-height: 120%;
}
.leading-\[14px\]{
  line-height: 14px;
}
.leading-\[16px\]{
  line-height: 16px;
}
.leading-\[18px\]{
  line-height: 18px;
}
.leading-\[19px\]{
  line-height: 19px;
}
.leading-\[20px\]{
  line-height: 20px;
}
.leading-\[22px\]{
  line-height: 22px;
}
.leading-\[29px\]{
  line-height: 29px;
}
.leading-\[30px\]{
  line-height: 30px;
}
.leading-\[32px\]{
  line-height: 32px;
}
.leading-\[38px\]{
  line-height: 38px;
}
.leading-\[52px\]{
  line-height: 52px;
}
.leading-none{
  line-height: 1;
}
.tracking-\[0\.015rem\]{
  letter-spacing: 0.015rem;
}
.tracking-\[0\.01em\]{
  letter-spacing: 0.01em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.text-\[\#000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#011638\]{
  --tw-text-opacity: 1;
  color: rgb(1 22 56 / var(--tw-text-opacity, 1));
}
.text-\[\#0166DF\]{
  --tw-text-opacity: 1;
  color: rgb(1 102 223 / var(--tw-text-opacity, 1));
}
.text-\[\#088131\]{
  --tw-text-opacity: 1;
  color: rgb(8 129 49 / var(--tw-text-opacity, 1));
}
.text-\[\#12B76A\]{
  --tw-text-opacity: 1;
  color: rgb(18 183 106 / var(--tw-text-opacity, 1));
}
.text-\[\#1849A9\]{
  --tw-text-opacity: 1;
  color: rgb(24 73 169 / var(--tw-text-opacity, 1));
}
.text-\[\#222B45\]{
  --tw-text-opacity: 1;
  color: rgb(34 43 69 / var(--tw-text-opacity, 1));
}
.text-\[\#2a2a2a\]{
  --tw-text-opacity: 1;
  color: rgb(42 42 42 / var(--tw-text-opacity, 1));
}
.text-\[\#39BB65\]{
  --tw-text-opacity: 1;
  color: rgb(57 187 101 / var(--tw-text-opacity, 1));
}
.text-\[\#475467\]{
  --tw-text-opacity: 1;
  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
}
.text-\[\#485870\]{
  --tw-text-opacity: 1;
  color: rgb(72 88 112 / var(--tw-text-opacity, 1));
}
.text-\[\#54a0fe\]{
  --tw-text-opacity: 1;
  color: rgb(84 160 254 / var(--tw-text-opacity, 1));
}
.text-\[\#677388\]{
  --tw-text-opacity: 1;
  color: rgb(103 115 136 / var(--tw-text-opacity, 1));
}
.text-\[\#6941C6\]{
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity, 1));
}
.text-\[\#7333A6\]{
  --tw-text-opacity: 1;
  color: rgb(115 51 166 / var(--tw-text-opacity, 1));
}
.text-\[\#7938E1\]{
  --tw-text-opacity: 1;
  color: rgb(121 56 225 / var(--tw-text-opacity, 1));
}
.text-\[\#979797\]{
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity, 1));
}
.text-\[\#98A2B3\]{
  --tw-text-opacity: 1;
  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
}
.text-\[\#999\]{
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#99A2AF\]{
  --tw-text-opacity: 1;
  color: rgb(153 162 175 / var(--tw-text-opacity, 1));
}
.text-\[\#99a2af\]{
  --tw-text-opacity: 1;
  color: rgb(153 162 175 / var(--tw-text-opacity, 1));
}
.text-\[\#D9DCE1\]{
  --tw-text-opacity: 1;
  color: rgb(217 220 225 / var(--tw-text-opacity, 1));
}
.text-\[\#E53A40\]{
  --tw-text-opacity: 1;
  color: rgb(229 58 64 / var(--tw-text-opacity, 1));
}
.text-\[\#F2F2F6\]{
  --tw-text-opacity: 1;
  color: rgb(242 242 246 / var(--tw-text-opacity, 1));
}
.text-\[\#FDB022\]{
  --tw-text-opacity: 1;
  color: rgb(253 176 34 / var(--tw-text-opacity, 1));
}
.text-\[\#aaa\]{
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}
.text-\[\#d25400\]{
  --tw-text-opacity: 1;
  color: rgb(210 84 0 / var(--tw-text-opacity, 1));
}
.text-\[\#e53a40\]{
  --tw-text-opacity: 1;
  color: rgb(229 58 64 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-current{
  color: currentColor;
}
.text-drive-green{
  --tw-text-opacity: 1;
  color: rgb(57 187 101 / var(--tw-text-opacity, 1));
}
.text-drive-orange{
  --tw-text-opacity: 1;
  color: rgb(255 140 0 / var(--tw-text-opacity, 1));
}
.text-drive-red{
  --tw-text-opacity: 1;
  color: rgb(229 58 64 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-link{
  --tw-text-opacity: 1;
  color: rgb(1 102 223 / var(--tw-text-opacity, 1));
}
.text-neutral-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-primary{
  --tw-text-opacity: 1;
  color: rgb(1 22 56 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-secondary{
  --tw-text-opacity: 1;
  color: rgb(153 162 175 / var(--tw-text-opacity, 1));
}
.text-slate-50{
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.shadow-\[0px_1px_2px_0px_rgba\(48\2c 60\2c 110\2c 0\.10\)\]{
  --tw-shadow: 0px 1px 2px 0px rgba(48,60,110,0.10);
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{
  --tw-shadow: 0px 4px 8px 0px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_8px_rgba\(19\2c 47\2c 100\2c 0\.06\)\]{
  --tw-shadow: 0px 4px 8px rgba(19,47,100,0.06);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring-offset-white{
  --tw-ring-offset-color: #fff;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-\[color\2c box-shadow\]{
  transition-property: color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[padding\]{
  transition-property: padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-500{
  transition-duration: 500ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
:root {
  --link: #0166df;
  --primary: #011638;
  --secondary: #99A2AF;
  --danger: #e53a40;
  --drive-red: #e53a40;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal,
.ant-image-preview {
  pointer-events: none;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear,
.ant-image-preview.zoom-enter,
.ant-image-preview.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-modal-mask,
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden,
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-modal-wrap,
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
[class^=ant-],
[class*= ant-],
[class^=ant-] *,
[class*= ant-] *,
[class^=ant-] *::before,
[class*= ant-] *::before,
[class^=ant-] *::after,
[class*= ant-] *::after {
  box-sizing: border-box;
}
/* stylelint-disable at-rule-no-unknown */
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);
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: normal;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: "calt" 0, "case" 1;
}
[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: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          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: 0.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: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  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: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  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: 0.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: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #1890ff;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  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;
}
.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 {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave {
  animation-duration: 0.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;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
[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 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave {
  animation-duration: 0.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(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave {
  animation-duration: 0.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(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave {
  animation-duration: 0.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(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave {
  animation-duration: 0.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(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.zoom-enter-prepare,
.zoom-appear-prepare {
  transform: none;
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.zoom-big-enter-prepare,
.zoom-big-appear-prepare {
  transform: none;
}
.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-enter-prepare,
.zoom-big-fast-appear-prepare {
  transform: none;
}
.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.zoom-up-enter-prepare,
.zoom-up-appear-prepare {
  transform: none;
}
.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.zoom-down-enter-prepare,
.zoom-down-appear-prepare {
  transform: none;
}
.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.zoom-left-enter-prepare,
.zoom-left-appear-prepare {
  transform: none;
}
.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-leave {
  animation-duration: 0.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(0.08, 0.82, 0.17, 1);
}
.zoom-right-enter-prepare,
.zoom-right-appear-prepare {
  transform: none;
}
.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 2px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-no-icon .ant-alert-close-icon {
  top: 12.0005px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 12.0005px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  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: #fff2f0;
  border: 1px solid #ffccc7;
}
.ant-alert-error .ant-alert-icon {
  color: #ff4d4f;
}
.ant-alert-error .ant-alert-description > pre {
  margin: 0;
  padding: 0;
}
.ant-alert-close-icon {
  position: absolute;
  top: 12.0005px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 63px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  border-radius: 2px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 15px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.ant-alert.ant-alert-rtl {
  padding: 8px 37px 8px 15px;
  direction: rtl;
}
.ant-alert-rtl.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-rtl.ant-alert.ant-alert-closable {
  padding-right: 37px;
  padding-left: 30px;
}
.ant-alert.ant-alert-rtl.ant-alert.ant-alert-no-icon.ant-alert-closable {
  padding-right: 15px;
  padding-left: 30px;
}
.ant-alert-rtl .ant-alert-icon {
  right: 16px;
  left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
  right: auto;
  left: 16px;
}
.ant-alert.ant-alert-rtl.ant-alert-with-description,
.ant-alert.ant-alert-rtl.ant-alert-with-description.ant-alert-closable {
  padding: 15px 63px 15px 15px;
}
.ant-alert.ant-alert-rtl.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  right: 24px;
  left: auto;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-close-icon {
  right: auto;
  left: 16px;
}
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: #fff;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #f0f0f0;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-right: -4px;
  margin-left: 0;
  padding-right: 4px;
  padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
  right: 0;
  left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 7px 16px 7px 0;
}
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 2px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-right: 3px;
  margin-left: 0;
}
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s;
}
.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.ant-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #ff4d4f;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: #1890ff;
  border-radius: 2px;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentColor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentColor transparent transparent currentColor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentColor currentColor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl .ant-badge-count,
.ant-badge-rtl .ant-badge-dot,
.ant-badge-rtl .ant-badge .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentColor currentColor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
  border-color: currentColor currentColor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentColor transparent transparent currentColor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentColor transparent transparent currentColor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #40a9ff;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-btn {
  line-height: 1.5715;
  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 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  background: #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] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 2px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}
.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: #40a9ff;
  background: #fff;
  border-color: #40a9ff;
}
.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 {
  color: #096dd9;
  background: #fff;
  border-color: #096dd9;
}
.ant-btn:active > a:only-child {
  color: currentColor;
}
.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]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > 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 {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.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: #40a9ff;
  border-color: #40a9ff;
}
.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 {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9;
}
.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.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]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > 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]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > 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: #40a9ff;
  border-left-color: #40a9ff;
}
.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: #40a9ff;
}
.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: #40a9ff;
}
.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: rgba(0, 0, 0, 0.85);
  background: 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: #40a9ff;
  background: transparent;
  border-color: #40a9ff;
}
.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 {
  color: #096dd9;
  background: transparent;
  border-color: #096dd9;
}
.ant-btn-ghost:active > a:only-child {
  color: currentColor;
}
.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]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > 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]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > 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: rgba(0, 0, 0, 0.85);
  background: #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: #40a9ff;
  background: #fff;
  border-color: #40a9ff;
}
.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 {
  color: #096dd9;
  background: #fff;
  border-color: #096dd9;
}
.ant-btn-dashed:active > a:only-child {
  color: currentColor;
}
.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]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > 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]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > 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: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.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: #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 {
  color: #fff;
  background: #d9363e;
  border-color: #d9363e;
}
.ant-btn-danger:active > a:only-child {
  color: currentColor;
}
.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]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > 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]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > 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: #1890ff;
  background: 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: #40a9ff;
  background: transparent;
  border-color: #40a9ff;
}
.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 {
  color: #096dd9;
  background: transparent;
  border-color: #096dd9;
}
.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.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]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > 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]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > 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-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > 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]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > 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-text {
  color: rgba(0, 0, 0, 0.85);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentColor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #40a9ff;
  background: transparent;
  border-color: #40a9ff;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentColor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:active {
  color: #096dd9;
  background: transparent;
  border-color: #096dd9;
}
.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous {
  color: #ff4d4f;
  background: #fff;
  border-color: #ff4d4f;
}
.ant-btn-dangerous > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #ff7875;
  background: #fff;
  border-color: #ff7875;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:active {
  color: #d9363e;
  background: #fff;
  border-color: #d9363e;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  background: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  background: #ff7875;
  border-color: #ff7875;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  background: #d9363e;
  border-color: #d9363e;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #40a9ff;
  background: transparent;
  border-color: #40a9ff;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #096dd9;
  background: transparent;
  border-color: #096dd9;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  background: transparent;
  border-color: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  background: transparent;
  border-color: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #ff4d4f;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #40a9ff;
  background: transparent;
  border-color: #40a9ff;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #096dd9;
  background: transparent;
  border-color: #096dd9;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #ff7875;
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #d9363e;
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -1px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  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: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.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-icon {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
  padding-right: 0;
}
.ant-btn-group {
  position: relative;
  display: inline-flex;
}
.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 {
  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: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 0;
}
.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 0;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  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: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 2px;
}
.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: 2px;
  border-bottom-left-radius: 2px;
}
.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: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}
.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: 2px;
  border-bottom-left-radius: 2px;
}
.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: 2px;
  border-bottom-right-radius: 2px;
}
.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-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.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: #1890ff;
  background: transparent;
  border-color: #1890ff;
  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: #40a9ff;
  background: transparent;
  border-color: #40a9ff;
}
.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 {
  color: #096dd9;
  background: transparent;
  border-color: #096dd9;
}
.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 {
  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]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #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]:hover > 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 {
  color: currentColor;
}
.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]:focus > 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: 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: 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 {
  color: #d9363e;
  background: transparent;
  border-color: #d9363e;
}
.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 {
  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]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #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]:hover > 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 {
  color: currentColor;
}
.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]:focus > 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-dangerous {
  color: #ff4d4f;
  background: transparent;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #ff7875;
  background: transparent;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #d9363e;
  background: transparent;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[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-dangerous.ant-btn-link {
  color: #ff4d4f;
  background: transparent;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.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-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  background: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.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-dangerous.ant-btn-link:active {
  color: #d9363e;
  background: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.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-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.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: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #40a9ff;
  border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: #40a9ff;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  background: #fff;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  min-width: 70px;
  margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-top: 1px solid #f0f0f0;
  border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  padding: 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel {
  display: block;
  width: 100%;
  text-align: right;
  background: #fff;
  border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  padding: 0 12px 5px 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  background: #e6f7ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid #f0f0f0;
  border-radius: 0;
  transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  position: static;
  width: auto;
  height: 86px;
  overflow-y: auto;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  text-align: right;
}
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  background: #fff;
  border-radius: 2px;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: transparent;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  transition: all 0.3s;
}
.ant-card-rtl .ant-card-grid {
  float: right;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-right: -1px;
  margin-left: -1px;
  transform: translateY(-1px);
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-rtl .ant-card-actions > li {
  float: right;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.5715;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #1890ff;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1890ff;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  float: right;
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '←';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '→';
}
.ant-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex !important;
  justify-content: center;
  margin-right: 15%;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 2px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.ant-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  right: 0;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
  content: '→';
}
.ant-carousel-rtl .ant-carousel .slick-next {
  right: auto;
  left: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
  content: '←';
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
}
.ant-cascader-input.ant-input {
  position: static;
  width: 100%;
  padding-right: 24px;
  background-color: transparent !important;
  cursor: pointer;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-cascader-picker:focus .ant-cascader-input {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-cascader-picker-borderless .ant-cascader-input {
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 20px 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
}
.ant-cascader-picker-label:hover + .ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-cascader-picker-label:hover + .ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input) {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px;
}
.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  list-style: none;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #f0f0f0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:first-child {
  border-radius: 2px 0 0 2px;
}
.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 2px 2px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 2px;
}
.ant-cascader-menu-item {
  padding: 5px 12px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #e6f7ff;
}
.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #ff4d4f;
}
.ant-cascader-picker-rtl .ant-cascader-input.ant-input {
  padding-right: 11px;
  padding-left: 24px;
  text-align: right;
}
.ant-cascader-picker-rtl {
  direction: rtl;
}
.ant-cascader-picker-rtl .ant-cascader-picker-label {
  padding: 0 12px 0 20px;
  text-align: right;
}
.ant-cascader-picker-rtl .ant-cascader-picker-clear {
  right: auto;
  left: 12px;
}
.ant-cascader-picker-rtl .ant-cascader-picker-arrow {
  right: auto;
  left: 12px;
}
.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: auto;
  left: 8px;
}
.ant-cascader-menu-rtl .ant-cascader-menu {
  direction: rtl;
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-cascader-menu-rtl .ant-cascader-menu:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-cascader-menu-rtl .ant-cascader-menu:last-child {
  margin-right: 0;
  margin-left: -1px;
  border-left-color: transparent;
  border-radius: 2px 0 0 2px;
}
.ant-cascader-menu-rtl .ant-cascader-menu:only-child {
  border-radius: 2px;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-expand {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
  right: auto;
  left: 12px;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
  transform: scaleY(-1);
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  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: #1890ff;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  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;
  direction: ltr;
  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: #1890ff;
  border-color: #1890ff;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  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: rgba(0, 0, 0, 0.25);
  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: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  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: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  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: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 2px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header::before {
  display: table;
  content: '';
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header::after {
  display: table;
  clear: both;
  content: '';
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header::before {
  display: table;
  content: '';
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header::after {
  display: table;
  clear: both;
  content: '';
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  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%;
  left: 16px;
  display: inline-block;
  font-size: 12px;
  transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-anim-active {
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: left;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}
.ant-comment {
  position: relative;
  background-color: inherit;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-right: 0;
  padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-right: 0;
  margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
  margin-right: 44px;
  margin-left: 0;
}
.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
}
.ant-picker-panel-focused {
  border-color: #1890ff;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  display: flex;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.ant-picker-header > button:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.ant-picker-header-view button:hover {
  color: #1890ff;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentColor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentColor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.ant-picker-content th {
  height: 30px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 30px;
}
.ant-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.ant-picker-cell-in-view {
  color: rgba(0, 0, 0, 0.85);
}
.ant-picker-cell-disabled {
  cursor: not-allowed;
}
.ant-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: '';
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: #1890ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed #7ec1ff;
  border-bottom: 1px dashed #7ec1ff;
  transform: translateY(-50%);
  content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #cbe6ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #cbe6ff;
  content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: -7px;
  left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: 0;
  left: -7px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed #7ec1ff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-picker-cell-disabled {
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
}
.ant-picker-cell-disabled::before {
  background: #f5f5f5;
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #1890ff;
}
.ant-picker-today-btn:hover {
  color: #40a9ff;
}
.ant-picker-today-btn:active {
  color: #096dd9;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  background: transparent !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #1890ff;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  width: auto;
  min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: rgba(230, 247, 255, 0.2);
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #e6f7ff;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable-next-line */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  padding: 4px 11px 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-picker:hover,
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.ant-picker-input > input::-moz-placeholder {
  opacity: 1;
}
.ant-picker-input > input::placeholder {
  color: #99A2AF;
}
.ant-picker-input > input:-moz-placeholder {
  text-overflow: ellipsis;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-picker-input > input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-picker-input > input:focus,
.ant-input-rtl .ant-picker-input > input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-picker-input > input-sm {
  padding: 0px 7px;
}
.ant-picker-input > input-rtl {
  direction: rtl;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #99A2AF;
}
.ant-picker-large {
  padding: 6.5px 11px 6.5px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 0px 7px 0px;
}
.ant-picker-suffix {
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.ant-picker-focused .ant-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  position: relative;
  display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: #1890ff;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px;
}
.ant-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  top: 1.66666667px;
  display: block;
  transform: rotate(-45deg);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 1.66666667px;
  display: block;
  transform: rotate(135deg);
}
.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 6.66666667px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 16.5px;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
  transition: left 0.3s ease-out;
}
.ant-picker-range-arrow::after {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 10px;
  height: 10px;
  border: 5px solid #f0f0f0;
  border-color: #fff #fff transparent transparent;
  content: '';
}
.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
  right: auto;
  left: 0;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  right: auto;
  left: 11px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-right: 11px;
  margin-left: 0;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: 0;
  left: -7px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: -7px;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed #7ec1ff;
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed #7ec1ff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after {
  left: 6px;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}
.ant-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  flex: auto;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-descriptions-extra {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-descriptions-view {
  width: 100%;
  overflow: hidden;
  border-radius: 2px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
  content: ' ';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  flex: 1;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  word-break: break-word;
  overflow-wrap: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item > span {
  display: inline-flex;
  align-items: baseline;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
  margin: 0 2px 0 8px;
}
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
  display: flex;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left {
  left: 0;
}
.ant-drawer-left .ant-drawer-content-wrapper {
  left: 0;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  pointer-events: auto;
}
.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  padding: 20px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header-no-title .ant-drawer-close {
  margin-right: var(--scroll-bar);
  /* stylelint-disable-next-line function-calc-no-invalid */
  padding-right: calc(20px - var(--scroll-bar));
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-drawer-header-no-title {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.ant-drawer-body {
  flex-grow: 1;
  padding: 24px;
  overflow: auto;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-drawer-footer {
  flex-shrink: 0;
  padding: 10px 10px;
  border-top: 1px solid #f0f0f0;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
  pointer-events: none;
}
.ant-drawer-open-content {
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-drawer .ant-picker-clear {
  background: #fff;
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  right: auto;
  left: 0;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  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 {
  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-show-arrow.ant-dropdown-placement-topCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 10px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 10px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-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 rgba(0, 0, 0, 0.07);
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.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: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  box-shadow: none;
}
.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;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  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 > a > .anticon:first-child,
.ant-dropdown-menu-submenu-title > a > .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: 12px;
  vertical-align: -0.1em;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-submenu-title > a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-dropdown-menu-item > .anticon + span > a,
.ant-dropdown-menu-submenu-title > .anticon + span > a {
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon + span > a:hover,
.ant-dropdown-menu-submenu-title > .anticon + span > a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.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: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  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: #f0f0f0;
}
.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 {
  margin-right: 0 !important;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  font-style: normal;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.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: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.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,
.ant-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.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,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.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,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.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,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > 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: #1890ff;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
  right: -7px;
  left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  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: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill-opacity: 0.8;
  fill: #f5f5f5;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url(#linearGradient-1);
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
  fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-rtl {
  direction: rtl;
}
.ant-form-item .ant-mentions,
.ant-form-item textarea.ant-input {
  height: auto;
}
.ant-form-item .ant-upload {
  background: transparent;
}
.ant-form-item .ant-upload.ant-upload-drag {
  background: #fafafa;
}
.ant-form-item input[type='radio'],
.ant-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-form-item .ant-radio-inline,
.ant-form-item .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.ant-form-item .ant-radio-inline:first-child,
.ant-form-item .ant-checkbox-inline:first-child {
  margin-left: 0;
}
.ant-form-item .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical {
  display: block;
}
.ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-item .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-form-item .ant-select,
.ant-form-item .ant-cascader-picker {
  width: 100%;
}
.ant-form-item .ant-input-group .ant-select,
.ant-form-item .ant-input-group .ant-cascader-picker {
  width: auto;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1 0;
}
.ant-form-vertical .ant-form-item {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.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-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain.ant-form-item-explain-error {
  color: #ff4d4f;
}
.ant-form-item-explain.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear {
  right: 32px;
}
.ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
.ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 19px;
}
.ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: 32px;
}
.ant-form-item-has-feedback .ant-picker {
  padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-large {
  padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-small {
  padding-right: 25.2px;
}
.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  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;
}
.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon svg,
.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon svg,
.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon svg,
.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-warning .ant-input,
.ant-form-item-has-warning .ant-input-affix-wrapper,
.ant-form-item-has-warning .ant-input:hover,
.ant-form-item-has-warning .ant-input-affix-wrapper:hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-input:focus,
.ant-form-item-has-warning .ant-input-affix-wrapper:focus,
.ant-form-item-has-warning .ant-input-focused,
.ant-form-item-has-warning .ant-input-affix-wrapper-focused {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-warning .ant-input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-form-item-has-warning .ant-input-affix-wrapper-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-form-item-has-warning .ant-input-affix-wrapper-disabled input:focus {
  box-shadow: none !important;
}
.ant-form-item-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 rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-warning .ant-input-prefix {
  color: #faad14;
}
.ant-form-item-has-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-form-item-has-warning .has-feedback {
  color: #faad14;
}
.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}
.ant-form-item-has-warning .ant-select:not(.ant-select-borderless) .ant-select-selector {
  background-color: #fff;
  border-color: #faad14 !important;
}
.ant-form-item-has-warning .ant-select:not(.ant-select-borderless).ant-select-open .ant-select-selector,
.ant-form-item-has-warning .ant-select:not(.ant-select-borderless).ant-select-focused .ant-select-selector {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-warning .ant-input-number,
.ant-form-item-has-warning .ant-picker {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-input-number-focused,
.ant-form-item-has-warning .ant-picker-focused,
.ant-form-item-has-warning .ant-input-number:focus,
.ant-form-item-has-warning .ant-picker:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
.ant-form-item-has-warning .ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-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 rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}
.ant-form-item-has-error .ant-input,
.ant-form-item-has-error .ant-input-affix-wrapper,
.ant-form-item-has-error .ant-input:hover,
.ant-form-item-has-error .ant-input-affix-wrapper:hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input:focus,
.ant-form-item-has-error .ant-input-affix-wrapper:focus,
.ant-form-item-has-error .ant-input-focused,
.ant-form-item-has-error .ant-input-affix-wrapper-focused {
  border-color: #ff7875;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.ant-form-item-has-error .ant-input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-input-affix-wrapper-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-input-affix-wrapper-disabled input:focus {
  box-shadow: none !important;
}
.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff7875;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.ant-form-item-has-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .has-feedback {
  color: #ff4d4f;
}
.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
  color: #ff4d4f;
  animation-name: diffZoomIn2 !important;
}
.ant-form-item-has-error .ant-select:not(.ant-select-borderless) .ant-select-selector {
  background-color: #fff;
  border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-select:not(.ant-select-borderless).ant-select-open .ant-select-selector,
.ant-form-item-has-error .ant-select:not(.ant-select-borderless).ant-select-focused .ant-select-selector {
  border-color: #ff7875;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border: 0;
}
.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number,
.ant-form-item-has-error .ant-picker {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number-focused,
.ant-form-item-has-error .ant-picker-focused,
.ant-form-item-has-error .ant-input-number:focus,
.ant-form-item-has-error .ant-picker:focus {
  border-color: #ff7875;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.ant-form-item-has-error .ant-input-number:not([disabled]):hover,
.ant-form-item-has-error .ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff7875;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
  background-color: #fff;
  border-color: #ff7875;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.ant-form-item-has-error .ant-transfer-list {
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-form-item-has-error .ant-radio-button-wrapper {
  border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: #ff4d4f;
}
.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #1890ff;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.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: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item-with-help {
  margin-bottom: 0;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  writing-mode: horizontal-tb;
  margin-inline-start: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.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-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  min-height: 24px;
  padding-top: 0px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.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;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 11px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}
.ant-row {
  display: flex;
  flex-flow: row wrap;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-start {
  justify-content: flex-start;
}
.ant-row-center {
  justify-content: center;
}
.ant-row-end {
  justify-content: flex-end;
}
.ant-row-space-between {
  justify-content: space-between;
}
.ant-row-space-around {
  justify-content: space-around;
}
.ant-row-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.ant-col-24 {
  display: block;
  flex: 0 0 100%;
  max-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;
  flex: 0 0 95.83333333%;
  max-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;
  flex: 0 0 91.66666667%;
  max-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;
  flex: 0 0 87.5%;
  max-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;
  flex: 0 0 83.33333333%;
  max-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;
  flex: 0 0 79.16666667%;
  max-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;
  flex: 0 0 75%;
  max-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;
  flex: 0 0 70.83333333%;
  max-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;
  flex: 0 0 66.66666667%;
  max-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;
  flex: 0 0 62.5%;
  max-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;
  flex: 0 0 58.33333333%;
  max-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;
  flex: 0 0 54.16666667%;
  max-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;
  flex: 0 0 50%;
  max-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;
  flex: 0 0 45.83333333%;
  max-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;
  flex: 0 0 41.66666667%;
  max-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;
  flex: 0 0 37.5%;
  max-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;
  flex: 0 0 33.33333333%;
  max-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;
  flex: 0 0 29.16666667%;
  max-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;
  flex: 0 0 25%;
  max-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;
  flex: 0 0 20.83333333%;
  max-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;
  flex: 0 0 16.66666667%;
  max-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;
  flex: 0 0 12.5%;
  max-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;
  flex: 0 0 8.33333333%;
  max-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;
  flex: 0 0 4.16666667%;
  max-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-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-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;
  flex: 0 0 95.83333333%;
  max-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;
  flex: 0 0 91.66666667%;
  max-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;
  flex: 0 0 87.5%;
  max-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;
  flex: 0 0 83.33333333%;
  max-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;
  flex: 0 0 79.16666667%;
  max-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;
  flex: 0 0 75%;
  max-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;
  flex: 0 0 70.83333333%;
  max-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;
  flex: 0 0 66.66666667%;
  max-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;
  flex: 0 0 62.5%;
  max-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;
  flex: 0 0 58.33333333%;
  max-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;
  flex: 0 0 54.16666667%;
  max-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;
  flex: 0 0 50%;
  max-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;
  flex: 0 0 45.83333333%;
  max-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;
  flex: 0 0 41.66666667%;
  max-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;
  flex: 0 0 37.5%;
  max-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;
  flex: 0 0 33.33333333%;
  max-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;
  flex: 0 0 29.16666667%;
  max-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;
  flex: 0 0 25%;
  max-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;
  flex: 0 0 20.83333333%;
  max-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;
  flex: 0 0 16.66666667%;
  max-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;
  flex: 0 0 12.5%;
  max-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;
  flex: 0 0 8.33333333%;
  max-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;
  flex: 0 0 4.16666667%;
  max-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;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-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;
    flex: 0 0 95.83333333%;
    max-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;
    flex: 0 0 91.66666667%;
    max-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;
    flex: 0 0 87.5%;
    max-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;
    flex: 0 0 83.33333333%;
    max-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;
    flex: 0 0 79.16666667%;
    max-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;
    flex: 0 0 75%;
    max-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;
    flex: 0 0 70.83333333%;
    max-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;
    flex: 0 0 66.66666667%;
    max-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;
    flex: 0 0 62.5%;
    max-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;
    flex: 0 0 58.33333333%;
    max-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;
    flex: 0 0 54.16666667%;
    max-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;
    flex: 0 0 50%;
    max-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;
    flex: 0 0 45.83333333%;
    max-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;
    flex: 0 0 41.66666667%;
    max-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;
    flex: 0 0 37.5%;
    max-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;
    flex: 0 0 33.33333333%;
    max-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;
    flex: 0 0 29.16666667%;
    max-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;
    flex: 0 0 25%;
    max-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;
    flex: 0 0 20.83333333%;
    max-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;
    flex: 0 0 16.66666667%;
    max-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;
    flex: 0 0 12.5%;
    max-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;
    flex: 0 0 8.33333333%;
    max-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;
    flex: 0 0 4.16666667%;
    max-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;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-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;
    flex: 0 0 95.83333333%;
    max-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;
    flex: 0 0 91.66666667%;
    max-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;
    flex: 0 0 87.5%;
    max-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;
    flex: 0 0 83.33333333%;
    max-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;
    flex: 0 0 79.16666667%;
    max-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;
    flex: 0 0 75%;
    max-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;
    flex: 0 0 70.83333333%;
    max-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;
    flex: 0 0 66.66666667%;
    max-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;
    flex: 0 0 62.5%;
    max-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;
    flex: 0 0 58.33333333%;
    max-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;
    flex: 0 0 54.16666667%;
    max-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;
    flex: 0 0 50%;
    max-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;
    flex: 0 0 45.83333333%;
    max-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;
    flex: 0 0 41.66666667%;
    max-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;
    flex: 0 0 37.5%;
    max-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;
    flex: 0 0 33.33333333%;
    max-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;
    flex: 0 0 29.16666667%;
    max-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;
    flex: 0 0 25%;
    max-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;
    flex: 0 0 20.83333333%;
    max-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;
    flex: 0 0 16.66666667%;
    max-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;
    flex: 0 0 12.5%;
    max-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;
    flex: 0 0 8.33333333%;
    max-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;
    flex: 0 0 4.16666667%;
    max-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;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-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;
    flex: 0 0 95.83333333%;
    max-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;
    flex: 0 0 91.66666667%;
    max-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;
    flex: 0 0 87.5%;
    max-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;
    flex: 0 0 83.33333333%;
    max-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;
    flex: 0 0 79.16666667%;
    max-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;
    flex: 0 0 75%;
    max-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;
    flex: 0 0 70.83333333%;
    max-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;
    flex: 0 0 66.66666667%;
    max-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;
    flex: 0 0 62.5%;
    max-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;
    flex: 0 0 58.33333333%;
    max-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;
    flex: 0 0 54.16666667%;
    max-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;
    flex: 0 0 50%;
    max-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;
    flex: 0 0 45.83333333%;
    max-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;
    flex: 0 0 41.66666667%;
    max-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;
    flex: 0 0 37.5%;
    max-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;
    flex: 0 0 33.33333333%;
    max-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;
    flex: 0 0 29.16666667%;
    max-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;
    flex: 0 0 25%;
    max-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;
    flex: 0 0 20.83333333%;
    max-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;
    flex: 0 0 16.66666667%;
    max-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;
    flex: 0 0 12.5%;
    max-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;
    flex: 0 0 8.33333333%;
    max-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;
    flex: 0 0 4.16666667%;
    max-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;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-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;
    flex: 0 0 95.83333333%;
    max-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;
    flex: 0 0 91.66666667%;
    max-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;
    flex: 0 0 87.5%;
    max-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;
    flex: 0 0 83.33333333%;
    max-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;
    flex: 0 0 79.16666667%;
    max-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;
    flex: 0 0 75%;
    max-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;
    flex: 0 0 70.83333333%;
    max-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;
    flex: 0 0 66.66666667%;
    max-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;
    flex: 0 0 62.5%;
    max-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;
    flex: 0 0 58.33333333%;
    max-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;
    flex: 0 0 54.16666667%;
    max-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;
    flex: 0 0 50%;
    max-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;
    flex: 0 0 45.83333333%;
    max-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;
    flex: 0 0 41.66666667%;
    max-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;
    flex: 0 0 37.5%;
    max-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;
    flex: 0 0 33.33333333%;
    max-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;
    flex: 0 0 29.16666667%;
    max-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;
    flex: 0 0 25%;
    max-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;
    flex: 0 0 20.83333333%;
    max-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;
    flex: 0 0 16.66666667%;
    max-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;
    flex: 0 0 12.5%;
    max-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;
    flex: 0 0 8.33333333%;
    max-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;
    flex: 0 0 4.16666667%;
    max-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;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-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;
    flex: 0 0 95.83333333%;
    max-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;
    flex: 0 0 91.66666667%;
    max-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;
    flex: 0 0 87.5%;
    max-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;
    flex: 0 0 83.33333333%;
    max-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;
    flex: 0 0 79.16666667%;
    max-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;
    flex: 0 0 75%;
    max-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;
    flex: 0 0 70.83333333%;
    max-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;
    flex: 0 0 66.66666667%;
    max-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;
    flex: 0 0 62.5%;
    max-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;
    flex: 0 0 58.33333333%;
    max-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;
    flex: 0 0 54.16666667%;
    max-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;
    flex: 0 0 50%;
    max-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;
    flex: 0 0 45.83333333%;
    max-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;
    flex: 0 0 41.66666667%;
    max-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;
    flex: 0 0 37.5%;
    max-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;
    flex: 0 0 33.33333333%;
    max-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;
    flex: 0 0 29.16666667%;
    max-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;
    flex: 0 0 25%;
    max-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;
    flex: 0 0 20.83333333%;
    max-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;
    flex: 0 0 16.66666667%;
    max-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;
    flex: 0 0 12.5%;
    max-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;
    flex: 0 0 8.33333333%;
    max-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;
    flex: 0 0 4.16666667%;
    max-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;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.ant-row-rtl {
  direction: rtl;
}
.ant-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  height: 100%;
  text-align: center;
}
.ant-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ant-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: auto;
}
.ant-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  color: rgba(255, 255, 255, 0.85);
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.ant-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
}
.ant-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.45);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  display: inline-flex;
}
.ant-input-affix-wrapper::-moz-placeholder {
  opacity: 1;
}
.ant-input-affix-wrapper::placeholder {
  color: #99A2AF;
}
.ant-input-affix-wrapper:-moz-placeholder {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: transparent;
}
.ant-input-affix-wrapper > input.ant-input {
  padding: 0;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: none;
}
.ant-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.ant-input-clear-icon {
  margin: 0 4px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.ant-input-clear-icon:last-child {
  margin-right: 0;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0 !important;
  border: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  opacity: 1;
}
.ant-input::placeholder {
  color: #99A2AF;
}
.ant-input:-moz-placeholder {
  text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 0px 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  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-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #1890ff;
}
.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-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  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-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.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 > .ant-input-affix-wrapper {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.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-selector,
.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-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector: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-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector: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-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  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-selector,
.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 {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.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 {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 2px 0 0 2px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 32px;
}
.ant-input[type='color'].ant-input-lg {
  height: 40px;
}
.ant-input[type='color'].ant-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count::after {
  display: block;
  color: rgba(0, 0, 0, 0.45);
  text-align: right;
  content: attr(data-count);
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #40a9ff;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #40a9ff;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
  border-radius: 0 2px 2px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-group-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
  margin-right: 4px;
  margin-left: 0;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-right-color: #40a9ff;
  border-left-color: #d9d9d9;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
  right: -1px;
  left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
  border-radius: 2px 0 0 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 32px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-input-number::-moz-placeholder {
  opacity: 1;
}
.ant-input-number::placeholder {
  color: #99A2AF;
}
.ant-input-number:-moz-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input-number:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number:focus,
.ant-input-number-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-input-number:focus,
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  padding: 0px 7px;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #40a9ff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  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;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  opacity: 1;
}
.ant-input-number-input::placeholder {
  color: #99A2AF;
}
.ant-input-number-input:-moz-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  min-width: auto;
  margin-right: 0;
  font-size: 7px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  right: auto;
  left: 0;
  border-right: 1px solid #d9d9d9;
  border-left: 0;
  border-radius: 2px 0 0 2px;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: ltr;
  text-align: right;
}
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-layout-rtl {
  direction: rtl;
}
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #f0f0f0;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
  right: auto;
  left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5715;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  opacity: 1;
}
.ant-mentions::placeholder {
  color: #99A2AF;
}
.ant-mentions:-moz-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-mentions:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions:focus,
.ant-mentions-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-mentions:focus,
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  padding: 0px 7px;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  -moz-tab-size: inherit;
    -o-tab-size: inherit;
       tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::-moz-placeholder {
  opacity: 1;
}
.ant-mentions > textarea::placeholder {
  color: #99A2AF;
}
.ant-mentions > textarea:-moz-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-menu-item-danger.ant-menu-item {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #ff4d4f;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
  border-right-color: #ff4d4f;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #ff4d4f;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: normal;
  font-feature-settings: "calt" 0, "case" 1;
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  height: 1.5715;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  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);
}
.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: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}
.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 {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item a:hover {
  color: #1890ff;
}
.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: rgba(0, 0, 0, 0.85);
}
.ant-menu-item > .ant-badge a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #f0f0f0;
}
.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: #1890ff;
}
.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: #1890ff;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
  border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
  transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}
.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-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  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);
}
.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: 14px;
  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-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-right: 0;
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #f0f0f0;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  border-radius: 2px;
  box-shadow: none;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 2px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}
.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-image: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85));
  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, #1890ff, #1890ff);
}
.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 {
  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 {
  transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-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) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(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: #1890ff;
}
.ant-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin: 0 20px;
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
  padding-right: 0;
  padding-left: 0;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #1890ff;
  border-bottom: 2px solid #1890ff;
}
.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-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #1890ff;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.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 #1890ff;
  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;
  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-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.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 calc(50% - 16px / 2);
  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: 16px;
  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 .anticon {
  display: inline-block;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.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-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.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: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !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: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu.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,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu.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.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.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,
.ant-menu.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;
}
.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;
  padding: 0 20px;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #1890ff;
}
.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,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.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,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > 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-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #1890ff;
}
.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 > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > 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: #1890ff;
}
.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,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !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: rgba(255, 255, 255, 0.35) !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: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub {
  transform-origin: top right;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
  right: auto;
  left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
  padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #ff4d4f;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal-wrap {
  z-index: 1000;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 2px 2px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.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: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.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: #ff4d4f;
}
.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-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer button + button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  float: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns button + button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder,
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  overflow: hidden;
  word-wrap: break-word;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-topLeft .ant-notification-hook-holder,
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-hook-holder,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.ant-notification-hook-holder > .ant-notification-notice {
  margin-bottom: 0;
  box-shadow: none;
}
.ant-notification-notice {
  padding: 16px 24px;
  line-height: 1.5715;
}
.ant-notification-notice-message {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #ff4d4f;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  transition: color 0.3s;
  color: #000;
  cursor: pointer;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: #40a9ff;
}
.ant-page-header-back-button:active {
  color: #096dd9;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  display: flex;
  align-items: center;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  margin-right: 12px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  margin-left: 12px;
  white-space: unset;
}
.ant-page-header-heading-extra > *:first-child {
  margin-left: 0;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  padding: 8px 0;
  font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-right: 12px;
  margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: right;
}
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
}
.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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.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 {
  color: #1890ff;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.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: rgba(0, 0, 0, 0.25);
  font-family: Arial, Helvetica, sans-serif;
  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: rgba(0, 0, 0, 0.85);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  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: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  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;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  opacity: 1;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #99A2AF;
}
.ant-pagination-options-quick-jumper input:-moz-placeholder {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:focus,
.ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  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: rgba(0, 0, 0, 0.25);
  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-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}
.ant-pagination-options-quick-jumper input-rtl {
  direction: rtl;
}
.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;
  background-color: transparent;
  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: 2px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.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-size-changer {
  top: 0px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  padding: 0px 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: rgba(0, 0, 0, 0.25);
  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 {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}
@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-pagination-rtl {
  direction: rtl;
}
.ant-pagination-rtl .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}
.ant-popconfirm {
  z-index: 1060;
}
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  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: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8.0005px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.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 rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-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 rgba(0, 0, 0, 0.07);
}
.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 rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-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 rgba(0, 0, 0, 0.07);
}
.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-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-right: 22px;
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
  right: 0;
  left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: inline-block;
  font-size: 0;
  line-height: unset;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  top: 0px;
  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: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  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: #1890ff;
  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: #1890ff;
}
.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 {
  cursor: not-allowed;
}
.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: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #d9d9d9;
  transition: background-color 0.3s;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
}
.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: #1890ff;
  background: #fff;
  border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  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: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #40a9ff;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}
.ant-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-variant: normal;
  line-height: 1.5715;
  font-feature-settings: "calt" 0, "case" 1;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
  right: 0;
  left: auto;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #ff4d4f;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-right: 0;
  margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
  margin-left: 0;
}
.ant-select-single .ant-select-selector {
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  left: 11px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  padding: 0;
  line-height: 30px;
  transition: all 0.3s;
}
@supports (-moz-appearance: meterbar) {
  .ant-select-single .ant-select-selector .ant-select-selection-item,
  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    line-height: 30px;
  }
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  pointer-events: none;
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 25px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  color: #99A2AF;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  height: 32px;
  padding: 0 11px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 30px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
  line-height: 30px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
  display: none;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
  position: static;
  width: 100%;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 11px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
  display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  height: 24px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
  right: 7px;
  left: 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 28px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.ant-select-multiple .ant-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1px 4px;
}
.ant-select-multiple .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select-multiple .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select-multiple .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ant-select-multiple .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 2px 0;
  line-height: 24px;
  content: '\a0';
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  position: relative;
  display: flex;
  flex: none;
  box-sizing: border-box;
  max-width: 100%;
  height: 24px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 2px;
  padding: 0 4px 0 8px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  color: #bfbfbf;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-multiple .ant-select-selection-item-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;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  font-size: 10px;
  line-height: inherit;
  cursor: pointer;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove::before {
  display: none;
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: -0.2em;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  margin-left: 0.5px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: nowrap;
  visibility: hidden;
}
.ant-select-multiple .ant-select-selection-search:first-child .ant-select-selection-search-input {
  margin-left: 6.5px;
}
.ant-select-multiple .ant-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 33px;
  line-height: 33px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 17px;
  line-height: 17px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input {
  margin-left: 3px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 32px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
/* Reset search input style */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-selection-item {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-item *::-ms-backdrop,
  .ant-select-selection-item {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  flex: 1;
  overflow: hidden;
  color: #99A2AF;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-placeholder *::-ms-backdrop,
  .ant-select-selection-placeholder {
    flex: auto;
  }
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 53%;
  right: 11px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.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 .anticon {
  vertical-align: top;
  transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  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-clear::before {
  display: block;
}
.ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.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-empty {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-item-option-state {
  flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: #e6f7ff;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #1890ff;
}
.ant-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
  right: initial;
  left: 11px;
}
.ant-select-rtl .ant-select-clear {
  right: initial;
  left: 11px;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 4px;
  padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  margin-right: 0;
  margin-left: 4px;
  padding: 0 8px 0 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search {
  margin-right: 0.5px;
  margin-left: 4px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  right: 7px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 11px;
  left: 25px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 0;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
  border-radius: 100px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-button {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-input {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-image {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  border-radius: 2px;
  width: 64px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  width: 32px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  width: 80px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  width: 40px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  width: 48px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  width: 24px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  width: 100%;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: #f2f2f2;
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  right: 12px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  right: 4px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  right: 2px;
  left: auto;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
  border-color: #46a6ff;
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
}
.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.85);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  right: 0;
  left: auto;
}
.ant-slider-rtl .ant-slider-dot {
  margin-right: -4px;
  margin-left: 0;
}
.ant-slider-rtl .ant-slider-dot:first-child {
  margin-right: -4px;
  margin-left: 0;
}
.ant-slider-rtl .ant-slider-dot:last-child {
  margin-right: -4px;
  margin-left: 0;
}
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  display: none;
  color: #1890ff;
  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: 5px;
  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: 2px;
}
.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: 11px;
}
.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 \9;
  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;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.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: #1890ff;
  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) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ant-statistic-content-value {
  display: inline-block;
  direction: ltr;
}
.ant-statistic-content-value-decimal {
  font-size: 16px;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px;
}
.ant-statistic-rtl {
  direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #1890ff;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #f0f0f0;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #ff4d4f;
}
.ant-steps-item-disabled {
  cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
  background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: flex;
  flex-direction: column;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
.ant-steps-rtl.ant-steps-vertical .ant-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 16px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  right: 12px;
  left: auto;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: flex;
    flex-direction: column;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    flex: 1 0 auto;
    padding-left: 0;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
  .ant-steps-rtl.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: right;
    margin-right: 0;
    margin-left: 16px;
  }
  .ant-steps-rtl.ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    right: 16px;
    left: auto;
  }
  .ant-steps-rtl.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    right: 12px;
    left: auto;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5715;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
  background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #1890ff;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
  right: 0;
  left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title::after {
  right: 100%;
  left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 16px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  right: 0.5px;
  left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 12px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  margin-right: 12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-right: 67px;
  margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  /* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  right: -26px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: -9px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 0;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  right: -2px;
  left: auto;
}
.ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(.ant-steps-vertical) .ant-steps-item {
  padding-top: 4px;
}
.ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation) .ant-steps-item .ant-steps-item-icon {
  position: relative;
}
.ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation) .ant-steps-item .ant-steps-item-icon .ant-progress {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #1890ff;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  transition: all 0.2s ease-in-out;
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(0, 0, 0, 0.65);
  transform: translate(-50%, -50%);
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #1890ff;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  transform: translate(-50%, -50%) scale(0.66667);
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 12px - 2px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  right: 2px;
  left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 12px - 2px);
}
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-thead th.ant-table-column-has-sorters {
  padding: 0;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title {
  padding: 12px 2.3em 12px 8px;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-column-sorters {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -12px -8px -12px 25px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-thead th.ant-table-column-has-sorters {
  padding: 0;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title {
  padding: 8px 2.3em 8px 8px;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 25px;
}
.ant-table-small .ant-table-thead > tr > th {
  background-color: #fafafa;
}
.ant-table-small .ant-table-selection-column {
  width: 46px;
  min-width: 46px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border: 1px solid #f0f0f0;
  border-right: 0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  z-index: 0;
  font-size: 14px;
  background: #fff;
  border-radius: 2px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 33px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td {
  background: #F2F7FD;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #e6f7ff;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #dcf4ff;
}
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  padding: 0;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container {
  background: #f7f7f7;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-sorters-with-tooltip {
  display: inline-block;
  width: 100%;
}
.ant-table-column-sorters {
  display: inline-flex;
  align-items: center;
  padding: 16px 16px;
}
.ant-table-column-sorter {
  margin-top: 0.15em;
  margin-bottom: -0.15em;
  margin-left: 8px;
  color: #bfbfbf;
}
.ant-table-column-sorter-full {
  margin-top: -0.2em;
  margin-bottom: 0;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #1890ff;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-filter-column {
  display: flex;
  align-items: center;
  margin: -16px -16px;
}
.ant-table-filter-column-title {
  flex: auto;
  padding: 16px 2.3em 16px 16px;
}
.ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column {
  margin: 0;
}
.ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 2.3em 0 0;
}
.ant-table-filter-trigger-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex: none;
  align-items: stretch;
  align-self: stretch;
  cursor: pointer;
  transition: background-color 0.3s;
}
.ant-table-filter-trigger-container-open,
.ant-table-filter-trigger-container:hover,
.ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
  background: #e5e5e5;
}
.ant-table-filter-trigger {
  display: block;
  width: 2.3em;
  color: #bfbfbf;
  font-size: 12px;
  transition: color 0.3s;
}
.ant-table-filter-trigger .anticon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ant-table-filter-trigger-container-open .ant-table-filter-trigger,
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-filter-trigger.active {
  color: #1890ff;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  min-width: 120px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px 7px 3px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table .ant-table-selection-col {
  width: 60px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-selection {
  position: relative;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #1890ff;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  display: inline-flex;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #40a9ff;
}
.ant-table-row-expand-icon:active {
  color: #096dd9;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentColor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-header {
  position: sticky;
  z-index: calc(2 + 1);
}
.ant-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.ant-table-footer {
  border-radius: 0 0 2px 2px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 8px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger-container {
  right: auto;
  left: 0;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-selection-extra {
  right: auto;
  left: 0;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) {
  margin-right: 0;
  margin-left: 2px;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 16px 0;
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:last-of-type,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:last-of-type,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:last-of-type,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-bottom: 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tabs-dropdown-menu-item {
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #1890ff;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) {
  margin-right: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 2px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 2px 2px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) {
  margin-bottom: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 0 0 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 2px 2px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: flex;
  overflow: hidden;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  min-width: 40px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #40a9ff;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #096dd9;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  position: absolute;
  background: #1890ff;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 32px 0 0;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab:last-of-type {
  margin-right: 0;
  margin-left: 0;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #096dd9;
}
.ant-tabs-tab-btn {
  outline: none;
}
.ant-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
  color: #40a9ff;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #1890ff;
  font-weight: 500;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-content {
  display: flex;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-content-animated {
  transition: margin 0.3s;
}
.ant-tabs-tabpane {
  flex: none;
  width: 100%;
  outline: none;
}
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: default;
  opacity: 1;
  transition: all 0.3s;
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-tag-success {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-processing {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-error {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-warning {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}
.ant-timeline {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  font-feature-settings: "calt" 0, "case" 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #f0f0f0;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-timeline-item-head-red {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -7.001px;
  margin: 0 0 0 26px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  top: -7.001px;
  width: calc(50% - 12px);
  text-align: right;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline-rtl {
  direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
  right: 5px;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
  margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  right: 50%;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  right: 0;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: absolute;
  z-index: 1070;
  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: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  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-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-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-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(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-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-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-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content {
  background-color: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content {
  background-color: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content {
  background-color: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content {
  background-color: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content {
  background-color: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content {
  background-color: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content {
  background-color: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content {
  background-color: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content {
  background-color: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content {
  background-color: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content {
  background-color: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content {
  background-color: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
  background-color: transparent;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  display: flex;
  align-items: stretch;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  display: flex;
  flex-direction: column;
  width: 180px;
  height: 200px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}
.ant-transfer-list-search {
  padding-right: 24px;
  padding-left: 8px;
}
.ant-transfer-list-search-action {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 28px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 32px;
  text-align: center;
}
.ant-transfer-list-search-action .anticon {
  color: rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  display: flex;
  flex: none;
  align-items: center;
  height: 40px;
  padding: 8px 12px 9px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
  font-size: 10px;
  transform: translateY(10%);
  cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: relative;
  flex: none;
  padding: 12px;
}
.ant-transfer-list-content {
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content-item {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  line-height: 20px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  color: #d9d9d9;
}
.ant-transfer-list-content-item-remove:focus,
.ant-transfer-list-content-item-remove:hover {
  color: #40a9ff;
}
.ant-transfer-list-content-item-remove:active {
  color: #096dd9;
}
.ant-transfer-list-content-item-remove::after {
  position: absolute;
  top: -6px;
  right: -50%;
  bottom: -6px;
  left: -50%;
  content: '';
}
.ant-transfer-list-content-item-remove:hover {
  color: #40a9ff;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
  background-color: #dcf4ff;
}
.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background: transparent;
  cursor: default;
}
.ant-transfer-list-content-item-checked {
  background-color: #e6f7ff;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-pagination {
  padding: 8px 0;
  text-align: right;
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-list-body-not-found {
  flex: none;
  width: 100%;
  margin: auto 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.ant-transfer-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
  display: flex;
  flex: none;
  flex-direction: column;
  align-self: center;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-right: 8px;
  padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  right: auto;
  left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
  margin-right: 0;
  margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
  right: 0;
  left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  right: 0;
  left: auto;
}
.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  height: 14px !important;
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: #1890ff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-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-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-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-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-checkbox-rtl {
  direction: rtl;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #e6f7ff;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree .ant-tree-switcher {
  flex: none;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree .ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree .ant-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-tree .ant-tree-switcher-leaf-line {
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree .ant-tree-switcher-leaf-line::before {
  position: absolute;
  height: 24px;
  margin-left: -1px;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree .ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  margin-left: -1px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree .ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-node-content-wrapper[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-tree .ant-tree-treenode.drag-over > [draggable] {
  color: white;
  background-color: #1890ff;
  opacity: 0.8;
}
.ant-tree .ant-tree-treenode.drag-over-gap-top > [draggable] {
  border-top-color: #1890ff;
}
.ant-tree .ant-tree-treenode.drag-over-gap-bottom > [draggable] {
  border-bottom-color: #1890ff;
}
.ant-tree-show-line {
  /* Motion should hide line of measure */
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit:first-child::after {
  position: absolute;
  top: calc(100% - 24px - 4px);
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: calc(100% - 4px);
  right: -12px;
  bottom: -28px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before,
.ant-tree-show-line .ant-tree-indent-unit-end-first-level::after {
  display: none;
}
.ant-tree-show-line .ant-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) .ant-tree-indent-unit::after,
.ant-tree-show-line .ant-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) .ant-tree-indent-unit::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  z-index: 1;
  background: #fff;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree .ant-tree-switcher-loading-icon {
  transform: scaleY(-1);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  right: auto;
  left: -13px;
  border-right: none;
  border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl.ant-tree .ant-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-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-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-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-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree-checkbox-rtl {
  direction: rtl;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree-select-dropdown {
  padding: 8px 4px 0;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode {
  padding-bottom: 8px;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #e6f7ff;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree .ant-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree .ant-select-tree-switcher {
  flex: none;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.ant-select-tree .ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-select-tree .ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree .ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree .ant-select-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-select-tree .ant-select-tree-switcher-leaf-line {
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-select-tree .ant-select-tree-switcher-leaf-line::before {
  position: absolute;
  height: 24px;
  margin-left: -1px;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree .ant-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  margin-left: -1px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree .ant-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-node-content-wrapper[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-select-tree .ant-select-tree-treenode.drag-over > [draggable] {
  color: white;
  background-color: #1890ff;
  opacity: 0.8;
}
.ant-select-tree .ant-select-tree-treenode.drag-over-gap-top > [draggable] {
  border-top-color: #1890ff;
}
.ant-select-tree .ant-select-tree-treenode.drag-over-gap-bottom > [draggable] {
  border-bottom-color: #1890ff;
}
.ant-select-tree-show-line {
  /* Motion should hide line of measure */
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit:first-child::after {
  position: absolute;
  top: calc(100% - 24px - 4px);
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  position: absolute;
  top: calc(100% - 4px);
  right: -12px;
  bottom: -28px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before,
.ant-select-tree-show-line .ant-select-tree-indent-unit-end-first-level::after {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) .ant-select-tree-indent-unit::after,
.ant-select-tree-show-line .ant-select-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) .ant-select-tree-indent-unit::before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  z-index: 1;
  background: #fff;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}
.ant-typography {
  color: rgba(0, 0, 0, 0.85);
  overflow-wrap: break-word;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
  color: #52c41a;
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus,
a.ant-typography.ant-typography-danger:hover {
  color: #ff7875;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
}
a.ant-typography,
.ant-typography a {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}
a.ant-typography:focus,
.ant-typography a:focus,
a.ant-typography:hover,
.ant-typography a:hover {
  color: #40a9ff;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #096dd9;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
  text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #40a9ff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: normal;
  list-style: none;
  font-feature-settings: "calt" 0, "case" 1;
  line-height: 1.5715;
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22.001px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 20px;
  line-height: 1;
}
.ant-upload-list-item-card-actions.picture {
  top: 22px;
  line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  fill: #fff2f0;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
  fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  height: 100%;
  margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5715;
  text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  width: calc(100% - 14px);
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-right: auto;
  margin-left: 8px;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  right: auto;
  left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item .anticon-close {
  right: auto;
  left: 4px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  right: 8px;
  left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-right: 48px;
  padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 48px;
  padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 48px;
  padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-right: 0;
  padding-left: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
  right: auto;
  left: 8px;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}
html,
body {
  font-family: Lato;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
}
.ant-typography.ar-typography {
  font-family: Lato;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
h1.ant-typography.ar-typography {
  font-size: 48px;
  font-weight: bold;
  color: #c9002d;
}
h2.ant-typography.ar-typography {
  font-size: 36px;
}
h3.ant-typography.ar-typography {
  font-size: 21px;
}
h4.ant-typography.ar-typography {
  font-size: 21px;
  font-weight: 500;
}
h5.ant-typography.ar-typography {
  font-size: 16px;
  font-weight: 500;
}
.ar-button-text {
  font-size: 14px;
  line-height: normal;
}
.ar-overline-text {
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
}
.ar-caption-text {
  font-size: 12px;
  line-height: normal;
}
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * filson-pro:
 *   - http://typekit.com/eulas/0000000000000000000157bf
 *   - http://typekit.com/eulas/0000000000000000000157c0
 *   - http://typekit.com/eulas/0000000000000000000157c9
 *   - http://typekit.com/eulas/0000000000000000000157ca
 * filson-soft:
 *   - http://typekit.com/eulas/00000000000000003b9ade5c
 *   - http://typekit.com/eulas/00000000000000003b9ade5b
 *   - http://typekit.com/eulas/00000000000000003b9ade54
 *   - http://typekit.com/eulas/00000000000000003b9ade63
 *
 * © 2009-2022 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2022-06-07 21:20:00 UTC"}*/
@font-face {
  font-family: "filson-pro";
  src: url("https://use.typekit.net/af/c12453/0000000000000000000157bf/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/c12453/0000000000000000000157bf/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/c12453/0000000000000000000157bf/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "filson-pro";
  src: url("https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "filson-pro";
  src: url("https://use.typekit.net/af/19c742/0000000000000000000157c9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/19c742/0000000000000000000157c9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/19c742/0000000000000000000157c9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "filson-pro";
  src: url("https://use.typekit.net/af/27caf4/0000000000000000000157ca/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/27caf4/0000000000000000000157ca/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/27caf4/0000000000000000000157ca/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "filson-soft";
  src: url("https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "filson-soft";
  src: url("https://use.typekit.net/af/f50b47/00000000000000003b9ade5b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/f50b47/00000000000000003b9ade5b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/f50b47/00000000000000003b9ade5b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "filson-soft";
  src: url("https://use.typekit.net/af/63da2e/00000000000000003b9ade54/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/63da2e/00000000000000003b9ade54/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/63da2e/00000000000000003b9ade54/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "filson-soft";
  src: url("https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
.tk-filson-pro {
  font-family: "filson-pro", sans-serif;
}
.tk-filson-soft {
  font-family: "filson-soft", sans-serif;
}
.v3-text {
  font-family: Lato;
  color: #0A0D14;
}
.v3-text.v3-text-h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 64px;
}
.v3-text.v3-text-h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
}
.v3-text.v3-text-h3 {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
}
.v3-text.v3-text-h4 {
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
}
.v3-text.v3-text-h5 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.v3-text.v3-text-normal {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.v3-text.v3-text-small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.v3-text.v3-text-description {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.v3-text.weight-bold {
  font-weight: 700;
}
.v3-text.weight-semibold {
  font-weight: 600;
}
.v3-text.weight-medium {
  font-weight: 500;
}
.v3-text.weight-regular {
  font-weight: 400;
}
.ant-btn.ar-button {
  border-radius: 3px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  box-sizing: border-box;
}
.ant-btn.ar-button.ar-primary-btn {
  color: #ffffff;
  background-color: #303030;
  border: 2px solid #303030;
}
.ant-btn.ar-button.ar-primary-btn:hover,
.ant-btn.ar-button.ar-primary-btn.hover-demo {
  opacity: 0.9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
  background-color: #696969;
  border: solid 2px #696969;
}
.ant-btn.ar-button.ar-primary-btn:focus,
.ant-btn.ar-button.ar-primary-btn.focus-demo {
  box-shadow: 0 0 4px 0 #3676cf;
  border: solid 2px #ffffff;
}
.ant-btn.ar-button.ar-primary-btn:active,
.ant-btn.ar-button.ar-primary-btn.active-demo {
  box-shadow: none;
  background-color: #000000;
  border: solid 2px #000000;
}
.ant-btn.ar-button.ar-primary-btn:disabled {
  color: #c1c1c1;
  border: solid 1px #c1c1c1;
  background-color: #ffffff;
}
.ant-btn.ar-button.ar-secondary-btn {
  color: #000000;
  background-color: #ffffff;
  border: solid 1px #86898f;
}
.ant-btn.ar-button.ar-secondary-btn:hover,
.ant-btn.ar-button.ar-secondary-btn.hover-demo {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border: solid 2px #303030;
  margin: 0px -1px;
}
.ant-btn.ar-button.ar-secondary-btn:focus,
.ant-btn.ar-button.ar-secondary-btn.focus-demo {
  box-shadow: 0 0 10px 0 rgba(54, 118, 207, 0.5);
  border: solid 2px #3676cf;
  margin: 0px -1px;
}
.ant-btn.ar-button.ar-secondary-btn:active,
.ant-btn.ar-button.ar-secondary-btn.active-demo {
  border: solid 2px #696969;
  background-color: rgba(104, 119, 144, 0.15);
  margin: 0px -1px;
}
.ant-btn.ar-button.ar-secondary-btn:disabled {
  color: #c1c1c1;
  border: solid 1px #c1c1c1;
  background-color: #ffffff;
}
.ant-btn.ar-button.ar-caution-btn {
  color: #ffffff;
  background-color: #d32d41;
  border: 2px solid #d32d41;
}
.ant-btn.ar-button.ar-caution-btn:hover,
.ant-btn.ar-button.ar-caution-btn.hover-demo {
  /* background-color: rgba(211, 45, 65, 0.8);
            border:2px solid rgba(211, 45, 65, 0.8); */
  background-color: #db5667;
  border: 2px solid #db5667;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
}
.ant-btn.ar-button.ar-caution-btn:focus,
.ant-btn.ar-button.ar-caution-btn.focus-demo {
  box-shadow: 0 0 3px 1px #d32d41;
  border: solid 2px #ffffff;
}
.ant-btn.ar-button.ar-caution-btn:active,
.ant-btn.ar-button.ar-caution-btn.active-demo {
  box-shadow: none;
  background-color: #840010;
  border: 2px solid #840010;
}
.ant-btn.ar-button.ar-caution-btn:disabled {
  color: #c1c1c1;
  border: solid 1px #c1c1c1;
  background-color: #ffffff;
}
/*Overwrite antds weird padding issue on the button load animation */
.ant-btn.ar-drive-button > .ant-btn-loading-icon {
  padding-right: 8px;
}
.ant-btn.ar-drive-button > .ant-btn-loading-icon .anticon {
  padding-right: 0px;
}
/* Settings for all buttons */
.ant-btn.v3-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-weight: 400;
  padding: 0 16px 0 16px;
  border: none;
  background-color: #1B1F27;
  color: #FFFFFF;
}
.ant-btn.v3-button > *:not(:last-child) {
  margin-right: 0px;
}
.ant-btn.v3-button:focus-within,
.ant-btn.v3-button.focus-within-demo {
  box-shadow: 0 0 4px rgba(0, 106, 255, 0.8);
  background-color: #1B1F27;
}
.ant-btn.v3-button[disabled],
.ant-btn.v3-button[disabled]:hover {
  opacity: 0.3;
  background-color: #1B1F27;
  color: #FFFFFF;
}
.ant-btn.v3-button:hover,
.ant-btn.v3-button.hover-demo {
  background-color: #465062;
}
.ant-btn.v3-button:active,
.ant-btn.v3-button.active-demo {
  background-color: #000;
}
.ant-btn.v3-button.button-large {
  height: 48px;
  border-radius: 6px;
}
.ant-btn.v3-button.button-large > span {
  font-size: 16px;
}
.ant-btn.v3-button.button-large.ant-btn-lg > svg {
  color: white;
  font-size: 1.3em;
}
.ant-btn.v3-button.button-medium {
  height: 40px;
  border-radius: 4px;
}
.ant-btn.v3-button.button-medium > span {
  font-size: 14px;
  line-height: 38px;
}
.ant-btn.v3-button.button-medium > svg {
  color: white;
  font-size: 1.2em;
}
.ant-btn.v3-button.button-small {
  height: 32px;
  border-radius: 4px;
}
.ant-btn.v3-button.button-small > span {
  font-size: 14px;
  line-height: 30px;
}
.ant-btn.v3-button.button-small.ant-btn-sm > svg {
  color: white;
  font-size: 1em;
}
.ant-btn.v3-button.ant-btn > svg {
  margin-left: 4px;
  margin-right: 8px;
}
.ant-btn.v3-button.btype-success {
  background-color: #2ECC71;
}
.ant-btn.v3-button.btype-success:hover,
.ant-btn.v3-button.btype-success.hover-demo {
  background-color: #27AE60;
}
.ant-btn.v3-button.btype-success:active,
.ant-btn.v3-button.btype-success.active-demo {
  background-color: #1B8B4B;
}
.ant-btn.v3-button.btype-warning {
  background-color: #F58E43;
}
.ant-btn.v3-button.btype-warning:hover,
.ant-btn.v3-button.btype-warning.hover-demo {
  background-color: #CA671F;
}
.ant-btn.v3-button.btype-warning:active,
.ant-btn.v3-button.btype-warning.active-demo {
  background-color: #BC580F;
}
.ant-btn.v3-button.btype-error {
  background-color: #E74C3C;
}
.ant-btn.v3-button.btype-error:hover,
.ant-btn.v3-button.btype-error.hover-demo {
  background-color: #C0392B;
}
.ant-btn.v3-button.btype-error:active,
.ant-btn.v3-button.btype-error.active-demo {
  background-color: #982D22;
}
.ant-btn.v3-button.btype-darkblue {
  background-color: #0072CE;
}
.ant-btn.v3-button.btype-darkblue:hover,
.ant-btn.v3-button.btype-darkblue.hover-demo {
  background-color: #005FAB;
}
.ant-btn.v3-button.btype-darkblue:active,
.ant-btn.v3-button.btype-darkblue.active-demo {
  background-color: #004984;
}
.ant-btn.v3-button.v3-button-outline {
  background-color: #FFFFFF;
  color: #1B1F27;
  border: 1px solid #1B1F27;
}
.ant-btn.v3-button.v3-button-outline:focus-within,
.ant-btn.v3-button.v3-button-outline.focus-within-demo {
  box-shadow: 0 0 4px rgba(0, 106, 255, 0.8);
  border: 1px solid #9CA3AF;
}
.ant-btn.v3-button.v3-button-outline:hover,
.ant-btn.v3-button.v3-button-outline.hover-demo {
  color: #465062;
  background-color: #F1F3F6;
  border: 1px solid #465062;
}
.ant-btn.v3-button.v3-button-outline[disabled] {
  opacity: 0.3;
  background-color: #FFFFFF;
}
.ant-btn.v3-button.v3-button-outline:active,
.ant-btn.v3-button.v3-button-outline.active-demo {
  background-color: #E5E7EB;
  color: #0A0D14;
}
.ant-btn.v3-button.v3-button-outline.v3-button > svg {
  color: #0A0D14;
}
.ant-btn.v3-button.v3-button-text {
  background-color: transparent;
  color: #1B1F27;
  border: none;
  box-shadow: none;
}
.ant-btn.v3-button.v3-button-text:focus-within,
.ant-btn.v3-button.v3-button-text.focus-within-demo {
  box-shadow: 0 0 4px rgba(0, 106, 255, 0.8);
  border: none;
}
.ant-btn.v3-button.v3-button-text:hover,
.ant-btn.v3-button.v3-button-text.hover-demo {
  color: #465062;
  background-color: #F1F3F6;
  border: none;
}
.ant-btn.v3-button.v3-button-text[disabled] {
  opacity: 0.3;
  background-color: transparent;
}
.ant-btn.v3-button.v3-button-text:active,
.ant-btn.v3-button.v3-button-text.active-demo {
  background-color: #E5E7EB;
  color: #0A0D14;
}
.ant-btn.v3-button.v3-button-text.v3-button > svg {
  color: #0A0D14;
}
.ant-form-item.ar-form-item .ant-select-selection {
  border-radius: 3px;
  border: solid 1px #c1c1c1;
}
.ant-input {
  font-weight: inherit;
}
.ARinput-base-div .ar-input.ant-input:not(.ar_inline) {
  width: 100%;
}
.ARinput-base-div .ar-picker.ant-picker:not(.ar_inline) {
  width: 100%;
}
.ARinput-base-div .ar-select.ant-select:not(.ar_inline) {
  width: 100%;
}
.ARinput-base-div .ant-input-number:not(.ar_inline) {
  width: 100%;
  color: #303030;
}
.ar-input::-webkit-input-placeholder {
  font-weight: 400;
  color: #9a9fa7;
}
.input-label {
  width: 87px;
  height: 15px;
  opacity: 0.69;
  font-family: Lato;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #666666;
}
.input-label-left-margin {
  margin-left: 10px;
}
.input-right-label {
  float: right;
  width: initial;
  margin-top: 5px;
}
.ant-input-lg {
  padding: 8px 11px;
  font-size: 14px;
}
.ant-input-number-lg {
  font-size: 14px;
}
.ant-select-lg {
  font-size: 14px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-none {
  float: none;
}
.ar-input {
  outline: none !important;
  box-shadow: none;
  color: #303030;
  font-weight: 500;
}
.ar-input:not(.ant-input-textarea) {
  border: 1px solid #d2d4d6;
}
.ant-input-textarea .ant-input {
  border: 1px solid #d2d4d6;
}
.ar-input-custom-suffix {
  font-size: 12px;
  font-family: Lato;
  position: absolute;
  z-index: 2;
  color: #bbbbbb;
}
.ar-input-custom-suffix.suffix-size-large {
  right: 30px;
  bottom: 20px;
}
.ar-input-custom-suffix.suffix-size-medium {
  right: 30px;
  bottom: 15px;
}
.ar-input-custom-suffix.suffix-size-small {
  right: 30px;
  bottom: 10px;
}
.ar-input.ant-input:hover:not(.text_underline):not(.ant-input-disabled):not(.ar-not-bordered),
.ar-input.ant-input-affix-wrapper:hover:not(.text_underline):not(.ant-input-disabled):not(.ar-not-bordered),
.ar-input.hover_demo:not(.text_underline):not(.ar-not-bordered) {
  border: 1px solid #c1c1c1;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
}
.ar-input.ant-input:focus:not(.text_underline):not(.ant-input-disabled):not(.ar-not-bordered),
.ar-input.ant-input-affix-wrapper.ant-input-affix-wrapper-focused:not(.text_underline):not(.ant-input-disabled):not(.ar-not-bordered),
.ar-input.focus_demo:not(.text_underline) {
  border: 1px solid #2c4251;
  box-shadow: none;
}
.ar-input.ant-input-disabled:not(.text_underline),
.ant-input-number.ant-input-number-disabled:not(.text_underline) {
  /* border: 1px solid #e5e5e5;
    background-color: white !important; */
  background-color: #f2f2f2 !important;
  /* color: #c1c1c1; */
  color: #303030;
  border: 1px solid #f2f2f2;
}
.ar-input .ant-input-prefix {
  margin-right: 12px;
}
.ar-input .ant-input {
  color: #303030;
  font-weight: 500;
}
.ant-input-affix-wrapper > input.ant-input {
  background-color: transparent;
}
.text_underline.ar-input {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #d2d4d6;
  color: #3676cf;
  background-color: transparent;
}
.text_underline.ant-input-affix-wrapper > input.ant-input {
  color: #3676cf;
}
.text_underline.ar-input:disabled {
  background-color: transparent;
  color: #c1c1c1 !important;
  border-bottom: 1px solid #f2f2f2;
}
.text_underline.ar-input::-moz-placeholder {
  font-weight: 400;
  color: #9a9fa7;
}
.text_underline.ar-input::placeholder {
  font-weight: 400;
  color: #9a9fa7;
}
.text_underline.ar-input:hover:not(.ant-input-disabled),
.text_underline.ar-input.hover_demo {
  box-shadow: none;
  border-bottom: 1px solid #303030;
  outline: none;
}
.text_underline.ar-input:focus:not(.ant-input-disabled),
.text_underline.ar-input.ant-input-affix-wrapper-focused:not(.ant-input-disabled),
.text_underline.ar-input.focus_demo {
  box-shadow: none;
  border-bottom: 1px solid #3676cf;
  outline: none;
}
.ar-select.ant-select.ant-select-single:not(.ar-not-bordered):not(.text_underline) .ant-select-selector,
.ar-select.ant-select.ant-select-multiple:not(.ar-not-bordered):not(.text_underline) .ant-select-selector {
  border: 1px solid #d2d4d6;
}
.ar-select.ant-select.ant-select-single.ar-not-bordered .ant-select-selector,
.ar-select.ant-select.ant-select-multiple.ar-not-bordered .ant-select-selector {
  border: none;
  background-color: transparent;
  line-height: 30px;
}
.ar-select .ant-select-selection-placeholder {
  font-weight: 400;
  color: #9a9fa7;
}
.ar-select.ant-select-disabled .ant-select-selection-placeholder {
  color: #c1c1c1;
}
.ar-select .ant-select-selector .ant-select-selection-item {
  font-weight: 500;
}
.ar-select.ant-select:hover:not(.text_underline):not(.ant-select-disabled):not(.ar-not-bordered),
.ar-select .ant-select-selector.hover_demo:not(.text_underline) {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
}
.ar-select.ant-select:hover:not(.text_underline):not(.ar-not-bordered) .ant-select-selector {
  box-shadow: none;
  border: 1px solid #c1c1c1;
  outline: none;
}
.ar-select.ant-select.ant-select-focused:not(.text_underline):not(.ant-select-disabled):not(.ar-not-bordered) .ant-select-selector,
.ar-select .ant-select-selector.focus_demo:not(.text_underline):not(.ar-not-bordered) .ant-select-selector {
  border: 1px solid #2c4251;
  box-shadow: none;
  outline: none;
}
.ar-select.ant-select-disabled:not(.text_underline) .ant-select-selector,
.ar-select.ant-select-disabled:not(.text_underline) .ant-select-selector:hover {
  background-color: #f2f2f2 !important;
  color: #c1c1c1;
  border: 1px solid #f2f2f2;
}
.ar-select.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  color: #c1c1c1;
}
.ar-select.ant-select-single.ant-select-focused .ant-select-selector {
  box-shadow: none;
}
.ant-select-arrow {
  color: #303030;
}
.ar-select.ant-select-disabled .ant-select-arrow {
  color: #d2d4d6;
}
.text_underline.ar-select.ant-select .ant-select-selector {
  border-radius: 0;
  color: #3676cf;
  border: none;
  border-bottom: 1px solid #d2d4d6;
}
.text_underline.ar-select.ant-select-disabled .ant-select-selector {
  background-color: transparent;
  border-bottom: 1px solid #e5e5e5;
}
.text_underline.ar-select.ant-select-single.ant-select .ant-select-selector {
  background-color: transparent;
}
.text_underline.ar-select.ant-select-multiple.ant-select .ant-select-selector {
  background-color: transparent;
}
.text_underline.ar-select .ant-select-selector::-moz-placeholder {
  color: #303030;
}
.text_underline.ar-select .ant-select-selector::placeholder {
  color: #303030;
}
.text_underline.ar-select.ant-select:hover:not(.ant-select-disabled),
.text_underline.ar-select .ant-select-selector.hover_demo:not(.text_underline) {
  box-shadow: none;
  border: none;
}
.text_underline.ar-select.ant-select:hover:not(.ant-select-disabled) .ant-select-selector {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #303030;
  outline: none;
}
.text_underline.ar-select.ant-select.ant-select-focused:not(.ant-select-disabled) .ant-select-selector,
.text_underline.ar-select .ant-select-selector.focus_demo:not(.text_underline) .ant-select-selector {
  border-bottom: 1px solid #3676cf;
  box-shadow: none;
  outline: none;
}
.ant-select-selection-placeholder {
  font-weight: 300;
  color: #7a808b;
  opacity: 1;
}
.ar-picker.ant-picker {
  border: 1px solid #d2d4d6;
  border-radius: 3px;
}
.ar-picker .ant-picker-input > input {
  font-size: 14px;
  font-weight: 500;
}
.ar-picker .ant-picker-input > input:-moz-placeholder {
  font-weight: 400;
  color: #9a9fa7;
  opacity: 1;
}
.ar-picker .ant-picker-input > input:placeholder-shown {
  font-weight: 400;
  color: #9a9fa7;
  opacity: 1;
}
/* .ar-picker .ant-picker-input > input::placeholder div + div{
    font-weight:500;
    color: #303030;
} */
/* .ar-picker.ant-picker.ant-picker-disabled:not(.text_underline){
    border: 1px solid #e5e5e5;
    background-color: white !important;
} */
.ar-picker.ant-picker.ant-picker-disabled:not(.text_underline),
.ar-picker.ant-picker.ant-picker-disabled:not(.text_underline) .ant-picker-suffix {
  background-color: #f2f2f2 !important;
  color: #c1c1c1;
  border: 1px solid #f2f2f2;
}
.ar-picker.ant-picker:not(.ant-picker-disabled) .ant-picker-input > span,
.ar-picker.ant-picker-range:not(.ant-picker-disabled) .ant-picker-suffix {
  color: #303030;
}
.ar-picker.ant-picker:hover:not(.text_underline):not(.ant-picker-disabled),
.ar-picker.hover_demo:not(.text_underline) {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
  border: 1px solid #c1c1c1;
}
.ar-picker.ant-picker.ant-picker-focused:not(.text_underline):not(.ant-picker-disabled):not(.ar-not-bordered),
.ar-picker.focus_demo:not(.text_underline):not(.ar-not-bordered) {
  border: 1px solid #2c4251;
  box-shadow: none;
  outline: none;
}
.text_underline.ar-picker.ant-picker {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #d2d4d6;
  background-color: transparent;
}
.text_underline.ar-picker.ant-picker:not(.ant-picker-disabled) .ant-picker-input > input {
  color: #3676cf;
}
.text_underline.ar-picker.ant-picker:not(.ant-picker-disabled) .ant-picker-input > span,
.text_underline.ar-picker.ant-picker-range:not(.ant-picker-disabled) .ant-picker-suffix {
  color: #303030;
}
.text_underline.ar-picker.ant-picker-disabled {
  background-color: transparent;
  color: #c1c1c1;
  border-bottom: 1px solid #e5e5e5;
}
.text_underline.ar-picker.ant-picker::-moz-placeholder {
  color: #303030;
}
.text_underline.ar-picker.ant-picker::placeholder {
  color: #303030;
}
.text_underline.ar-picker.ant-picker:hover:not(.ant-picker-disabled),
.text_underline.ar-picker.ant-picker.hover_demo {
  border-bottom: 1px solid #303030;
}
.text_underline.ar-picker.ant-picker-focused:not(.ant-picker-disabled),
.text_underline.ar-picker.ant-picker.focus_demo {
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid #3676cf;
}
.ant-picker-active-bar {
  display: none;
}
/* .text_underline.ar-picker.ant-picker-range .ant-picker-input:first-child{
    width: 135px;
} */
/* This was put in wrong. Adding classname to try make it only apply to where it was used this way */
.ant-tag.media-title {
  padding: 3px 16px;
  height: 24px;
  border-radius: 12px;
  color: black;
  font-size: 12px;
  line-height: 1.5;
  background-color: white;
  border: 1px solid #c0c8d4;
}
.ar-form-group.ant-input-group {
  position: absolute;
  z-index: 100;
  width: 1000px;
}
.ar-form-group.ant-input-group > div {
  display: inline-block;
}
.ar-form-group .ar-input {
  float: none;
}
.ar_inline.ar-input,
.ar_inline.ar-select .ant-select-selector {
  border-radius: 0px;
  border-right: none;
}
.ar-form-group > div:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ar-form-group > div:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: 1px solid #d9d9d9;
}
.ar-color-input-suffix {
  font-size: 12px;
  font-family: Lato;
  position: absolute;
}
.ar-color-input-suffix .ar-input {
  position: relative;
  z-index: 2;
}
.ar-color-input-suffix.suffix-size-large {
  right: 8px;
  bottom: 8px;
}
.ar-color-input-suffix.suffix-size-medium {
  right: 5px;
  bottom: 5px;
}
.ar-color-input-suffix.suffix-size-small {
  right: 5px;
  bottom: 2px;
}
.ar-copy-input {
  outline: none !important;
  border: 1px solid #f2f2f2;
  box-shadow: none;
  background-color: #f2f2f2;
  color: #3676cf;
}
.ar-copy-input.ant-input:focus:not(.text_underline):not(.ant-input-disabled),
.ar-copy-input.ant-input-affix-wrapper.ant-input-affix-wrapper-focused:not(.text_underline):not(.ant-input-disabled) {
  border: 1px solid #f2f2f2;
  box-shadow: none;
}
.ar-copy-input.ant-input:hover:not(.text_underline):not(.ant-input-disabled),
.ar-copy-input.ant-input-affix-wrapper:hover:not(.text_underline):not(.ant-input-disabled) {
  border: 1px solid #f2f2f2;
  box-shadow: none;
}
.hundredVh {
  height: 100vh;
}
.loginBanner {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 150px;
}
.loginBannerCol {
  height: 100%;
}
.loginFormCol {
  height: 100%;
}
@media (max-width: 768px) {
  .loginBannerCol {
    height: 150px;
  }
  .loginFormCol {
    height: calc(100% - 150px);
  }
}
.drive-input-base .ant-input:not(.drive_inline) {
  width: 100%;
}
.drive-input-base .ant-picker:not(.drive_inline) {
  width: 100%;
}
.drive-input-base .ant-select:not(.drive_inline) {
  width: 100%;
}
.drive-input-base .ant-input-number:not(.drive_inline) {
  width: 100%;
}
.full-screen-modal.ant-modal {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.full-screen-modal.ant-modal .ant-modal-content .ant-modal-close {
  margin: 24px;
}
.full-screen-modal.ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: unset;
  width: unset;
  padding: 12px;
  border-radius: 315px;
  background: #f6f6f6;
  line-height: unset;
}
.full-screen-modal.ant-modal .ant-modal-content .ant-modal-body {
  overflow-x: auto;
  padding-left: 24px;
}
.table-wrapper .ar-drive-table .ant-table-tbody > tr > td {
  padding: 0px 8px;
}
.table-wrapper .ar-drive-table .ant-table-container table > thead > tr:first-child th:first-child,
.table-wrapper .ar-drive-table .ant-table-container table > tbody td:first-child {
  padding-left: 32px;
}
.table-wrapper .ar-drive-table .ant-table-container table > thead > tr:first-child th:last-child,
.table-wrapper .ar-drive-table .ant-table-container table > tbody td:last-child {
  padding-right: 32px;
}
.ar-drive-customers-popover div {
  font-weight: 500;
}
.ar-drive-customers-popover div.popover-divider {
  margin: 10px 0px;
}
/* OVERRIDE FOR NOTIFICATION DRAWER HEIGHT ON ANT DRAWER TITLE SO IT DOESNST SQUISH HEADER ON LOADING DATA */
.notifications-drawer .ant-drawer-title {
  height: 61px;
  display: flex;
  align-items: center;
}
html {
  font-size: 16px;
}
body {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}
.content-overflow-handler {
  height: calc(100vh);
}
.alert-banner-wrapper + .content-overflow-handler {
  height: calc(100vh - 50px);
}
.alert-banner-container {
  container-type: inline-size;
}
@container (max-width: 768px) {
  .alert-banner-wrapper {
    height: 75px;
  }
  .alert-banner-wrapper .alert-banner-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  @supports (-webkit-line-clamp: 3) {
    .alert-banner-wrapper .alert-banner-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
  }
  .alert-banner-wrapper + .content-overflow-handler {
    height: calc(100vh - 75px);
  }
}
.loginRight {
  height: 100%;
  position: relative;
}
.loginForm {
  max-width: 600px;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.status-red {
  color: #E53A40;
}
.status-yellow {
  color: #F1BE3A;
}
.status-green {
  color: #39BB65;
}
.svg-icon-xsmall svg {
  width: 8px;
  height: 8px;
}
.svg-icon-small svg {
  width: 14px;
  height: 14px;
}
.svg-icon-medium svg {
  width: 18px;
  height: 18px;
}
.svg-icon-large svg {
  width: 20px;
  height: 20px;
}
.dot-seperator {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #99A2AF;
  margin: 0px 5px;
}
.mouse-tracker {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  padding: 2px 7px;
  border-radius: 3px;
  white-space: nowrap;
  visibility: hidden;
}
.drive-input-base .ant-input:not(.drive_inline) {
  width: 100%;
}
.drive-input-base .ant-picker:not(.drive_inline) {
  width: 100%;
}
.drive-input-base .ant-select:not(.drive_inline) {
  width: 100%;
}
.drive-input-base .ant-input-number:not(.drive_inline) {
  width: 100%;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.spin-icon {
  animation: spin 1s linear infinite;
}
.placeholder\:font-light::-moz-placeholder{
  font-weight: 300;
}
.placeholder\:font-light::placeholder{
  font-weight: 300;
}
.placeholder\:text-\[\#9A9A9A\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#9A9A9A\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity, 1));
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:z-\[1\]::after{
  content: var(--tw-content);
  z-index: 1;
}
.after\:box-border::after{
  content: var(--tw-content);
  box-sizing: border-box;
}
.after\:h-\[10px\]::after{
  content: var(--tw-content);
  height: 10px;
}
.after\:w-\[10px\]::after{
  content: var(--tw-content);
  width: 10px;
}
.after\:rounded-\[1px\]::after{
  content: var(--tw-content);
  border-radius: 1px;
}
.after\:\!border-b-0::after{
  content: var(--tw-content);
  border-bottom-width: 0px !important;
}
.after\:\!border-r-0::after{
  content: var(--tw-content);
  border-right-width: 0px !important;
}
.after\:bg-\[var\(--arrow-color\)\]::after{
  content: var(--tw-content);
  background-color: var(--arrow-color);
}
.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}
.after\:\[border\:var\(--border\)\]::after{
  content: var(--tw-content);
  border: var(--border);
}
.focus-within\:relative:focus-within{
  position: relative;
}
.focus-within\:z-20:focus-within{
  z-index: 20;
}
.hover\:overflow-y-scroll:hover{
  overflow-y: scroll;
}
.hover\:rounded-full:hover{
  border-radius: 9999px;
}
.hover\:border:hover{
  border-width: 1px;
}
.hover\:border-2:hover{
  border-width: 2px;
}
.hover\:\!border-\[\#ABCAF0\]:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(171 202 240 / var(--tw-border-opacity, 1)) !important;
}
.hover\:\!border-\[\#AFDCBE\]:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(175 220 190 / var(--tw-border-opacity, 1)) !important;
}
.hover\:\!border-\[\#F6CFD0\]:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(246 207 208 / var(--tw-border-opacity, 1)) !important;
}
.hover\:border-\[\#014495\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(1 68 149 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#015AC6\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(1 90 198 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#0166DF\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(1 102 223 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#039855\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(3 152 85 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#582C82\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(88 44 130 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#CCD0D7\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(204 208 215 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#CE3439\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(206 52 57 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#D60A50\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(214 10 80 / var(--tw-border-opacity, 1));
}
.hover\:border-black\/90:hover{
  border-color: rgb(0 0 0 / 0.9);
}
.hover\:border-red-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.hover\:border-sky-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#014495\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(1 68 149 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#015AC6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(1 90 198 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#039855\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(3 152 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#582C82\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(88 44 130 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#CE3439\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(206 52 57 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#D60A50\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(214 10 80 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#E6E8EB\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(230 232 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#E9F0FE\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 240 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#ECFDF2\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F2F7FD\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 247 253 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#FDEBEB\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 235 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d6e5fa\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(214 229 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f2f7fd\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 247 253 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f7fbff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 251 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/90:hover{
  background-color: rgb(0 0 0 / 0.9);
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(1 102 223 / var(--tw-bg-opacity, 1));
}
.hover\:bg-link\/10:hover{
  background-color: rgb(1 102 223 / 0.1);
}
.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-500\/80:hover{
  background-color: rgb(239 68 68 / 0.8);
}
.hover\:bg-red-500\/90:hover{
  background-color: rgb(239 68 68 / 0.9);
}
.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100\/80:hover{
  background-color: rgb(241 245 249 / 0.8);
}
.hover\:bg-slate-900\/80:hover{
  background-color: rgb(15 23 42 / 0.8);
}
.hover\:bg-slate-900\/90:hover{
  background-color: rgb(15 23 42 / 0.9);
}
.hover\:p-\[14px\]:hover{
  padding: 14px;
}
.hover\:text-\[\#000\]:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.hover\:text-link:hover{
  --tw-text-opacity: 1;
  color: rgb(1 102 223 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-900:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:opacity-100:hover{
  opacity: 1;
}
.hover\:shadow-\[0px_3px_8px_0px_rgba\(19\2c 47\2c 100\2c 0\.12\)\]:hover{
  --tw-shadow: 0px 3px 8px 0px rgba(19,47,100,0.12);
  --tw-shadow-colored: 0px 3px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0px_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]:hover{
  --tw-shadow: 0px 4px 4px 0px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:bg-link:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(1 102 223 / var(--tw-bg-opacity, 1));
}
.focus\:text-white:focus{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-slate-950:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:border-red-500:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.focus-visible\:border-sky-400:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}
.focus-visible\:shadow-\[0_0_0_2px_rgba\(24\2c 144\2c 255\2c 0\.2\)\]:focus-visible{
  --tw-shadow: 0 0 0 2px rgba(24,144,255,0.2);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-0:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-1:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[3px\]:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-slate-950:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:bg-\[\#ECEEF0\]:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 240 / var(--tw-bg-opacity, 1));
}
.disabled\:text-\[\#99A2AF\]:disabled{
  --tw-text-opacity: 1;
  color: rgb(153 162 175 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.group:hover .group-hover\:block{
  display: block;
}
.group:hover .group-hover\:bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}
.aria-selected\:opacity-100[aria-selected="true"]{
  opacity: 1;
}
.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}
.data-\[state\=active\]\:-mb-px[data-state="active"]{
  margin-bottom: -1px;
}
.data-\[size\=default\]\:h-9[data-size="default"]{
  height: 2.25rem;
}
.data-\[size\=sm\]\:h-8[data-size="sm"]{
  height: 2rem;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"]{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"]{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"]{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:border-\[\#000000\][data-state="checked"]{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.data-\[state\=checked\]\:border-\[\#0070e0\][data-state="checked"]{
  --tw-border-opacity: 1;
  border-color: rgb(0 112 224 / var(--tw-border-opacity, 1));
}
.data-\[state\=checked\]\:bg-\[\#000000\][data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-\[\#0070e0\][data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 112 224 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-blue-50[data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:font-semibold[data-state="active"]{
  font-weight: 600;
}
.data-\[state\=checked\]\:font-bold[data-state="checked"]{
  font-weight: 700;
}
.data-\[state\=active\]\:text-\[\#0166DF\][data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(1 102 223 / var(--tw-text-opacity, 1));
}
.data-\[state\=checked\]\:text-\[\#FFF\][data-state="checked"]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}
.\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot="select-value"] > *{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\*\:data-\[slot\=select-value\]\:flex[data-slot="select-value"] > *{
  display: flex;
}
.\*\:data-\[slot\=select-value\]\:items-center[data-slot="select-value"] > *{
  align-items: center;
}
.\*\:data-\[slot\=select-value\]\:gap-2[data-slot="select-value"] > *{
  gap: 0.5rem;
}
.data-\[state\=active\]\:after\:absolute[data-state="active"]::after{
  content: var(--tw-content);
  position: absolute;
}
.data-\[side\=bottom\]\:after\:left-1\/2[data-side="bottom"]::after{
  content: var(--tw-content);
  left: 50%;
}
.data-\[side\=bottom\]\:after\:top-\[var\(--arrow-offset\)\][data-side="bottom"]::after{
  content: var(--tw-content);
  top: var(--arrow-offset);
}
.data-\[side\=left\]\:after\:right-\[var\(--arrow-offset\)\][data-side="left"]::after{
  content: var(--tw-content);
  right: var(--arrow-offset);
}
.data-\[side\=left\]\:after\:top-1\/2[data-side="left"]::after{
  content: var(--tw-content);
  top: 50%;
}
.data-\[side\=right\]\:after\:left-\[var\(--arrow-offset\)\][data-side="right"]::after{
  content: var(--tw-content);
  left: var(--arrow-offset);
}
.data-\[side\=right\]\:after\:top-1\/2[data-side="right"]::after{
  content: var(--tw-content);
  top: 50%;
}
.data-\[side\=top\]\:after\:bottom-\[var\(--arrow-offset\)\][data-side="top"]::after{
  content: var(--tw-content);
  bottom: var(--arrow-offset);
}
.data-\[side\=top\]\:after\:left-1\/2[data-side="top"]::after{
  content: var(--tw-content);
  left: 50%;
}
.data-\[state\=active\]\:after\:bottom-1[data-state="active"]::after{
  content: var(--tw-content);
  bottom: 0.25rem;
}
.data-\[state\=active\]\:after\:left-0[data-state="active"]::after{
  content: var(--tw-content);
  left: 0px;
}
.data-\[state\=active\]\:after\:right-0[data-state="active"]::after{
  content: var(--tw-content);
  right: 0px;
}
.data-\[state\=active\]\:after\:mx-auto[data-state="active"]::after{
  content: var(--tw-content);
  margin-left: auto;
  margin-right: auto;
}
.data-\[state\=active\]\:after\:block[data-state="active"]::after{
  content: var(--tw-content);
  display: block;
}
.data-\[state\=active\]\:after\:h-\[3px\][data-state="active"]::after{
  content: var(--tw-content);
  height: 3px;
}
.data-\[state\=active\]\:after\:w-full[data-state="active"]::after{
  content: var(--tw-content);
  width: 100%;
}
.data-\[side\=bottom\]\:after\:-translate-x-1\/2[data-side="bottom"]::after{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:after\:-translate-y-1\/2[data-side="left"]::after{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:after\:-translate-y-1\/2[data-side="right"]::after{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:after\:-translate-x-1\/2[data-side="top"]::after{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=bottom\]\:after\:rotate-\[45deg\][data-side="bottom"]::after{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:after\:rotate-\[135deg\][data-side="left"]::after{
  content: var(--tw-content);
  --tw-rotate: 135deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:after\:rotate-\[315deg\][data-side="right"]::after{
  content: var(--tw-content);
  --tw-rotate: 315deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:after\:rotate-\[225deg\][data-side="top"]::after{
  content: var(--tw-content);
  --tw-rotate: 225deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=active\]\:after\:rounded-t-full[data-state="active"]::after{
  content: var(--tw-content);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
.data-\[state\=active\]\:after\:bg-\[\#0166DF\][data-state="active"]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(1 102 223 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:after\:content-\[\'\'\][data-state="active"]::after{
  --tw-content: '';
  content: var(--tw-content);
}
@media (min-width: 640px){
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .sm\:rounded-xl{
    border-radius: 0.75rem;
  }
  .sm\:text-left{
    text-align: left;
  }
}
@media (min-width: 768px){
  .md\:p-8{
    padding: 2rem;
  }
}
@media (min-width: 1024px){
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:\!px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:pl-6{
    padding-left: 1.5rem;
  }
  .lg\:pr-6{
    padding-right: 1.5rem;
  }
}
@media (min-width: 1280px){
  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (prefers-color-scheme: dark){
  .dark\:border-slate-800{
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
  }
  .dark\:bg-red-900{
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-slate-50{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-slate-800{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-slate-950{
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  }
  .dark\:text-slate-50{
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity, 1));
  }
  .dark\:text-slate-900{
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1));
  }
  .dark\:ring-offset-slate-950{
    --tw-ring-offset-color: #020617;
  }
  .dark\:hover\:bg-red-900\/80:hover{
    background-color: rgb(127 29 29 / 0.8);
  }
  .dark\:hover\:bg-red-900\/90:hover{
    background-color: rgb(127 29 29 / 0.9);
  }
  .dark\:hover\:bg-slate-50\/80:hover{
    background-color: rgb(248 250 252 / 0.8);
  }
  .dark\:hover\:bg-slate-50\/90:hover{
    background-color: rgb(248 250 252 / 0.9);
  }
  .dark\:hover\:bg-slate-800:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-slate-800\/80:hover{
    background-color: rgb(30 41 59 / 0.8);
  }
  .dark\:hover\:text-slate-50:hover{
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity, 1));
  }
  .dark\:focus\:ring-slate-300:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
  }
  .dark\:focus-visible\:ring-slate-300:focus-visible{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
  }
}
.\[\&\.ant-input\]\:border-drive-red.ant-input{
  --tw-border-opacity: 1;
  border-color: rgb(229 58 64 / var(--tw-border-opacity, 1));
}
.\[\&\.ant-picker-focused\]\:-ml-2.ant-picker-focused{
  margin-left: -0.5rem;
}
.\[\&\.ant-picker-focused\]\:pl-2.ant-picker-focused{
  padding-left: 0.5rem;
}
.\[\&\.ant-picker-focused\]\:pr-3.ant-picker-focused{
  padding-right: 0.75rem;
}
.\[\&\.ant-picker-focused\]\:shadow-none.ant-picker-focused{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-xl::-webkit-scrollbar-thumb{
  border-radius: 0.75rem;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#ccd0d7\]::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(204 208 215 / var(--tw-bg-opacity, 1));
}
.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{
  background-color: transparent;
}
.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{
  width: 0.375rem;
}
.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){
  border-radius: 0.375rem;
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.\[\&\>\.ant-skeleton-element\]\:\!w-full>.ant-skeleton-element{
  width: 100% !important;
}
.\[\&\>svg\]\:size-4>svg{
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink: 0;
}
.\[\&\>td\:first-child\]\:\!pl-8>td:first-child{
  padding-left: 2rem !important;
}
.\[\&\>td\:last-child\]\:\!pr-8>td:last-child{
  padding-right: 2rem !important;
}
.\[\&\>td\]\:\!py-2\.5>td{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.\[\&_\.ant-progress-text\]\:\!-mt-3 .ant-progress-text{
  margin-top: -0.75rem !important;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']){
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}