/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/config-provider/style/index.less ***!
  \*****************************************************************************************************************************************************************************/
/* 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 */

/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/styles/homepage.scss ***!
  \**********************************************************************************************************************************************************/
@charset "UTF-8";
.homepage {
  position: relative;
}
.homepage .ads-banners-container {
  margin-top: 120px;
  position: sticky;
  bottom: 0;
  z-index: 1000;
}
.homepage .mobilelogo {
  display: none;
}
.homepage .ads-banner-wrapper {
  width: 100%;
  cursor: pointer;
}
.homepage .top-banner {
  position: relative;
  width: 100%;
}
.homepage .top-banner .top-banner-img {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #b5b4b2;
  background-repeat: no-repeat;
  background-size: cover;
}
.homepage .top-banner .top-banner-img::before {
  display: block;
  padding-bottom: 56%;
  content: "";
}
.homepage .top-banner .innovation {
  font-size: 70px;
  font-weight: 900;
  position: absolute;
  top: 15%;
  width: 100%;
  text-align: center;
  color: orange;
}
.homepage .top-banner .btn-enter {
  position: absolute;
  top: 60%;
  left: 50%;
  width: 500px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.homepage .top-banner .innovation-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 550px;
  height: 190px;
  padding-right: 60px;
  padding-left: 60px;
  background-color: #1e1e20;
}
.homepage .top-banner .innovation-info .innovation-label {
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 15px;
  color: #fff;
}
.homepage .top-banner .innovation-info .explore-btn {
  font-size: 13px;
  font-weight: 300;
  position: relative;
  display: inline-block;
  margin-right: auto;
  margin-bottom: 0;
  cursor: pointer;
  color: #fff;
}
.homepage .top-banner .innovation-info .explore-btn::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: white;
}
.homepage .introduction {
  max-width: 1180px;
  margin: 220px auto;
}
.homepage .introduction .how-it-works .title {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 10px;
  color: #000;
}
.homepage .introduction .how-it-works .join-btn {
  font-size: 16px;
  font-weight: bold;
  width: 140px;
  height: 48px;
  margin-bottom: 40px;
}
.homepage .introduction .how-it-works .detail {
  font-size: 22px;
  line-height: 1.82;
  max-width: 400px;
  color: #393939;
}
.homepage .introduction .how-it-works .main-image {
  width: 100%;
  max-width: 510px;
  height: 100%;
  object-fit: contain;
}
.homepage .introduction .how-it-works .other-images img {
  width: 100%;
  max-width: 250px;
  height: 100%;
  margin-right: 30px;
  object-fit: contain;
}
.homepage .introduction .how-it-works .other-images img:last-child {
  margin-right: 0;
}
.homepage .introduction .category-nav {
  margin: 160px auto 110px auto;
  text-align: center;
}
.homepage .introduction .category-nav .category-nav-item {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.82;
  margin-right: 68px;
  color: #393939;
}
.homepage .introduction .category-nav .category-nav-item:last-child {
  margin-right: 0;
}
.homepage .introduction .category-info .title {
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 8px;
  color: #393939;
}
.homepage .introduction .category-info .detail {
  font-size: 18px;
  font-style: italic;
  line-height: 2.22;
  color: #676767;
}
.homepage .introduction .category-info .category-btn {
  font-size: 16px;
  font-weight: bold;
  width: 180px;
  height: 48px;
}
.homepage .introduction .home-livings {
  margin-left: 85px;
}
.homepage .introduction .home-livings .img-1 {
  max-width: 370px;
  margin-bottom: 80px;
}
.homepage .introduction .home-livings .img-2 {
  width: 100%;
  max-width: 570px;
  height: 100%;
  margin-top: 100px;
}
.homepage .introduction .arts {
  margin-top: 130px;
}
.homepage .introduction .arts .main-image {
  height: auto;
  margin-bottom: 30px;
}
.homepage .introduction .arts .img-1 {
  margin-right: 150px;
}
.homepage .introduction .arts .img-1,
.homepage .introduction .arts .img-2,
.homepage .introduction .arts .img-3 {
  width: 100%;
  max-width: 330px;
  height: 100%;
  object-fit: contain;
}
.homepage .introduction .arts .img-4 {
  max-width: 450px;
}
.homepage .introduction .arts .other-images img {
  width: 100%;
  height: 100%;
  margin-right: 30px;
  object-fit: contain;
}
.homepage .introduction .arts .other-images img:last-child {
  margin-right: 0;
}
.homepage .introduction .projects {
  position: relative;
  margin-top: -100px;
}
.homepage .introduction .projects .img-1,
.homepage .introduction .projects .img-2,
.homepage .introduction .projects .img-3 {
  width: 100%;
  max-width: 370px;
  height: 100%;
  margin-right: 30px;
  object-fit: contain;
}
.homepage .introduction .projects .img-1:last-child,
.homepage .introduction .projects .img-2:last-child,
.homepage .introduction .projects .img-3:last-child {
  margin-right: 0;
}
.homepage .introduction .projects .img-2 {
  margin-top: 200px;
}
.homepage .introduction .projects .img-3 {
  margin-top: 400px;
}
.homepage .introduction .projects .category-info {
  position: absolute;
  bottom: 0;
  left: 0;
}
.homepage .pageTitle {
  font-size: 24px;
  font-weight: 500;
  position: relative;
  margin: 0 auto;
  padding-bottom: 51px;
  text-align: center;
}
.homepage .pageTitle::after {
  position: absolute;
  left: 50%;
  content: url(/assets/2b6224ff74832145ddf5.svg);
  transform: translate(-50%, 20px);
}
.homepage .firstPage {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 1020px;
  margin: 0 auto;
  overflow: hidden;
}
.homepage .firstPage .mainArea {
  display: flex;
  width: 100%;
  max-width: 1320px;
  height: 100%;
  padding-top: 80px;
}
.homepage .firstPage .mainArea .leftWrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 24px;
}
.homepage .firstPage .mainArea .leftWrapper .slogan {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  z-index: 999;
}
.homepage .firstPage .mainArea .leftWrapper .big {
  font-size: 80px;
  margin-bottom: 96px;
}
.homepage .firstPage .mainArea .leftWrapper em {
  font-style: normal;
  color: #3753fa;
}
.homepage .firstPage .mainArea .leftWrapper .subTitle {
  font-size: 18px;
  margin-bottom: 26px;
  white-space: pre-line;
}
.homepage .firstPage .mainArea .leftWrapper .subTitle i {
  font-style: normal;
}
.homepage .firstPage .mainArea .leftWrapper .logoList {
  display: flex;
  align-items: center;
  margin-top: 75px;
}
.homepage .firstPage .mainArea .leftWrapper .logoList img {
  margin-right: 32px;
}
.homepage .firstPage .mainArea .leftWrapper .blueBtnBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.homepage .firstPage .mainArea .leftWrapper .blueBtnBox .textBtn {
  color: #3753fa;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
  margin-left: 18px;
}
.homepage .firstPage .mainArea .rightWrapper {
  height: 100%;
  width: 100%;
}
.homepage .firstPage .mainArea .rightWrapper .starPic {
  position: absolute;
  z-index: 2;
  top: 113px;
  left: -98px;
  height: 750px;
  margin-bottom: 24px;
  --animate-delay: 0.5s;
  --animate-duration: 1s;
}
.homepage .firstPage .mainArea .rightWrapper .starDecoration {
  --animate-duration: 0.5s;
  position: absolute;
  height: 710px;
  top: 100px;
  left: 28%;
  z-index: 3;
}
.homepage .firstPage .triangel {
  position: absolute;
  left: -50px;
  transform: translate(0, 612px);
  --animate-delay: 0.5s;
  --animate-duration: 1s;
}
.homepage .firstPage .firstPageGradient {
  position: absolute;
  z-index: -1;
  transform: translate(calc(-50vw + 50%), calc(1020px - 100%));
}
.homepage .firstPage .rightBlue {
  position: absolute;
  z-index: -9999;
  max-width: 1320px;
  width: 100%;
  height: 100%;
}
.homepage .firstPage .rightBlue .fillColor {
  position: absolute;
  left: 0;
  width: 50vw;
  height: 100%;
  background: #3753fa;
}
.homepage .firstPage .gradientBg {
  display: none;
}
.homepage .secondPage {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 71px 0;
}
.homepage .secondPage .featureList {
  display: flex;
  margin-bottom: 80px;
}
.homepage .secondPage .featureList .featureItem {
  position: relative;
  flex: 1;
  text-align: center;
  /* 垂直虚线分割线 */
}
.homepage .secondPage .featureList .featureItem:not(:last-child)::after {
  font-weight: 600;
  line-height: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 176px;
  border-right: 1px solid #b9bdd1;
  content: "";
  transform: translateY(-50%);
  text-decoration: dashed;
  word-wrap: break-word;
  word-break: break-all;
  color: #4f4f4f;
}
.homepage .secondPage .featureList .icon {
  height: 68px;
  margin-bottom: 16px;
}
.homepage .secondPage .featureList .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 14px;
}
.homepage .secondPage .featureList .subTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 34px;
  color: #4f4f4f;
}
.homepage .secondPage .featureList .description {
  font-size: 14px;
  white-space: pre-line;
  color: #4f4f4f;
}
.homepage .thirdPage {
  padding: 71px 30px;
  white-space: pre-line;
  background: #f6f7fc;
}
.homepage .thirdPage .mobile {
  display: none;
}
.homepage .thirdPage .flexContainer {
  display: flex;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto 79px;
}
.homepage .thirdPage .textContainer {
  display: flex;
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  max-width: 45%;
  margin-top: 98px;
}
.homepage .thirdPage .slogan {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 46px;
}
.homepage .thirdPage .slogan em {
  font-style: normal;
  color: #3753fa;
}
.homepage .thirdPage .subtilte {
  color: #3753fa;
}
.homepage .thirdPage .description {
  font-size: 18px;
  max-width: 388px;
  color: #4f4f4f;
  line-height: 30px;
  text-overflow: ellipsis;
  margin-bottom: 46px;
  color: #4f4f4f;
}
.homepage .thirdPage .images {
  display: flex;
  align-items: center;
}
.homepage .thirdPage .images .descItem {
  margin-left: 8px;
  font-size: 18px;
  font-weight: 500;
  color: #4f4f4f;
  line-height: 33px;
}
.homepage .thirdPage .posterContainer {
  position: relative;
  flex: 1;
  max-width: 55%;
  padding: 24px;
}
.homepage .thirdPage .posterContainer .thirdPagePoster {
  position: relative;
  z-index: 2;
  width: 98%;
  box-shadow: 5px 13px 21px 0px rgba(66, 92, 250, 0.1);
  border-radius: 52px;
}
.homepage .thirdPage .posterContainer .thirdPagePoster img {
  width: 100%;
}
.homepage .thirdPage .posterContainer .thirdPagePosterDecoration {
  position: absolute;
  top: 15%;
  left: 48%;
  width: 99%;
  transform: translate(-50%, -15%) scale(1.05);
}
.homepage .thirdPage .casePreviewContainer .listOne,
.homepage .thirdPage .casePreviewContainer .listTwo {
  display: flex;
  flex-wrap: nowrap;
  animation-play-state: running;
}
.homepage .thirdPage .casePreviewContainer .listOne:hover,
.homepage .thirdPage .casePreviewContainer .listTwo:hover {
  animation-play-state: paused;
}
.homepage .thirdPage .casePreviewContainer .listOne img,
.homepage .thirdPage .casePreviewContainer .listTwo img {
  width: 366px;
  margin-right: 28px;
  margin-bottom: 28px;
}
.homepage .thirdPage .casePreviewContainer .listOne .imageWraps,
.homepage .thirdPage .casePreviewContainer .listTwo .imageWraps {
  transition: all 0.3s ease 0.3s;
  width: 366px;
  margin-right: 28px;
  margin-bottom: 28px;
  cursor: pointer;
  position: relative;
}
.homepage .thirdPage .casePreviewContainer .listOne .imageWraps:hover .hoverImg,
.homepage .thirdPage .casePreviewContainer .listTwo .imageWraps:hover .hoverImg {
  opacity: 1;
}
.homepage .thirdPage .casePreviewContainer .listOne .imageWraps .botImg,
.homepage .thirdPage .casePreviewContainer .listTwo .imageWraps .botImg {
  width: 366px;
}
.homepage .thirdPage .casePreviewContainer .listOne .imageWraps .hoverImg,
.homepage .thirdPage .casePreviewContainer .listTwo .imageWraps .hoverImg {
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0.3s;
  width: 366px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.homepage .forthPage {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 71px 30px;
  text-align: center;
}
.homepage .forthPage .mobileSlider {
  display: none;
}
.homepage .forthPage .slickContainer {
  position: relative;
  margin: 0 auto;
  margin-top: -51px;
  padding: 51px 21px;
}
.homepage .forthPage .slickContainer .slick-slider {
  width: 95%;
  margin: auto;
}
.homepage .forthPage .slickContainer:after {
  position: absolute;
  z-index: -1;
  content: "";
  background: url(/assets/8e83f67e72eb9d4ee15e.png) no-repeat center center;
  inset: 0 0 0 0;
  background-size: contain;
  top: -7%;
  right: 5%;
  bottom: 0;
  left: -3%;
}
.homepage .forthPage .sliderContainer {
  position: relative;
}
.homepage .forthPage .sliderContainer .playIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
  opacity: 0;
  transition: all 0.3s ease 0.3s;
}
.homepage .forthPage .sliderContainer:hover .starInfo {
  opacity: 1;
}
.homepage .forthPage .sliderContainer:hover .playIcon {
  opacity: 1;
}
.homepage .forthPage .sliderContainer .sliderImage {
  width: 90%;
  margin: 0 auto;
  cursor: pointer;
  box-shadow: 13px 6px 21px 0px rgba(66, 92, 250, 0.08);
  border-radius: 40px;
}
.homepage .forthPage .sliderContainer .starInfo {
  font-size: 14px;
  position: absolute;
  right: 5%;
  bottom: 0;
  left: 5%;
  display: flex;
  padding: 20px 26px;
  cursor: pointer;
  transition: all 0.3s ease 0.3s;
  opacity: 0;
  color: white;
  background: rgba(55, 83, 250, 0.8);
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.homepage .forthPage .sliderContainer .starInfo .left {
  display: flex;
  align-items: center;
  flex: 2;
  flex-direction: column;
}
.homepage .forthPage .sliderContainer .starInfo .left .wrapper {
  text-align: left;
  align-self: flex-start;
}
.homepage .forthPage .sliderContainer .starInfo .left .name {
  font-size: 20px;
}
.homepage .forthPage .sliderContainer .starInfo .left .fansNums {
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage .forthPage .sliderContainer .starInfo .left .fansNums img {
  height: 16px;
  padding-right: 2px;
}
.homepage .forthPage .sliderContainer .starInfo .right {
  flex: 4;
}
.homepage .forthPage .sliderContainer .starInfo .right .descs {
  text-align: left;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
}
.homepage .forthPage .sliderContainer .starInfo .right .attrWrap {
  display: flex;
  margin-top: 19px;
}
.homepage .forthPage .sliderContainer .starInfo .right .arrtibutes {
  display: flex;
  flex-direction: column;
}
.homepage .forthPage .sliderContainer .starInfo .right .arrtibutes .attrLine {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  margin-bottom: 7px;
}
.homepage .forthPage .sliderContainer .starInfo .right .arrtibutes .attrLine .img {
  margin-right: 7px;
  width: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.homepage .forthPage .showMoreButton {
  margin-bottom: 0;
}
.homepage .fifthPage {
  padding: 71px 0;
  padding-bottom: 0;
  white-space: pre-line;
  background: #f6f7fc;
}
.homepage .fifthPage .mobileSlider {
  display: none;
}
.homepage .fifthPage .slick-track {
  display: flex !important;
}
.homepage .fifthPage .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto !important;
}
.homepage .fifthPage .slickContainer {
  position: relative;
  margin: 0 auto;
  margin-top: -51px;
  padding: 31px 21px;
}
.homepage .fifthPage .slickContainer .sliderImage {
  width: 60%;
  margin: 0 auto;
  cursor: pointer;
}
.homepage .sixthPage {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 71px 30px;
  text-align: center;
}
.homepage .sixthPage .slick-track {
  display: flex !important;
}
.homepage .sixthPage .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto !important;
}
.homepage .sixthPage .slick-slide > div {
  flex: 1;
  height: 100%;
}
.homepage .sixthPage .slickContainer {
  position: relative;
  margin: 0 auto;
  margin-top: -51px;
  padding: 51px 21px;
}
.homepage .sixthPage .slickContainer:after {
  position: absolute;
  z-index: -1;
  content: "";
  transform: scale(1) translate(0%, -2%);
  background: url(/assets/8af11dd395bfb0912a02.png) no-repeat center center;
  inset: 0 0 0 0;
}
.homepage .sixthPage .sliderContainer {
  font-size: 14px;
  position: relative;
  display: inline-flex !important;
  flex-direction: column;
  justify-content: space-between;
  width: 90% !important;
  height: 100%;
  padding: 24px;
  border-radius: 14px;
  background: #f6f7fc;
}
.homepage .sixthPage .sliderContainer .customer {
  line-height: 1;
  margin-bottom: 24px;
  text-align: left;
}
.homepage .sixthPage .sliderContainer .comment {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin-bottom: 24px;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.homepage .sixthPage .sliderContainer .logo {
  text-align: right;
}
.homepage .sixthPage .sliderContainer .logo img {
  display: inline-block;
  width: 56px;
  vertical-align: top;
}
.homepage .sixthPage .sliderContainer .logowhite {
  display: none;
  text-align: right;
}
.homepage .sixthPage .sliderContainer .logowhite img {
  display: inline-block;
  width: 56px;
  vertical-align: top;
}
.homepage .seventhPage {
  padding: 71px 0;
  white-space: pre-line;
  background: #f6f7fc;
}
.homepage .seventhPage .flexContainer {
  display: flex;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 30px;
}
.homepage .seventhPage .flexContainer .freeToolsList {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.homepage .seventhPage .flexContainer .freeToolsList .freeToolsItem {
  position: relative;
  cursor: pointer;
  text-align: center;
}
.homepage .seventhPage .flexContainer .freeToolsList .iconWrapper {
  margin-bottom: 20px;
  padding: 43px;
  border-radius: 10%;
  background: white;
  box-shadow: 0 7px 29px 0 rgba(55, 83, 250, 0.16);
}
.homepage .seventhPage .flexContainer .freeToolsList .icon {
  height: 68px;
}
.homepage .seventhPage .flexContainer .freeToolsList .title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 34px;
  color: #4f4f4f;
}
.homepage .eigthPage {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 71px 30px;
}
.homepage .eigthPage .mainArea {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 1320px;
  height: 100%;
  padding: 28px 0;
}
.homepage .eigthPage .mainArea .leftWrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  height: 100%;
}
.homepage .eigthPage .mainArea .leftWrapper .slogan {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  z-index: 999;
  margin-bottom: 16px;
  white-space: pre-line;
}
.homepage .eigthPage .mainArea .leftWrapper .big {
  font-size: 80px;
  margin-bottom: 96px;
}
.homepage .eigthPage .mainArea .leftWrapper em {
  font-style: normal;
  color: #3753fa;
}
.homepage .eigthPage .mainArea .leftWrapper em.breakline {
  display: block;
}
.homepage .eigthPage .mainArea .leftWrapper i {
  font-size: 29px;
  color: #3753fa;
}
.homepage .eigthPage .mainArea .leftWrapper .subTitle {
  font-size: 16px;
  margin-bottom: 60px;
  white-space: pre-line;
  color: #4f4f4f;
}
.homepage .eigthPage .mainArea .rightWrapper .groupPhoto {
  position: absolute;
  z-index: -2;
  top: 50%;
  left: 62%;
  width: 156%;
  transform: translate(-50%, -50%);
}
.homepage .eigthPage .mainArea .rightWrapper .groupPhotoDecoration1 {
  position: absolute;
  top: -10%;
  left: 90%;
  width: 15.6%;
}
.homepage .eigthPage .mainArea .rightWrapper .groupPhotoDecoration2 {
  position: absolute;
  top: 15%;
  left: -5%;
  width: 15.6%;
}
.homepage .eigthPage .mainArea .rightWrapper .groupPhotoDecoration3 {
  position: absolute;
  top: 75%;
  left: 62%;
  width: 121.68%;
  transform: translate(-55%, -57.5%);
}
.homepage .showMoreButton {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  padding: 16px 60px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #3753fa;
  border: 3px solid #3753fa;
  border-radius: 23px;
}
.homepage .showMoreButton:hover {
  color: white;
  background: #3753fa;
}
.homepage .sliderArrow {
  width: 22px;
  height: 43px;
  transition: all 0.1s ease;
  opacity: 1;
}
.homepage .sliderArrow:hover {
  filter: brightness(1.2);
}
.homepage .blueButton {
  box-shadow: 0px 5px 8px 0px rgba(65, 92, 250, 0.26);
}
.homepage .blueButton.mobileBuyBtn {
  display: none;
}
.homepage .breakline {
  height: 0;
  margin: 0;
  padding: 0;
  font-style: normal;
  display: block;
}
@media screen and (max-width: 1600px) {
  .homepage .firstPageGradient {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  .homepage .seventhPage .flexContainer {
    padding: 20px 40px 0;
    display: block;
  }
  .homepage .seventhPage .flexContainer .freeToolsList {
    flex-wrap: wrap;
  }
  .homepage .seventhPage .flexContainer .freeToolsList .freeToolsItem {
    width: 30%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .homepage .seventhPage .flexContainer .freeToolsList .freeToolsItem .wrapper {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .homepage .breakline {
    display: inline-block;
  }
  .homepage .breakline::after {
    content: ",";
  }
  .homepage .mobilelogo {
    position: absolute;
    top: 60px;
    left: 50%;
    width: 220px;
    margin-left: -90px;
    z-index: 1;
    display: block;
  }
  .homepage .firstPage {
    height: auto;
    padding-bottom: 20px;
    overflow: hidden;
    background-image: linear-gradient(to top, rgba(101, 118, 242, 0.08), transparent, transparent);
  }
  .homepage .firstPage .rightBlue {
    display: none;
  }
  .homepage .firstPage .triangel {
    left: -22px;
    transform: translate(0, 240px);
  }
  .homepage .firstPage .mainArea {
    padding-top: 150px;
  }
  .homepage .firstPage .mainArea .leftWrapper {
    padding: 0;
    align-items: center;
  }
  .homepage .firstPage .mainArea .leftWrapper .slogan {
    text-align: center;
    font-size: 1.2rem;
    width: 100%;
    font-weight: 500;
  }
  .homepage .firstPage .mainArea .leftWrapper .slogan.big {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 48px;
  }
  .homepage .firstPage .mainArea .leftWrapper .subTitle {
    text-align: center;
    font-size: 0.8rem;
    width: 100%;
  }
  .homepage .firstPage .mainArea .leftWrapper .subTitle i {
    color: #3753fa;
    font-style: normal;
    font-size: 1.2rem;
  }
  .homepage .firstPage .mainArea .leftWrapper .logoList {
    margin-top: 60px;
    justify-content: center;
  }
  .homepage .firstPage .mainArea .leftWrapper .logoList img {
    margin-right: 1rem;
    width: calc(20% - 1rem);
  }
  .homepage .firstPage .mainArea .leftWrapper .logoList img:last-child {
    margin-right: 0;
  }
  .homepage .firstPage .mainArea .rightWrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    align-items: center;
  }
  .homepage .firstPage .mainArea .rightWrapper .starPic {
    position: relative;
    left: 50%;
    transform: translateX(-57%);
    top: 0;
    margin-bottom: 0;
    z-index: 2;
  }
  .homepage .firstPage .mainArea .rightWrapper .starDecoration {
    z-index: 1;
  }
  .homepage .firstPage .blueBtnBox {
    width: 100%;
    text-align: center;
  }
  .homepage .firstPage .blueBtnBox .blueButton {
    border-radius: 4px;
    z-index: 1;
  }
  .homepage .firstPage .blueBtnBox .blueButton.mobileBuyBtn {
    display: inline-block;
  }
  .homepage .firstPage .gradientBg {
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 50%;
    border-radius: 50%;
    background-image: radial-gradient(rgba(101, 118, 242, 0.4), transparent, transparent);
    left: -50%;
    top: 59%;
  }
  .homepage .firstPage .gradientBg.top {
    left: unset;
    right: -40%;
    top: 6%;
  }
  .homepage .pageTitle {
    font-size: 1.4rem;
    text-align: left;
    margin-left: 2rem;
  }
  .homepage .pageTitle::after {
    left: 0;
    transform: translate(0, 1.4rem);
  }
  .homepage .secondPage {
    padding: 2rem 0;
  }
  .homepage .secondPage .featureList {
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .homepage .secondPage .featureList .featureItem {
    flex: 50%;
    margin-bottom: 1.4rem;
  }
  .homepage .secondPage .featureList .featureItem .icon {
    margin-bottom: 10px;
  }
  .homepage .secondPage .featureList .featureItem .title {
    margin-bottom: 20px;
  }
  .homepage .secondPage .featureList .featureItem:not(:last-child)::after {
    content: "";
  }
  .homepage .secondPage .featureList .featureItem:nth-child(2):after {
    display: none;
  }
  .homepage .secondPage .featureList .featureItem .description {
    font-size: 12px;
  }
  .homepage .thirdPage {
    padding: 2rem 0;
  }
  .homepage .thirdPage .flexContainer {
    flex-direction: column-reverse;
  }
  .homepage .thirdPage .flexContainer .posterContainer {
    max-width: 100%;
    padding: 2rem;
    align-items: center;
  }
  .homepage .thirdPage .flexContainer .posterContainer .thirdPagePosterDecoration {
    transform: translate(-48%, -15%) scale(0.95, 1);
  }
  .homepage .thirdPage .flexContainer .textContainer {
    max-width: 100%;
    align-items: center;
    padding: 0 2rem;
    margin-top: 21px;
  }
  .homepage .thirdPage .flexContainer .textContainer .slogan {
    width: 100%;
    font-size: 1.2rem;
    text-align: left;
    font-weight: 500;
    margin-bottom: 21px;
  }
  .homepage .thirdPage .flexContainer .textContainer .description {
    font-size: 0.8rem;
    height: max-content;
    overflow: visible;
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 21px;
  }
  .homepage .thirdPage .casePreviewContainer .listOne img,
.homepage .thirdPage .casePreviewContainer .listTwo img {
    width: 180px;
  }
  .homepage .thirdPage .showMoreButton {
    display: none;
  }
  .homepage .thirdPage .showMoreButton.mobile {
    display: block;
    margin: 1rem auto 0;
  }
  .homepage .forthPage {
    padding: 2rem 0;
  }
  .homepage .forthPage .slick-slider {
    display: none;
  }
  .homepage .forthPage .slickContainer {
    padding: 50px 2rem;
  }
  .homepage .forthPage .slickContainer::after {
    inset: unset;
    background-size: contain;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .homepage .forthPage .mobileSlider {
    display: block;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .homepage .forthPage .mobileSlider .sliderContainer {
    margin-bottom: 1.5rem;
  }
  .homepage .forthPage .mobileSlider .sliderContainer .sliderImage {
    width: 100%;
  }
  .homepage .forthPage .mobileSlider .sliderContainer .starInfo {
    opacity: 1;
    left: 0;
    right: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 0.8rem 1rem;
    font-size: 0.7rem;
  }
  .homepage .forthPage .mobileSlider .sliderContainer .starInfo .right .values span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .homepage .forthPage .mobileSlider .sliderContainer .starInfo .right .values span:last-child {
    width: unset;
  }
  .homepage .forthPage .modalContainer .videoContainer {
    width: 100vw;
  }
  .homepage .forthPage .modalContainer .videoContainer video {
    width: 100%;
  }
  .homepage .fifthPage {
    padding: 2rem 0;
  }
  .homepage .fifthPage .slickContainer {
    padding: 40px 20px 0;
  }
  .homepage .fifthPage .slickContainer .slick-slider {
    display: none;
  }
  .homepage .fifthPage .slickContainer .mobileSlider {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
  }
  .homepage .fifthPage .slickContainer .mobileSlider .sliderContainer {
    width: 25%;
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .homepage .fifthPage .slickContainer .mobileSlider .sliderContainer img {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
  .homepage .sixthPage {
    padding: 2rem 0;
  }
  .homepage .sixthPage .pageTitle {
    padding-bottom: 20px;
  }
  .homepage .sixthPage .slickContainer {
    padding: 40px 20px 0;
    margin-top: 0;
  }
  .homepage .sixthPage .slickContainer::after {
    transform: scale(1);
    inset: unset;
    width: 100%;
    height: 100%;
    left: -10px;
    top: 20px;
    background-size: contain;
  }
  .homepage .sixthPage .slickContainer .slick-slider .sliderArrow {
    display: none !important;
  }
  .homepage .sixthPage .slickContainer .slick-slider .slick-center .sliderContainer {
    color: white;
    background: #3753fa;
  }
  .homepage .sixthPage .slickContainer .slick-slider .sliderContainer {
    padding: 16px 20px;
  }
  .homepage .sixthPage .slickContainer .slick-slider .sliderContainer .customer,
.homepage .sixthPage .slickContainer .slick-slider .sliderContainer .comment {
    margin-bottom: 12px;
  }
  .homepage .seventhPage {
    padding: 2rem 0;
  }
  .homepage .seventhPage .pageTitle {
    padding-bottom: 20px;
  }
  .homepage .seventhPage .flexContainer {
    padding: 20px 40px 0;
    display: block;
  }
  .homepage .seventhPage .flexContainer .freeToolsList {
    flex-wrap: wrap;
  }
  .homepage .seventhPage .flexContainer .freeToolsList .freeToolsItem {
    width: 30%;
  }
  .homepage .seventhPage .flexContainer .freeToolsList .iconWrapper {
    padding: 20px;
    width: 70px;
    height: 70px;
    box-sizing: border-box;
    margin: 0 auto 20px;
  }
  .homepage .seventhPage .flexContainer .freeToolsList .iconWrapper .icon {
    height: 20px;
  }
  .homepage .seventhPage .flexContainer .freeToolsList .title {
    font-size: 0.7rem;
    margin-bottom: 24px;
  }
  .homepage .eigthPage {
    padding: 2rem 0;
  }
  .homepage .eigthPage .pageTitle {
    padding-bottom: 20px;
  }
  .homepage .eigthPage .mainArea {
    flex-direction: column-reverse;
  }
  .homepage .eigthPage .mainArea .leftWrapper {
    align-items: center;
    width: 100%;
  }
  .homepage .eigthPage .mainArea .leftWrapper .featureItem {
    text-align: center;
    margin: 0 24px 30px;
  }
  .homepage .eigthPage .mainArea .leftWrapper .featureItem em.breakline {
    display: inline-block;
  }
  .homepage .eigthPage .mainArea .leftWrapper .featureItem:last-child {
    margin-bottom: 0;
  }
  .homepage .eigthPage .mainArea .leftWrapper .featureItem .slogan {
    font-size: 1.1rem;
  }
  .homepage .eigthPage .mainArea .leftWrapper .featureItem .slogan i {
    font-size: 1.2rem;
  }
  .homepage .eigthPage .mainArea .leftWrapper .featureItem .subTitle {
    margin-bottom: 0;
    font-size: 1rem;
  }
  .homepage .eigthPage .mainArea .rightWrapper {
    padding: 20px;
    box-sizing: border-box;
  }
  .homepage .eigthPage .mainArea .rightWrapper .groupPhoto {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: unset;
  }
  .homepage .eigthPage .mainArea .rightWrapper .groupPhotoDecoration1 {
    top: 2%;
    left: 68%;
  }
  .homepage .eigthPage .mainArea .rightWrapper .groupPhotoDecoration2 {
    left: 7%;
  }
  .homepage .eigthPage .mainArea .rightWrapper .groupPhotoDecoration3 {
    width: 80%;
    left: 50%;
    top: 32%;
    transform: translateX(-50%) scaleY(0.9);
  }
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/style/default.less ***!
  \***************************************************************************************************************************************************************/
/* 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 */
[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;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
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: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 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;
  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;
}
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;
}
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;
}
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;
}
::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 > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-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;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-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;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-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.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/notification/style/index.less ***!
  \**************************************************************************************************************************************************************************/
/* 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-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5715;
  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-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
  margin-right: auto;
  margin-left: auto;
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.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 {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  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 NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-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-notification-top,
.ant-notification-bottom {
  margin-right: 0;
  margin-left: 0;
}
.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationTopFadeIn;
}
.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationBottomFadeIn;
}
.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;
}
@keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }
  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/grid/style/index.less ***!
  \******************************************************************************************************************************************************************/
/* 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-row {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-no-wrap {
  flex-wrap: nowrap;
}
.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-space-evenly {
  justify-content: space-evenly;
}
.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;
}

/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/modal/style/index.less ***!
  \*******************************************************************************************************************************************************************/
/* 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 {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.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: 54px;
  height: 54px;
  font-size: 16px;
  font-style: normal;
  line-height: 54px;
  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 .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  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;
  padding-bottom: 0;
  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-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 .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 {
  margin-top: 24px;
  text-align: right;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  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 .ant-btn + .ant-btn {
  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 {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}

/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/button/style/index.less ***!
  \********************************************************************************************************************************************************************/
/* 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-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);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
}
.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;
  border-color: #40a9ff;
  background: #fff;
}
.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;
  border-color: #096dd9;
  background: #fff;
}
.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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  border-color: #1890ff;
  background: #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;
  border-color: #40a9ff;
  background: #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;
  border-color: #096dd9;
  background: #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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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);
  border-color: #d9d9d9;
  background: transparent;
}
.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;
  border-color: #40a9ff;
  background: transparent;
}
.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;
  border-color: #096dd9;
  background: transparent;
}
.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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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);
  border-color: #d9d9d9;
  background: #fff;
  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;
  border-color: #40a9ff;
  background: #fff;
}
.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;
  border-color: #096dd9;
  background: #fff;
}
.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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  border-color: #ff4d4f;
  background: #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;
  border-color: #ff7875;
  background: #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;
  border-color: #d9363e;
  background: #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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  border-color: transparent;
  background: 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;
  border-color: #40a9ff;
  background: transparent;
}
.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;
  border-color: #096dd9;
  background: transparent;
}
.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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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);
  border-color: transparent;
  background: 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);
  border-color: transparent;
  background: 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;
  border-color: #40a9ff;
  background: transparent;
}
.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;
  border-color: #096dd9;
  background: transparent;
}
.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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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);
  border-color: transparent;
  background: 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;
  border-color: #ff4d4f;
  background: #fff;
}
.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;
  border-color: #ff7875;
  background: #fff;
}
.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;
  border-color: #d9363e;
  background: #fff;
}
.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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  border-color: #ff4d4f;
  background: #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;
  border-color: #ff7875;
  background: #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;
  border-color: #d9363e;
  background: #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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  border-color: transparent;
  background: 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;
  border-color: #40a9ff;
  background: 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: #096dd9;
  border-color: #096dd9;
  background: 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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  border-color: transparent;
  background: 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;
  border-color: transparent;
  background: 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);
  border-color: transparent;
  background: 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;
  border-color: transparent;
  background: 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;
  border-color: #40a9ff;
  background: 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: #096dd9;
  border-color: #096dd9;
  background: 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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.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;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.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);
  border-color: transparent;
  background: 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: -3px;
}
.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-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-icon-only .anticon-loading {
  padding: 0 !important;
}
a.ant-btn-icon-only {
  vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
  display: inline;
}
.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;
  cursor: default;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}
.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 .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-radius: 0 2px 2px 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-radius: 2px 0 0 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-radius: 0 2px 2px 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-radius: 2px 0 0 2px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn.ant-btn-background-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn.ant-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  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;
  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;
  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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  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;
  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;
  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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  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;
  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;
  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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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;
  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;
  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;
  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);
  border-color: #d9d9d9;
  background: #f5f5f5;
  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.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
a.ant-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}
a.ant-btn-disabled {
  cursor: not-allowed;
}
a.ant-btn-disabled > * {
  pointer-events: none;
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
  color: currentcolor;
}
a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
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-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}

/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/styles/contractModal.scss ***!
  \***************************************************************************************************************************************************************/
.contractwrapper .sb-modal-content {
  border-radius: 12px;
}
.contractwrapper.sb-modal-wrap {
  z-index: 100001;
}

.getInfluencerContainer {
  width: 344px;
  padding: 24px;
  white-space: pre-line;
  border-radius: 12px;
  background: white;
  text-align: center;
}
.getInfluencerContainer .contactImg {
  width: 227px;
}
.getInfluencerContainer .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 24px;
  text-align: center;
  color: #3753fa;
}
.getInfluencerContainer .title span {
  font-size: 12px;
  font-weight: 400;
  display: block;
  color: #b5b4b2;
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/input/style/index.less ***!
  \*******************************************************************************************************************************************************************/
/* 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-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::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.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;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.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;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.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:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):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 !important;
}
.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 > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
  margin-right: 2px;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.85);
}
.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.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-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  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::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.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;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-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-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.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(: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-affix-wrapper:not(:first-child),
.ant-input-search .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-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-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;
  border-radius: 2px 0 0 2px;
}
.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.anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon.anticon: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 > .ant-input {
  height: 100%;
}
.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  margin-bottom: -22px;
}
.ant-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.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:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 2px 2px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .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:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button {
  height: 32px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 40px;
}
.ant-input-search-small .ant-input-search-button {
  height: 24px;
}
.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-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.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;
  }
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/form/style/index.less ***!
  \******************************************************************************************************************************************************************/
/* 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-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.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;
  min-width: 0;
}
.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
  min-width: unset;
}
.ant-form-vertical .ant-form-item-row {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
  width: 100%;
}
.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-error {
  color: #ff4d4f;
}
.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item-with-help {
  transition: none;
}
.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-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  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 {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  writing-mode: horizontal-tb;
  margin-inline-start: 4px;
}
.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;
  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);
}
.ant-form-item-explain-connected {
  width: 100%;
}
.ant-form-item-extra {
  min-height: 24px;
}
.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  opacity: 1;
}
.ant-form-item-feedback-icon {
  font-size: 14px;
  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-feedback-icon-success {
  color: #52c41a;
}
.ant-form-item-feedback-icon-error {
  color: #ff4d4f;
}
.ant-form-item-feedback-icon-warning {
  color: #faad14;
}
.ant-form-item-feedback-icon-validating {
  color: #1890ff;
}
.ant-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
  opacity: 1;
}
.ant-show-help-leave {
  opacity: 1;
}
.ant-show-help-leave-active {
  opacity: 0;
}
.ant-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.ant-show-help-item-leave {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-leave-active {
  transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 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-number-affix-wrapper .ant-input-number {
  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,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-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,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-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;
}

/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/tooltip/style/index.less ***!
  \*********************************************************************************************************************************************************************/
/* 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-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1070;
  display: block;
  width: max-content;
  width: intrinsic;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-content {
  position: relative;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 14.3137085px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 14.3137085px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 14.3137085px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 14.3137085px;
}
.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;
  z-index: 2;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-tooltip-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.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(-11px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(100%) 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: 0;
  transform: translateX(-100%);
}
.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(11px) rotate(135deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(-100%) 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: 0;
  transform: translateX(100%);
}
.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(-11px) rotate(315deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(100%) 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: 0;
  transform: translateY(-100%);
}
.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(11px) rotate(225deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(-100%) 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::before {
  background: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content::before {
  background: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  background: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content::before {
  background: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  background: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content::before {
  background: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  background: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content::before {
  background: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content::before {
  background: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content::before {
  background: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  background: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content::before {
  background: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}

/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/select/style/index.less ***!
  \********************************************************************************************************************************************************************/
/* 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-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;
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  transition: none;
  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: #bfbfbf;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  width: 100%;
  height: 32px;
  padding: 0 11px;
}
.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-selection-overflow {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
}
.ant-select-selection-overflow-item {
  flex: none;
  align-self: center;
  max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1px 4px;
}
.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-bottom: 2px;
  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;
  user-select: none;
  margin-inline-end: 4px;
  padding-inline-start: 8px;
  padding-inline-end: 4px;
}
.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: pre;
  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: middle;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
  margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  max-width: 100%;
  margin-inline-start: 7px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  height: 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';
  line-height: 24px;
  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: pre;
  visibility: hidden;
}
.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: 32px;
  line-height: 32px;
}
.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: 16px;
  line-height: 16px;
}
.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 {
  margin-inline-start: 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;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: #fff;
  border-color: #ff4d4f !important;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: #fff;
  border-color: #faad14 !important;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
  right: 32px;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
  padding-right: 42px;
}
/* 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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ant-select: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);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  appearance: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-select-selection-item {
  flex: 1;
  overflow: hidden;
  font-weight: normal;
  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: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
@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;
  line-height: 0;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  display: flex;
  align-items: center;
  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-arrow > *:not(:last-child) {
  margin-inline-end: 8px;
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  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.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-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-disabled.ant-select-item-option-selected {
  background-color: #f5f5f5;
}
.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.ant-select-in-form-item {
  width: 100%;
}
.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 {
  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-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.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 6px;
}
.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;
}

/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/empty/style/index.less ***!
  \*******************************************************************************************************************************************************************/
/* 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-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-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: #f5f5f5;
  fill-opacity: 0.8;
}
.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;
}

/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/CountryFlag/styles.scss ***!
  \*************************************************************************************************************************************************************/
.common-flag-image {
  width: 25px !important;
  min-width: 25px;
  height: 18px !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/CountrySelect/styles.scss ***!
  \***************************************************************************************************************************************************************/
.country-selector .sb-select-selection-item-remove {
  display: flex !important;
}
.country-selector .sb-select-item-option-state {
  display: flex !important;
  align-items: center;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-intl-tel-input/dist/main.css ***!
  \**********************************************************************************************************************************************************************/
.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
  vertical-align: middle;
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container {
  right: auto;
  left: 0;
  width: 100%;
}

.intl-tel-input.allow-dropdown .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text] {
  padding-left: 76px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text] {
  padding-left: 84px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text] {
  padding-left: 92px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text] {
  padding-left: 100px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px;
  line-height: 1.5em;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0 0;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0;
}

.iti-flag.cy {
  height: 14px;
  background-position: -1225px 0;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(/assets/3c3e9e32f289ee9c7f21.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}

@media only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
  .iti-flag {
    background-image: url(/assets/212e70b212ef2360ad85.png);
  }
}
.iti-flag.np {
  background-color: transparent;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/components/PhoneNumberInput/style.module.scss ***!
  \****************************************************************************************************************************************************************************************************/
.intl-tel-input_hiBJ5.iti-container__ZCTw {
  z-index: 5000 !important;
}

.iti-mobile_DvzDK .intl-tel-input_hiBJ5.iti-container__ZCTw {
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/containers/HomePage/components/RequestDemoForm/ContactWechatModal/style.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.contractModal_An49v {
  border-radius: 12px;
  background: #fff;
  padding: 24px;
}
.contractModal_An49v .closeIcon_KQn4i {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 24px;
  right: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/assets/c8df0eb99e738c7d03d0.svg);
}
.contractModal_An49v .successInfo_qXLnh {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contractModal_An49v .successInfo_qXLnh .successImg_TFc_P {
  width: 60px;
  height: 60px;
}
.contractModal_An49v .successInfo_qXLnh .successTitle_C14rm {
  color: #1f2126;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 24px 0 16px 0;
}
.contractModal_An49v .successInfo_qXLnh .successDescription_ffpbq {
  color: #1f2126;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.contractModal_An49v .successInfo_qXLnh .qrcode_xZfNI {
  margin-top: 24px;
  width: 140px;
  height: 140px;
}
.contractModal_An49v .ok_R_dz0 {
  margin-top: 24px;
  border-radius: 6px;
  display: flex;
  width: 120px;
  justify-content: center;
  align-items: center;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/containers/HomePage/components/RequestDemoForm/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.requestDemo_ME0q1 {
  padding: 16px;
}
.requestDemo_ME0q1 .content_s3kn5 {
  max-width: 100%;
  width: 526px;
  margin: 0 auto;
  margin-top: 60px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .requestDemo_ME0q1 .content_s3kn5 {
    width: auto;
    margin-top: 24px;
  }
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 24px;
}
@media (max-width: 768px) {
  .requestDemo_ME0q1 .content_s3kn5 .form_hpcmN {
    padding: 16px;
  }
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .name-container_frbC2 {
  display: flex;
  flex-direction: column;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formTitle_cSLLw {
  color: #333;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formTitle_cSLLw {
    margin-bottom: 16px;
  }
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formTitle_cSLLw::after {
  content: "";
  height: 6px;
  background-color: #2878ff;
  display: block;
  position: relative;
  top: -13px;
  opacity: 0.8;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .textInput_Ek6bi {
  border-radius: 4px !important;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .countrySelector_l4Cr5 .sb-select-selector {
  border-radius: 4px !important;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa {
    padding: unset;
    border: unset;
  }
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .nameInputs_qFdfr {
  display: flex;
  gap: 10px;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .phone-number-input {
  width: 100% !important;
  border: unset;
  height: 40px !important;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .phone-number-input input {
  border-radius: 4px !important;
  border: 1px solid #d8d8d8;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .input-error {
  border-radius: 8px;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .formItemLabel_U_Azd {
  width: 100%;
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .formItemRequired_UxHnz {
  color: #2878ff;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .submit_xP8cp {
  display: flex;
  justify-content: center;
}
.requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .submit_xP8cp button {
  width: 186px;
  height: 48px;
  display: inline-flex;
  padding: 14px 64px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #2878ff;
}
@media (max-width: 768px) {
  .requestDemo_ME0q1 .content_s3kn5 .form_hpcmN .formContent_nyhIa .submit_xP8cp button {
    margin-bottom: 8px;
  }
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./public/sass/crypto_award.scss ***!
  \****************************************************************************************************************************************************/
.crypto-award-page {
  font-family: "Eina01", sans-serif;
}
.crypto-award-page header {
  padding: 10px 50px;
  background-color: #000000;
}
.crypto-award-page header p {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
  margin: 0;
}
.crypto-award-page header p span {
  font-weight: bold;
  color: #ffe300;
}
.crypto-award-page header p a {
  color: #fff;
}
.crypto-award-page header .share-actions .share-btn {
  color: white;
  font-size: 12px;
  margin-right: 23px;
}
.crypto-award-page header .share-actions .share-btn::before {
  height: 25px;
  background-image: url(/assets/94e75ae1c666fa36f6f0.svg);
}
.crypto-award-page header .share-actions .social-share-btn {
  width: 32.4px;
  height: 32.4px;
  margin-right: 23px;
}
.crypto-award-page .category-btn {
  background-color: #ffe300;
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  letter-spacing: 2px;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  box-shadow: -1px 11px 40px -7px rgba(0, 0, 0, 0.1);
}
.crypto-award-page .category-btn .arrow {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 30px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #000000;
  top: 27px;
  transition: all 0.3s ease-in-out;
}
.crypto-award-page .category-btn .arrow.open {
  transform: rotate(180deg);
}
.crypto-award-page .category-btn.disabled {
  background-color: #252121;
  color: #ffffff;
}
.crypto-award-page .category-menu {
  width: 100%;
  max-width: 800px;
  margin-top: 50px;
  z-index: 1000;
  position: relative;
}
.crypto-award-page .category-menu.padding {
  padding: 0 60px;
}
.crypto-award-page .category-menu .category-header {
  max-width: 100%;
  min-width: 30%;
  height: 65px;
  line-height: 65px;
  background-color: #ffe300;
  font-family: "Eina01", sans-serif;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  letter-spacing: 2px;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  position: relative;
}
.crypto-award-page .category-menu .category-header.btn-box {
  background: none;
  padding: 0 60px;
}
.crypto-award-page .category-menu .category-body-wrap {
  background-color: #252121;
  left: unset;
  position: relative;
  width: 100%;
  top: 0px;
  background: #383838;
  z-index: 999;
}
.crypto-award-page .category-menu .category-body {
  width: 100%;
  max-width: 800px;
  padding: 40px 55px;
  margin: auto;
  padding-bottom: 0px;
}
.crypto-award-page .category-menu .category-body .category-column .category-menu-block {
  margin-bottom: 40px;
}
.crypto-award-page .category-menu .category-body .category-column .category-menu-block .category-menu-title {
  font-family: "Eina01", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: left;
  color: #ffe300;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 0 0 15px 0;
}
.crypto-award-page .category-menu .category-body .category-column .category-menu-block .category-menu-item {
  font-family: "Eina01", sans-serif;
  font-size: 12px;
  letter-spacing: 0.9px;
  text-align: left;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  margin-bottom: 2px;
}
.crypto-award-page .category-menu .category-body .category-column .category-menu-block .category-menu-item:hover {
  font-weight: 600;
  color: #ffe300;
}
.crypto-award-page .category-menu.fixeded {
  z-index: 1100;
  position: fixed;
  top: 0;
  max-width: unset;
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.crypto-award-page .category-menu.fixeded.showed {
  visibility: visible;
  opacity: 1;
}
.crypto-award-page .category-menu.fixeded.showed .category-header-btn {
  width: 200px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #151515;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  color: #000;
  letter-spacing: 1px;
  text-align: center;
  margin: 0;
  position: absolute;
  z-index: 100;
  left: 50px;
}
.crypto-award-page .category-menu.fixeded .category-body-wrap {
  background-color: rgba(37, 33, 33, 0.95);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.crypto-award-page section {
  padding: 50px 20px;
}
.crypto-award-page section .section-title {
  margin: 30px auto 80px auto;
  position: relative;
}
.crypto-award-page section .section-title p {
  font-family: "Eina01", sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
  color: #030409;
  text-transform: uppercase;
}
.crypto-award-page section .section-title p span {
  color: #ff3d4e;
}
.crypto-award-page section .section-title::after {
  content: "";
  width: 116px;
  border-top: solid 3px #ff3d4e;
  display: block;
  margin: 20px auto;
}
.crypto-award-page section#hero {
  padding: 60px 20px 70px 20px;
  background-color: #ff6d29;
  background-image: url(/assets/95479d949cdfe1b00c4c.svg);
  background-repeat: repeat-y;
  background-size: 100%;
}
.crypto-award-page section#hero .cia-logo {
  width: 119px;
  height: 151px;
  display: block;
  margin-bottom: 35px;
  background-image: url(/assets/695e57110bfc2e63e608.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.crypto-award-page section#hero > p {
  margin: 12px auto;
  max-width: 800px;
  font-family: "Eina01", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 1px;
  text-align: left;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.crypto-award-page section#hero > p a {
  font-weight: 600;
  text-decoration: underline;
}
.crypto-award-page section#hero .big-link {
  font-family: "Eina01", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 1px;
  text-align: left;
  color: #030409;
  margin: 20px auto 0 auto;
  text-decoration: underline;
}
.crypto-award-page section#awards {
  background-color: #252121;
  padding: 0 20px 100px 20px;
}
.crypto-award-page section#awards .content {
  margin: auto;
  width: 100%;
  max-width: 1130px;
}
.crypto-award-page section#awards .award-block {
  padding-top: 120px;
}
.crypto-award-page section#awards .award-block:last-child {
  margin-bottom: 0;
}
.crypto-award-page section#awards .award-block .award-block-title {
  width: 100%;
  max-width: 535px;
  padding: 25px 35px;
  background-color: #ffe300;
}
.crypto-award-page section#awards .award-block .award-block-title h1 {
  font-family: "Eina01", sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 0.78;
  letter-spacing: 2px;
  text-align: left;
  color: #000000;
  margin: 10px 0;
}
.crypto-award-page section#awards .award-block .award-block-title h2 {
  font-family: "Eina01", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: left;
  color: #000000;
  margin: 0;
}
.crypto-award-page section#awards .award-block .award-sub-block {
  padding-top: 80px;
}
.crypto-award-page section#awards .award-block .award-sub-block:last-child {
  margin-bottom: 0;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-sub-block-title h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 0.93;
  letter-spacing: 1.7px;
  text-align: left;
  color: #ffffff;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-sub-block-title p {
  font-size: 15px;
  letter-spacing: 1.5px;
  text-align: left;
  color: #ffffff;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-sub-block-title .divider {
  opacity: 1;
  background-color: #ffe300;
  margin-bottom: 40px;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list {
  margin: -20px;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item {
  width: 194px;
  max-width: 194px;
  margin: 20px;
  position: relative;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .influencer-bio-box {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 10px;
  background-color: #ffe300;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.2s ease-in-out;
  color: black;
  font-size: 13px;
  cursor: pointer;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item:hover .influencer-bio-box {
  opacity: 1;
  transform: scale(1);
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item.winner::before {
  position: absolute;
  content: "";
  top: 0;
  width: 226px;
  height: 54px;
  top: -25px;
  left: 50%;
  z-index: 1000;
  transform: translateX(-113px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(/assets/7227d30cb6de6c79e67f.svg);
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item.winner .award-item-img {
  border: solid 2px #ffe300;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .award-item-img {
  width: 100%;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .actions {
  height: 47px;
  background-color: #ffe300;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .actions .vote-btn {
  cursor: pointer;
  margin: 2px 0 2px 2px;
  background-color: black;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.4px;
  text-align: center;
  color: #ffe300;
  border: none;
  outline: none;
  user-select: none;
  transition: all 0.3s ease-in-out;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .actions .vote-btn:hover {
  background-color: #ffe300;
  color: black;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .actions .video-btn {
  border: none;
  outline: none;
  user-select: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.3s ease-in-out;
  background-image: url(/assets/042ec019f85e6e80bf3d.svg);
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .actions .video-btn:hover {
  background-color: black;
  background-image: url(/assets/680e35bbcbe225070fe5.svg);
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .award-item-info {
  margin-top: 30px;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .award-item-info .award-item-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 1.8px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 15px;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .award-item-info .stat-value {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-align: left;
  color: #9b9b9b;
  margin: 0;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item.video {
  width: calc(50% - 40px);
  max-width: 542px;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item.video .award-item-img {
  cursor: pointer;
  padding-top: unset;
  height: auto;
  position: relative;
}
.crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item.video .award-item-img::before {
  position: absolute;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-23px, -23px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(/assets/52838c7cbaac4ed13cac.svg);
}
@media (max-width: 1200px) {
  .crypto-award-page section#awards .content {
    max-width: 896px;
  }
}
@media (max-width: 1200px) {
  .crypto-award-page section#awards .content {
    max-width: 896px;
  }
}
@media (max-width: 950px) {
  .crypto-award-page section#awards .content {
    max-width: 662px;
  }
}
@media (max-width: 708px) {
  .crypto-award-page section#awards .content {
    max-width: 428px;
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-sub-block-title h1 {
    font-size: 18px;
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-sub-block-title p {
    display: none;
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item.winner::before {
    width: 110%;
    left: 50%;
    transform: translateX(-50%);
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item.video {
    width: calc(100% - 20px);
  }
}
@media (max-width: 468px) {
  .crypto-award-page section#awards .content {
    max-width: unset;
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-list {
    margin: -5px;
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item {
    margin: 5px;
    width: calc(50% - 10px);
  }
}
@media (max-width: 375px) {
  .crypto-award-page section#awards .award-block .award-sub-block .award-list {
    margin: 0;
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item {
    margin: auto;
    width: 100%;
    max-width: 220px;
  }
}
.crypto-award-page section#location {
  width: 100%;
  height: 330px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/assets/989bbc8a37c740de3f63.jpg);
}
.crypto-award-page section#contact-us {
  background-color: #252121;
  padding: 180px 20px 80px 20px;
}
.crypto-award-page section#contact-us .section-title p {
  font-size: 28px;
  text-align: left;
  color: white;
}
.crypto-award-page section#contact-us .section-title::after {
  width: 100%;
  border-top: solid 4px #ffe300;
  margin-top: 10px;
}
.crypto-award-page section#contact-us .img-desc {
  position: relative;
  margin-right: 80px;
  max-width: 500px;
  width: 50%;
  max-height: 300px;
  background-color: #f9fafc;
}
.crypto-award-page section#contact-us .img-desc img {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
  padding: 50px;
  object-fit: contain;
}
.crypto-award-page section#contact-us .img-desc p {
  font-family: "Eina01", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.7px;
  text-align: left;
  color: #ffffff;
}
.crypto-award-page section#contact-us .img-desc p.desc {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.4px;
  text-align: left;
  color: #ffffff;
  font-weight: 400;
}
.crypto-award-page section#contact-us .contact-us-form {
  margin-top: -80px;
  width: 50%;
  max-width: 410px;
}
.crypto-award-page section#contact-us .contact-us-form .input-field-name {
  font-family: "Eina01", sans-serif;
  font-size: 18px;
  line-height: 2.67;
  letter-spacing: 0.4px;
  text-align: left;
  color: white;
}
.crypto-award-page section#contact-us .contact-us-form .input-field-item {
  color: black;
  font-weight: 600;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  border: solid 1px #979797;
}
.crypto-award-page section#contact-us .contact-us-form .input-field-item.textarea {
  height: unset;
}
.crypto-award-page section#contact-us .contact-us-form .submit-btn {
  margin-top: 40px;
  width: 200px;
  text-transform: unset;
  height: 50px;
  border-radius: 4px;
  background-color: #ffe300;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  font-family: "Eina01", sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-align: center;
  color: #000000;
}
.crypto-award-page footer {
  padding: 50px 80px;
  background-color: #000;
}
.crypto-award-page footer .footer-title {
  width: 340px;
  font-family: "Eina01", sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: 2.8px;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
}
.crypto-award-page footer .address {
  width: 348px;
  font-family: "Eina01", sans-serif;
  font-size: 18px;
  letter-spacing: 0.8px;
  text-align: left;
  color: #ffffff;
}
.crypto-award-page .bottom-popup {
  z-index: 9999;
}
.crypto-award-page .scroll-top-btn {
  position: fixed;
  display: none;
  width: 78px;
  height: 78px;
  object-fit: contain;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(/assets/d93ef386a15784e3a24c.svg);
  z-index: 2000;
  right: 50px;
  bottom: 30px;
}
.crypto-award-page .ticket-btn {
  display: none;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .crypto-award-page section#contact-us {
    padding-top: 50px;
    align-items: center;
    flex-direction: column;
  }
  .crypto-award-page section#contact-us .img-desc {
    width: 100%;
    margin-right: 0;
  }
  .crypto-award-page section#contact-us .contact-us-form {
    margin-top: 60px;
    width: 100%;
  }
  .crypto-award-page section#contact-us .contact-us-form .section-title p {
    text-align: center;
  }
  .crypto-award-page section#contact-us .contact-us-form .submit-btn {
    display: block;
    margin: auto;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .crypto-award-page header {
    padding: 10px 0;
  }
  .crypto-award-page .category-menu {
    display: none;
    height: 0;
  }
  .crypto-award-page .ticket-btn {
    display: block;
  }
  .crypto-award-page section {
    padding: 50px 20px;
  }
  .crypto-award-page section#hero > p {
    font-size: 13px;
  }
  .crypto-award-page section#awards .award-block .award-block-title {
    padding: 20px;
  }
  .crypto-award-page section#awards .award-block .award-block-title h1 {
    font-size: 25px;
  }
  .crypto-award-page section#awards .award-block .award-block-title h2 {
    font-size: 12px;
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .award-item-info .award-item-name {
    margin-bottom: 10px;
  }
  .crypto-award-page section#awards .award-block .award-sub-block .award-list .award-item .award-item-info .stat-value {
    font-size: 11px;
  }
  .crypto-award-page section#awards .award-block .award-sub-block-title {
    cursor: pointer;
  }
  .crypto-award-page section#awards .award-block .award-sub-block-title h1 {
    position: relative;
    font-size: 18px;
  }
  .crypto-award-page section#awards .award-block .award-sub-block-title h1 .arrow {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid white;
    right: 10px;
    transition: all 0.3s ease-in-out;
  }
  .crypto-award-page section#awards .award-block .award-sub-block-title h1 .arrow.open {
    transform: rotate(180deg);
  }
  .crypto-award-page section#awards .award-block .award-sub-block-title p {
    font-size: 13px;
  }
  .crypto-award-page section#location {
    background-position: 70% center;
  }
  .crypto-award-page footer {
    padding: 50px 20px;
    flex-direction: column;
  }
  .crypto-award-page footer .footer-title,
.crypto-award-page footer .address {
    width: 100%;
    max-width: unset;
    text-align: center;
  }
  .crypto-award-page footer .address {
    margin-top: 30px;
  }
}
@media (max-width: 375px) {
  .crypto-award-page header {
    flex-direction: column;
  }
  .crypto-award-page header .share-actions {
    margin-top: 10px;
  }
}
.crypto-award-page .live-stream-banner {
  min-height: 305px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/assets/34076b3f9fd1d341b3c4.jpg);
}
.crypto-award-page .live-stream-banner .live-stream-banner-content {
  margin: auto;
  padding: 0 20px;
}
.crypto-award-page .live-stream-banner .live-stream-banner-content .live-stream-banner-title {
  font-family: "Eina01", sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #ffffff;
  text-align: center;
  line-height: 45px;
  margin-bottom: 20px;
}
.crypto-award-page .live-stream-banner .live-stream-banner-content .live-stream-timer-item .timer-item-title {
  font-family: "Eina01", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ffffff;
  margin: 0;
}
.crypto-award-page .live-stream-banner .live-stream-banner-content .live-stream-timer-item .timer-item-value {
  font-family: "Eina01", sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #ffffff;
}
.crypto-award-page .share-actions .share-btn {
  cursor: pointer;
  margin-right: 20px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-align: left;
  color: #292929;
}
.crypto-award-page .share-actions .share-btn::before {
  content: "";
  width: 26px;
  height: 20px;
  display: inline-block;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/1ea4f50b1e51d636f48a.svg);
}
.crypto-award-page .share-actions .social-share-btn {
  cursor: pointer;
  user-select: none;
  outline: none;
  margin-right: 15px;
}
.crypto-award-page .share-actions .social-share-btn .inner-share-ic {
  user-select: none;
  outline: none;
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.crypto-award-page .share-actions .social-share-btn .inner-share-ic.facebook {
  background-image: url(/assets/e712a3859a7fa0d46d72.svg);
}
.crypto-award-page .share-actions .social-share-btn .inner-share-ic.twitter {
  background-image: url(/assets/7273b93366559cf58709.svg);
}
.crypto-award-page input.input-error {
  border: solid 1px #f11862 !important;
}
.crypto-award-page iframe.home-demo-video {
  transition: all 0.2s ease-in-out;
  height: 530px !important;
}
@media (max-width: 768px) {
  .crypto-award-page iframe.home-demo-video {
    height: 450px !important;
  }
}
@media (max-width: 450px) {
  .crypto-award-page iframe.home-demo-video {
    height: 300px !important;
  }
}

.crypto-award-vote-result-modal {
  max-width: 805px;
}
.crypto-award-vote-result-modal .left-logo {
  width: 170px;
  background-color: #ffe300;
  background-position: center 50px;
  background-repeat: no-repeat;
  background-position: center 50px;
  background-image: url(/assets/17ddef3847990f8eef5d.svg);
}
.crypto-award-vote-result-modal .right-message {
  width: 635px;
  padding: 50px 30px 30px 30px;
  background-color: white;
}
.crypto-award-vote-result-modal .right-message .award-title {
  font-family: "Eina01", sans-serif;
  font-size: 18px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #000000;
}
.crypto-award-vote-result-modal .right-message .message {
  font-family: "Eina01", sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 0.88;
  letter-spacing: 1.3px;
  text-align: left;
  color: #000000;
}
.crypto-award-vote-result-modal .right-message .category-name {
  font-family: "Eina01", sans-serif;
  font-size: 24px;
  letter-spacing: 0.6px;
  text-align: left;
  color: #000000;
}
.crypto-award-vote-result-modal .right-message .actions {
  margin-top: 40px;
}
.crypto-award-vote-result-modal .right-message .actions .ok-btn {
  cursor: pointer;
  justify-self: self-end;
  width: 155px;
  height: 50px;
  background-color: #000000;
  font-family: "Eina01", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 1.8px;
  text-align: center;
  color: #ffe300;
  transition: all 0.3s ease-in-out;
  border: none;
  outline: none;
  user-select: none;
}
.crypto-award-vote-result-modal .right-message .actions .ok-btn:hover {
  background-color: #ffe300;
  color: #000;
}
@media (max-width: 580px) {
  .crypto-award-vote-result-modal .left-logo {
    display: none;
  }
  .crypto-award-vote-result-modal .right-message {
    padding: 20px;
  }
}

.stars-category-page .award-item-img {
  background-position: top !important;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/styles/starCategoryPage.scss ***!
  \******************************************************************************************************************************************************************/
.crypto-award-page.crypto-award-page-2019 .category-menu .category-body-wrap {
  background-color: rgba(37, 33, 33, 0.65);
}
.crypto-award-page.crypto-award-page-2019 section#hero {
  background-color: #000000;
  background-repeat: no-repeat;
  background-image: none;
  min-height: 100vh;
  position: relative;
}
.crypto-award-page.crypto-award-page-2019 section#hero .hero-video-bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.crypto-award-page.crypto-award-page-2019 section#hero .hero-video-bg video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.crypto-award-page.crypto-award-page-2019 section#hero .hero-video-bg .video-mask {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  background-color: rgba(37, 33, 33, 0.65);
}
.crypto-award-page.crypto-award-page-2019 section#hero .hero-video-bg .mobile-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.crypto-award-page.crypto-award-page-2019 section#hero header {
  background-color: transparent;
  position: absolute;
  width: 100%;
  top: 20px;
  left: 0;
  right: 0;
}
.crypto-award-page.crypto-award-page-2019 section#hero header .logo {
  height: 30px;
  width: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-image: url(/assets/be8b29b858ab49fe7c37.png);
}
.crypto-award-page.crypto-award-page-2019 section#hero .cia-logo {
  z-index: 1;
  width: 600px;
  height: 300px;
  margin: auto;
  background-image: url(/assets/545d10be18a16aecf0cd.png);
}
.crypto-award-page.crypto-award-page-2019 section#hero .star-home-section {
  z-index: 1;
  text-align: center;
  margin: auto;
}
.crypto-award-page.crypto-award-page-2019 section#hero .star-home-section p {
  font-size: 80px;
  font-weight: 900;
  color: white;
  margin-bottom: -10px;
}
.crypto-award-page.crypto-award-page-2019 section#hero .star-home-section p.sub-title {
  font-size: 40px;
  font-weight: 600;
  color: #ffe300;
  margin-bottom: 15px;
}
.crypto-award-page.crypto-award-page-2019 section#hero .star-home-section .divider {
  opacity: 1;
  height: 4px;
  background-color: #ffe300;
}
.crypto-award-page.crypto-award-page-2019 section#event-intro {
  padding: 150px 20px;
}
.crypto-award-page.crypto-award-page-2019 section#event-intro .content {
  max-width: 1200px;
  margin: auto;
}
.crypto-award-page.crypto-award-page-2019 section#event-intro .content .sb-logo {
  width: 300px;
  height: 300px;
  margin: auto;
  background-image: url(/assets/be8b29b858ab49fe7c37.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.crypto-award-page.crypto-award-page-2019 section#event-intro .content .cia-logo {
  width: 300px;
  height: 300px;
  margin: auto;
  background-image: url(/assets/7fadb17f656a85aa2c37.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.crypto-award-page.crypto-award-page-2019 section#event-intro .content .event-intro-info {
  margin-left: 20px;
  max-width: 635px;
}
.crypto-award-page.crypto-award-page-2019 section#event-intro .content .event-intro-info p {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 0.3px;
  color: #000000;
  margin-bottom: 20px;
}
.crypto-award-page.crypto-award-page-2019 section#event-intro .content .event-intro-info p a {
  font-weight: 600;
  text-decoration: underline;
}
.crypto-award-page.crypto-award-page-2019 section#event-intro .content .event-intro-info p.event-intro-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 0.78;
  letter-spacing: 2px;
  color: #000000;
  margin-bottom: 40px;
}
.crypto-award-page.crypto-award-page-2019 section#location {
  width: 100%;
  height: 330px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/assets/ffca919e17edf878a360.png);
}
.crypto-award-page.crypto-award-page-2019 footer .content {
  max-width: 1200px;
  margin: auto;
  align-items: center;
}
.crypto-award-page.crypto-award-page-2019 footer .content .footer-logo {
  width: 309px;
  height: 65px;
  background-image: url(/assets/dcad0b0733cf06f01f74.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.crypto-award-page.crypto-award-page-2019 footer .content .address {
  width: 380px;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .crypto-award-page.crypto-award-page-2019 section#location {
    height: 260px;
  }
  .crypto-award-page.crypto-award-page-2019 footer {
    padding: 50px 20px;
  }
  .crypto-award-page.crypto-award-page-2019 footer .content {
    flex-direction: column;
  }
  .crypto-award-page.crypto-award-page-2019 footer .content .footer-logo,
.crypto-award-page.crypto-award-page-2019 footer .content .address {
    width: 100%;
    margin: auto;
  }
  .crypto-award-page.crypto-award-page-2019 footer .content .address {
    margin-top: 40px;
    max-width: 380px;
  }
}
@media (max-width: 768px) {
  .crypto-award-page.crypto-award-page-2019 section#hero .sb-logo,
.crypto-award-page.crypto-award-page-2019 section#hero .cia-logo {
    width: 100%;
    max-width: 467px;
    height: 50vh;
  }
  .crypto-award-page.crypto-award-page-2019 section#event-intro {
    padding: 80px 20px;
  }
  .crypto-award-page.crypto-award-page-2019 section#event-intro .content {
    flex-direction: column;
  }
  .crypto-award-page.crypto-award-page-2019 section#event-intro .content .sb-logo,
.crypto-award-page.crypto-award-page-2019 section#event-intro .content .cia-logo {
    margin-bottom: 50px;
  }
  .crypto-award-page.crypto-award-page-2019 section#event-intro .content .event-intro-info {
    margin-left: 0;
  }
  .crypto-award-page.crypto-award-page-2019 section#location {
    height: 200px;
  }
}
@media (max-width: 500px) {
  .crypto-award-page.crypto-award-page-2019 section .star-home-section p {
    font-size: 50px !important;
  }
  .crypto-award-page.crypto-award-page-2019 section .star-home-section p.sub-title {
    font-size: 25px !important;
  }
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/spin/style/index.less ***!
  \******************************************************************************************************************************************************************/
/* 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-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  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;
  opacity: 0.5;
  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(0deg);
  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(360deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/tabs/style/index.less ***!
  \******************************************************************************************************************************************************************/
/* 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-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 + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.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 {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0 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: 1 0 auto;
  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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  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 {
  display: flex;
  align-items: center;
  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 > span {
  flex: 1;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
  color: #40a9ff;
}
.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 + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 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 + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
}
.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;
  margin-left: 2px;
  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;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.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;
  transition: all 0.3s;
}
.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;
  text-shadow: 0 0 0.25px currentcolor;
}
.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-tab + .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-content {
  position: relative;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-tabpane-hidden {
  display: none;
}
.ant-tabs-switch-appear,
.ant-tabs-switch-enter {
  transition: none;
}
.ant-tabs-switch-appear-start,
.ant-tabs-switch-enter-start {
  opacity: 0;
}
.ant-tabs-switch-appear-active,
.ant-tabs-switch-enter-active {
  opacity: 1;
  transition: opacity 0.3s;
}
.ant-tabs-switch-leave {
  position: absolute;
  transition: none;
  inset: 0;
}
.ant-tabs-switch-leave-start {
  opacity: 1;
}
.ant-tabs-switch-leave-active {
  opacity: 0;
  transition: opacity 0.3s;
}

/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/table/style/index.less ***!
  \*******************************************************************************************************************************************************************/
/* 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-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-filter-trigger {
  margin-right: -4px;
}
.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 40px;
}
.ant-table.ant-table-middle .ant-table-selection-column {
  padding-inline-start: 2px;
}
.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-filter-trigger {
  margin-right: -4px;
}
.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 40px;
}
.ant-table.ant-table-small .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.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-summary > 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-summary > 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-summary > 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,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > 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,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > 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 > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.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-summary > 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-summary > 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,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > 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,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > 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,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > 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-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.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:not([rowspan]) {
  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 {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  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-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.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 {
  position: relative;
  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 > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: '';
}
.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,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 32px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .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-expanded-row-fixed > .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,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .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,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #fafafa;
}
.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-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.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 {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
  color: #1890ff;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
  background-color: transparent !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1;
}
.ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}
.ant-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.ant-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.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-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.04);
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  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 .ant-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
  background-color: #bae7ff;
}
.ant-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.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;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
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;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
  z-index: 3;
}
table tr th.ant-table-selection-column::after {
  background-color: transparent !important;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}
.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-expand-icon-cell .ant-table-row-expand-icon {
  display: inline-flex;
  float: none;
  vertical-align: sub;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  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;
  transform: scale(0.94117647);
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus-visible,
.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 {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  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-left-all::after {
  display: 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: 2;
  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-left .ant-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.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-holder {
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.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 {
  border-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:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.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: 4px;
  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 {
  margin: -4px 4px -4px -8px;
}
.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-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);
}

/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/checkbox/style/index.less ***!
  \**********************************************************************************************************************************************************************/
/* 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 */
@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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  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: 21.5%;
  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;
  pointer-events: none;
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  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;
}

/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/dropdown/style/index.less ***!
  \**********************************************************************************************************************************************************************/
/* 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-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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  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,
.ant-dropdown-menu-submenu-hidden {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-top,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-dropdown-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  bottom: 10px;
  box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}
.ant-dropdown-placement-top > .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-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 9.41421356px;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}
.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;
  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 {
  position: relative;
  display: flex;
  align-items: center;
}
.ant-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-title-content {
  flex: auto;
}
.ant-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.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;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  color: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  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-disabled a,
.ant-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.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-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .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.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-leave.ant-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-loading,
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
  cursor: default;
  pointer-events: none;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
  display: block;
}
.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,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}
.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-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .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;
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/menu/style/index.less ***!
  \******************************************************************************************************************************************************************/
/* 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-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: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  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.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #bae7ff;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-overflow {
  display: flex;
}
.ant-menu-overflow-item {
  flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-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-title-content {
  transition: color 0.3s;
}
.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 {
  overflow: hidden;
  line-height: 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
  border-style: dashed;
}
.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;
}
.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: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  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), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
  margin-right: 0;
}
.ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
  box-shadow: 0 0 0 2px #bae7ff;
}
.ant-menu > .ant-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 2px;
  box-shadow: none;
  transform-origin: 0 0;
}
.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-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  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), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #1890ff;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
  display: none;
}
.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(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2.5px);
}
.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-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}
.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;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  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;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.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-item-group-list .ant-menu-submenu-title,
.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-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.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.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu.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;
  background: #fafafa;
  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;
  cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
  border-color: transparent !important;
}
.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-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
  color: #1890ff;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #096dd9;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #096dd9;
}
.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 {
  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 > .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 {
  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 .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.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-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 .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.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 > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.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-submenu-rtl.ant-menu-submenu-popup {
  transform-origin: 100% 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;
}

/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/pagination/style/index.less ***!
  \************************************************************************************************************************************************************************/
/* 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-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -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;
  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:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item:focus-visible {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible 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:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus-visible {
  border-color: #40a9ff;
}
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-item-active:focus-visible 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:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .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;
  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%;
  padding: 0;
  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-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.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 {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .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;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  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;
  height: 32px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.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;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.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-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:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.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.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
  height: 24px;
}
.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: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: rgba(0, 0, 0, 0.25);
}
.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 .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.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 .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.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;
}

/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/radio/style/index.less ***!
  \*******************************************************************************************************************************************************************/
/* 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-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
  width: 14px;
  height: 14px;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  display: inline-block;
  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.12);
}
.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: 50%;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  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.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(0.5);
  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;
  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.12);
}
.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.12);
}
.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.12);
}
.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;
  }
}
.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;
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/tree/style/index.less ***!
  \******************************************************************************************************************************************************************/
/* 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 */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.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;
  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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  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: 21.5%;
  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;
  pointer-events: none;
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.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-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.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: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  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 {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  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-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #1890ff;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.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 .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  opacity: 0.45;
}
.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  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, box-shadow 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-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-tree-node-content-wrapper {
  line-height: 24px;
  user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #1890ff;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.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-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}

/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/styles/topChannelRankPage.scss ***!
  \********************************************************************************************************************************************************************/
.top-channel-rank-page {
  background-color: #ffffff;
  padding-bottom: 50px;
}
.top-channel-rank-page .page-content {
  margin: auto;
  max-width: 1320px;
  padding-top: 80px;
}
.top-channel-rank-page .page-content .title {
  line-height: 35px;
  text-align: center;
  font-size: 24px;
  font-family: "Poppins-Bold", Poppins;
  font-weight: bold;
  color: #000000;
  text-align: left;
  margin-bottom: 16px;
}
.top-channel-rank-page .category-menu-item {
  display: none;
}
.top-channel-rank-page .channel-switch {
  margin-bottom: 20px;
  box-shadow: 0px 4px 8px 0px rgba(42, 42, 42, 0.08);
  margin: -10px -20px 8px -20px;
  height: 46px;
  display: flex;
  justify-content: center;
}
.top-channel-rank-page .channel-switch .sb-tabs {
  width: 100%;
}
.top-channel-rank-page .channel-switch .sb-tabs > .sb-tabs-nav .sb-tabs-nav-list,
.top-channel-rank-page .channel-switch .sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-list {
  width: 100%;
}
.top-channel-rank-page .channel-switch .sb-tabs-tab + .sb-tabs-tab {
  margin: 0;
}
.top-channel-rank-page .channel-switch .sb-tabs-top > .sb-tabs-nav::before,
.top-channel-rank-page .channel-switch .sb-tabs-bottom > .sb-tabs-nav::before,
.top-channel-rank-page .channel-switch .sb-tabs-top > div > .sb-tabs-nav::before,
.top-channel-rank-page .channel-switch .sb-tabs-bottom > div > .sb-tabs-nav::before {
  border-bottom: none;
}
.top-channel-rank-page .channel-switch .sb-tabs-tab {
  font-weight: bold;
  font-family: "Poppins-Bold", Poppins;
  font-size: 17px;
  width: 50%;
}
.top-channel-rank-page .channel-switch .sb-tabs-tab-btn {
  width: 100%;
  text-align: center;
}
.top-channel-rank-page .channel-switch .sb-tabs-tab.sb-tabs-tab-active:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 3px;
  border-bottom: 2px solid #3753fa;
}
.top-channel-rank-page .channel-switch .sb-tabs-top > .sb-tabs-nav .sb-tabs-ink-bar,
.top-channel-rank-page .channel-switch .sb-tabs-top > div > .sb-tabs-nav .sb-tabs-ink-bar {
  display: none;
}
.top-channel-rank-page .channel-switch .sb-tabs-tab.sb-tabs-tab-active .sb-tabs-tab-btn {
  color: #3753fa;
}
.top-channel-rank-page .channel-switch .sb-tabs-ink-bar {
  background-color: #3753fa;
}
.top-channel-rank-page .channel-switch .channel-switch-btn {
  width: 100px;
  height: 28px;
  line-height: 30px;
  text-align: center;
  border-radius: 1.6px;
  background-color: #dadfe5;
  margin-right: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 0.8571428571rem;
  letter-spacing: 0.9px;
  color: #363636;
}
.top-channel-rank-page .channel-switch .channel-switch-btn:last-child {
  margin-right: 0;
}
.top-channel-rank-page .channel-switch .channel-switch-btn.active {
  background-color: #3753fa;
  color: #fff;
}
.top-channel-rank-page .rank-mobile-drop-selector {
  display: none;
}
.top-channel-rank-page .rank-body {
  width: 100%;
  margin-bottom: auto;
  padding-top: 48px;
}
.top-channel-rank-page .rank-body .left-menu {
  width: 312px;
  border: 1px solid #e7e7e7;
  padding: 10px 20px;
  margin-right: 20px;
  margin-bottom: auto;
  background-color: #fff;
  overflow: hidden;
  position: sticky;
  top: 128px;
  max-height: calc(100vh - 128px);
  overflow-y: auto;
  overflow-y: overlay;
}
.top-channel-rank-page .rank-body .left-menu::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.top-channel-rank-page .rank-body .left-menu::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #e0e1e3;
  width: 5px;
}
.top-channel-rank-page .rank-body .left-menu .channel-switch .sb-tabs-nav-operations {
  display: none !important;
}
.top-channel-rank-page .rank-body .left-menu .menu-section {
  margin-bottom: 5px;
}
.top-channel-rank-page .rank-body .left-menu .menu-section .menu-section-title {
  text-transform: uppercase;
  border-bottom: 1px solid #e5e7eb;
  line-height: 45px;
  color: #000;
  font-size: 17px;
  font-family: "OPPOSans-B", OPPOSans;
  font-size: 17px;
  margin-top: 16px;
  margin-bottom: 8px;
}
.top-channel-rank-page .rank-body .left-menu .menu-section .menu-item {
  display: block;
  height: 34px;
  line-height: 34px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
}
.top-channel-rank-page .rank-body .left-menu .menu-section .menu-item:hover {
  color: #3753fa;
}
.top-channel-rank-page .rank-body .left-menu .menu-section .menu-item.selected {
  background-color: #3753fa;
  color: #fff;
}
.top-channel-rank-page .rank-body .right-table {
  background-color: #fff;
  overflow-x: hidden;
  text-align: center;
}
.top-channel-rank-page .rank-body .right-table .content {
  padding: 25px;
  color: #333;
  letter-spacing: 0.5px;
  text-align: left;
}
.top-channel-rank-page .rank-body .right-table .content p {
  font-size: 14px;
  font-family: "Poppins-Regular", Poppins;
  font-weight: 400;
  color: #000000;
  line-height: 21px;
}
.top-channel-rank-page .rank-body .right-table .content h2 {
  font-size: 20px;
  font-family: "Poppins-SemiBold", Poppins;
  font-weight: 600;
  color: #000000;
}
.top-channel-rank-page .mobile-content {
  display: none;
}
.top-channel-rank-page .table-container {
  width: 100%;
  overflow-x: scroll;
}
.top-channel-rank-page .channel-table .sb-table-container table > thead > tr:first-child th:first-child {
  text-align: center;
}
.top-channel-rank-page .channel-table .sb-table-thead > tr > th {
  background: #fafbfe;
  border: none;
  height: 56px;
  color: rgba(0, 0, 0, 0.38);
}
.top-channel-rank-page .channel-table .sb-table-tbody > tr > td {
  border: none;
  height: 56px;
}
.top-channel-rank-page .channel-table .sb-table-tbody > tr > td:hover {
  cursor: pointer;
}
.top-channel-rank-page .channel-table .sb-table-tbody > tr.blue-bg,
.top-channel-rank-page .channel-table .sb-table-tbody > tr.blue-bg:nth-child(2n) {
  background-color: #e0ecff;
}
.top-channel-rank-page .channel-table td.sb-table-column-sort {
  background: none;
}
.top-channel-rank-page .channel-table .sb-table-tbody > tr:hover {
  background: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.top-channel-rank-page .channel-table .sb-table-tbody > tr.sb-table-row:hover > td,
.top-channel-rank-page .channel-table .sb-table-tbody > tr > td.sb-table-cell-row-hover {
  background-color: #fff;
}
.top-channel-rank-page .channel-table .sb-table-tbody > tr:nth-child(2n) {
  background-color: #fafbfe;
}
.top-channel-rank-page .channel-table .sb-table-thead > tr > th:not(:last-child):not(.sb-table-selection-column):not(.sb-table-row-expand-icon-cell):not([colspan])::before {
  width: 0;
}
.top-channel-rank-page .channel-table .free-tip {
  width: 40px;
  height: 20px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ff2d55;
  text-align: center;
  font-family: OPPOSans-M, OPPOSans;
  font-weight: normal;
  color: #ff2d55;
  line-height: 18px;
}
.top-channel-rank-page .channel-table .rank-table-col-1 {
  cursor: pointer;
  user-select: none;
  color: #162232;
}
.top-channel-rank-page .channel-table .rank-table-col-1 .index {
  margin-left: 20px;
  margin-right: 20px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  width: 25px;
  text-align: center;
}
.top-channel-rank-page .channel-table .rank-table-col-1 .index.top3 {
  font-size: 26px;
  font-family: "Poppins-Bold", Poppins;
  font-weight: bold;
  color: #ff2d55;
  line-height: 39px;
}
.top-channel-rank-page .channel-table .rank-table-col-1 .avatar {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-right: 10px;
}
.top-channel-rank-page .channel-table .rank-table-col-1 .name {
  text-decoration: underline;
}
.top-channel-rank-page .channel-table .sb-table.sb-table-middle .sb-table-tbody > tr > td {
  padding: 6px 0;
}

@media screen and (max-width: 1320px) {
  .top-channel-rank-page .page-content {
    max-width: 100%;
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .top-channel-rank-page .channel-switch {
    margin: 0;
    align-items: center;
    margin-top: 10px;
    box-shadow: none;
  }
  .top-channel-rank-page .rank-body .left-menu {
    display: none;
  }
  .top-channel-rank-page .filter-header {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .top-channel-rank-page .filter-menu {
    width: 100%;
    flex-direction: column;
  }
  .top-channel-rank-page .filter-menu .filter-menu-item {
    align-items: flex-start;
    flex-direction: column;
    margin-right: 0;
  }
  .top-channel-rank-page .filter-menu .category-menu-item {
    display: block;
  }
  .top-channel-rank-page .mobile-content {
    margin-top: 20px;
    background-color: #fff;
    display: block;
  }
  .top-channel-rank-page .rank-mobile-drop-selector {
    display: block;
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/ResourcePage/styles/china_social_share.scss ***!
  \*********************************************************************************************************************************************************************************/
.cn-social-share-section {
  position: fixed;
  z-index: 2000;
}
.cn-social-share-section .share-buttons li {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-bottom: 12px;
  list-style: none;
}
.cn-social-share-section .share-buttons .share-btn {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.cn-social-share-section .share-buttons .share-btn.weixin {
  background-image: url(/assets/e0d04d51c0788c8956f3.svg);
}
.cn-social-share-section .share-buttons .share-btn.weixin:hover .weixin-share-qrcode {
  display: flex;
}
.cn-social-share-section .share-buttons .share-btn.weibo {
  background-image: url(/assets/a3f1881edeea1c2280bf.svg);
}
.cn-social-share-section .share-buttons .share-btn.qq {
  background-image: url(/assets/a81293990cfcf93c36c7.svg);
}
.cn-social-share-section .share-buttons .share-btn.qzone {
  background-image: url(/assets/f14cfb6368345079e936.svg);
}
.cn-social-share-section .share-buttons .share-btn .weixin-share-qrcode {
  display: none;
  background-color: white;
  border: 1px solid #ddd;
  position: absolute;
  top: -30px;
  right: 45px;
  border-radius: 3px;
  padding: 8px;
  width: 250px;
}
.cn-social-share-section .share-buttons .share-btn .weixin-share-qrcode::before {
  content: "";
  border-width: 8px;
  border-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #ddd;
  position: absolute;
  right: -17px;
  top: 50px;
}
.cn-social-share-section .share-buttons .share-btn .weixin-share-qrcode::after {
  content: "";
  border-width: 8px;
  border-style: solid;
  position: absolute;
  right: -15px;
  top: 50px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}
.cn-social-share-section .share-buttons .share-btn .weixin-share-qrcode .qrcode-img {
  margin-right: 10px;
}
.cn-social-share-section .share-buttons .share-btn .weixin-share-qrcode .weixin-txt {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  margin-bottom: 0;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/ResourcePage/styles/resource_page.scss ***!
  \****************************************************************************************************************************************************************************/
.resource-page {
  padding-top: 80px;
}
.resource-page .inner-table {
  max-width: 1024px;
  width: 960px;
  margin: auto;
}
.resource-page .bot-part {
  padding: 0 !important;
}
.resource-page .article {
  position: relative;
  max-width: 960px;
  min-height: calc(100vh - 62px) !important;
  width: 100%;
  margin: 0 auto 50px auto;
  padding-top: 2em !important;
}
.resource-page .cn-social-share-section {
  left: 50%;
  top: 20%;
  margin-left: 560px;
}
.resource-page .meta-image {
  box-sizing: border-box;
  padding: 15px 30px 30px 15px;
  border-radius: 5px;
  position: relative;
  overflow: unset;
  margin-bottom: 15px;
}
.resource-page .meta-image img {
  border-radius: 5px;
  width: 100%;
  height: auto;
}
.resource-page .meta-image {
  max-width: 1000px;
  margin: 0 auto;
}
.resource-page .entry-title {
  margin-top: 60px;
  margin-bottom: 40px;
  font-size: 45px;
  line-height: 55px;
  font-weight: 400;
  color: #0a0a0a;
  margin: 20px auto 40px;
  padding: 0;
  word-wrap: break-word;
  text-align: center;
  width: 750px;
  font-family: "Poppins", sans-serif;
}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
  .resource-page .entry-title {
    width: 540px;
  }
}
@media only screen and (max-width: 1023px) {
  .resource-page .entry-title {
    max-width: 100%;
  }
}
.resource-page .resource-container {
  color: #0a0a0a;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  padding: 24px;
}
.resource-page .resource-container figure {
  margin: 20px 0;
}
.resource-page .resource-container .entry-content {
  margin: auto;
  width: 900px;
  font-family: "Poppins", sans-serif;
}
.resource-page .resource-container .entry-content > div,
.resource-page .resource-container .entry-content li,
.resource-page .resource-container .entry-content > p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}
.resource-page .resource-container .entry-content li {
  margin-bottom: 0;
}
.resource-page .resource-container .entry-content ul,
.resource-page .resource-container .entry-content ol {
  list-style: disc;
  padding-left: 20px;
}
.resource-page .resource-container .entry-content ul.toc-list,
.resource-page .resource-container .entry-content ol.toc-list {
  list-style: none;
  padding-left: 0;
}
.resource-page .resource-container .entry-content img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: unset;
  height: unset;
  object-fit: contain;
}
.resource-page .resource-container .entry-content a {
  color: #3753fa;
}
.resource-page .resource-container .entry-content h3 {
  font-weight: 500;
  font-size: 18px;
  color: #3753fa;
  font-family: "Poppins", sans-serif;
}
.resource-page .resource-container .entry-content figcaption {
  text-align: center;
}
.resource-page .resource-container iframe {
  max-width: 100%;
  width: 100%;
  height: unset;
  aspect-ratio: 1.78;
}
.resource-page .resource-container .meta-image {
  max-width: 1000px;
  margin: 0 auto;
}
.resource-page .resource-container .meta-image {
  position: relative;
  overflow: hidden;
  z-index: 10;
  max-width: 100%;
}
.resource-page .resource-container .meta-image img {
  width: 100%;
}
.resource-page .resource-container .avatar-cell img {
  max-height: 40px;
  max-width: 100%;
}
.resource-page .resource-container .avatar-cell .username {
  color: #3753fa;
  text-align: left;
  display: block;
  font-size: 0.85714rem;
  cursor: pointer;
}
.resource-page .resource-container .demo-btn {
  display: inline-block;
  width: 165px;
  height: 42px;
  border-radius: 4px;
  background-color: #3753fa;
  border: solid 1px #3753fa;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #ffffff;
  line-height: 42px;
  text-align: center;
  user-select: none;
  cursor: pointer;
  margin-top: 40px;
}
.resource-page .resource-container h1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #162032;
  font-family: "Poppins", sans-serif;
}
.resource-page .resource-container h2 {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 600;
  color: #162032;
  font-family: "Poppins", sans-serif;
}
.resource-page .resource-container .tips {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.64;
  letter-spacing: 0.4px;
  color: #3753fa;
}
@media (max-width: 1400px) {
  .resource-page .cn-social-share-section {
    margin-left: 470px;
  }
}
@media (max-width: 1300px) {
  .resource-page .menu-section {
    left: 2%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .resource-page .resource-container {
    max-width: 1000px;
  }
  .resource-page .menu-section {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .resource-page .cn-social-share-section {
    margin-left: 300px;
  }
  .resource-page .resource-container .entry-content {
    width: 100% !important;
    max-width: 630px;
  }
  .resource-page .menu-section {
    display: none;
  }
}
@media only screen and (max-width: 670px) and (min-width: 200px) {
  .resource-page .cn-social-share-section {
    display: none;
  }
}
.resource-page .col12 {
  float: left;
  display: inline;
  min-height: 1px;
  position: relative;
  word-wrap: break-word;
  margin-left: 16px;
  margin-right: 16px;
  width: calc(100% - 32px);
}
.resource-page #banner-page.landing-banner {
  height: auto !important;
  position: relative;
}
.resource-page #banner-page.landing-banner h1 {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 44px;
  margin-top: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 999px) {
  .resource-page #banner-page.landing-banner h1 br {
    display: none;
  }
}
@media only screen and (max-width: 832px) {
  .resource-page #banner-page.landing-banner h1 {
    font-size: 32px;
    line-height: 1.2em;
  }
}
.resource-page #banner-page.landing-banner .btn__container {
  overflow: visible;
}
.resource-page #banner-page.landing-banner .btn__container .btn:not(:last-child) {
  margin-right: 0.625em;
}
.resource-page #banner-page.landing-banner .btn {
  margin-bottom: 0.75em;
}
.resource-page #banner-page.landing-banner .btn.dark-transparent {
  border: 1px solid transparent;
  background-color: rgba(41, 45, 53, 0.16);
}
.resource-page #banner-page.landing-banner .btn.dark-transparent:focus,
.resource-page #banner-page.landing-banner .btn.dark-transparent:hover {
  background-color: rgba(41, 45, 53, 0.4);
  color: #fff;
}
@media only screen and (max-width: 480px) {
  .resource-page #banner-page.landing-banner .btn {
    width: 100%;
  }
}
@media only screen and (max-width: 568px) {
  .resource-page h2 br {
    display: none;
  }
}
.resource-page .banner-content {
  position: relative;
  padding: 5em 0;
  z-index: 3;
}
@media only screen and (max-width: 999px) {
  .resource-page .banner-content {
    padding-top: 4.5em;
  }
}
@media only screen and (max-width: 568px) {
  .resource-page .banner-content {
    padding-top: 3em;
  }
}
.resource-page .banner-content--center {
  margin: auto;
  text-align: center;
}
.resource-page .banner-content--center h1 {
  text-align: center;
}
.resource-page .banner-content__visual {
  position: relative;
  left: 0;
  margin: auto;
  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  min-height: 25em;
  overflow: hidden;
  z-index: 3;
}
.resource-page .banner-content__visual.image {
  box-shadow: none;
}
@media only screen and (max-width: 568px) {
  .resource-page .banner-content__visual {
    min-height: initial;
    max-width: 25em;
  }
}
.resource-page .banner-content__visual.video {
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto 30px auto;
}
.resource-page .banner-content__visual.video:focus,
.resource-page .banner-content__visual.video:hover {
  cursor: pointer;
}
.resource-page .banner-content__visual figure {
  border-radius: 0.25em;
  position: relative;
  overflow: hidden;
}
.resource-page .banner-content__visual figure:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: 0 0;
  transition: background 0.6s ease-in-out;
  overflow: hidden;
  z-index: 2;
}
@media only screen and (max-width: 999px) {
  .resource-page .banner-content--left {
    display: block;
  }
}
.resource-page .banner-content--left .banner-content__text {
  margin-top: 3em;
  margin-bottom: 12em;
  z-index: 4;
}
.resource-page .banner-content--left p {
  font-size: 1.25em;
  line-height: 1.5em;
}
.resource-page .banner-content--left .banner-content__image {
  position: absolute;
  margin-right: 1.5625%;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.resource-page .banner-content--left .banner-content__image img {
  max-height: 30em;
  max-width: none;
}
@media only screen and (min-width: 1216px) {
  .resource-page .banner-content--left .banner-content__text {
    margin-top: 4.5em;
  }
}
@media only screen and (max-width: 999px) {
  .resource-page .banner-content--left .banner-content__text {
    margin-top: 0;
    text-align: center;
    margin-bottom: 3em;
  }
  .resource-page .banner-content--left .banner-content__image {
    position: relative;
    margin-right: 0;
    width: 100%;
    right: auto;
    bottom: auto;
    text-align: center;
    float: left;
  }
  .resource-page .banner-content--left .banner-content__image img {
    width: 100%;
    max-height: none;
    max-width: 25em;
  }
}
@media only screen and (max-width: 832px) {
  .resource-page .banner-content--left p {
    font-size: 16px;
  }
}
.resource-page .videoWrapper,
.resource-page .imageWrapper {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #000;
  border-radius: 4px;
  overflow: hidden;
}
.resource-page .imageWrapper {
  padding-top: 80%;
  background-color: transparent;
}
.resource-page .videoWrapper43 {
  padding-top: 75%;
}
.resource-page .videoWrapper169 {
  padding-top: 56.4%;
}
.resource-page .videoWrappercustom {
  padding-top: 60%;
}
.resource-page .video-iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.resource-page .poster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.6s, height 0s, -webkit-transform 0.6s;
  transition: opacity 0.6s, height 0s, transform 0.6s;
  transition: opacity 0.6s, height 0s, transform 0.6s, -webkit-transform 0.6s;
}
.resource-page .video-iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.resource-page .poster:before {
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4) 100%);
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.5;
  transition: opacity 0.6s cubic-bezier(0.44, -0.17, 0.16, 1.25);
  width: 100%;
  z-index: 2;
}
.resource-page .poster.image:before {
  background: none;
}
.resource-page .poster.video:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-26px, -26px);
  width: 52px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.resource-page .poster.video:focus:before,
.resource-page .poster.video:hover:before {
  opacity: 1;
}
.resource-page .poster.video:focus:after,
.resource-page .poster.video:hover:after {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
  transform: translateX(-50%) translateY(-50%) scale(1.2);
}
.resource-page .video-wrapper-active .poster {
  opacity: 0;
  height: 0;
  transition-delay: 0s, 0.8s;
}
.resource-page .video-container {
  display: none;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/Pricing/useBuyPlanConfirm/styles/index.scss ***!
  \*********************************************************************************************************************************************************************************/
.buy-plan-confirm-modal .sb-modal-content {
  background: #ffffff;
  border-radius: 8px !important;
  padding: 0px;
}
.buy-plan-confirm-modal .sb-modal-content .sb-modal-header {
  border: none;
  border-radius: 8px !important;
}
.buy-plan-confirm-modal .sb-modal-content .sb-modal-header .sb-modal-title {
  text-align: center;
}
.buy-plan-confirm-modal .sb-modal-content .top-close {
  color: #000000;
  width: 24px;
  height: 24px;
  padding: 4px;
}
.buy-plan-confirm-modal .sb-modal-content .top-close:hover {
  background: #e9e9e9;
  border-radius: 4px;
}
.buy-plan-confirm-modal .sb-modal-content .sb-modal-body {
  padding: 40px 24px 76px 24px;
}
.buy-plan-confirm-modal .sb-modal-content .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.buy-plan-confirm-modal .sb-modal-content .content .plan-name {
  font-size: 21px;
  font-weight: normal;
  color: #cfa980;
  line-height: 34px;
  margin-bottom: 32px;
}
.buy-plan-confirm-modal .sb-modal-content .content .plan-price {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.buy-plan-confirm-modal .sb-modal-content .content .plan-price .total-price-label {
  font-size: 48px;
  display: inline-block;
}
.buy-plan-confirm-modal .sb-modal-content .content .plan-price .unit-part {
  display: inline-block;
}
.buy-plan-confirm-modal .sb-modal-content .content .options {
  display: flex;
  align-items: flex-start;
}
.buy-plan-confirm-modal .sb-modal-content .content .options .divider-line {
  width: 1px;
  background-color: #d5d5d5;
  margin: 0px 66px 0px 40px;
  align-self: stretch;
}
.buy-plan-confirm-modal .sb-modal-content .content .options .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.buy-plan-confirm-modal .sb-modal-content .content .options .item .item-label {
  font-size: 14px;
  font-weight: normal;
  color: #97a7c0;
  line-height: 18px;
}
.buy-plan-confirm-modal .sb-modal-content .content .options .item .sb-btn {
  width: 200px;
  height: 40px;
  background: #2778ff;
  border-radius: 8px;
  margin-top: 80px;
}
.buy-plan-confirm-modal .sb-modal-content .content .options .item .qr-code-tip {
  font-size: 14px;
  font-weight: normal;
  color: #212121;
  line-height: 18px;
  margin-bottom: 12px;
  margin-top: 8px;
}
.buy-plan-confirm-modal .sb-modal-content .content .options .item .qr-code-outer {
  --b: 2px; /* thickness of the border */
  --c: #d3d3d3; /* color of the border */
  --w: 24px; /* width of border */
  --r: 8px; /* radius */
  padding: var(--b); /* space for the border */
  position: relative;
  /*Irrelevant code*/
  width: 146px;
  height: 146px;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.buy-plan-confirm-modal .sb-modal-content .content .options .item .qr-code-outer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--c, #d3d3d3);
  padding: var(--b);
  border-radius: var(--r);
  -webkit-mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50% var(--b)/calc(100% - 2 * var(--w)) 100% repeat-y, linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x, linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.buy-plan-confirm-modal .sb-modal-content .content .options .item .qr-code-outer .qr-code-image {
  width: 142px;
  height: 142px;
  background-size: cover;
  background-image: url(/assets/0f50e679bd21b8dfc404.jpg);
}
@media (max-width: 768px) {
  .buy-plan-confirm-modal .sb-modal-content .content .options {
    flex-direction: column;
    align-items: center;
  }
  .buy-plan-confirm-modal .sb-modal-content .content .options .divider-line {
    width: 280px;
    height: 1px;
    background-color: #d5d5d5;
    margin: 40px 0px 24px 0px;
    align-self: stretch;
  }
  .buy-plan-confirm-modal .sb-modal-content .content .options .item .sb-btn {
    margin-top: 12px;
  }
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/containers/Pricing/BusinessPricingPage/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.page_HH7IN {
  position: relative;
  padding: 125px 16px 82px 16px;
}
@media (max-width: 768px) {
  .page_HH7IN {
    padding: 82px 16px;
  }
}
.page_HH7IN:before {
  content: "";
  position: absolute;
  background-image: url(/assets/54bff03d2db32763d715.png);
  background-position: top center;
  width: 100%;
  background-size: cover;
  height: 0px;
  padding-bottom: 107.917%;
  z-index: 0;
  top: 0px;
  left: 0px;
  right: 0px;
}
@media (max-width: 768px) {
  .page_HH7IN:before {
    padding: 82px 16px;
    padding-bottom: 289.6%;
    background-image: url(/assets/3bd9c60af8dee3152b4d.png);
  }
}
.page_HH7IN .new_taiNZ {
  text-transform: uppercase;
  color: white;
  margin-left: 10px;
  padding: 0px 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  height: 18px;
  border-radius: 2px;
  background: #ea4f3d;
}
.page_HH7IN .floatingBanner_j9nyH {
  background: white;
  padding: 24px 16px;
  filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.04));
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  margin-left: -16px;
  margin-right: -16px;
}
@media (max-width: 768px) {
  .page_HH7IN .floatingBanner_j9nyH {
    top: 40px;
  }
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD {
  display: flex;
  width: 100%;
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim {
  flex: 1;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim.blank_n7MAC {
    display: none;
    flex: 0;
  }
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .title_cMGlu {
  color: #1f2126;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .title_cMGlu {
    gap: 6px;
    font-size: 18px;
  }
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .title_cMGlu .basicIcon_YvOfR {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-size: cover;
  background-image: url(/assets/ce35b95465aac88e3038.svg);
}
@media (max-width: 768px) {
  .page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .title_cMGlu .basicIcon_YvOfR {
    width: 18px;
    height: 18px;
  }
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .title_cMGlu .proIcon_JES03 {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-size: cover;
  background-image: url(/assets/2c293ed054c1c33e302f.svg);
}
@media (max-width: 768px) {
  .page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .title_cMGlu .proIcon_JES03 {
    width: 18px;
    height: 18px;
  }
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .title_cMGlu .enterpriseIcon__OsgL {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-size: cover;
  background-image: url(/assets/4646c1726bf28cf308a9.svg);
}
@media (max-width: 768px) {
  .page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .title_cMGlu .enterpriseIcon__OsgL {
    width: 18px;
    height: 18px;
  }
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .price_tBArj {
  color: #1f2126;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
@media (max-width: 768px) {
  .page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .price_tBArj {
    font-size: 24px;
    font-style: normal;
  }
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .action_TzJbm {
  margin-top: 8px;
  border-radius: 6px;
  height: 48px;
  width: 170px;
  max-width: 100%;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 768px) {
  .page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .action_TzJbm {
    margin-top: 4px;
    height: 28px;
    width: 108px;
    font-size: 12px;
  }
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .action_TzJbm.basic_hTfjR {
  background: #2878ff;
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .action_TzJbm.basic_hTfjR:hover {
  background: rgba(40, 120, 255, 0.7);
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .action_TzJbm.pro_i3AqR {
  background: #ffa323;
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .action_TzJbm.pro_i3AqR:hover {
  background: rgba(255, 163, 35, 0.7);
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .action_TzJbm.enterprise_HNzwR {
  background: #1f2126;
}
.page_HH7IN .floatingBanner_j9nyH .plansField_iydkD .bannerPlanCard_xzjim .action_TzJbm.enterprise_HNzwR:hover {
  background: rgba(31, 33, 38, 0.7);
}
.page_HH7IN .content_aBsDI {
  position: relative;
  z-index: 1;
  width: 1200px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page_HH7IN .content_aBsDI .titleLabel_AaGkI {
  color: #1f2126;
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px;
  letter-spacing: -1.2px;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .titleLabel_AaGkI {
    color: #1f2126;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
  }
}
.page_HH7IN .content_aBsDI .topStats_ph__t {
  margin-top: 52px;
  border-radius: 20px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  padding: 40px;
}
@media (max-width: 1232px) {
  .page_HH7IN .content_aBsDI .topStats_ph__t {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .topStats_ph__t {
    margin-top: 40px;
    padding: 20px 22px;
    flex-wrap: wrap;
  }
}
.page_HH7IN .content_aBsDI .topStats_ph__t .statsItem__8wse {
  display: flex;
  align-items: center;
}
@media (max-width: 1232px) {
  .page_HH7IN .content_aBsDI .topStats_ph__t .statsItem__8wse {
    width: calc((100% - 2px - 120px) / 3);
  }
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .topStats_ph__t .statsItem__8wse {
    width: calc((100% - 1px - 60px) / 2);
  }
}
.page_HH7IN .content_aBsDI .topStats_ph__t .statsItem__8wse .data_UCfOh .label_k5mdz {
  color: rgba(31, 33, 38, 0.8);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .topStats_ph__t .statsItem__8wse .data_UCfOh .label_k5mdz {
    color: rgba(51, 51, 51, 0.8);
    font-size: 16px;
  }
}
.page_HH7IN .content_aBsDI .topStats_ph__t .statsItem__8wse .data_UCfOh .value_RYBgM {
  color: #1f2126;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .topStats_ph__t .statsItem__8wse .data_UCfOh .value_RYBgM {
    color: #333;
    font-size: 18px;
  }
}
.page_HH7IN .content_aBsDI .topStats_ph__t .divider_g9LHU {
  background: rgba(31, 33, 38, 0.2);
  width: 1px;
  height: 55px;
  margin: 0px 30px;
}
@media (max-width: 1232px) {
  .page_HH7IN .content_aBsDI .topStats_ph__t .divider_g9LHU:nth-child(6n) {
    display: none;
  }
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .topStats_ph__t .divider_g9LHU {
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
  }
  .page_HH7IN .content_aBsDI .topStats_ph__t .divider_g9LHU:nth-child(6n) {
    display: block;
  }
  .page_HH7IN .content_aBsDI .topStats_ph__t .divider_g9LHU:nth-child(4n) {
    display: none;
  }
}
.page_HH7IN .content_aBsDI .cycleSelector_X8znZ {
  margin-top: 56px;
  display: flex;
  border-radius: 6px;
  background: #fff;
  padding: 2px;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .cycleSelector_X8znZ {
    margin-top: 50px;
    padding: 4px 6px;
  }
}
.page_HH7IN .content_aBsDI .cycleSelector_X8znZ .cycleItem_xAumP {
  position: relative;
  color: #1f2126;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
  width: 160px;
  height: 44px;
  line-height: 44px;
  flex-shrink: 0;
  cursor: pointer;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .cycleSelector_X8znZ .cycleItem_xAumP {
    width: 110px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.page_HH7IN .content_aBsDI .cycleSelector_X8znZ .cycleItem_xAumP.isSelected_j4Sw0 {
  color: #fff;
  border-radius: 6px;
  background: #2878ff;
}
.page_HH7IN .content_aBsDI .cycleSelector_X8znZ .cycleItem_xAumP .off_ZNXYZ {
  height: 26px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  background: #ffa323;
  padding: 1px 12px 1px 8px;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 0px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  top: -17px;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn {
  margin-top: 40px;
  display: flex;
  align-items: stretch;
  gap: 18px;
  width: 100%;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .planCards_wyWWn {
    margin-top: 24px;
    flex-direction: column;
    gap: 40px;
  }
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R {
  position: relative;
  flex: 1;
  min-width: 0px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R:hover {
  transform: translateY(-20px);
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R:hover {
    transform: none;
  }
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .discountStar_dGcSo {
  position: absolute;
  right: 20px;
  top: 36px;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: 17px;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .discountStar_dGcSo .discount_I050B {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .discountStar_dGcSo.basic_hTfjR {
  background-image: url(/assets/fd4565ecb04bc10856cc.png);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .discountStar_dGcSo.pro_i3AqR {
  background-image: url(/assets/4764b48cff9c929e593a.png);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .topLine_YMCKz {
  width: 100%;
  height: 16px;
  border-radius: 20px 20px 0px 0px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .topLine_YMCKz.basic_hTfjR {
  background: #2878ff;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .topLine_YMCKz.pro_i3AqR {
  background: #ffa323;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .topLine_YMCKz.enterprise_HNzwR {
  background: #1f2126;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R {
  padding: 21px 24px 24px 24px;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R {
    padding: 21px 17px;
  }
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .title_cMGlu {
  color: #1f2126;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .price_tBArj {
  color: #1f2126;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
  display: flex;
  align-items: baseline;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .price_tBArj .originalPrice_jgr_g {
  color: rgba(31, 33, 38, 0.7);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 400%;
  text-decoration-line: line-through;
  margin-left: 8px;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupportLabel_dD1tf {
  color: #1f2126;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupportDescription_lGacQ {
  color: rgba(31, 33, 38, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupports_t_e5s {
  margin-top: 16px;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupports_t_e5s .channelSelect_U8oZG {
  width: 100%;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupports_t_e5s .channels_hShEe {
  padding: 2px 0px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupports_t_e5s .channels_hShEe .channelIcon_Za5ad {
  width: 36px;
  height: 36px;
  background-size: cover;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupports_t_e5s .channels_hShEe .channelIcon_Za5ad.youtube_Uhv9X {
  background-image: url(/assets/09a43f637636ae486d79.svg);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupports_t_e5s .channels_hShEe .channelIcon_Za5ad.instagram_YEVo1 {
  background-image: url(/assets/75db4a750b18afc31ad0.svg);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupports_t_e5s .channels_hShEe .channelIcon_Za5ad.tiktok_CM3Y8 {
  background-image: url(/assets/5a88c5d337fb041eadd7.svg);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .channelSupports_t_e5s .channels_hShEe .channelIcon_Za5ad.twitch_O6Whe {
  background-image: url(/assets/82df6606228af2ad28e9.svg);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .action_TzJbm {
  margin-top: 24px;
  border-radius: 6px;
  height: 48px;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .action_TzJbm.basic_hTfjR {
  background: #2878ff;
  border: 1px solid transparent;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .action_TzJbm.basic_hTfjR:hover {
  border: 1px solid transparent;
  background: rgba(40, 120, 255, 0.7);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .action_TzJbm.pro_i3AqR {
  background: #ffa323;
  border: 1px solid transparent;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .action_TzJbm.pro_i3AqR:hover {
  border: 1px solid transparent;
  background: rgba(255, 163, 35, 0.7);
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .action_TzJbm.enterprise_HNzwR {
  background: #1f2126;
  border: 1px solid transparent;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .action_TzJbm.enterprise_HNzwR:hover {
  background: rgba(31, 33, 38, 0.7);
  color: #fff;
  border: 1px solid transparent;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .divider_g9LHU {
  background: rgba(31, 33, 38, 0.12);
  width: 100%;
  height: 1px;
  margin-top: 36px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .divider_g9LHU {
    margin-top: 32px;
  }
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .benefitItem__iYP7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .benefitItem__iYP7 .label_k5mdz {
  color: #1f2126;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .benefitItem__iYP7 .label_k5mdz {
    font-size: 13px;
  }
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .benefitItem__iYP7 .value_RYBgM {
  color: #1f2126;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  line-height: 30px;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .benefitItem__iYP7 .value_RYBgM {
    font-size: 13px;
  }
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .benefitItem__iYP7 .value_RYBgM b {
  font-weight: 600;
}
.page_HH7IN .content_aBsDI .planCards_wyWWn .planCard_v9L6R .inner__5T4R .benefitItem__iYP7 .checkIcon_Fc05J {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 8px;
  background-size: cover;
  background-image: url(/assets/7902ff52f60c7f3b442f.svg);
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  width: 100%;
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .more_nWiyd {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .more_nWiyd span {
  color: #2878ff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 190%;
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .more_nWiyd i {
  width: 24px;
  height: 24px;
  background-size: cover;
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .more_nWiyd i.iconUp_zIdwh {
  background-image: url(/assets/b6cb3a3f069b7a01f309.svg);
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .more_nWiyd i.iconDown_GdhyC {
  background-image: url(/assets/48e58e65483a6d238033.svg);
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a {
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a {
    margin-top: 29px;
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .title_cMGlu {
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-align: center;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .title_cMGlu {
    font-size: 24px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY {
  margin-top: 60px;
  width: 100%;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY {
    margin-top: 22px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 22px;
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .left_BxgW2 {
  flex: 1;
  min-width: 0px;
  text-align: left;
  padding: 0px 16px;
  color: #1f2126;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .left_BxgW2 {
    display: none;
    flex: 0;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .mid_lQ7ZE {
  flex: 1;
  min-width: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0px 16px;
  color: #1f2126;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .mid_lQ7ZE {
    font-size: 16px;
    line-height: 30px;
    padding: 0px 2px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .mid_lQ7ZE .basicIcon_YvOfR {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-size: cover;
  background-image: url(/assets/ce35b95465aac88e3038.svg);
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .mid_lQ7ZE .basicIcon_YvOfR {
    width: 20px;
    height: 20px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .mid_lQ7ZE .proIcon_JES03 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-size: cover;
  background-image: url(/assets/2c293ed054c1c33e302f.svg);
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .mid_lQ7ZE .proIcon_JES03 {
    width: 20px;
    height: 20px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .mid_lQ7ZE .enterpriseIcon__OsgL {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-size: cover;
  background-image: url(/assets/4646c1726bf28cf308a9.svg);
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHeader__CWgE .mid_lQ7ZE .enterpriseIcon__OsgL {
    width: 20px;
    height: 20px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHCategory_DY334 {
  height: 64px;
  border-top: 1px solid var(--color-line-2, rgba(31, 33, 38, 0.12));
  border-bottom: 1px solid var(--color-line-2, rgba(31, 33, 38, 0.12));
  background: rgba(40, 120, 255, 0.03);
  padding: 16px;
  color: #1f2126;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailHCategory_DY334 {
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    padding: 0px 16px;
    border-top: 0.313px solid var(--color-line-2, rgba(31, 33, 38, 0.12));
    border-bottom: 0.313px solid var(--color-line-2, rgba(31, 33, 38, 0.12));
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 {
  display: flex;
  width: 100%;
  height: 64px;
  border-bottom: 1px solid var(--color-line-2, rgba(31, 33, 38, 0.12));
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 {
    flex-wrap: wrap;
    height: auto;
    padding: 10px 16px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 .left_BxgW2 {
  flex: 1;
  min-width: 0px;
  text-align: left;
  padding: 0px 16px;
  color: #1f2126;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 .left_BxgW2 {
    flex: auto;
    width: 100%;
    margin-bottom: 8px;
    line-height: 170%;
    font-size: 14px;
  }
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 .left_BxgW2.innerCategory_jj4zb {
    margin-bottom: 0px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 .mid_lQ7ZE {
  flex: 1;
  min-width: 0px;
  padding: 0px 16px;
  color: #1f2126;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 .mid_lQ7ZE {
    padding: 0px 5px;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 .mid_lQ7ZE .checkIcon_Fc05J {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-size: cover;
  background-image: url(/assets/7902ff52f60c7f3b442f.svg);
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 .mid_lQ7ZE .checkIcon_Fc05J {
    width: 18px;
    height: 18px;
  }
}
.page_HH7IN .content_aBsDI .detailBlock_Qwoi_ .hidableContent_RpT2a .detailsTable_sCwyY .detailItem_WM_o9 .mid_lQ7ZE a {
  color: #2878ff;
}
.page_HH7IN .content_aBsDI .launcherBanner_W_MJK {
  width: 100%;
  padding-bottom: 13.3333333333%;
  height: 0px;
  position: relative;
  margin-top: 40px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .launcherBanner_W_MJK {
    margin-top: 40px;
    padding-bottom: 23.3236151603%;
  }
}
.page_HH7IN .content_aBsDI .launcherBanner_W_MJK::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-size: cover;
  border-radius: 16px;
  background-image: url(/assets/49cf41e1050755cddd6a.png);
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .launcherBanner_W_MJK::after {
    border-radius: 4.573px;
    background-image: url(/assets/28b2dba9c3a5349dfc50.png);
  }
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .qaPart_JQIi1 {
    margin-top: 40px;
  }
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .title_cMGlu {
  color: #000;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .qaPart_JQIi1 .title_cMGlu {
    font-size: 24px;
  }
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD {
  width: 100%;
  margin-top: 24px;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD {
    margin-top: 16px;
  }
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT {
  width: 100%;
  flex-shrink: 0;
  border-radius: 8px;
  background: rgba(40, 120, 255, 0.1);
  padding: 24px 32px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT {
    background: rgba(40, 120, 255, 0.06);
    padding: 16px;
  }
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT:hover {
  background: rgba(40, 120, 255, 0.06);
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT .QATop_arHYS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT .QATop_arHYS .QATitle_iJG9B {
  color: #1f2126;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT .QATop_arHYS .QAIcon_OyWN_ {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-size: cover;
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT .QATop_arHYS .QAIcon_OyWN_.iconUp_zIdwh {
  background-image: url(/assets/922bb86227e122620a78.svg);
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT .QATop_arHYS .QAIcon_OyWN_.iconDown_GdhyC {
  background-image: url(/assets/264c1cc3bddbb826a3b6.svg);
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT .QAContent_F7D60 {
  margin-top: 24px;
  color: #1f2126;
  white-space: pre-line;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT .QAContent_F7D60 .ql-container.ql-snow {
  height: auto;
  padding: 0px;
  border: none;
}
.page_HH7IN .content_aBsDI .qaPart_JQIi1 .list_FY2QD .QAItem_yoGzT .QAContent_F7D60 .ql-editor {
  height: auto;
  padding: 0px;
  color: #1f2126;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
}
.page_HH7IN .bookADemo_YDE9G {
  z-index: 2;
  width: 100%;
  margin-top: 80px;
  position: sticky;
  bottom: 10px;
}
.page_HH7IN .bookADemo_YDE9G .bg_fazCg {
  position: relative;
  z-index: 1;
  width: 1200px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 16px;
  padding: 34px 60px;
  background-size: cover;
  background-position: center;
  background-image: url(/assets/b27c25214cce5bfb385e.png);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
@media (max-width: 768px) {
  .page_HH7IN .bookADemo_YDE9G .bg_fazCg {
    background-image: url(/assets/d55f0946c86eef5eb03f.png);
    justify-content: center;
    padding: 36px;
    margin-top: 40px;
    border-radius: 8px;
  }
}
.page_HH7IN .bookADemo_YDE9G .bg_fazCg .textField_z8_mA {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 0px;
}
@media (max-width: 768px) {
  .page_HH7IN .bookADemo_YDE9G .bg_fazCg .textField_z8_mA {
    display: none;
  }
}
.page_HH7IN .bookADemo_YDE9G .bg_fazCg .textField_z8_mA .title_cMGlu {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
}
.page_HH7IN .bookADemo_YDE9G .bg_fazCg .textField_z8_mA .description_C8KsC {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
}
.page_HH7IN .bookADemo_YDE9G .bg_fazCg .btn_gWfWz {
  min-width: 170px;
  height: 48px;
  border-radius: 6px;
  background: #fff;
  color: #1f2126;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/popover/style/index.less ***!
  \*********************************************************************************************************************************************************************/
/* 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-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover-content {
  position: relative;
}
.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: 15.3137085px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 15.3137085px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 15.3137085px;
}
.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);
}
@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:not(:first-child) {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-popover-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  transform: translateY(11px) rotate(-135deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(-45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}
.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;
}

/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/RequestDemoVipPage/contact_wechat_modal.scss ***!
  \**********************************************************************************************************************************************************************************/
.contact-wechat-modal .qrcode-item {
  margin-right: 30px;
}
.contact-wechat-modal .qrcode-item:last-child {
  margin-right: 0;
}
.contact-wechat-modal .qrcode-item .qrcode-item-text {
  margin-top: 10px;
  font-weight: 500;
  color: #162032;
}
.contact-wechat-modal .qrcode-item .image-item {
  width: 200px;
  height: 200px;
  display: block;
  background-size: cover;
  background-image: url(/assets/0f50e679bd21b8dfc404.jpg);
}
@media (max-width: 520px) {
  .contact-wechat-modal .qrcode-item {
    margin-right: 0px;
  }
}
.contact-wechat-modal .welcome-content {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.8px;
  text-align: center;
  color: #505050;
  width: 400px;
  max-width: 100%;
  margin-bottom: 30px;
}
.contact-wechat-modal .welcome-content.no-padding {
  margin-bottom: 20px;
}
.contact-wechat-modal .welcome-content .bold {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.contact-wechat-modal .welcome-content.bigger-and-bold {
  font-size: 16px;
  font-weight: bold;
}
.contact-wechat-modal .welcome-content .bold-link {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #2778ff;
  text-transform: capitalize;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/RequestDemoVipPage/past_campaign_post.scss ***!
  \********************************************************************************************************************************************************************************/
.past-campaign-posts {
  padding-bottom: 90px;
  max-width: 100%;
}
@media (max-width: 890px) {
  .past-campaign-posts {
    padding: 30 95 90 95px;
  }
}
@media (max-width: 550px) {
  .past-campaign-posts {
    padding: 30;
  }
}
.past-campaign-posts .past-campaign-post-card {
  outline: none;
  user-select: none;
  display: flex !important;
  flex-wrap: wrap;
}
.past-campaign-posts .past-campaign-post-card .inner-img img {
  max-width: 100%;
  max-height: 100%;
}
.past-campaign-posts .slick-dots {
  display: none !important;
}
.past-campaign-posts .slick-slider {
  width: 1222px;
  height: 515px;
  margin: auto;
  position: relative;
}
@media (max-width: 1412px) {
  .past-campaign-posts .slick-slider {
    width: 682px;
    height: 698px;
  }
}
@media (max-width: 890px) {
  .past-campaign-posts .slick-slider {
    width: 100%;
    height: 750px;
  }
}
@media (max-width: 700px) {
  .past-campaign-posts .slick-slider {
    height: 650px;
  }
}
@media (max-width: 600px) {
  .past-campaign-posts .slick-slider {
    height: 530px;
  }
  .past-campaign-posts .slick-slider .slick-dots {
    display: block !important;
  }
  .past-campaign-posts .slick-slider .slick-dots li {
    width: auto;
    height: auto;
    padding: 0px;
  }
  .past-campaign-posts .slick-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0px;
    border-radius: 5px;
  }
  .past-campaign-posts .slick-slider .slick-dots li button:before {
    opacity: 1 !important;
    color: #0086ff !important;
    width: 10px;
    height: 10px;
    font-size: 10px/14pxrem;
    content: no-close-quote;
    background-color: #575757 !important;
    border-radius: 5px;
  }
  .past-campaign-posts .slick-slider .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    background-color: #0086ff !important;
  }
}
.past-campaign-posts .slick-slider .btn-nav {
  width: 95px;
  height: 100%;
  position: absolute;
  top: 0px;
  cursor: pointer;
}
.past-campaign-posts .slick-slider .btn-nav.btn-l {
  left: -95px;
}
@media (max-width: 550px) {
  .past-campaign-posts .slick-slider .btn-nav.btn-l {
    left: -30px;
  }
}
.past-campaign-posts .slick-slider .btn-nav.btn-r {
  right: -95px;
}
@media (max-width: 550px) {
  .past-campaign-posts .slick-slider .btn-nav.btn-r {
    right: -30px;
  }
}
.past-campaign-posts .slick-slider .btn-nav .left-nav {
  position: relative;
  width: 13px;
  height: 22px;
  background-size: cover;
  background-image: url(/assets/d4f6a2d5c07e77a66ab0.svg);
}
.past-campaign-posts .slick-slider .btn-nav .right-nav {
  width: 14px;
  height: 22px;
  background-size: cover;
  background-image: url(/assets/6ac10ef25009a6d1113e.svg);
}
.past-campaign-posts .slick-slide {
  position: relative;
  display: flex;
  height: unset;
}
@media (max-width: 1412px) {
  .past-campaign-posts .slick-slide {
    flex-wrap: wrap;
  }
}
.past-campaign-posts .slick-slide > div {
  width: 100%;
}
.past-campaign-posts .slick-slide .campaign-title-label {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 40px;
  background-color: #3f5ed4;
  line-height: 40px;
  padding: 0 24px;
  text-transform: uppercase;
  font-size: 16px/14pxrem;
  letter-spacing: 2px;
  text-align: center;
  color: white;
}
.past-campaign-posts .slick-slide .right-field {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
}
@media (max-width: 1412px) {
  .past-campaign-posts .slick-slide .right-field {
    height: 515px;
  }
  .past-campaign-posts .slick-slide .right-field .inner-image-2,
.past-campaign-posts .slick-slide .right-field .inner-image-3,
.past-campaign-posts .slick-slide .right-field .inner-image-5,
.past-campaign-posts .slick-slide .right-field .inner-image-6 {
    display: none;
  }
}
@media (max-width: 890px) {
  .past-campaign-posts .slick-slide .right-field {
    display: none;
  }
}
.past-campaign-posts .slick-slide .bot-field {
  display: none;
}
@media (max-width: 1412px) {
  .past-campaign-posts .slick-slide .bot-field {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;
  }
  .past-campaign-posts .slick-slide .bot-field .inner-image-1,
.past-campaign-posts .slick-slide .bot-field .inner-image-4 {
    display: none;
  }
  .past-campaign-posts .slick-slide .bot-field .inner-image-2,
.past-campaign-posts .slick-slide .bot-field .inner-image-3 {
    width: 158px;
    height: 158px;
    margin-bottom: 0px;
  }
  .past-campaign-posts .slick-slide .bot-field .inner-image-5,
.past-campaign-posts .slick-slide .bot-field .inner-image-6 {
    width: 158px;
    height: 158px;
  }
}
@media (max-width: 890px) {
  .past-campaign-posts .slick-slide .bot-field {
    flex-wrap: wrap;
  }
  .past-campaign-posts .slick-slide .bot-field .inner-image {
    width: calc((100% - 50px) / 3);
    height: 200px;
  }
  .past-campaign-posts .slick-slide .bot-field .inner-image-1,
.past-campaign-posts .slick-slide .bot-field .inner-image-4 {
    display: block;
  }
}
@media (max-width: 700px) {
  .past-campaign-posts .slick-slide .bot-field .inner-image {
    height: 150px;
  }
}
@media (max-width: 600px) {
  .past-campaign-posts .slick-slide .bot-field .inner-image {
    height: 300px;
    margin-bottom: 25px;
    width: 100%;
  }
}
.past-campaign-posts .slick-slide .inner-image-0 {
  width: 412px;
  height: 515px;
  margin-right: 25px;
  background-size: cover;
}
@media (max-width: 890px) {
  .past-campaign-posts .slick-slide .inner-image-0 {
    width: 100%;
    margin-right: 0px;
    height: 300px;
  }
}
.past-campaign-posts .slick-slide .inner-image-1,
.past-campaign-posts .slick-slide .inner-image-2,
.past-campaign-posts .slick-slide .inner-image-3 {
  width: 245px;
  height: 245px;
  margin-bottom: 25px;
  background-size: cover;
}
.past-campaign-posts .slick-slide .inner-image-4,
.past-campaign-posts .slick-slide .inner-image-5,
.past-campaign-posts .slick-slide .inner-image-6 {
  width: 245px;
  height: 245px;
  background-size: cover;
}
@media (max-width: 600px) {
  .past-campaign-posts .btn-nav {
    visibility: hidden !important;
  }
  .past-campaign-posts .bot-field {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0 !important;
  }
  .past-campaign-posts .bot-field .inner-image {
    width: calc((100% - 10px) / 2) !important;
    height: 150px !important;
  }
  .past-campaign-posts .inner-image-0 {
    display: none;
  }
  .past-campaign-posts .inner-image-1,
.past-campaign-posts .inner-image-2,
.past-campaign-posts .inner-image-3,
.past-campaign-posts .inner-image-4,
.past-campaign-posts .inner-image-5,
.past-campaign-posts .inner-image-6 {
    display: block !important;
  }
}

.hero-img-wrapper .past-campaign-posts,
.request-demo-page .past-campaign-posts {
  padding-bottom: 0px;
  transform: scale(0.95);
  margin-top: -50px;
  max-width: 682px;
}
.hero-img-wrapper .past-campaign-posts h3,
.request-demo-page .past-campaign-posts h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2.5px;
  text-align: center;
  color: white;
  margin-bottom: 50px;
  text-transform: uppercase;
}
.hero-img-wrapper .past-campaign-posts .slick-slider,
.request-demo-page .past-campaign-posts .slick-slider {
  width: 100%;
  height: unset;
}
@media (max-width: 600px) {
  .hero-img-wrapper .past-campaign-posts .slick-slider,
.request-demo-page .past-campaign-posts .slick-slider {
    height: 530px;
  }
}
.hero-img-wrapper .past-campaign-posts .slick-slider .right-field .inner-image-1,
.hero-img-wrapper .past-campaign-posts .slick-slider .right-field .inner-image-4,
.request-demo-page .past-campaign-posts .slick-slider .right-field .inner-image-1,
.request-demo-page .past-campaign-posts .slick-slider .right-field .inner-image-4 {
  width: 245px;
  height: 245px;
  margin-bottom: 25px;
  background-size: cover;
}
.hero-img-wrapper .past-campaign-posts .slick-slider .right-field .inner-image-4,
.request-demo-page .past-campaign-posts .slick-slider .right-field .inner-image-4 {
  margin-bottom: 0px;
}
.hero-img-wrapper .past-campaign-posts .slick-slider .right-field .inner-image-2,
.hero-img-wrapper .past-campaign-posts .slick-slider .right-field .inner-image-3,
.hero-img-wrapper .past-campaign-posts .slick-slider .right-field .inner-image-5,
.hero-img-wrapper .past-campaign-posts .slick-slider .right-field .inner-image-6,
.request-demo-page .past-campaign-posts .slick-slider .right-field .inner-image-2,
.request-demo-page .past-campaign-posts .slick-slider .right-field .inner-image-3,
.request-demo-page .past-campaign-posts .slick-slider .right-field .inner-image-5,
.request-demo-page .past-campaign-posts .slick-slider .right-field .inner-image-6 {
  display: none;
}
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field,
.request-demo-page .past-campaign-posts .slick-slide .bot-field {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 25px;
}
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-1,
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-4,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-1,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-4 {
  display: none;
}
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-2,
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-3,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-2,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-3 {
  width: 158px;
  height: 158px;
  margin-bottom: 0px;
}
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-5,
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-6,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-5,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-6 {
  width: 158px;
  height: 158px;
}
@media (max-width: 890px) {
  .hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-1,
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-4,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-1,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-4 {
    display: block;
    width: 158px;
    height: 158px;
    margin-bottom: 10px;
  }
}
@media (max-width: 600px) {
  .hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image {
    height: 300px;
    margin-bottom: 25px;
    width: 100%;
  }
  .hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-1,
.hero-img-wrapper .past-campaign-posts .slick-slide .bot-field .inner-image-4,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-1,
.request-demo-page .past-campaign-posts .slick-slide .bot-field .inner-image-4 {
    display: none;
  }
}
@media (max-width: 600px) {
  .hero-img-wrapper .past-campaign-posts,
.request-demo-page .past-campaign-posts {
    margin-top: 0px;
    padding: 15px !important;
    transform: scale(0.98);
  }
}

.request-demo-page .past-campaign-posts {
  align-self: flex-start;
  padding-bottom: unset;
  margin-top: 60px;
  width: 682px;
  max-width: 100%;
}
.request-demo-page .past-campaign-posts .slick-list {
  height: unset !important;
}
@media (max-width: 1240px) {
  .request-demo-page .past-campaign-posts {
    max-width: 100%;
  }
  .request-demo-page .desktop-demos-parts {
    display: none;
  }
  .request-demo-page .mobile-demos-parts {
    width: 100%;
    max-width: 685px;
    margin: auto;
  }
  .request-demo-page .mobile-demos-parts .demos-parts {
    display: block !important;
  }
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/RequestDemoVipPage/styles.scss ***!
  \********************************************************************************************************************************************************************/
.request-demo-page {
  display: flex;
  padding-left: 120px;
  padding-top: 130px;
  padding-bottom: 100px;
  padding-right: 120px;
  justify-content: center;
}
.request-demo-page .article,
.request-demo-page .mobile-demos-parts {
  max-width: 1000px;
}
.request-demo-page .article h1,
.request-demo-page .mobile-demos-parts h1 {
  margin-top: 60px;
  margin-bottom: 40px;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  color: #1a0d38;
}
.request-demo-page .article ul,
.request-demo-page .mobile-demos-parts ul {
  list-style: disc;
  margin-left: 20px;
}
.request-demo-page .article ul,
.request-demo-page .article p,
.request-demo-page .mobile-demos-parts ul,
.request-demo-page .mobile-demos-parts p {
  font-size: 14px;
  line-height: 2;
  font-weight: 300;
  letter-spacing: 0.9px;
  color: #000000;
}
@media (max-width: 1240px) {
  .request-demo-page .article,
.request-demo-page .mobile-demos-parts {
    display: none;
  }
}
@media (max-width: 1240px) {
  .request-demo-page {
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1320px) {
  .request-demo-page .product-page {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }
  .request-demo-page .product-page .blue-title-label {
    text-align: center;
  }
  .request-demo-page .product-page .demo-cards {
    margin-right: 0px;
    flex: auto;
  }
  .request-demo-page .product-page .page-divider {
    display: none;
  }
  .request-demo-page .product-page .request-demo-form {
    flex: auto;
  }
}
@media (max-width: 1320px) {
  .request-demo-page .product-page {
    padding-left: 0px;
    padding-right: 0px;
  }
  .request-demo-page .product-page .demo-cards {
    align-self: stretch;
  }
}
.request-demo-page .demo-cards .cn-influencer-card {
  max-width: unset !important;
}
.request-demo-page .page-divider {
  width: 1px;
  background-color: #d8d8d8;
  margin: 0px 60px;
}
.request-demo-page .request-demo-form {
  position: relative;
  width: 373px;
  max-width: 100%;
  margin-right: 120px;
  display: flex;
  flex-direction: column;
}
.request-demo-page .request-demo-form::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 605px;
  right: -60px;
  top: 82px;
  background-color: #d8d8d8;
}
.request-demo-page .request-demo-form.request-product {
  width: 440px;
  min-width: 440px;
  margin-right: 0px;
}
@media screen and (max-width: 768px) {
  .request-demo-page .request-demo-form.request-product {
    width: 100%;
    min-width: initial;
  }
}
.request-demo-page .request-demo-form.request-product::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 605px;
  right: -60px;
  top: 82px;
  background-color: transparent;
}
.request-demo-page .request-demo-form.request-product .field-title {
  margin-top: 0px;
  margin-bottom: 12px;
}
.request-demo-page .request-demo-form.request-product .field-input {
  border-color: #d8d8d8;
  width: 100% !important;
}
.request-demo-page .request-demo-form.request-product .phone-number-input {
  width: 100% !important;
}
.request-demo-page .request-demo-form.request-product .request-success-tips {
  width: 100%;
}
@media (max-width: 1240px) {
  .request-demo-page .request-demo-form {
    margin-right: 0px;
  }
  .request-demo-page .request-demo-form::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .request-demo-page .request-demo-form {
    width: 100%;
  }
  .request-demo-page .request-demo-form input.field-input,
.request-demo-page .request-demo-form .message-box,
.request-demo-page .request-demo-form .phone-number-input,
.request-demo-page .request-demo-form .bot-tips {
    width: 100% !important;
  }
}
.request-demo-page .request-demo-form .blue-title-label {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: 0.9px;
  color: #2778ff;
  margin-bottom: 20px;
}
.request-demo-page .request-demo-form .field-title {
  margin-top: 12px;
  margin-bottom: 9px;
}
.request-demo-page .request-demo-form .field-input {
  border-color: #d8d8d8;
  width: 373px !important;
}
.request-demo-page .request-demo-form .field-input:focus {
  border: 1px solid #2778ff;
}
.request-demo-page .request-demo-form .email-tips {
  color: #2778ff;
}
.request-demo-page .request-demo-form .email-tips:hover {
  text-decoration: underline;
}
.request-demo-page .request-demo-form .selectBlueAppointment > .Select-control {
  max-width: 100%;
}
.request-demo-page .request-demo-form .message-box {
  height: 113px;
  width: 373px;
  max-width: 100%;
  background-color: #ffffff;
  padding: 10px;
  border: solid 1px #d8d8d8;
  outline: none;
  font-size: 12px;
  letter-spacing: 0.7px;
  color: #1a0d38;
  border-radius: 0px;
}
.request-demo-page .request-demo-form .message-box:focus {
  border: 1px solid #2778ff;
}
.request-demo-page .request-demo-form .bot-tips {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.83;
  letter-spacing: 0.7px;
  color: #162032;
  width: 373px;
  max-width: 100%;
}
.request-demo-page .request-demo-form .bot-tips a {
  font-weight: 600;
  color: #2e55ff;
}
.request-demo-page .request-demo-form .success {
  pointer-events: none;
  background-color: #3ada70;
  background-image: none;
  border-color: #3ada70;
}
.request-demo-page .request-demo-form .request-success-tips {
  margin-top: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.83;
  letter-spacing: 0.7px;
  color: #162032;
  width: 373px;
  max-width: 100%;
  border: 1px solid #3ada70;
  padding: 12px;
}
.request-demo-page .slick-list {
  height: 900px !important;
}
.request-demo-page .slick-dots {
  bottom: -15px;
}
.request-demo-page .slick-dots li {
  width: auto;
  height: auto;
  padding: 0px;
}
.request-demo-page .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0px;
  border-radius: 3px;
}
.request-demo-page .slick-dots li button:before {
  opacity: 1 !important;
  color: #3753fa !important;
  width: 6px;
  height: 6px;
  font-size: 10px/14pxrem;
  content: no-close-quote;
  background-color: #d9d9d9 !important;
  border-radius: 3px;
}
.request-demo-page .desktop-demos-parts,
.request-demo-page .demos-parts {
  width: 575px;
}
@media (max-width: 1240px) {
  .request-demo-page .desktop-demos-parts,
.request-demo-page .demos-parts {
    display: none;
  }
}
.request-demo-page .mobile-demos-parts {
  display: none;
}
@media (max-width: 1240px) {
  .request-demo-page .mobile-demos-parts {
    width: 575px;
    display: block;
    margin-top: 30px;
    max-width: 100%;
  }
}
.request-demo-page .mobile-demos-parts .demos-part {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.request-demo-page .mobile-demos-parts .demos-part.first-child {
  margin-top: 30px;
}
.request-demo-page .mobile-demos-parts .demos-part:last-child {
  margin-bottom: 0px;
}
.request-demo-page .mobile-demos-parts .demos-part .top-title {
  text-align: center;
  max-width: 100%;
}
.request-demo-page .mobile-demos-parts .demos-part .profile-img {
  max-width: 100%;
  height: auto !important;
  padding-bottom: 86.4%;
}
.request-demo-page .mobile-demos-parts .demos-part .gret-divider,
.request-demo-page .mobile-demos-parts .demos-part .comments {
  max-width: 100%;
}
.request-demo-page .desktop-demos-parts *,
.request-demo-page .mobile-demos-parts *,
.request-demo-page .demos-parts * {
  outline: none;
}
.request-demo-page .desktop-demos-parts .demos-part .top-title,
.request-demo-page .mobile-demos-parts .demos-part .top-title,
.request-demo-page .demos-parts .demos-part .top-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.9px;
  color: #162032;
  width: 100%;
  margin-bottom: 30px;
}
.request-demo-page .desktop-demos-parts .demos-part .desc-text,
.request-demo-page .mobile-demos-parts .demos-part .desc-text,
.request-demo-page .demos-parts .demos-part .desc-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.9px;
  color: #162032;
  padding-left: 20px;
  position: relative;
  text-align: left;
  width: 100%;
}
.request-demo-page .desktop-demos-parts .demos-part .desc-text::before,
.request-demo-page .mobile-demos-parts .demos-part .desc-text::before,
.request-demo-page .demos-parts .demos-part .desc-text::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #162032;
}
.request-demo-page .desktop-demos-parts .demos-part .cn-profile-img,
.request-demo-page .mobile-demos-parts .demos-part .cn-profile-img,
.request-demo-page .demos-parts .demos-part .cn-profile-img {
  margin-top: 40px !important;
  height: 680px !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img,
.request-demo-page .mobile-demos-parts .demos-part .profile-img,
.request-demo-page .demos-parts .demos-part .profile-img {
  margin-top: 20px;
  width: 575px;
  height: 497px;
  background-color: transparent;
  background-size: cover;
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.brand-1,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.brand-1,
.request-demo-page .demos-parts .demos-part .profile-img.brand-1 {
  background-image: url(/assets/c22bf7cc24db7579cc0b.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.brand-2,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.brand-2,
.request-demo-page .demos-parts .demos-part .profile-img.brand-2 {
  background-image: url(/assets/f830d172757d1d8e0e6d.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.brand-3,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.brand-3,
.request-demo-page .demos-parts .demos-part .profile-img.brand-3 {
  background-image: url(/assets/c6d3b0d2e747915f2247.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.brand-4,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.brand-4,
.request-demo-page .demos-parts .demos-part .profile-img.brand-4 {
  background-image: url(/assets/a230e192d53a56d49ed4.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.brand-5,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.brand-5,
.request-demo-page .demos-parts .demos-part .profile-img.brand-5 {
  background-image: url(/assets/d390a292ce5e9fc61740.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.cn-demo-1,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.cn-demo-1,
.request-demo-page .demos-parts .demos-part .profile-img.cn-demo-1 {
  background-image: url(/assets/7c0d646017f38b154c33.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.en-demo-1,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.en-demo-1,
.request-demo-page .demos-parts .demos-part .profile-img.en-demo-1 {
  background-image: url(/assets/312eb2ff34163d6c8dde.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.cn-demo-2,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.cn-demo-2,
.request-demo-page .demos-parts .demos-part .profile-img.cn-demo-2 {
  background-image: url(/assets/7e31fa9d6eafd9cc81a1.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.en-demo-2,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.en-demo-2,
.request-demo-page .demos-parts .demos-part .profile-img.en-demo-2 {
  background-image: url(/assets/f5f12493433f57c76bbf.png);
}
.request-demo-page .desktop-demos-parts .demos-part .profile-img.cn-demo-3,
.request-demo-page .mobile-demos-parts .demos-part .profile-img.cn-demo-3,
.request-demo-page .demos-parts .demos-part .profile-img.cn-demo-3 {
  background-image: url(/assets/e384d8a83f2836bcb018.png);
}
.request-demo-page .desktop-demos-parts .demos-part .gret-divider,
.request-demo-page .mobile-demos-parts .demos-part .gret-divider,
.request-demo-page .demos-parts .demos-part .gret-divider {
  margin-bottom: 31px;
  margin-top: 66px;
  height: 1px;
  background-color: #979797;
  width: 373px;
}
.request-demo-page .desktop-demos-parts .demos-part .comments,
.request-demo-page .mobile-demos-parts .demos-part .comments,
.request-demo-page .demos-parts .demos-part .comments {
  font-size: 12px;
  width: 373px;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #162232;
  margin-bottom: 34px;
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-avatar,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-avatar,
.request-demo-page .demos-parts .demos-part .brand-card .brand-avatar {
  min-width: 48px;
  width: 48px;
  height: 48px;
  margin-right: 15px;
  background-size: cover;
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-avatar.brand-1,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-avatar.brand-1,
.request-demo-page .demos-parts .demos-part .brand-card .brand-avatar.brand-1 {
  background-image: url(/assets/87112b2763a819be8aa7.png);
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-avatar.brand-2,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-avatar.brand-2,
.request-demo-page .demos-parts .demos-part .brand-card .brand-avatar.brand-2 {
  background-image: url(/assets/a3895c0c5dd435f718f1.jpg);
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-avatar.brand-3,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-avatar.brand-3,
.request-demo-page .demos-parts .demos-part .brand-card .brand-avatar.brand-3 {
  background-image: url(/assets/79218a5ebbe66b8c0268.png);
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-avatar.brand-4,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-avatar.brand-4,
.request-demo-page .demos-parts .demos-part .brand-card .brand-avatar.brand-4 {
  background-image: url(/assets/4c51dc0d9b0b209ecd9a.png);
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-name,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-name,
.request-demo-page .demos-parts .demos-part .brand-card .brand-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: 1.2px;
  color: #162232;
  margin-bottom: 5px;
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-title,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-title,
.request-demo-page .demos-parts .demos-part .brand-card .brand-title {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: 1.1px;
  color: #162232;
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-logo,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-logo,
.request-demo-page .demos-parts .demos-part .brand-card .brand-logo {
  margin-left: 35px;
  background-size: cover;
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-logo.brand-1,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-logo.brand-1,
.request-demo-page .demos-parts .demos-part .brand-card .brand-logo.brand-1 {
  min-width: 100px;
  width: 100px;
  height: 22px;
  background-image: url(/assets/71f6cd639601c10e6c1d.png);
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-logo.brand-2,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-logo.brand-2,
.request-demo-page .demos-parts .demos-part .brand-card .brand-logo.brand-2 {
  min-width: 70px;
  width: 70px;
  height: 70px;
  background-image: url(/assets/4dec626e8269d86b0be2.png);
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-logo.brand-3,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-logo.brand-3,
.request-demo-page .demos-parts .demos-part .brand-card .brand-logo.brand-3 {
  min-width: 70px;
  width: 70px;
  height: 70px;
  background-image: url(/assets/34b65b2b1da521846a70.png);
}
.request-demo-page .desktop-demos-parts .demos-part .brand-card .brand-logo.brand-4,
.request-demo-page .mobile-demos-parts .demos-part .brand-card .brand-logo.brand-4,
.request-demo-page .demos-parts .demos-part .brand-card .brand-logo.brand-4 {
  margin-left: 60px;
  width: 114px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/a171dd2fa549ac29baea.png);
}
.request-demo-page .desktop-demos-parts .demos-part .sample-profile-title,
.request-demo-page .mobile-demos-parts .demos-part .sample-profile-title,
.request-demo-page .demos-parts .demos-part .sample-profile-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.63;
  letter-spacing: 0.3px;
  color: #1a0d38;
  margin-bottom: 30px;
}
.request-demo-page .desktop-demos-parts .demos-part .sample-profile,
.request-demo-page .mobile-demos-parts .demos-part .sample-profile,
.request-demo-page .demos-parts .demos-part .sample-profile {
  max-width: 360px;
}
.request-demo-page .desktop-demos-parts .demos-part .sample-profile .sample-profile-item,
.request-demo-page .mobile-demos-parts .demos-part .sample-profile .sample-profile-item,
.request-demo-page .demos-parts .demos-part .sample-profile .sample-profile-item {
  margin-right: 15px;
  position: relative;
  cursor: pointer;
}
.request-demo-page .desktop-demos-parts .demos-part .sample-profile .sample-profile-item:last-child,
.request-demo-page .mobile-demos-parts .demos-part .sample-profile .sample-profile-item:last-child,
.request-demo-page .demos-parts .demos-part .sample-profile .sample-profile-item:last-child {
  margin-right: 0;
}
.request-demo-page .desktop-demos-parts .demos-part .sample-profile .sample-profile-item .sample-profile-avatar,
.request-demo-page .mobile-demos-parts .demos-part .sample-profile .sample-profile-item .sample-profile-avatar,
.request-demo-page .demos-parts .demos-part .sample-profile .sample-profile-item .sample-profile-avatar {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.request-demo-page .desktop-demos-parts .demos-part .sample-profile .sample-profile-item .sample-profile-name,
.request-demo-page .mobile-demos-parts .demos-part .sample-profile .sample-profile-item .sample-profile-name,
.request-demo-page .demos-parts .demos-part .sample-profile .sample-profile-item .sample-profile-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: 0.3px;
  color: #1a0d38;
  margin-top: 10px;
}

.inner-h-align-center {
  margin: auto;
}

.full-height {
  height: 100% !important;
}

.brands-section {
  width: 100%;
}

.request-demo-page .request-demo-form button.btn {
  width: 373px;
}
.request-demo-page .request-demo-form:after {
  height: 520px;
}
.request-demo-page .request-demo-form .name-container .name-input:first-child {
  margin-right: 15px;
}
.request-demo-page .request-demo-form .name-container .field-input {
  width: unset !important;
}

.field-title {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #1a0d38;
}

.field-required::after {
  position: relative;
  color: #2778ff;
  content: "*";
  font: 700 14px "Poppins", sans-serif;
  font-size: 1rem;
  margin-left: 3px;
}

.phone-number-input {
  height: 37px;
  border: 1px solid #d8d8d8;
  width: 373px !important;
  max-width: 100%;
}
.phone-number-input .selected-flag {
  outline: none;
}
.phone-number-input input {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  padding-left: 10px;
  color: #162032;
}
.phone-number-input input:focus {
  border-color: #2778ff;
}

.radio i,
.checkbox i {
  position: absolute;
  left: 0;
  display: block;
  outline: none;
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  background: none;
}

.radio i {
  border-radius: 50%;
}

.radio input + i:after,
.checkbox input + i:after {
  position: absolute;
  opacity: 0;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}

.radio input + i:after {
  content: "";
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
}

.checkbox input + i:after {
  width: 12px;
  height: 12px;
}

.radio input:checked + i {
  background: none;
}

.radio input:checked + i:after,
.checkbox input:checked + i:after {
  opacity: 1;
}

.radio input,
.checkbox input {
  position: absolute;
  left: -9999px;
}

.radio {
  position: relative;
}
.radio i {
  position: absolute;
  left: 0;
  display: block;
  outline: none;
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  background: none;
  border-radius: 50%;
}
.radio.blue-style {
  height: 20px;
}
.radio.blue-style span {
  line-height: 20px !important;
  letter-spacing: 0.8px;
  color: #1a0d38;
  font-size: 13px;
}
.radio.small-blue-style {
  height: 20px;
}
.radio.small-blue-style span {
  line-height: 20px !important;
  letter-spacing: 0.8px;
  color: #1a0d38;
  font-size: 13px;
}
.radio.blue-style {
  display: flex;
  align-items: center;
  padding-left: 30px !important;
}
.radio.blue-style.blank {
  padding-left: 15px !important;
}
.radio.blue-style.thin {
  padding-left: 25px !important;
}
.radio.blue-style i {
  width: 15px;
  height: 15px;
  background-color: transparent;
  background-size: cover;
  border: 1px solid #d2d2d7;
}
.radio.blue-style input:checked + i {
  border: solid 1px #2778ff;
  width: 15px;
  height: 15px;
}
.radio.blue-style input:checked + i:after {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #2778ff;
  border-radius: 4.5px;
  top: 2px;
  left: 2px;
}
.radio.blue-style input + i + span {
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #162032;
}
.radio.blue-style input:checked + i + span {
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #162032;
}
.radio.blue-style input + i:after {
  background-color: transparent;
}
.radio.small-blue-style.closer {
  padding-left: 20px !important;
}
.radio.small-blue-style i {
  width: 10px;
  height: 10px;
  background-color: #d8d8d8;
  border: 1px solid #979797;
  background-size: cover;
  margin-top: 4px;
}
.radio.small-blue-style input:checked + i {
  border: 1px solid #979797;
  background-size: cover;
  width: 10px;
  height: 10px;
  background-color: #1211ff;
  background-image: none;
}
.radio.small-blue-style input + i + span {
  font-size: 12px;
  color: #162032;
  line-height: 20px;
  letter-spacing: 0.9px;
}
.radio.small-blue-style input:checked + i + span {
  color: #3753fa;
  font-weight: 600;
  font-size: 11px;
}
.radio.small-blue-style input + i:after {
  background-color: transparent;
}
.radio.small-green-round-style.closer {
  padding-left: 20px !important;
  width: 98px;
}
.radio.small-green-round-style.closer.auto-width {
  width: auto;
}
.radio.small-green-round-style i {
  width: 12px;
  height: 12px;
  border-radius: 6px !important;
  background-color: #ffffff;
  border: 1px solid #d2d2d7;
  background-size: cover;
  margin-top: 4px;
  border-radius: inherit;
}
.radio.small-green-round-style input:checked + i {
  border: 1px solid #3ada70;
  border-radius: 6px !important;
  background-size: cover;
  width: 12px;
  height: 12px;
  background-image: none;
}
.radio.small-green-round-style input:checked + i::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 6px;
  height: 6px;
  background: #3ada70;
  background-color: #3ada70;
}
.radio.small-green-round-style input + i + span {
  font-size: 13px;
  font-weight: 400;
  color: rgba(47, 46, 63, 0.54);
  line-height: 20px;
  user-select: none;
}
.radio.small-green-round-style input:checked + i + span {
  font-size: 13px;
  font-weight: 400;
  color: #2f2e3f;
  line-height: 20px;
}
.radio.small-green-round-style input + i:after {
  background-color: transparent;
}

.checkbox.lighter-style {
  display: flex;
  align-items: center;
  padding-left: 30px !important;
}
.checkbox.lighter-style.no-text {
  padding-left: 16px !important;
}
.checkbox.lighter-style i {
  width: 16px;
  height: 16px;
  background-color: unset;
  border-radius: 2px;
  border: solid 1px #cdcdcd;
  margin-left: unset;
}
.checkbox.lighter-style input:checked + i {
  width: 16px;
  height: 16px;
  border: none;
  background-size: cover;
  background: url(/assets/373d4f92c747a8a72d12.svg) center no-repeat;
}
.checkbox.lighter-style input + i + span {
  font-size: 13px;
  text-align: left;
  letter-spacing: 0.8px;
  color: #2778ff;
  white-space: normal;
}
.checkbox.lighter-style input:checked + i + span {
  font-size: 13px;
  font-weight: 500;
  color: #2778ff;
  white-space: normal;
}
.checkbox.lighter-style input + i:after {
  background-color: transparent;
}

.field-input {
  max-width: 100%;
  height: 40px;
  background-color: white;
  padding: 0px 10px 0px 10px;
  border: solid 1px #979797;
  outline: none;
  font-size: 12px;
  letter-spacing: 0.7px;
  color: #1a0d38;
}
.field-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a7abb3;
}
.field-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a7abb3;
}
.field-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a7abb3;
}
.field-input:-moz-placeholder {
  /* Firefox 18- */
  color: #a7abb3;
}
.field-input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.field-input:focus {
  border: 1px solid #3753fa;
}
.field-input.money-input {
  padding-left: 28px;
}
.field-input.full-width {
  width: 100% !important;
}

.error-msg {
  color: #ff225c !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

.line-input {
  border: none;
  outline: none;
  border-bottom: 1px solid #575757;
  color: #1a0d38;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

@media screen and (max-width: 1388px) {
  .demo-right-panel .features-wrapper {
    flex-direction: column;
  }
  .demo-right-panel .features-wrapper .demo-feature {
    width: auto;
    padding-left: 0px;
  }
  .demo-right-panel .features-wrapper .demo-feature:nth-of-type(2n + 1) {
    width: auto;
    padding-left: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .demo-right-panel .features-wrapper {
    flex-direction: row;
  }
  .demo-right-panel .features-wrapper .demo-feature {
    padding-left: 58px;
  }
  .demo-right-panel .features-wrapper .demo-feature:nth-of-type(2n + 1) {
    width: 300px;
  }
}
@media screen and (max-width: 840px) {
  .demo-right-panel .features-wrapper {
    flex-direction: column;
  }
  .demo-right-panel .features-wrapper .demo-feature:nth-of-type(2n + 1) {
    width: auto;
  }
  .demo-right-panel .features-wrapper .demo-feature {
    padding-left: 0px;
  }
}

@media screen and (max-width: 1240px) {
  .request-demo-page {
    padding: 0px 10vw;
  }
  .demo-container .demo-right-panel,
.demo-container .request-demo-form {
    flex-basis: 50%;
    max-width: 50%;
    margin-top: 60px;
  }
  .demo-container .demo-right-panel {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .demo-container {
    flex-direction: column-reverse;
    width: 100%;
    max-width: 1280px;
    margin: 0px auto;
    box-sizing: border-box;
  }
  .demo-container .demo-right-panel,
.demo-container .request-demo-form {
    flex-basis: auto;
    max-width: 100%;
    width: 100%;
  }
  .demo-container .demo-right-panel .field-input,
.demo-container .demo-right-panel .phone-number-input,
.demo-container .demo-right-panel .message-box,
.demo-container .request-demo-form .field-input,
.demo-container .request-demo-form .phone-number-input,
.demo-container .request-demo-form .message-box {
    width: 100% !important;
  }
  .demo-container .demo-right-panel button.btn,
.demo-container .request-demo-form button.btn {
    width: 100% !important;
  }
  .demo-container .demo-feature {
    padding-left: 58px;
  }
  .demo-container .demo-feature:nth-of-type(2n + 1) {
    width: auto;
    padding-left: 0px;
  }
}
.demo-right-panel {
  max-width: 690px;
}
.demo-right-panel.campaign .past-campaign-posts {
  margin-top: 0;
}
.demo-right-panel.campaign .past-campaign-posts h3 {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2.5px;
  text-align: center;
  color: #000000;
  margin-top: 0;
  margin-bottom: 50px;
  text-transform: uppercase;
}
.demo-right-panel.campaign .past-campaign-posts h3 span {
  color: #1146f8;
}
.demo-right-panel .demo-title {
  margin: 0px;
  font-weight: 500;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1208px) {
  .demo-right-panel .demo-title {
    font-size: 40px;
  }
}
.demo-right-panel .features-wrapper {
  margin-bottom: 60px;
}
.demo-right-panel .demo-feature:nth-of-type(2n + 1) {
  width: 328px;
  padding-left: 0px;
}
@media screen and (max-width: 1430px) {
  .demo-right-panel .demo-feature:nth-of-type(2n + 1) {
    width: 284px;
    padding-left: 0px;
  }
}
.demo-right-panel .demo-feature {
  margin: 16px 0px;
  padding-left: 58px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: initial;
}
.demo-right-panel .demo-feature .icon {
  margin-right: 24px;
  width: 40px;
  height: 40px;
}
.demo-right-panel .demo-feature .icon .purple-fill {
  fill: rgb(181, 58, 205);
}
.demo-right-panel .demo-feature .icon .blue-fill {
  fill: #2778ff;
}
.demo-right-panel .demo-feature .icon .yellow-fill {
  fill: rgb(245, 179, 19);
}
.demo-right-panel .demo-feature .icon .green-fill {
  fill: rgb(14, 191, 122);
}
.demo-right-panel .demo-feature .icon .teal-fill {
  fill: rgb(0, 185, 181);
}
.demo-right-panel .demo-feature .icon .blue-fill {
  fill: rgb(2, 156, 215);
}
.demo-right-panel .demo-feature .icon .orange-fill {
  fill: rgb(253, 126, 39);
}
@media screen and (max-width: 1240px) {
  .demo-right-panel .demo-feature {
    padding-left: 0;
  }
}
.demo-right-panel .leader-image {
  display: block;
  max-width: 100%;
  width: 104px;
  margin-bottom: 12px;
}
.demo-right-panel .leader-text {
  max-width: 600px;
  margin: 0px;
  padding-left: 34px;
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
}

.input-error .Select--single.Select.selectBlueAppointment > .Select-control {
  border: none;
}

.modal-qrcode {
  width: 250px;
  height: 250px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.modal-qrcode.qrcode-china {
  width: 300px;
  height: 300px;
  background: white url(/assets/0f50e679bd21b8dfc404.jpg) no-repeat center;
  background-size: cover;
}

.quick-contact-us-popover .sb-popover-inner {
  padding: 0px;
  border-radius: 8px;
}
.quick-contact-us-popover .wechat-qr-code {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-image: url(/assets/0f50e679bd21b8dfc404.jpg);
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/BrandsWeWork/styles.scss ***!
  \**************************************************************************************************************************************************************/
.brand-introduction-section {
  padding: 60px 20px;
}
.brand-introduction-section .introduction-info {
  margin: auto;
}
.brand-introduction-section .introduction-info .introduction-title {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #242b56;
  margin-bottom: 30px;
}

.brands-work-with {
  align-items: center;
}
.brands-work-with .slick-dots {
  bottom: -40px;
}
.brands-work-with .slick-dots li {
  width: 30px;
}
.brands-work-with .slick-dots li button {
  width: 100%;
  height: 8px;
  padding: 0;
  background: #3753fa;
  border-radius: 4px;
  opacity: 0.1;
}
.brands-work-with .slick-dots li button::before {
  content: unset;
}
.brands-work-with .slick-dots li.slick-active button {
  opacity: 1;
}
.brands-work-with .brand-img {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 62%, 0%;
  height: 80px;
  cursor: pointer;
  user-select: none;
  outline: none;
}
.brands-work-with .brand-img:hover {
  background-size: 0%, 62%;
}
.brands-work-with .brand-amazon {
  background-image: url(/assets/6e61148b6ab202a6def5.png), url(/assets/39896815f8a8998d6caf.png);
}
.brands-work-with .brand-shopify {
  background-size: 68%, 0;
  background-image: url(/assets/ae808fabfddffd5ca0d4.png), url(/assets/49d2d48971fcfb5f7b9a.png);
}
.brands-work-with .brand-shopify:hover {
  background-size: 0, 68%;
}
.brands-work-with .brand-walmart {
  background-size: 76%, 0;
  background-image: url(/assets/c96deeb5e7f27419b25d.png), url(/assets/7f9ec94ccc4d8d0f3c79.png);
}
.brands-work-with .brand-walmart:hover {
  background-size: 0, 76%;
}
.brands-work-with .brand-alibaba {
  background-image: url(/assets/eedef0c2f8fc82be1b6d.png), url(/assets/f147303188689bf9e5c9.png);
}
.brands-work-with .brand-aliexpress {
  background-size: 70%, 0;
  background-image: url(/assets/3260da2ac34c53a99dfc.png), url(/assets/ef1cb25637e7667da861.png);
}
.brands-work-with .brand-aliexpress:hover {
  background-size: 0, 70%;
}
.brands-work-with .brand-doordash {
  background-size: 80%, 0;
  background-image: url(/assets/68ee63fe9acc2499d666.png), url(/assets/b875184c1bb2a4492eb1.png);
}
.brands-work-with .brand-doordash:hover {
  background-size: 0, 80%;
}
.brands-work-with .brand-nordstrom {
  background-size: 70%, 0;
  background-image: url(/assets/0ab1a6985827b9ca052b.png), url(/assets/e658d2b95b180fb11065.png);
}
.brands-work-with .brand-nordstrom:hover {
  background-size: 0, 70%;
}
.brands-work-with .brand-wish {
  background-size: 40%, 0;
  background-image: url(/assets/c833eab64f273e88b6e1.png), url(/assets/d067ade437621fbcac47.png);
}
.brands-work-with .brand-wish:hover {
  background-size: 0, 40%;
}
.brands-work-with .brand-ea-games {
  background-size: 40%, 0;
  background-image: url(/assets/3d3959d1713f86192a77.png), url(/assets/e2c77a88ad79b4149a5f.png);
}
.brands-work-with .brand-ea-games:hover {
  background-size: 0, 40%;
}
.brands-work-with .brand-kabam {
  background-size: 22%, 0;
  background-image: url(/assets/37d96cb98fe4c42cf54c.png), url(/assets/1900ee50b32be23210e7.png);
}
.brands-work-with .brand-kabam:hover {
  background-size: 0, 22%;
}
.brands-work-with .brand-machinezone {
  background-size: 30%, 0;
  background-image: url(/assets/6c7a593af9c78c79ce22.png), url(/assets/2750b19f61154bc0c623.png);
}
.brands-work-with .brand-machinezone:hover {
  background-size: 0, 30%;
}
.brands-work-with .brand-netease {
  background-size: 80%, 0;
  background-image: url(/assets/20d06d0591d44e1c126f.png), url(/assets/8ab67590c7ec282f2357.png);
}
.brands-work-with .brand-netease:hover {
  background-size: 0, 80%;
}
.brands-work-with .brand-mihoyo {
  background-image: url(/assets/049b9c55948b7d746053.png), url(/assets/6dfc3951427ddb74b150.png);
}
.brands-work-with .brand-lilith {
  background-image: url(/assets/f3c8d9c0548d02f41663.png), url(/assets/d548c02d6b14ef248132.png);
}
.brands-work-with .brand-perfect {
  background-image: url(/assets/1eea5aa2efe336955bea.png), url(/assets/1c15da689280cdcd7502.png);
}
.brands-work-with .brand-elex {
  background-image: url(/assets/28c1b268d77174988975.png), url(/assets/2b9ac08ac92a607ef798.png);
}
.brands-work-with .brand-fiverr {
  background-size: 58%, 0;
  background-image: url(/assets/c876592d1375a0997403.png), url(/assets/9ee67a6385bd4990e2b1.png);
}
.brands-work-with .brand-fiverr:hover {
  background-size: 0, 58%;
}
.brands-work-with .brand-wix {
  background-size: 45%, 0;
  background-image: url(/assets/f2a05a99e53adcc3702c.png), url(/assets/7783070ca6fee110641d.png);
}
.brands-work-with .brand-wix:hover {
  background-size: 0, 45%;
}
.brands-work-with .brand-lyft {
  background-size: 32%, 0;
  background-image: url(/assets/b066147d7e277aa6b216.png), url(/assets/21fea00b0854fc898eca.png);
}
.brands-work-with .brand-lyft:hover {
  background-size: 0, 32%;
}
.brands-work-with .brand-indeed {
  background-image: url(/assets/501768db3dcfb5ec7859.png), url(/assets/2524177d51f278450e17.png);
}
.brands-work-with .brand-falfitfun {
  background-image: url(/assets/cd01cd189ecc8aa367e2.png), url(/assets/065f689c0269ac724de4.png);
}
.brands-work-with .brand-fittea {
  background-size: 45%, 0;
  background-image: url(/assets/1aeb898253725fbdc882.png), url(/assets/a68daed203729b52a3b5.png);
}
.brands-work-with .brand-fittea:hover {
  background-size: 0, 45%;
}
.brands-work-with .brand-xiaomi {
  background-size: 80%, 0;
  background-image: url(/assets/18eb385e265c346d402c.png), url(/assets/0adf8b543b0ebd3ae2df.png);
}
.brands-work-with .brand-xiaomi:hover {
  background-size: 0, 80%;
}
.brands-work-with .brand-aukey {
  background-image: url(/assets/18004b28811b4877b32e.png), url(/assets/357051dc2a4e6f9eda47.png);
}
.brands-work-with .brand-aukey {
  background-image: url(/assets/18004b28811b4877b32e.png), url(/assets/357051dc2a4e6f9eda47.png);
}
.brands-work-with .brand-google {
  background-image: url(/assets/f067abaf2a5acf7bf2bb.png);
}
.brands-work-with .brand-facebook {
  background-image: url(/assets/c0b7d4099b390c7d2b8a.png);
}
.brands-work-with .brand-igg {
  background-image: url(/assets/ec0367bd5cc3bba922f9.png);
}
.brands-work-with .brand-vava {
  height: 35px;
  background-image: url(/assets/9d43786fe6a2c8dbc58e.png);
}
.brands-work-with .brand-huawei {
  background-image: url(/assets/e0d32d7570687414f5ae.png);
}
.brands-work-with .brand-2 {
  background-image: url(/assets/8f74d173eb60c8b48cd2.png);
}
.brands-work-with .brand-4 {
  background-image: url(/assets/ddbd309a57786f8a846d.png);
}
.brands-work-with .brand-5 {
  background-image: url(/assets/39675a9fbad40fc61132.png);
}
.brands-work-with .brand-meitu {
  height: 35px;
  background-image: url(/assets/39675a9fbad40fc61132.png);
}
.brands-work-with .brand-mi {
  background-image: url(/assets/6baa5ae36cef69f22ad0.png);
}
.brands-work-with .brand-padmate {
  background-image: url(/assets/277966388d126e56fef1.png);
}
.brands-work-with .brand-8 {
  background-image: url(/assets/a9c97d6d12bb6191998f.png);
}
.brands-work-with .brand-zendure {
  height: 30px;
  background-image: url(/assets/2f0a8bb56acd2527330f.png);
}
.brands-work-with .brand-chumenwenwen {
  background-image: url(/assets/8f74d173eb60c8b48cd2.png);
}
.brands-work-with .brand-mobvoi {
  background-image: url(/assets/8f74d173eb60c8b48cd2.png);
}
.brands-work-with .brand-perfectworld-cn {
  background-image: url(/assets/fe2c3bb4e408b3c7dcf6.png);
}
.brands-work-with .brand-neteasegame-cn {
  background-image: url(/assets/1ed8fcd466d6919eae2f.png);
}
.brands-work-with .brand-perfectworld {
  background-image: url(/assets/a9c97d6d12bb6191998f.png);
}
.brands-work-with .brand-neteasegame {
  background-image: url(/assets/8570222114699c28df27.png);
}
.brands-work-with .brand-lilithgame {
  background-image: url(/assets/ddbd309a57786f8a846d.png);
}
.brands-work-with .brand-meitu-cn {
  background-image: url(/assets/5154c183d55d704f6997.png);
}
.brands-work-with .brand-dito {
  background-image: url(/assets/8060f2b6171d73d22cdd.png);
}
.brands-work-with .brand-rosewe {
  height: 30px;
  background-image: url(/assets/bc70ec2e53b29a0b9828.png);
}
.brands-work-with .brand-anchorfree {
  height: 35px;
  background-image: url(/assets/2f87a28e03a6e0a42d2c.png);
}
.brands-work-with .brand-go-globally {
  background-image: url(/assets/7d52c02f4960c57fa883.png);
}
.brands-work-with .brand-arc-mead {
  background-image: url(/assets/9873855697ef91c93283.png);
}
.brands-work-with .brand-kuajingpai {
  background-image: url(/assets/287ff4dea7860457bae9.png);
}
.brands-work-with .brand-youle {
  background-image: url(/assets/0c0511ec4976f106a612.png);
}
.brands-work-with .brand-shopyy {
  background-image: url(/assets/c4be8ee775a2955c16f0.png);
}
.brands-work-with .brand-adobe {
  background-image: url(/assets/00314d2451e7b795664d.png);
}
.brands-work-with .brand-blue-focus {
  height: 35px;
  background-image: url(/assets/1a762492e47ba2ebca74.png);
}
.brands-work-with .brand-shein {
  height: 35px;
  background-image: url(/assets/e5ce60bc05ef2930e6aa.png);
}
.brands-work-with .brand-hofan {
  height: 35px;
  background-image: url(/assets/40040d8c319047589940.png);
}
.brands-work-with .brand-kuaishou {
  background-image: url(/assets/e509b637f2f0d76ed102.png);
}
.brands-work-with .brand-midea {
  height: 50px;
  background-image: url(/assets/5c5ac0f167d399862f00.png);
}
@media (max-width: 768px) {
  .brands-work-with .brand-img {
    margin: 0;
    background-size: 80%, 0;
  }
  .brands-work-with .brand-img:hover {
    background-size: 0, 80%;
  }
  .brands-work-with .brand-kabam,
.brands-work-with .brnad-fittea,
.brands-work-with .brand-machinezone,
.brands-work-with .brand-lyft {
    background-size: 35%, 0;
  }
  .brands-work-with .brand-kabam:hover,
.brands-work-with .brnad-fittea:hover,
.brands-work-with .brand-machinezone:hover,
.brands-work-with .brand-lyft:hover {
    background-size: 0, 35%;
  }
  .brands-work-with .brand-wish,
.brands-work-with .brand-ea-games,
.brands-work-with .brand-wix,
.brands-work-with .brand-fittea {
    background-size: 55%, 0;
  }
  .brands-work-with .brand-wish:hover,
.brands-work-with .brand-ea-games:hover,
.brands-work-with .brand-wix:hover,
.brands-work-with .brand-fittea:hover {
    background-size: 0, 55%;
  }
  .brands-work-with .brand-shopify,
.brands-work-with .brand-walmart,
.brands-work-with .brand-aliexpress {
    background-size: 88%, 0;
  }
  .brands-work-with .brand-shopify:hover,
.brands-work-with .brand-walmart:hover,
.brands-work-with .brand-aliexpress:hover {
    background-size: 0, 88%;
  }
  .brands-work-with .brand-doordash,
.brands-work-with .brand-netease {
    background-size: 98%, 0;
  }
  .brands-work-with .brand-doordash:hover,
.brands-work-with .brand-netease:hover {
    background-size: 0, 98%;
  }
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/containers/Launcher/components/CustomerCard/style.module.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.cardContainer_srbp1 {
  width: 100%;
  max-width: 700px;
  min-height: 359px;
  background: #ffffff;
  box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.04);
  border-radius: 24px;
  border: 1px solid #f6f6f6;
  padding: 26px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cardContainer_srbp1:hover {
  border: 1px solid #3049f9;
}
.cardContainer_srbp1:hover .quoteIconWrap_jpom8 * {
  color: #3049f9;
}

.desc_UQOHy {
  display: flex;
  align-items: flex-start;
}

.descContent_joYeE {
  font-size: 14px;
  color: #0d1546;
  line-height: 20px;
}

.quoteIconWrap_jpom8 * {
  font-size: 26px;
  color: #f6f6f6;
}

.customer_tU7sJ {
  display: flex;
  align-items: center;
  gap: 11px;
}

.avatar_pB9HP {
  width: 57px;
  height: 57px;
  border-radius: 50%;
}
.avatar_pB9HP img {
  width: 100%;
}

.name_PcXEV {
  font-size: 16px;
  font-weight: 500;
  color: #0d1546;
  line-height: 19px;
}

.title_IjoSc {
  font-size: 12px;
  font-weight: 400;
  color: #8c8c8c;
  line-height: 12px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/containers/Launcher/components/QaPart/style.module.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.qaItem_zHmXf {
  padding-right: 9px;
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #e8e8e8;
  margin-bottom: 20px;
}
.qaItem_zHmXf:hover {
  border: 1px solid #3049f9;
}
.qaItem_zHmXf:hover .qaTitle_H_TcP {
  color: #3049f9;
}
.qaItem_zHmXf:hover .iconWrap_nQTdP {
  color: #3049f9;
}

.qaTitle_H_TcP {
  font-size: 18px;
  font-weight: 600;
  color: #0d1546;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .qaTitle_H_TcP {
    font-size: 16px;
  }
}

.titleContent_KkoHC {
  padding: 19px 27px;
  padding-right: 0;
}
@media (max-width: 768px) {
  .titleContent_KkoHC {
    padding: 19px;
    padding-right: 0;
  }
}

.iconWrap_nQTdP {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 24px;
  color: #0d1546;
}
@media (max-width: 768px) {
  .iconWrap_nQTdP {
    font-size: 18px;
  }
}

.qaDescription_eeklD {
  padding: 27px 24px;
  padding-top: 0;
  font-size: 14px;
  font-family: Inter, "Poppins", sans-serif;
  font-weight: 400;
  color: #0d1546;
  line-height: 21px;
}
@media (max-width: 768px) {
  .qaDescription_eeklD {
    font-size: 12px;
    line-height: 18px;
  }
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/containers/Launcher/style.module.scss ***!
  \********************************************************************************************************************************************************************************************/
@supports (-webkit-overflow-scrolling: touch) {
  .product-landing-page-outer_pL9NA {
    height: -webkit-fill-available;
  }
}

.businessLandingPage_NGCo2 .launcher-brands-part {
  padding-top: 75px;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  max-width: 1200px;
  margin: 0 auto;
}
.businessLandingPage_NGCo2 .launcher-brands-part .introduction-title {
  max-width: 644px;
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 500;
  color: #0d1546;
  line-height: 36px;
  margin-bottom: 53px;
}
.businessLandingPage_NGCo2 .launcher-brands-part .slick-track {
  height: 100px;
}
.businessLandingPage_NGCo2 p {
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 0;
}
.businessLandingPage_NGCo2 .topBanner_np1UV {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/assets/b250f9edf687f55ea984.png);
  padding: 130px 20px;
  padding-bottom: 0;
  margin: auto;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .topBannerWrapper_J1jFf {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .topBannerInfo_hKWwQ {
  max-width: 996px;
  z-index: 2;
  text-align: center;
}
.businessLandingPage_NGCo2 .topBanner_np1UV h1 {
  font-size: 64px;
  color: #141c50;
  font-weight: bold;
  line-height: 73px;
  white-space: pre-wrap;
  margin-bottom: 28px;
  text-align: center;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .colorBannerTitle_xbkn1 {
  background: linear-gradient(340deg, #3049f9 0%, #7f8fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .topBannerDesc_zcmOb {
  font-family: Inter, "Poppins", sans-serif;
  margin-bottom: 45px;
  font-size: 16px;
  color: #0d1546;
  line-height: 32px;
  text-align: center;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .entryBtns_ddB4I {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 42px;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .brandBtn_NR7g_ {
  cursor: pointer;
  padding: 0 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  height: 54px;
  text-align: center;
  border-radius: 8px;
  transition: all 0.15s ease-in-out;
  color: #ffffff !important;
  background-color: #3049f9;
  border: none !important;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .brandBtn_NR7g_:hover {
  background: rgba(48, 73, 249, 0.71);
}
.businessLandingPage_NGCo2 .topBanner_np1UV .brandBtn_NR7g_:focus, .businessLandingPage_NGCo2 .topBanner_np1UV .brandBtn_NR7g_:active {
  background: rgba(48, 73, 249, 0.71);
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.12);
}
.businessLandingPage_NGCo2 .topBanner_np1UV .brandBtn_NR7g_.influencerBtn_pcOFS {
  color: #3753fa;
  border-radius: 8px;
  background-color: rgba(220, 225, 255, 0.42);
}
.businessLandingPage_NGCo2 .topBanner_np1UV .brandBtn_NR7g_.influencerBtn_pcOFS:hover {
  color: #ffffff;
  background-color: #3753fa;
  box-shadow: unset;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .requestDemoBtn_Ico2D {
  height: 54px;
  border-radius: 8px;
  border: 1px solid #3049f9 !important;
  font-size: 14px;
  font-weight: 500;
  color: #3049f9 !important;
  display: flex;
  align-items: center;
  padding: 0 20px;
  text-align: center;
}
.businessLandingPage_NGCo2 .topBanner_np1UV .requestDemoBtn_Ico2D:hover {
  filter: drop-shadow(#7f8fff 0 0 4px);
}
.businessLandingPage_NGCo2 .topBanner_np1UV .helpLink_RPAn0 {
  display: inline-block;
  color: #0d1546;
  text-decoration: underline;
  font-size: 16px;
  line-height: 32px;
  font-family: Inter, "Poppins", sans-serif;
}
.businessLandingPage_NGCo2 .imageWrapperOuter_YXFHD {
  max-width: 1582px;
  width: 100%;
  position: relative;
  margin-top: 26px;
  padding-right: 7.1572%;
}
.businessLandingPage_NGCo2 .imageWrapperOuter_YXFHD img {
  width: 100%;
}
.businessLandingPage_NGCo2 .introductionSection_D2m56 {
  padding: 75px 20px 80px 20px;
}
.businessLandingPage_NGCo2 .introductionSection_D2m56.introductionSection2_ZZYXl {
  padding-top: 62px;
  background: #f6f6f6;
}
.businessLandingPage_NGCo2 .introductionSection_D2m56 .slick-track {
  height: 390px;
}
.businessLandingPage_NGCo2 .introductionContent_qAVUG {
  max-width: 1200px !important;
  margin: 0 auto;
  overflow: hidden;
}
.businessLandingPage_NGCo2.leftImage_j2jFr .introductionInfo_P5Xl6 {
  margin-right: 0;
  margin-left: 80px;
}
.businessLandingPage_NGCo2 .introductionTitle_a6zW2 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.42;
  text-align: left;
  color: #0d1546;
  margin-bottom: 60px;
  text-align: center;
}
.businessLandingPage_NGCo2 .introductionTips_dQM7n {
  font-size: 20px;
  font-weight: 500;
  color: #fdba04;
}
.businessLandingPage_NGCo2 .stepsContent_IWuLM {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.businessLandingPage_NGCo2 .baseBar_sltC5 {
  position: absolute;
  left: 33px;
  width: 2px;
  height: calc(100% - 130px);
  top: 0;
  background: linear-gradient(0deg, rgba(212, 217, 255, 0), rgb(48, 73, 249), rgba(212, 217, 255, 0));
}
.businessLandingPage_NGCo2 .stepItem_yiUT4 {
  display: flex;
  min-height: 178px;
}
.businessLandingPage_NGCo2 .stepItem_yiUT4:last-child {
  min-height: 116px;
}
.businessLandingPage_NGCo2 .stepBarWrap_ThmC7 {
  width: 68px;
  margin-right: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.businessLandingPage_NGCo2 .stepIconWrap_Uc58w {
  width: 68px;
  height: 68px;
  background: #f6f6f6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.businessLandingPage_NGCo2 .stepIconWrap_Uc58w img {
  width: 37px;
}
.businessLandingPage_NGCo2 .arrowWrap_p2y4o {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.businessLandingPage_NGCo2 .stepMainWrap_K5Bbd {
  flex: 1;
}
.businessLandingPage_NGCo2 .stepContentMain_aiPyF {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.businessLandingPage_NGCo2 .stepContentLeft_BrbBa {
  flex: 1;
}
.businessLandingPage_NGCo2 .stepContentPic_jg19M {
  margin-left: 53px;
  width: 188px;
}
.businessLandingPage_NGCo2 .stepContentPic_jg19M img {
  width: 100%;
}
.businessLandingPage_NGCo2 .stepBtn_vS2TG {
  margin-left: 96px;
  margin-top: 32px;
}
.businessLandingPage_NGCo2 .yellowDivider_omkRF {
  display: block;
  width: 70px;
  height: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(/assets/f0f733430bd203f570a5.svg);
  margin-bottom: 30px;
  margin-top: -15px;
}
.businessLandingPage_NGCo2 .introductionSubTitle_iFW9Y {
  font-size: 16px;
  line-height: 1.63;
  color: rgba(13, 21, 70, 0.7);
  letter-spacing: unset;
}
.businessLandingPage_NGCo2 .featureList_BE5rW {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.businessLandingPage_NGCo2 .featureList_BE5rW .featureItem_UX_JI {
  position: relative;
  margin-bottom: 36px;
  font-size: 14px;
  font-family: Inter, "Poppins", sans-serif;
  color: #0d1546;
  line-height: 21px;
}
.businessLandingPage_NGCo2 .featureList_BE5rW .featureItemTitle_ffST4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 5px;
  margin-block-start: 0;
  margin-block-end: 0;
}
.businessLandingPage_NGCo2 .linkBtn_mfODy {
  cursor: pointer;
  padding: 0 38px;
  border-radius: 10px;
  background-color: #3049f9;
  display: flex;
  width: 172px;
  align-items: center;
  justify-content: center;
  color: white;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  transition: all 0.15s ease-in-out;
  border-radius: 32px;
}
.businessLandingPage_NGCo2 .linkBtn_mfODy .sb-icon-slice {
  margin-left: 5px;
}
.businessLandingPage_NGCo2 .linkBtn_mfODy:hover {
  background: rgba(48, 73, 249, 0.71);
}
.businessLandingPage_NGCo2 .linkBtn_mfODy:focus, .businessLandingPage_NGCo2 .linkBtn_mfODy:active {
  background: rgba(48, 73, 249, 0.71);
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.12);
}
.businessLandingPage_NGCo2 h2 {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  color: #0c1444;
  margin-block-start: 0;
  margin-block-end: 0;
}
.businessLandingPage_NGCo2 .featureGridList_L3jbI {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-top: 69px;
  margin-bottom: 35px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.businessLandingPage_NGCo2 .featureGridItem_XVEOZ {
  padding-right: 26px;
  padding-left: 26px;
  position: relative;
  font-size: 14px;
  line-height: 21px;
  color: #0d1546;
  font-family: Inter, "Poppins", sans-serif;
  max-width: 20%;
}
@media (max-width: 1050px) {
  .businessLandingPage_NGCo2 .featureGridItem_XVEOZ {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.businessLandingPage_NGCo2 .featureGridItem_XVEOZ:first-child {
  padding-left: 0;
}
.businessLandingPage_NGCo2 .featureGridItem_XVEOZ:last-child {
  padding-right: 0;
}
.businessLandingPage_NGCo2 .featureGridItem_XVEOZ .sb-icon {
  font-size: 37px;
  margin-bottom: 28px;
  color: #3049f9;
}
.businessLandingPage_NGCo2 .featureGridItem_XVEOZ p {
  margin-bottom: 0;
}
.businessLandingPage_NGCo2 .featureGridItemDivider_IjG_D {
  margin-left: auto;
  margin-right: auto;
  width: 1px;
  min-width: 1px;
  background-color: #d9d9d9;
}
.businessLandingPage_NGCo2 .featureGridItemTitle_Z2Tgf {
  font-size: 18px;
  font-weight: 600;
  color: #0d1546;
  line-height: 24px;
  margin-bottom: 17px;
  height: 48px;
  max-width: 179px;
}
.businessLandingPage_NGCo2 .featureGridItemDescription_pvmFQ {
  width: 146px;
  max-width: 100%;
}
.businessLandingPage_NGCo2.whoWorkWith_X700m {
  z-index: 2;
  background-color: blue;
  padding: 60px 20px;
}
.businessLandingPage_NGCo2.whoWorkWith_X700m h2 {
  margin-top: 0;
  margin-bottom: 60px;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.businessLandingPage_NGCo2.whoWorkWith_X700m .brandsList_QCDGe {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1300px;
}
.businessLandingPage_NGCo2.whoWorkWith_X700m .brandsList_QCDGe a.brandItemIcon_HyqYU {
  margin: 0 28px 28px 0 !important;
  display: inline-flex;
  border-radius: 8px;
  box-shadow: 0 12px 19px 0 rgba(55, 83, 250, 0.04);
  border: solid 1px rgba(55, 83, 250, 0.12);
  background-color: #fff;
  max-width: 300px !important;
  width: calc((100% - 84px) / 4);
  height: 115px;
}
.businessLandingPage_NGCo2.whoWorkWith_X700m .brandsList_QCDGe a.brandItemIcon_HyqYU:nth-child(4n) {
  margin-right: 0 !important;
}
.businessLandingPage_NGCo2.whoWorkWith_X700m .brandsList_QCDGe a.brandItemIcon_HyqYU img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
}
.businessLandingPage_NGCo2.marketingPlatformSection_dNU2Z {
  background-color: white;
  padding-bottom: 120px;
}
.businessLandingPage_NGCo2.marketingPlatformSection_dNU2Z h2 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  color: #0d1546;
  margin-bottom: 20px;
}
.businessLandingPage_NGCo2.marketingPlatformSection_dNU2Z .sectionDesc_Wdocr {
  margin: auto;
  max-width: 1100px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: rgba(13, 21, 70, 0.7);
}
.businessLandingPage_NGCo2.social-media-section_oMsjn {
  padding: 80px 0 100px 0;
}
.businessLandingPage_NGCo2.social-media-section_oMsjn h2 {
  margin-bottom: 10px;
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .list_SgKlt {
  padding: 0 20px;
  margin-top: 80px;
  justify-content: center;
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan {
  padding: 25px 30px;
  border-radius: 8px;
  background-color: #fff;
  margin-right: 30px;
  margin-bottom: 30px;
  width: calc((100% - 30px) / 2);
  max-width: 680px;
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan:nth-child(2n) {
  margin-right: 0;
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan .icon_hIVmu {
  width: 50px;
  height: 50px;
  margin-right: 24px;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-position: center;
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan .icon_hIVmu.youtube-icon_Ucu2q {
  background-image: url(/assets/78646feecbb77d71a9d1.png);
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan .icon_hIVmu.instagram-icon_OIgVP {
  background-image: url(/assets/63cef7514e9c68ff2774.png);
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan .icon_hIVmu.twitch-icon_dAd1L {
  background-image: url(/assets/342008f83b6532f4c1f3.png);
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan .icon_hIVmu.tiktok-icon_xczZ4 {
  background-image: url(/assets/a143b30b14d44e1473e0.png);
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan .title_Byxud {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #0d1546;
  margin-top: 10px;
  margin-bottom: 16px;
}
.businessLandingPage_NGCo2.social-media-section_oMsjn .social-media-card_a1Xan .desc_Cg6s7 {
  font-size: 14px;
  line-height: 1.71;
  color: rgba(13, 21, 70, 0.7);
}
.businessLandingPage_NGCo2.solutionSection_E0bDZ {
  background-color: white;
  padding: 130px 0 180px 0;
}
.businessLandingPage_NGCo2.blogSection_vN6w6 {
  background-color: white;
}
.businessLandingPage_NGCo2.blogSection_vN6w6 h2 {
  margin-bottom: 10px;
}
.businessLandingPage_NGCo2.aboutUsSection_wmwsI {
  width: 100%;
  padding: 50px 20px;
  color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(/assets/d36a02824b0d3e13d075.png);
}
.businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionImg_H6ZWW {
  margin-top: -100px;
}
.businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionInfo_P5Xl6 {
  margin-left: 55px;
}
.businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionInfo_P5Xl6 .introductionTitle_a6zW2 {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}
.businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionInfo_P5Xl6 .introductionSubTitle_iFW9Y {
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}
.businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionInfo_P5Xl6 .linkText_iFd_t {
  display: inline-block;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.businessLandingPage_NGCo2 .sectionImg_rDE9W {
  width: 100%;
  margin: 80px auto;
  max-width: 800px;
}
.businessLandingPage_NGCo2 .introductionImgWrapper_XTP3f {
  position: relative;
}
.businessLandingPage_NGCo2 .introductionImgWrapper_XTP3f img {
  z-index: 2;
}
.businessLandingPage_NGCo2 .introductionImgWrapper_XTP3f .introductionImg_H6ZWW {
  margin: auto;
  width: 100%;
  object-fit: contain;
}
.businessLandingPage_NGCo2 .fewWordsSection_DJ2nf {
  padding-bottom: 42px;
}
.businessLandingPage_NGCo2 .fewWordsSection_DJ2nf h2 {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-bottom: 78px;
}
.businessLandingPage_NGCo2 .separateSection_DUO70 {
  display: flex;
  align-items: center;
  padding: 79px 26px 70px 26px;
  width: 100%;
  aspect-ratio: 6.5;
  background: #f6f6f6;
}
.businessLandingPage_NGCo2 .separateSection_DUO70 .separateSectionContent_C9B1E {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.businessLandingPage_NGCo2 .separateSection_DUO70 .separateSectionImageWrap_y_dql img {
  width: 100%;
  object-fit: contain;
}
.businessLandingPage_NGCo2 .separateSection_DUO70 .sectionLeft_NQypp {
  font-size: 14px;
  font-family: Inter, "Poppins", sans-serif;
  color: #0d1546;
  line-height: 21px;
}
.businessLandingPage_NGCo2 .separateSection_DUO70 .sectionMobileTitle_wuQ2p {
  display: none;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  color: #0d1546;
  line-height: 23px;
  margin-bottom: 42px;
}
.businessLandingPage_NGCo2 .separateSection_DUO70 .sectionTitle_D62hf {
  width: 446px;
  font-size: 36px;
  color: #0d1546;
  line-height: 48px;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  margin-bottom: 11px;
}
.businessLandingPage_NGCo2 .separateSection_DUO70 .sectionDescContent_p2QNk {
  margin-bottom: 40px;
}
.businessLandingPage_NGCo2 .qaSection_OSFst {
  padding-bottom: 167px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/assets/b250f9edf687f55ea984.png);
}
.businessLandingPage_NGCo2 .qaSection_OSFst .title_Byxud {
  font-size: 48px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #000000;
  line-height: 42px;
  margin-bottom: 66px;
  text-align: left;
  text-align: center;
}
.businessLandingPage_NGCo2 .testimonialCardList_rgSIa {
  display: flex;
  gap: 30px;
}
@media (max-width: 768px) {
  .businessLandingPage_NGCo2 .launcher-brands-part {
    padding-bottom: 16px;
  }
  .businessLandingPage_NGCo2 .launcher-brands-part .introduction-title {
    font-size: 20px !important;
    line-height: 23px !important;
    margin-bottom: 16px !important;
  }
  .businessLandingPage_NGCo2 .launcher-brands-part .slick-track {
    height: 65px;
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV {
    width: 100%;
    padding-top: 34px;
    overflow: hidden;
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV .bannerBlueBg_Q8vXu {
    top: unset;
    bottom: 12%;
    right: -50%;
    transform: scale(1.2);
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV .topBannerDesc_zcmOb {
    font-weight: 400;
    line-height: 21px;
    color: #0d1546;
    font-size: 16px;
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV .topBannerInfo_hKWwQ {
    width: 100%;
    margin: auto 20px;
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV .topBannerInfo_hKWwQ h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 41px;
    margin-bottom: 39px;
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV .topBannerInfo_hKWwQ .entryBtns_ddB4I {
    flex-direction: column;
    gap: 17px;
    margin-bottom: 17px;
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV .topBannerInfo_hKWwQ .brandBtn_NR7g_ {
    width: 271px;
    text-align: center;
    justify-content: center;
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV .topBannerInfo_hKWwQ .requestDemoBtn_Ico2D {
    width: 271px;
    text-align: center;
    justify-content: center;
  }
  .businessLandingPage_NGCo2 .topBanner_np1UV .topBannerWrapper_J1jFf {
    flex-direction: column;
  }
  .businessLandingPage_NGCo2 .introductionSection_D2m56 {
    padding-top: 43px;
    padding-bottom: 50px;
  }
  .businessLandingPage_NGCo2 .introductionContent_qAVUG .sb-col:first-child {
    order: 2;
  }
  .businessLandingPage_NGCo2 .introductionContent_qAVUG .sb-col:last-child {
    order: 1;
  }
  .businessLandingPage_NGCo2 .featureGridList_L3jbI {
    flex-direction: column;
  }
  .businessLandingPage_NGCo2 .featureGridItem_XVEOZ {
    padding-bottom: 28px;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }
  .businessLandingPage_NGCo2 .featureGridItem_XVEOZ:first-child {
    padding-top: 0;
  }
  .businessLandingPage_NGCo2 .featureGridItem_XVEOZ:last-child {
    border-bottom: none;
  }
  .businessLandingPage_NGCo2 .featureGridItem_XVEOZ .sb-icon {
    font-size: 34px;
    margin-bottom: 9px;
  }
  .businessLandingPage_NGCo2 .featureGridItem_XVEOZ p {
    margin-bottom: 0;
  }
  .businessLandingPage_NGCo2 .featureGridItemDivider_IjG_D {
    margin-top: auto;
    margin-bottom: auto;
    height: 1px;
    min-height: 1px;
    width: 100%;
    background-color: #d9d9d9;
  }
  .businessLandingPage_NGCo2 .featureGridItemTitle_Z2Tgf {
    height: unset;
    margin-bottom: 19px;
    margin-top: 0;
    max-width: 100%;
  }
  .businessLandingPage_NGCo2 .featureGridItemDescription_pvmFQ {
    width: 100%;
  }
  .businessLandingPage_NGCo2.leftImage_j2jFr .introductionInfo_P5Xl6 {
    margin-left: 0;
  }
  .businessLandingPage_NGCo2 .introductionInfo_P5Xl6 {
    margin-left: unset;
  }
  .businessLandingPage_NGCo2 .introductionTips_dQM7n {
    font-size: 18px;
  }
  .businessLandingPage_NGCo2 .introductionTitle_a6zW2 {
    font-size: 20px;
    font-weight: bold;
    color: #0d1546;
    line-height: 23px;
    margin-bottom: 30px;
  }
  .businessLandingPage_NGCo2 .introductionSubTitle_iFW9Y {
    text-align: left;
    font-size: 14px !important;
    line-height: 28px;
  }
  .businessLandingPage_NGCo2 .linkBtn_mfODy {
    margin: 0 auto;
  }
  .businessLandingPage_NGCo2 .linkText_iFd_t {
    height: 40px !important;
    font-size: 16px !important;
    line-height: 40px !important;
  }
  .businessLandingPage_NGCo2 .featureList_BE5rW .featureItem_UX_JI {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }
  .businessLandingPage_NGCo2 .featureList_BE5rW .featureItemTitle_ffST4 {
    text-align: center;
  }
  .businessLandingPage_NGCo2 .featuresCardList_aGUBK .featureCard_sOZ9M {
    padding: 20px 20px 10px 20px;
  }
  .businessLandingPage_NGCo2 .featuresCardList_aGUBK .featureCard_sOZ9M .icon_hIVmu {
    width: 60px;
    height: 60px;
    transition: unset;
    align-self: flex-start;
    margin: 0;
  }
  .businessLandingPage_NGCo2 .featuresCardList_aGUBK .featureCard_sOZ9M h3 {
    margin-bottom: 10px;
  }
  .businessLandingPage_NGCo2 .featuresCardList_aGUBK .featureCard_sOZ9M .info_ZhnZk {
    margin-left: 20px;
  }
  .businessLandingPage_NGCo2.whoWorkWith_X700m .brandsList_QCDGe a.brandItemIcon_HyqYU {
    margin: 0 20px 20px 0 !important;
    width: calc((100% - 20px) / 2) !important;
    height: 100px;
  }
  .businessLandingPage_NGCo2.whoWorkWith_X700m .brandsList_QCDGe a.brandItemIcon_HyqYU:nth-child(2n) {
    margin-right: 0 !important;
  }
  .businessLandingPage_NGCo2.solutionSection_E0bDZ {
    padding: 100px 20px !important;
  }
  .businessLandingPage_NGCo2.social-media-section_oMsjn {
    padding: 80px 20px;
  }
  .businessLandingPage_NGCo2.social-media-section_oMsjn .list_SgKlt {
    padding: 0;
  }
  .businessLandingPage_NGCo2.social-media-section_oMsjn .list_SgKlt .social-media-card_a1Xan {
    width: 100%;
    margin-right: 0;
    padding: 20px;
  }
  .businessLandingPage_NGCo2.social-media-section_oMsjn .list_SgKlt .social-media-card_a1Xan .icon_hIVmu {
    margin-right: 20px;
  }
  .businessLandingPage_NGCo2.social-media-section_oMsjn .list_SgKlt .social-media-card_a1Xan .title_Byxud {
    font-size: 20px;
  }
  .businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionImgWrapper_XTP3f {
    margin-top: 0;
  }
  .businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionTitle_a6zW2 {
    margin-top: 50px;
  }
  .businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionInfo_P5Xl6 {
    margin-left: 0;
    margin-top: 35px;
  }
  .businessLandingPage_NGCo2.aboutUsSection_wmwsI .introductionInfo_P5Xl6 .linkText_iFd_t {
    border-radius: 8px;
    background-color: #fff;
    width: 100%;
    height: 84px;
    font-size: 22px;
    font-weight: 600;
    line-height: 80px;
    text-align: center;
    color: #3753fa;
    cursor: pointer;
  }
  .businessLandingPage_NGCo2 .postBoxTitle_iXgn0 {
    font-size: 14px !important;
  }
  .businessLandingPage_NGCo2 .stepContentMain_aiPyF {
    flex-direction: column;
  }
  .businessLandingPage_NGCo2 .stepContentPic_jg19M {
    margin-left: 0;
    margin-top: 17px;
    width: 100%;
    max-width: 266px;
  }
  .businessLandingPage_NGCo2 .stepBarWrap_ThmC7 {
    width: 40px;
    margin-right: 15px;
  }
  .businessLandingPage_NGCo2 .stepItem_yiUT4 {
    margin-bottom: 30px;
  }
  .businessLandingPage_NGCo2 .stepIconWrap_Uc58w {
    width: 40px;
    height: 40px;
  }
  .businessLandingPage_NGCo2 .stepIconWrap_Uc58w img {
    width: 20px;
  }
  .businessLandingPage_NGCo2 .baseBar_sltC5 {
    left: 19px;
  }
  .businessLandingPage_NGCo2 .qaSection_OSFst .title_Byxud {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 47px;
  }
  .businessLandingPage_NGCo2 .testimonialCardList_rgSIa {
    flex-direction: column;
  }
  .businessLandingPage_NGCo2 .fewWordsSection_DJ2nf {
    padding-bottom: 30px;
  }
  .businessLandingPage_NGCo2 .fewWordsSection_DJ2nf h2 {
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    color: #0d1546;
    line-height: 23px;
  }
  .businessLandingPage_NGCo2 .fewWordsSection_DJ2nf .fewWordsSectionTitle_oBVQy {
    margin-bottom: 18px;
  }
  .businessLandingPage_NGCo2 .separateSection_DUO70 .sectionTitle_D62hf {
    display: none;
  }
  .businessLandingPage_NGCo2 .separateSection_DUO70 .sectionMobileTitle_wuQ2p {
    display: block;
  }
  .businessLandingPage_NGCo2 .separateSection_DUO70 .separateSectionContent_C9B1E {
    text-align: center;
  }
  .businessLandingPage_NGCo2 .separateSection_DUO70 .separateSectionContent_C9B1E .sb-col:first-child {
    order: 2;
  }
  .businessLandingPage_NGCo2 .separateSection_DUO70 .separateSectionContent_C9B1E .sb-col:last-child {
    order: 1;
  }
  .businessLandingPage_NGCo2 .separateSection_DUO70 .sectionDescContent_p2QNk {
    margin-top: 25px;
  }
}

.divider_rpmZF {
  width: 100%;
  height: 0;
  border-bottom: 2px solid #f5f5f5;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/containers/Launcher/components/Testimonial/style.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.testimonial_IHBjy {
  width: 1236px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 114px;
}
@media (max-width: 768px) {
  .testimonial_IHBjy {
    padding-bottom: 36px;
  }
}
.testimonial_IHBjy .slick-slide {
  height: auto;
}
.testimonial_IHBjy .slick-slider {
  position: relative;
}
.testimonial_IHBjy .slick-slider .slick-dots {
  bottom: -28px;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .testimonial_IHBjy .slick-slider .slick-dots {
    bottom: 4px;
  }
}
.testimonial_IHBjy .slick-slider .slick-dots li {
  width: 24px;
  height: 6px;
  margin: 0px 5px;
}
.testimonial_IHBjy .slick-slider .slick-dots li button {
  width: 24px;
  height: 6px;
  padding: 0px;
}
.testimonial_IHBjy .slick-slider .slick-dots li button::before {
  background-color: #333333;
  opacity: 0.2;
  width: 24px;
  height: 6px;
  border-radius: 3px;
  content: "";
}
.testimonial_IHBjy .slick-slider .slick-dots li.slick-active button::before {
  background-color: #333333;
  opacity: 1;
}
.testimonial_IHBjy .arrow_Vq_7u {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  width: 80px;
  height: 80px;
  background-size: cover;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .arrow_Vq_7u {
    display: none;
  }
}
.testimonial_IHBjy .arrowRight_QnVSE {
  right: -80px;
  top: calc(50% - 50px);
  background-image: url(/assets/a8f35c96c744b21fcbb6.svg);
}
.testimonial_IHBjy .arrowLeft_AuCSn {
  left: -80px;
  top: calc(50% - 50px);
  background-image: url(/assets/20d37c471e6fd1eb38ac.svg);
}
.testimonial_IHBjy .card_QJhOM {
  padding: 12px 18px 32px 18px;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM {
    padding: 6px 16px 32px 16px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu {
  display: flex;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu {
    flex-direction: column;
    border-radius: 12px;
    box-shadow: 0px 6px 21px rgba(0, 0, 0, 0.06);
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D {
  position: relative;
  width: 555px;
  max-width: 46.25%;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D {
    width: 100%;
    max-width: 100%;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP {
  width: 100%;
  height: 0px;
  padding-bottom: 91.8918918919%;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP {
    padding-bottom: 69.6793002915%;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP .leftImg_Zt2eR {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP .leftImg_Zt2eR.product1_zp3AR {
  background-image: url(/assets/72285925f7e6e797c9ce.png);
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP .leftImg_Zt2eR.product1_zp3AR {
    background-image: url(/assets/ab549d87636e2e1ff6dd.png);
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP .leftImg_Zt2eR.product2_dT5Iw {
  background-image: url(/assets/71762aeb24567cb405d5.png);
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP .leftImg_Zt2eR.product2_dT5Iw {
    background-image: url(/assets/f98641bb8b58798e2a98.png);
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP .leftImg_Zt2eR.product3_oZXp0 {
  background-image: url(/assets/427d0713b87cb6c6ee5a.png);
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .imageWrapper_UdV5D .imageWrapperInner_SkJZP .leftImg_Zt2eR.product3_oZXp0 {
    background-image: url(/assets/1db95b855a0048ea90b8.png);
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi {
  flex: 1;
  min-width: 0px;
  padding: 40px 50px;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi {
    padding: 24px 16px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .title_wEYAk {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 19px;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .title_wEYAk {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .content_u1P17 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 51px;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .content_u1P17 {
    font-size: 18px;
    margin-bottom: 39px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy {
  background-color: #3049f9;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
  padding: 17px 50px;
  margin-bottom: 32px;
  min-height: 80px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy {
    margin-bottom: 24px;
    padding: 24px 40px;
    min-height: auto;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .people_qXtti {
  top: -27px;
  left: 47px;
  position: absolute;
  height: 38px;
  width: 38px;
  border-radius: 19px;
  background-size: cover;
  background-position: center;
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .people_qXtti.people1_fDOgm {
  background-image: url(/assets/83f67298a91009986ef9.png);
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .people_qXtti.people2_sXC2R {
  background-image: url(/assets/11cac0042a1dc844436d.png);
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .people_qXtti.people3_ZoZEj {
  background-image: url(/assets/580fe6cd444cfc491cf6.png);
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .quotationLeft_JX49i {
  top: 12px;
  left: 20px;
  position: absolute;
  height: 14px;
  width: 14px;
  background-size: cover;
  background-image: url(/assets/3825871344c3632753c3.svg);
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .quotationLeft_JX49i {
    left: 16px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .text_rdpus {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .quotationRight_ujMxc {
  bottom: 12px;
  right: 20px;
  position: absolute;
  height: 14px;
  width: 14px;
  background-size: cover;
  background-image: url(/assets/531a110945d224a6bfbd.svg);
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .words_F8iuy .quotationRight_ujMxc {
    right: 16px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .stats_H2yb6 {
  display: flex;
  width: 100%;
  gap: 30px;
  align-items: stretch;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .stats_H2yb6 {
    gap: 11px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .stats_H2yb6 .item_mu_vN {
  flex: 1;
  min-width: 0px;
  padding: 20px 15px;
  border-radius: 8px;
  border: 1px solid #000;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .stats_H2yb6 .item_mu_vN {
    padding: 12px 10px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .stats_H2yb6 .item_mu_vN .value_HrOhV {
  margin-bottom: 2px;
  color: #333;
  height: 60px;
  line-height: 60px;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .stats_H2yb6 .item_mu_vN .value_HrOhV {
    font-size: 24px;
    height: 39px;
    line-height: 39px;
    margin-bottom: 0px;
  }
}
.testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .stats_H2yb6 .item_mu_vN .name_lVkP7 {
  color: #333;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 768px) {
  .testimonial_IHBjy .card_QJhOM .shadow_kcmPu .right_MgrAi .stats_H2yb6 .item_mu_vN .name_lVkP7 {
    font-size: 10px;
  }
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/styles/submenu.scss ***!
  \*********************************************************************************************************************************************************/
.top-menu-submenu .top-rank {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 18px 28px;
}
.top-menu-submenu .top-rank .rankbox {
  padding: 10px;
  margin-right: 40px;
}
.top-menu-submenu .top-rank .rankbox:last-child {
  margin-right: 0;
}
.top-menu-submenu .top-rank .rankHead {
  font-weight: 600;
  min-width: 200px;
  font-size: 15px;
  position: relative;
  text-transform: none;
  margin-bottom: 15px;
  color: #3753fa;
  white-space: pre-wrap;
}
.top-menu-submenu .top-rank .rankHead::before {
  content: "";
  position: absolute;
  left: -28px;
  width: 20px;
  height: 20px;
  top: 0px;
  background-size: cover;
  background-position: center;
}
.top-menu-submenu .top-rank .rankHead.youtube::before {
  background-image: url("//d35b8pv2lrtup8.cloudfront.net/assets/img/social_book/youtube.30d021d54b52bcf675d2.png");
}
.top-menu-submenu .top-rank .rankHead.instagram::before {
  background-image: url("//d35b8pv2lrtup8.cloudfront.net/assets/img/social_book/instagram.bf13c8746e7b07301a05.png");
}
.top-menu-submenu .top-rank .rankHead > .inline-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.top-menu-submenu .menu-item-group {
  margin-bottom: 20px;
  white-space: nowrap;
  cursor: default;
}
.top-menu-submenu .menu-item-group:last-child {
  margin-bottom: 0;
}
.top-menu-submenu .menu-item-title {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  min-width: 200px;
  white-space: normal;
  margin-bottom: 10px;
  color: #3753fa;
  white-space: pre-wrap;
}
.top-menu-submenu .menu-item-title:last-child {
  margin-bottom: 0;
}
.top-menu-submenu .menu-item-title::before {
  content: "";
  width: 3px;
  height: 12px;
  position: absolute;
  background-color: #3753fa;
  top: 3px;
  left: -10px;
  border-radius: 10px;
}
.top-menu-submenu .sub-menu-wrap {
  width: 160px;
  padding-left: 20px;
}
.top-menu-submenu .sub-menu-wrap .sub-menu-item-c {
  font-size: 12px;
  line-height: 30px;
}
.top-menu-submenu .sub-menu-wrap .sub-menu-item-c::before {
  content: "";
  width: 3px;
  height: 12px;
  background-color: #3753fa;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.top-menu-submenu .sub-menu-wrap .sub-menu-item-c .menu-item-link {
  font-size: 14px;
  vertical-align: middle;
}
.top-menu-submenu .submenu-item {
  cursor: pointer;
  margin-bottom: 8px;
  text-transform: none;
  font-size: 12px;
  display: block;
  color: rgb(26, 13, 56);
}
.top-menu-submenu .submenu-item:hover {
  color: #3753fa;
}
.top-menu-submenu .submenu-item:last-child {
  margin-bottom: 0;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/styles/menu.scss ***!
  \******************************************************************************************************************************************************/
.menubox {
  top: 0;
}

.fixed {
  position: fixed;
  z-index: 1000;
  box-sizing: content-box;
  width: 100%;
  height: 123.0769230769px;
  transition: height 0.3s ease;
  border-bottom: 1px solid transparent;
}
.fixed.bordered {
  height: 80px;
  border-bottom: 1px solid #f0f0f0;
}
.fixed.bordered::after {
  background: #fff;
}
.fixed::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100%;
  content: "";
  background: white;
}
.fixed::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100%;
  content: "";
}
.fixed.fixed .l-menu-container, .fixed.fixed .r-menu-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.fixed.fixed .l-menu-container {
  background: white;
}
.fixed.fixed .r-menu-container {
  justify-content: flex-end;
}

.menu-root-container {
  font-size: 16px;
  font-weight: 600;
  top: 0;
  max-width: 1320px;
  height: 100%;
  margin: 0 auto;
}
.menu-root-container .r-menu-container {
  position: relative;
}

.l-menu-wrapper {
  display: flex;
  flex: 1;
  justify-content: space-between;
  max-width: 650px;
  padding: 0 24px;
}
.l-menu-wrapper .menu-item {
  cursor: pointer;
  transition: color 0.3s ease;
  position: relative;
  display: block;
}
.l-menu-wrapper .menu-item:first-child {
  font-size: 0;
}
.l-menu-wrapper .menu-item:hover {
  color: #3753fa;
}

.r-menu-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  left: 0px;
  padding: 24px;
}
.r-menu-wrapper > div {
  display: flex;
  align-items: center;
}
@media (max-width: 1520px) {
  .r-menu-wrapper {
    position: initial;
    left: initial;
    padding: initial;
  }
  .r-menu-wrapper .buy-button {
    margin-left: 16px;
  }
  .r-menu-wrapper .buy-button.contract {
    display: flex;
    flex-direction: column;
    border-radius: 8px 0px 0px 8px;
    padding: 8px 12px;
    align-items: center;
    height: auto;
    width: auto;
    position: fixed;
    display: none;
    z-index: 1000;
    bottom: 40px;
    right: 0px;
    color: #fff !important;
    background: #3859f1 !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
  }
  .r-menu-wrapper .buy-button.contract:hover {
    color: #fff !important;
    background: #3859f1 !important;
  }
  .r-menu-wrapper .buy-button.contract.contract .contact-icon {
    margin: 0px 0px 2px 0px;
    background-image: url(/assets/6ad1c606a4312154f84a.png) !important;
  }
  .r-menu-wrapper .buy-button.contract.contract:hover .contact-icon {
    background-image: url(/assets/6ad1c606a4312154f84a.png) !important;
  }
}
.r-menu-wrapper .icon {
  cursor: pointer;
  transition: color 0.3s ease;
  object-fit: contain;
}
.r-menu-wrapper .icon:hover {
  opacity: 0.6;
}

.buy-button {
  display: inline-block;
  height: 46px;
  vertical-align: middle;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 23px;
  padding: 0px 24px;
  margin-left: 24px;
  cursor: pointer;
  transition: color 0.3s ease;
  white-space: nowrap;
  color: #3753fa;
  border-radius: 23px;
  background: white;
  border: 3px solid #fff;
  font-weight: 400;
}
.buy-button:hover {
  color: #fff;
  background-color: #3753fa;
}
.buy-button.contract {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.buy-button.contract .contact-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-size: cover;
  background-image: url(/assets/b1bc848e01db3cc615ae.png);
}
.buy-button.contract:hover .contact-icon {
  background-image: url(/assets/6ad1c606a4312154f84a.png);
}
.buy-button.blue {
  color: #fff;
  background: #3753fa;
  border: 3px solid #3753fa;
}
.buy-button.blue:hover {
  background: #fff;
  color: #3753fa;
}
.buy-button.blue.contract .contact-icon {
  background-image: url(/assets/6ad1c606a4312154f84a.png);
}
.buy-button.blue.contract:hover .contact-icon {
  background-image: url(/assets/b1bc848e01db3cc615ae.png);
}

.mobile-contract {
  display: none;
}

@media screen and (max-width: 767px) {
  .menubox {
    display: none;
  }
  .mobile-contract {
    display: flex;
    flex-direction: column;
    border-radius: 8px 0px 0px 8px;
    padding: 8px 12px;
    align-items: center;
    height: auto;
    width: auto;
    position: fixed;
    z-index: 1000;
    bottom: 40px;
    right: 0px;
    color: #fff !important;
    background: #3859f1 !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
  }
  .mobile-contract .contact-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background-size: cover;
    margin: 0px 0px 2px 0px;
    background-image: url(/assets/6ad1c606a4312154f84a.png) !important;
  }
  .mobile-contract:hover .contact-icon {
    background-image: url(/assets/6ad1c606a4312154f84a.png) !important;
  }
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/useAppDownload/index.scss ***!
  \***************************************************************************************************************************************************************/
.apps-download-modal .sb-modal-content {
  background: #ffffff;
  border-radius: 16px;
}
.apps-download-modal .sb-modal-content .sb-modal-close-x {
  display: flex;
}
.apps-download-modal .sb-modal-content .sb-modal-close-x .close-icon {
  margin: auto;
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/assets/16fc1561e89c1f88a80b.png);
}
.apps-download-modal .sb-modal-content .sb-modal-body {
  padding: 56px !important;
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info .app-icon {
  width: 96px;
  height: 96px;
  background-size: cover;
  margin-bottom: 12px;
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info .app-icon.pandora-ai {
  background-image: url(/assets/f39df804403e5d786f27.png);
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info .app-icon.social-shop {
  background-image: url(/assets/02f20731f87d8387c68a.png);
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info .app-title {
  font-size: 34px;
  font-weight: bold;
  color: #020202;
  line-height: 51px;
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info .app-description {
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  line-height: 20px;
  margin-bottom: 16px;
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info .app-qr-code {
  width: 216px;
  height: 216px;
  background-size: cover;
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info .app-qr-code.pandora-ai.zh {
  background-image: url(/assets/4b09fd59fc3b69bf33cb.png);
}
.apps-download-modal .sb-modal-content .sb-modal-body .app-info .app-qr-code.social-shop {
  background-image: url(/assets/7d9278ecdfcf88d1345b.png);
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/styles/leftmenu.scss ***!
  \**********************************************************************************************************************************************************/
.left-menu {
  width: 200px;
  height: 100vh;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FloatingContact/styles.scss ***!
  \*****************************************************************************************************************************************************************/
.floating-contact-us {
  position: fixed;
  z-index: 100;
  bottom: 24px;
  right: 24px;
  background: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}
@media (max-width: 768px) {
  .floating-contact-us {
    bottom: 16px;
    right: 16px;
  }
}
.floating-contact-us .contact-item {
  cursor: pointer;
  flex: 1;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  justify-content: center;
  align-items: center;
  padding: 16px;
}
.floating-contact-us .contact-item .icon-top {
  width: 36px;
  height: 36px;
  background-size: cover;
}
.floating-contact-us .contact-item .icon-top.wechat {
  background-image: url(/assets/c0f5108ba0a490a6a851.svg);
}
.floating-contact-us .contact-item .icon-top.email {
  background-image: url(/assets/85aaba9cf392377a6ba8.svg);
}
.floating-contact-us .contact-item .label-bottom {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 16px;
}
.floating-contact-us .contact-item:hover .icon-top.wechat {
  background-image: url(/assets/c8293f2b0d65717f1245.svg);
}
.floating-contact-us .contact-item:hover .icon-top.email {
  background-image: url(/assets/85aaba9cf392377a6ba8.svg);
}
.floating-contact-us .contact-item:hover .label-bottom {
  color: #3753fa;
}

.floating-contact-us-popover .sb-popover-inner {
  padding: 16px;
  border-radius: 8px;
}
.floating-contact-us-popover .popover-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.floating-contact-us-popover .popover-content.contact-wechat .wechat-qr-code {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-image: url(/assets/0f50e679bd21b8dfc404.jpg);
}
.floating-contact-us-popover .popover-content.contact-wechat .wechat-label {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 16px;
}
.floating-contact-us-popover .popover-content.contact-email .email-title {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  line-height: 19px;
  margin-bottom: 8px;
}
.floating-contact-us-popover .popover-content.contact-email .email-line {
  height: 36px;
  background: #f2f5fc;
  border-radius: 4px 4px 4px 4px;
  line-height: 36px;
  padding: 0px 8px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 16px;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/styles/footer.scss ***!
  \********************************************************************************************************************************************************/
.footerDivier {
  height: 1px;
  background: #dde0ec;
}

.topFooterContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 31px;
}
.topFooterContainer .footerLeft .logo {
  margin-bottom: 14px;
}
.topFooterContainer .footerLeft .keyWordList {
  font-size: 12px;
  font-weight: 400;
  color: #575757;
}
.topFooterContainer .footerLeft .qrCodeList {
  display: flex;
  padding: 30px 0;
}
.topFooterContainer .footerLeft .qrCodeList .qrCodeItem {
  width: 60px;
  margin-right: 15px;
  cursor: pointer;
  text-align: center;
}
.topFooterContainer .footerLeft .qrCodeList .qrCodeItem img {
  display: block;
}
.topFooterContainer .footerLeft .qrCodeList .qrCodeItem span {
  font-size: 12px;
  font-weight: 400;
  color: #575757;
}
.topFooterContainer .footerRight {
  display: flex;
}
.topFooterContainer .footerRight a {
  line-height: 30px;
  display: block;
  transition: opacity 0.1s ease;
  color: #575757;
}
.topFooterContainer .footerRight a:hover {
  opacity: 0.75;
  color: #575757;
}
.topFooterContainer .footerRight .resourcesList {
  margin-right: 62px;
}
.topFooterContainer .footerRight .resourceTitle {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  white-space: nowrap;
  color: #3753fa;
}
.topFooterContainer .footerRight .resourceItem {
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  white-space: pre-wrap;
  color: #575757;
}
.topFooterContainer .modalQRCode {
  width: 25vw;
  --animate-duration: 0.2s;
}
.topFooterContainer .logolist.mobile {
  display: none;
}
.topFooterContainer .logolist {
  display: flex;
  align-items: center;
}
.topFooterContainer .logolist .logoimg {
  width: 22px;
  margin-right: 12px;
  border-radius: 100%;
  object-fit: contain;
}

.lastFooterContainer {
  font-size: 12px;
  font-weight: 400;
  line-height: 47px;
  color: #575757;
  background: #f6f7fc;
  padding: 0 30px;
}
.lastFooterContainer .lastFooterWrapper {
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
.lastFooterContainer .lastFooterWrapper .internalLinks a {
  position: relative;
  margin-right: 24px;
  transition: opacity 0.1s ease;
  color: #575757;
}
.lastFooterContainer .lastFooterWrapper .internalLinks a:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -12px;
  content: "|";
  transform: translate(0%, -52%);
  color: #575757;
}
.lastFooterContainer .lastFooterWrapper .internalLinks a:hover {
  opacity: 0.75;
  color: #575757;
}
.lastFooterContainer .lastFooterWrapper .rightPart {
  display: flex;
}
.lastFooterContainer .lastFooterWrapper .rightPart .copyRight {
  margin-right: 39px;
}
.lastFooterContainer .lastFooterWrapper .rightPart .recordNo {
  transition: opacity 0.1s ease;
  color: #575757;
}
.lastFooterContainer .lastFooterWrapper .rightPart .recordNo:hover {
  opacity: 0.75;
  color: #575757;
}

@media screen and (max-width: 1100px) {
  .topFooterContainer {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .topFooterContainer {
    flex-direction: column;
  }
  .topFooterContainer .footerLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .topFooterContainer .footerLeft .qrCodeList .qrCodeItem {
    width: 70px;
    margin-right: 20px;
  }
  .topFooterContainer .footerLeft .qrCodeList .qrCodeItem:last-child {
    margin-right: 0;
  }
  .topFooterContainer .footerLeft .qrCodeList .qrCodeItem img {
    width: 100%;
  }
  .topFooterContainer .logolist {
    display: none;
  }
  .topFooterContainer .logolist.mobile {
    display: flex;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
  }
  .topFooterContainer .footerRight {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
    padding-left: 10%;
  }
  .topFooterContainer .footerRight .resourcesList {
    width: 40%;
    margin-right: 0;
    margin-bottom: 28px;
  }
  .topFooterContainer .footerRight .resourcesList .resourceTitle {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 14px;
    position: relative;
  }
  .topFooterContainer .footerRight .resourcesList .resourceTitle::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: -7px;
    width: 2px;
    height: 100%;
    background: #3753fa;
  }
  .topFooterContainer .footerRight .resourcesList .resourceItem,
.topFooterContainer .footerRight .resourcesList a {
    font-size: 12px;
    line-height: 24px;
    font-size: 400;
  }
  .lastFooterContainer .lastFooterWrapper {
    line-height: 1.2;
    flex-direction: column;
    justify-content: flex-start;
  }
  .lastFooterContainer .lastFooterWrapper .internalLinks {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lastFooterContainer .lastFooterWrapper .rightPart {
    flex-direction: column;
    padding: 13px 0 26px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -30px;
    margin-right: -30px;
  }
  .lastFooterContainer .lastFooterWrapper .rightPart .copyRight {
    margin-right: 0;
  }
}
@media screen and (max-width: 440px) {
  .topFooterContainer {
    flex-direction: column;
    padding: 16px;
  }
  .topFooterContainer .footerLeft .keyWordList {
    text-align: center;
  }
  .topFooterContainer .footerRight {
    padding-left: 0;
  }
  .topFooterContainer .footerRight .resourcesList {
    width: 45%;
  }
  .lastFooterContainer .lastFooterWrapper .internalLinks a {
    margin-right: 17px;
  }
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/antd/lib/image/style/index.less ***!
  \*******************************************************************************************************************************************************************/
/* 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-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.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-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.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);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.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;
  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: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  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.25);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 10px;
}
.ant-image-preview-switch-right {
  right: 10px;
}

/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/NewFeaturePopup/styles.scss ***!
  \*****************************************************************************************************************************************************************/
.new-feature-popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.new-feature-popup {
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new-feature-popup .feature-popup {
  max-width: 450px;
  padding: 30px 50px 10px 50px;
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.25);
  background-color: #ebf0f3;
  display: block;
  margin-top: 10px;
  position: relative;
  right: -300px;
  opacity: 0;
  cursor: default;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  background-image: linear-gradient(338deg, #0080ff, #00adff);
}
.new-feature-popup .feature-popup p {
  color: white;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.86;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  text-align: center;
}
.new-feature-popup .feature-popup img {
  width: 100%;
}
.new-feature-popup .feature-popup.popup-show {
  right: 0;
  opacity: 1;
}
.new-feature-popup .feature-popup.popup-hidding {
  right: -300px;
  opacity: 0;
}
.new-feature-popup .feature-popup.popup-hidden {
  display: none;
}
.new-feature-popup .feature-popup .btn-container {
  margin-top: 16px;
}
.new-feature-popup .feature-popup .btn-container .checkbox {
  padding-left: 0 !important;
  user-select: none;
  cursor: pointer;
  margin-top: 20px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.new-feature-popup .feature-popup .btn-container .checkbox input {
  position: relative !important;
  margin-left: unset;
  margin-right: 10px;
  left: unset;
}
.new-feature-popup .feature-popup .btn-container .checkbox span {
  font-size: 11px;
  font-weight: 400;
  line-height: 2.36;
  letter-spacing: 0.6px;
  text-align: center;
  color: #e9e9e9;
}
.new-feature-popup .feature-popup .btn-container a {
  text-decoration: none;
}
.new-feature-popup .feature-popup .btn-container a .btn {
  outline: none;
  user-select: none;
  -webkit-user-select: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
  text-align: center;
  min-height: 40px;
  min-width: 160px;
  margin: auto;
  border-radius: 2px;
  color: white;
  background-color: #2878ff;
  border: none;
  display: block;
  text-decoration: none;
  height: 40px;
  width: 100%;
  border-radius: 4px;
}
.new-feature-popup .feature-popup .btn-container a .btn:hover {
  background-color: rgba(40, 120, 255, 0.7);
}
.new-feature-popup .feature-popup {
  width: 450px;
  padding: 20px;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 8px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: rgba(9, 30, 66, 0.31) 0px 0px 1px, rgba(9, 30, 66, 0.25) 0px 20px 32px -8px;
  color: rgb(66, 82, 110);
  max-width: 100%;
  z-index: 600;
  padding: 16px;
  transition: background-color 200ms ease 0s;
  background-image: none;
}
.new-feature-popup .feature-popup .feature-title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
}
.new-feature-popup .feature-popup .feature-content {
  color: rgb(66, 82, 110);
  overflow-wrap: break-word;
}
.new-feature-popup .feature-popup::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
.new-feature-popup .feature-popup::-webkit-scrollbar-thumb {
  border-radius: 109px;
  background-color: #3753fa;
  width: 3px;
}
.new-feature-popup .feature-popup .close-button {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 16px;
  right: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/assets/c8df0eb99e738c7d03d0.svg);
}
.new-feature-popup .feature-popup .close-button.right {
  right: 16px;
  left: unset;
}
.new-feature-popup .feature-popup .popup-content {
  min-height: 100px;
  padding-top: 10px;
  font-size: 18px;
  color: white !important;
}
.new-feature-popup .feature-popup .popup-content .image-container {
  text-align: center;
}
.new-feature-popup .feature-popup .popup-content span {
  color: white !important;
}
.new-feature-popup .feature-popup .popup-content > div img {
  margin: auto;
  width: auto;
  max-height: 200px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .new-feature-popup {
    max-width: 90%;
  }
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/containers/styles/base.scss ***!
  \******************************************************************************************************************************************************/
.class-1 {
  width: 100px;
}

.dashboard-container {
  width: 100%;
  height: 100%;
  display: flex;
}
.dashboard-container .left-menu {
  width: 200px;
  display: flex;
  height: 100vh;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.dashboard-container .dashboard-content {
  display: flex;
  background-color: green;
  width: 100%;
}

.one-line-text {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/animate.css/animate.css ***!
  \***********************************************************************************************************************************************************/
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./public/sass/antd.css ***!
  \*******************************************************************************************************************************************/
@charset "UTF-8";
/* 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 */
html {
  --sb-primary-color: #1890ff;
  --sb-primary-color-hover: #40a9ff;
  --sb-primary-color-active: #096dd9;
  --sb-primary-color-outline: rgba(24, 144, 255, 0.2);
  --sb-primary-1: #e6f7ff;
  --sb-primary-2: #bae7ff;
  --sb-primary-3: #91d5ff;
  --sb-primary-4: #69c0ff;
  --sb-primary-5: #40a9ff;
  --sb-primary-6: #1890ff;
  --sb-primary-7: #096dd9;
  --sb-primary-color-deprecated-pure: ;
  --sb-primary-color-deprecated-l-35: #cbe6ff;
  --sb-primary-color-deprecated-l-20: #7ec1ff;
  --sb-primary-color-deprecated-t-20: #46a6ff;
  --sb-primary-color-deprecated-t-50: #8cc8ff;
  --sb-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --sb-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --sb-primary-color-active-deprecated-d-02: #dcf4ff;
  --sb-success-color: #52c41a;
  --sb-success-color-hover: #73d13d;
  --sb-success-color-active: #389e0d;
  --sb-success-color-outline: rgba(82, 196, 26, 0.2);
  --sb-success-color-deprecated-bg: #f6ffed;
  --sb-success-color-deprecated-border: #b7eb8f;
  --sb-error-color: #ff4d4f;
  --sb-error-color-hover: #ff7875;
  --sb-error-color-active: #d9363e;
  --sb-error-color-outline: rgba(255, 77, 79, 0.2);
  --sb-error-color-deprecated-bg: #fff2f0;
  --sb-error-color-deprecated-border: #ffccc7;
  --sb-warning-color: #faad14;
  --sb-warning-color-hover: #ffc53d;
  --sb-warning-color-active: #d48806;
  --sb-warning-color-outline: rgba(250, 173, 20, 0.2);
  --sb-warning-color-deprecated-bg: #fffbe6;
  --sb-warning-color-deprecated-border: #ffe58f;
  --sb-info-color: #1890ff;
  --sb-info-color-deprecated-bg: #e6f7ff;
  --sb-info-color-deprecated-border: #91d5ff;
}

[class^=sb-]::-ms-clear,
[class*=sb-]::-ms-clear,
[class^=sb-] input::-ms-clear,
[class*=sb-] input::-ms-clear,
[class^=sb-] input::-ms-reveal,
[class*=sb-] input::-ms-reveal {
  display: none;
}

/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}
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: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: "tnum";
}

[tabindex="-1"]:focus {
  outline: none !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 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;
  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: var(--sb-primary-color);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: var(--sb-primary-color-hover);
}

a:active {
  color: var(--sb-primary-color-active);
}

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;
}

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;
}

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;
}

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;
}

::selection {
  color: #fff;
  background: var(--sb-primary-color);
}

.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 > .anticon {
  line-height: 0;
  vertical-align: 0;
}

.anticon[tabindex] {
  cursor: pointer;
}

.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}

.sb-fade-enter,
.sb-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-fade-enter.sb-fade-enter-active,
.sb-fade-appear.sb-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}

.sb-fade-leave.sb-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-fade-enter,
.sb-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}

.sb-fade-leave {
  animation-timing-function: linear;
}

@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sb-move-up-enter,
.sb-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-move-up-enter.sb-move-up-enter-active,
.sb-move-up-appear.sb-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}

.sb-move-up-leave.sb-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-move-up-enter,
.sb-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.sb-move-down-enter,
.sb-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-move-down-enter.sb-move-down-enter-active,
.sb-move-down-appear.sb-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}

.sb-move-down-leave.sb-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-move-down-enter,
.sb-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.sb-move-left-enter,
.sb-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-move-left-enter.sb-move-left-enter-active,
.sb-move-left-appear.sb-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}

.sb-move-left-leave.sb-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-move-left-enter,
.sb-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.sb-move-right-enter,
.sb-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-move-right-enter.sb-move-right-enter-active,
.sb-move-right-appear.sb-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}

.sb-move-right-leave.sb-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-move-right-enter,
.sb-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-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);
  }
}
[sb-click-animating=true],
[sb-click-animating-without-extra-node=true] {
  position: relative;
}

html {
  --antd-wave-shadow-color: var(--sb-primary-color);
  --scroll-bar: 0;
}

[sb-click-animating-without-extra-node=true]::after,
.sb-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 var(--sb-primary-color);
  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 var(--sb-primary-color);
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.sb-slide-up-enter,
.sb-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-slide-up-enter.sb-slide-up-enter-active,
.sb-slide-up-appear.sb-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}

.sb-slide-up-leave.sb-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-slide-up-enter,
.sb-slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.sb-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.sb-slide-down-enter,
.sb-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-slide-down-enter.sb-slide-down-enter-active,
.sb-slide-down-appear.sb-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}

.sb-slide-down-leave.sb-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-slide-down-enter,
.sb-slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.sb-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.sb-slide-left-enter,
.sb-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-slide-left-enter.sb-slide-left-enter-active,
.sb-slide-left-appear.sb-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}

.sb-slide-left-leave.sb-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-slide-left-enter,
.sb-slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.sb-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.sb-slide-right-enter,
.sb-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-slide-right-enter.sb-slide-right-enter-active,
.sb-slide-right-appear.sb-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}

.sb-slide-right-leave.sb-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-slide-right-enter,
.sb-slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.sb-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;
  }
}
.sb-zoom-enter,
.sb-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-enter.sb-zoom-enter-active,
.sb-zoom-appear.sb-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}

.sb-zoom-leave.sb-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-zoom-enter,
.sb-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-zoom-enter-prepare,
.sb-zoom-appear-prepare {
  transform: none;
}

.sb-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.sb-zoom-big-enter,
.sb-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-big-enter.sb-zoom-big-enter-active,
.sb-zoom-big-appear.sb-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}

.sb-zoom-big-leave.sb-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-zoom-big-enter,
.sb-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-zoom-big-enter-prepare,
.sb-zoom-big-appear-prepare {
  transform: none;
}

.sb-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.sb-zoom-big-fast-enter,
.sb-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-big-fast-enter.sb-zoom-big-fast-enter-active,
.sb-zoom-big-fast-appear.sb-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}

.sb-zoom-big-fast-leave.sb-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-zoom-big-fast-enter,
.sb-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-zoom-big-fast-enter-prepare,
.sb-zoom-big-fast-appear-prepare {
  transform: none;
}

.sb-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.sb-zoom-up-enter,
.sb-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-up-enter.sb-zoom-up-enter-active,
.sb-zoom-up-appear.sb-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}

.sb-zoom-up-leave.sb-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-zoom-up-enter,
.sb-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-zoom-up-enter-prepare,
.sb-zoom-up-appear-prepare {
  transform: none;
}

.sb-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.sb-zoom-down-enter,
.sb-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-down-enter.sb-zoom-down-enter-active,
.sb-zoom-down-appear.sb-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}

.sb-zoom-down-leave.sb-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-zoom-down-enter,
.sb-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-zoom-down-enter-prepare,
.sb-zoom-down-appear-prepare {
  transform: none;
}

.sb-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.sb-zoom-left-enter,
.sb-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-left-enter.sb-zoom-left-enter-active,
.sb-zoom-left-appear.sb-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}

.sb-zoom-left-leave.sb-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-zoom-left-enter,
.sb-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-zoom-left-enter-prepare,
.sb-zoom-left-appear-prepare {
  transform: none;
}

.sb-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.sb-zoom-right-enter,
.sb-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.sb-zoom-right-enter.sb-zoom-right-enter-active,
.sb-zoom-right-appear.sb-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}

.sb-zoom-right-leave.sb-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}

.sb-zoom-right-enter,
.sb-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.sb-zoom-right-enter-prepare,
.sb-zoom-right-appear-prepare {
  transform: none;
}

.sb-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.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.sb-affix {
  position: fixed;
  z-index: 10;
}

.sb-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 2px;
}

.sb-alert-content {
  flex: 1;
  min-width: 0;
}

.sb-alert-icon {
  margin-right: 8px;
}

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

.sb-alert-success {
  background-color: var(--sb-success-color-deprecated-bg);
  border: 1px solid var(--sb-success-color-deprecated-border);
}

.sb-alert-success .sb-alert-icon {
  color: var(--sb-success-color);
}

.sb-alert-info {
  background-color: var(--sb-info-color-deprecated-bg);
  border: 1px solid var(--sb-info-color-deprecated-border);
}

.sb-alert-info .sb-alert-icon {
  color: var(--sb-info-color);
}

.sb-alert-warning {
  background-color: var(--sb-warning-color-deprecated-bg);
  border: 1px solid var(--sb-warning-color-deprecated-border);
}

.sb-alert-warning .sb-alert-icon {
  color: var(--sb-warning-color);
}

.sb-alert-error {
  background-color: var(--sb-error-color-deprecated-bg);
  border: 1px solid var(--sb-error-color-deprecated-border);
}

.sb-alert-error .sb-alert-icon {
  color: var(--sb-error-color);
}

.sb-alert-error .sb-alert-description > pre {
  margin: 0;
  padding: 0;
}

.sb-alert-action {
  margin-left: 8px;
}

.sb-alert-close-icon {
  margin-left: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.sb-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}

.sb-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}

.sb-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}

.sb-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}

.sb-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}

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

.sb-alert-with-description .sb-alert-icon {
  margin-right: 15px;
  font-size: 24px;
}

.sb-alert-with-description .sb-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}

.sb-alert-message {
  color: rgba(0, 0, 0, 0.85);
}

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

.sb-alert.sb-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);
}

.sb-alert.sb-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}

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

.sb-alert.sb-alert-rtl {
  direction: rtl;
}

.sb-alert-rtl .sb-alert-icon {
  margin-right: auto;
  margin-left: 8px;
}

.sb-alert-rtl .sb-alert-action {
  margin-right: 8px;
  margin-left: auto;
}

.sb-alert-rtl .sb-alert-close-icon {
  margin-right: 8px;
  margin-left: auto;
}

.sb-alert-rtl.sb-alert-with-description {
  padding-right: 24px;
  padding-left: 15px;
}

.sb-alert-rtl.sb-alert-with-description .sb-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}

.sb-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  padding-left: 2px;
}

.sb-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: transparent;
}

.sb-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.sb-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.06);
  content: " ";
}

.sb-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid var(--sb-primary-color);
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}

.sb-anchor-ink-ball.visible {
  display: inline-block;
}

.sb-anchor-fixed .sb-anchor-ink .sb-anchor-ink-ball {
  display: none;
}

.sb-anchor-link {
  padding: 4px 0 4px 16px;
}

.sb-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.sb-anchor-link-title:only-child {
  margin-bottom: 0;
}

.sb-anchor-link-active > .sb-anchor-link-title {
  color: var(--sb-primary-color);
}

.sb-anchor-link .sb-anchor-link {
  padding-top: 2px;
  padding-bottom: 2px;
}

.sb-anchor-rtl {
  direction: rtl;
}

.sb-anchor-rtl.sb-anchor-wrapper {
  margin-right: -4px;
  margin-left: 0;
  padding-right: 4px;
  padding-left: 0;
}

.sb-anchor-rtl .sb-anchor-ink {
  right: 0;
  left: auto;
}

.sb-anchor-rtl .sb-anchor-ink-ball {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}

.sb-anchor-rtl .sb-anchor-link {
  padding: 4px 16px 4px 0;
}

.sb-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
}

.sb-select-auto-complete .sb-select-clear {
  right: 13px;
}

.sb-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  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%;
}

.sb-avatar-image {
  background: transparent;
}

.sb-avatar .sb-image-img {
  display: block;
}

.sb-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}

.sb-avatar.sb-avatar-icon {
  font-size: 18px;
}

.sb-avatar.sb-avatar-icon > .anticon {
  margin: 0;
}

.sb-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}

.sb-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}

.sb-avatar-lg.sb-avatar-icon {
  font-size: 24px;
}

.sb-avatar-lg.sb-avatar-icon > .anticon {
  margin: 0;
}

.sb-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}

.sb-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}

.sb-avatar-sm.sb-avatar-icon {
  font-size: 14px;
}

.sb-avatar-sm.sb-avatar-icon > .anticon {
  margin: 0;
}

.sb-avatar-square {
  border-radius: 2px;
}

.sb-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sb-avatar-group {
  display: inline-flex;
}

.sb-avatar-group .sb-avatar {
  border: 1px solid #fff;
}

.sb-avatar-group .sb-avatar:not(:first-child) {
  margin-left: -8px;
}

.sb-avatar-group-popover .sb-avatar + .sb-avatar {
  margin-left: 3px;
}

.sb-avatar-group-rtl .sb-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}

.sb-avatar-group-popover.sb-popover-rtl .sb-avatar + .sb-avatar {
  margin-right: 3px;
  margin-left: 0;
}

.sb-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.sb-back-top:empty {
  display: none;
}

.sb-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}

.sb-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;
}

.sb-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}

.sb-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}

@media screen and (max-width: 768px) {
  .sb-back-top {
    right: 60px;
  }
  .sb-back-top-rtl {
    right: auto;
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .sb-back-top {
    right: 20px;
  }
  .sb-back-top-rtl {
    right: auto;
    left: 20px;
  }
}
.sb-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  line-height: 1;
}

.sb-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;
}

.sb-badge-count a,
.sb-badge-count a:hover {
  color: #fff;
}

.sb-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}

.sb-badge-multiple-words {
  padding: 0 8px;
}

.sb-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}

.sb-badge-dot.sb-scroll-number {
  transition: background 1.5s;
}

.sb-badge-count,
.sb-badge-dot,
.sb-badge .sb-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.sb-badge-count.anticon-spin,
.sb-badge-dot.anticon-spin,
.sb-badge .sb-scroll-number-custom-component.anticon-spin {
  animation: antBadgeLoadingCircle 1s infinite linear;
}

.sb-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}

.sb-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}

.sb-badge-status-success {
  background-color: var(--sb-success-color);
}

.sb-badge-status-processing {
  position: relative;
  background-color: var(--sb-primary-color);
}

.sb-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--sb-primary-color);
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: "";
}

.sb-badge-status-default {
  background-color: #d9d9d9;
}

.sb-badge-status-error {
  background-color: var(--sb-error-color);
}

.sb-badge-status-warning {
  background-color: var(--sb-warning-color);
}

.sb-badge-status-pink {
  background: #eb2f96;
}

.sb-badge-status-magenta {
  background: #eb2f96;
}

.sb-badge-status-red {
  background: #f5222d;
}

.sb-badge-status-volcano {
  background: #fa541c;
}

.sb-badge-status-orange {
  background: #fa8c16;
}

.sb-badge-status-yellow {
  background: #fadb14;
}

.sb-badge-status-gold {
  background: #faad14;
}

.sb-badge-status-cyan {
  background: #13c2c2;
}

.sb-badge-status-lime {
  background: #a0d911;
}

.sb-badge-status-green {
  background: #52c41a;
}

.sb-badge-status-blue {
  background: #1890ff;
}

.sb-badge-status-geekblue {
  background: #2f54eb;
}

.sb-badge-status-purple {
  background: #722ed1;
}

.sb-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}

.sb-badge-zoom-appear,
.sb-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}

.sb-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}

.sb-badge-not-a-wrapper .sb-badge-zoom-appear,
.sb-badge-not-a-wrapper .sb-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}

.sb-badge-not-a-wrapper .sb-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.sb-badge-not-a-wrapper:not(.sb-badge-status) {
  vertical-align: middle;
}

.sb-badge-not-a-wrapper .sb-scroll-number-custom-component,
.sb-badge-not-a-wrapper .sb-badge-count {
  transform: none;
}

.sb-badge-not-a-wrapper .sb-scroll-number-custom-component,
.sb-badge-not-a-wrapper .sb-scroll-number {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}

@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.sb-scroll-number {
  overflow: hidden;
  direction: ltr;
}

.sb-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}

.sb-scroll-number-only > p.sb-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}

.sb-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;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
    transform-origin: 50%;
  }
}
.sb-ribbon-wrapper {
  position: relative;
}

.sb-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: var(--sb-primary-color);
  border-radius: 2px;
}

.sb-ribbon-text {
  color: #fff;
}

.sb-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}

.sb-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: "";
}

.sb-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}

.sb-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}

.sb-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}

.sb-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}

.sb-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}

.sb-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}

.sb-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}

.sb-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}

.sb-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}

.sb-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}

.sb-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}

.sb-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}

.sb-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}

.sb-ribbon.sb-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}

.sb-ribbon.sb-ribbon-placement-end .sb-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}

.sb-ribbon.sb-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}

.sb-ribbon.sb-ribbon-placement-start .sb-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}

.sb-badge-rtl {
  direction: rtl;
}

.sb-badge-rtl.sb-badge:not(.sb-badge-not-a-wrapper) .sb-badge-count,
.sb-badge-rtl.sb-badge:not(.sb-badge-not-a-wrapper) .sb-badge-dot,
.sb-badge-rtl.sb-badge:not(.sb-badge-not-a-wrapper) .sb-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}

.sb-badge-rtl.sb-badge:not(.sb-badge-not-a-wrapper) .sb-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}

.sb-badge-rtl .sb-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}

.sb-badge:not(.sb-badge-not-a-wrapper).sb-badge-rtl .sb-badge-zoom-appear,
.sb-badge:not(.sb-badge-not-a-wrapper).sb-badge-rtl .sb-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}

.sb-badge:not(.sb-badge-not-a-wrapper).sb-badge-rtl .sb-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}

.sb-ribbon-rtl {
  direction: rtl;
}

.sb-ribbon-rtl.sb-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.sb-ribbon-rtl.sb-ribbon-placement-end .sb-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}

.sb-ribbon-rtl.sb-ribbon-placement-end .sb-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}

.sb-ribbon-rtl.sb-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.sb-ribbon-rtl.sb-ribbon-placement-start .sb-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}

.sb-ribbon-rtl.sb-ribbon-placement-start .sb-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;
  }
}
.sb-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.sb-breadcrumb .anticon {
  font-size: 14px;
}

.sb-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sb-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}

.sb-breadcrumb a:hover {
  color: rgba(0, 0, 0, 0.85);
}

.sb-breadcrumb li:last-child {
  color: rgba(0, 0, 0, 0.85);
}

.sb-breadcrumb li:last-child a {
  color: rgba(0, 0, 0, 0.85);
}

li:last-child > .sb-breadcrumb-separator {
  display: none;
}

.sb-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}

.sb-breadcrumb-link > .anticon + span,
.sb-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}

.sb-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}

.sb-breadcrumb-rtl {
  direction: rtl;
}

.sb-breadcrumb-rtl::before {
  display: table;
  content: "";
}

.sb-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: "";
}

.sb-breadcrumb-rtl::before {
  display: table;
  content: "";
}

.sb-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: "";
}

.sb-breadcrumb-rtl > span {
  float: right;
}

.sb-breadcrumb-rtl .sb-breadcrumb-link > .anticon + span,
.sb-breadcrumb-rtl .sb-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}

.sb-breadcrumb-rtl .sb-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}

.sb-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);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
}

.sb-btn > .anticon {
  line-height: 1;
}

.sb-btn,
.sb-btn:active,
.sb-btn:focus {
  outline: 0;
}

.sb-btn:not([disabled]):hover {
  text-decoration: none;
}

.sb-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}

.sb-btn[disabled] {
  cursor: not-allowed;
}

.sb-btn[disabled] > * {
  pointer-events: none;
}

.sb-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 2px;
}

.sb-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}

.sb-btn > a:only-child {
  color: currentcolor;
}

.sb-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn:hover,
.sb-btn:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
  background: #fff;
}

.sb-btn:hover > a:only-child,
.sb-btn:focus > a:only-child {
  color: currentcolor;
}

.sb-btn:hover > a:only-child::after,
.sb-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
  background: #fff;
}

.sb-btn:active > a:only-child {
  color: currentcolor;
}

.sb-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn[disabled],
.sb-btn[disabled]:hover,
.sb-btn[disabled]:focus,
.sb-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn[disabled] > a:only-child,
.sb-btn[disabled]:hover > a:only-child,
.sb-btn[disabled]:focus > a:only-child,
.sb-btn[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn[disabled] > a:only-child::after,
.sb-btn[disabled]:hover > a:only-child::after,
.sb-btn[disabled]:focus > a:only-child::after,
.sb-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn:hover,
.sb-btn:focus,
.sb-btn:active {
  text-decoration: none;
  background: #fff;
}

.sb-btn > span {
  display: inline-block;
}

.sb-btn-primary {
  color: #fff;
  border-color: var(--sb-primary-color);
  background: var(--sb-primary-color);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.sb-btn-primary > a:only-child {
  color: currentcolor;
}

.sb-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-primary:hover,
.sb-btn-primary:focus {
  color: #fff;
  border-color: var(--sb-primary-color-hover);
  background: var(--sb-primary-color-hover);
}

.sb-btn-primary:hover > a:only-child,
.sb-btn-primary:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-primary:hover > a:only-child::after,
.sb-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-primary:active {
  color: #fff;
  border-color: var(--sb-primary-color-active);
  background: var(--sb-primary-color-active);
}

.sb-btn-primary:active > a:only-child {
  color: currentcolor;
}

.sb-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-primary[disabled],
.sb-btn-primary[disabled]:hover,
.sb-btn-primary[disabled]:focus,
.sb-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-primary[disabled] > a:only-child,
.sb-btn-primary[disabled]:hover > a:only-child,
.sb-btn-primary[disabled]:focus > a:only-child,
.sb-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-primary[disabled] > a:only-child::after,
.sb-btn-primary[disabled]:hover > a:only-child::after,
.sb-btn-primary[disabled]:focus > a:only-child::after,
.sb-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-group .sb-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: var(--sb-primary-5);
  border-left-color: var(--sb-primary-5);
}

.sb-btn-group .sb-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}

.sb-btn-group .sb-btn-primary:first-child:not(:last-child) {
  border-right-color: var(--sb-primary-5);
}

.sb-btn-group .sb-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}

.sb-btn-group .sb-btn-primary:last-child:not(:first-child),
.sb-btn-group .sb-btn-primary + .sb-btn-primary {
  border-left-color: var(--sb-primary-5);
}

.sb-btn-group .sb-btn-primary:last-child:not(:first-child)[disabled],
.sb-btn-group .sb-btn-primary + .sb-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}

.sb-btn-ghost {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: transparent;
}

.sb-btn-ghost > a:only-child {
  color: currentcolor;
}

.sb-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-ghost:hover,
.sb-btn-ghost:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
  background: transparent;
}

.sb-btn-ghost:hover > a:only-child,
.sb-btn-ghost:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-ghost:hover > a:only-child::after,
.sb-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-ghost:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
  background: transparent;
}

.sb-btn-ghost:active > a:only-child {
  color: currentcolor;
}

.sb-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-ghost[disabled],
.sb-btn-ghost[disabled]:hover,
.sb-btn-ghost[disabled]:focus,
.sb-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-ghost[disabled] > a:only-child,
.sb-btn-ghost[disabled]:hover > a:only-child,
.sb-btn-ghost[disabled]:focus > a:only-child,
.sb-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-ghost[disabled] > a:only-child::after,
.sb-btn-ghost[disabled]:hover > a:only-child::after,
.sb-btn-ghost[disabled]:focus > a:only-child::after,
.sb-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dashed {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
  border-style: dashed;
}

.sb-btn-dashed > a:only-child {
  color: currentcolor;
}

.sb-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dashed:hover,
.sb-btn-dashed:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
  background: #fff;
}

.sb-btn-dashed:hover > a:only-child,
.sb-btn-dashed:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-dashed:hover > a:only-child::after,
.sb-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dashed:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
  background: #fff;
}

.sb-btn-dashed:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dashed[disabled],
.sb-btn-dashed[disabled]:hover,
.sb-btn-dashed[disabled]:focus,
.sb-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-dashed[disabled] > a:only-child,
.sb-btn-dashed[disabled]:hover > a:only-child,
.sb-btn-dashed[disabled]:focus > a:only-child,
.sb-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dashed[disabled] > a:only-child::after,
.sb-btn-dashed[disabled]:hover > a:only-child::after,
.sb-btn-dashed[disabled]:focus > a:only-child::after,
.sb-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-danger {
  color: #fff;
  border-color: var(--sb-error-color);
  background: var(--sb-error-color);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.sb-btn-danger > a:only-child {
  color: currentcolor;
}

.sb-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-danger:hover,
.sb-btn-danger:focus {
  color: #fff;
  border-color: var(--sb-error-color-hover);
  background: var(--sb-error-color-hover);
}

.sb-btn-danger:hover > a:only-child,
.sb-btn-danger:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-danger:hover > a:only-child::after,
.sb-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-danger:active {
  color: #fff;
  border-color: var(--sb-error-color-active);
  background: var(--sb-error-color-active);
}

.sb-btn-danger:active > a:only-child {
  color: currentcolor;
}

.sb-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-danger[disabled],
.sb-btn-danger[disabled]:hover,
.sb-btn-danger[disabled]:focus,
.sb-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-danger[disabled] > a:only-child,
.sb-btn-danger[disabled]:hover > a:only-child,
.sb-btn-danger[disabled]:focus > a:only-child,
.sb-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-danger[disabled] > a:only-child::after,
.sb-btn-danger[disabled]:hover > a:only-child::after,
.sb-btn-danger[disabled]:focus > a:only-child::after,
.sb-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-link {
  color: var(--sb-primary-color);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.sb-btn-link > a:only-child {
  color: currentcolor;
}

.sb-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-link:hover,
.sb-btn-link:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
  background: transparent;
}

.sb-btn-link:hover > a:only-child,
.sb-btn-link:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-link:hover > a:only-child::after,
.sb-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-link:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
  background: transparent;
}

.sb-btn-link:active > a:only-child {
  color: currentcolor;
}

.sb-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-link[disabled],
.sb-btn-link[disabled]:hover,
.sb-btn-link[disabled]:focus,
.sb-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-link[disabled] > a:only-child,
.sb-btn-link[disabled]:hover > a:only-child,
.sb-btn-link[disabled]:focus > a:only-child,
.sb-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-link[disabled] > a:only-child::after,
.sb-btn-link[disabled]:hover > a:only-child::after,
.sb-btn-link[disabled]:focus > a:only-child::after,
.sb-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-link:hover {
  background: transparent;
}

.sb-btn-link:hover,
.sb-btn-link:focus,
.sb-btn-link:active {
  border-color: transparent;
}

.sb-btn-link[disabled],
.sb-btn-link[disabled]:hover,
.sb-btn-link[disabled]:focus,
.sb-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-link[disabled] > a:only-child,
.sb-btn-link[disabled]:hover > a:only-child,
.sb-btn-link[disabled]:focus > a:only-child,
.sb-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-link[disabled] > a:only-child::after,
.sb-btn-link[disabled]:hover > a:only-child::after,
.sb-btn-link[disabled]:focus > a:only-child::after,
.sb-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-text {
  color: rgba(0, 0, 0, 0.85);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.sb-btn-text > a:only-child {
  color: currentcolor;
}

.sb-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-text:hover,
.sb-btn-text:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
  background: transparent;
}

.sb-btn-text:hover > a:only-child,
.sb-btn-text:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-text:hover > a:only-child::after,
.sb-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-text:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
  background: transparent;
}

.sb-btn-text:active > a:only-child {
  color: currentcolor;
}

.sb-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-text[disabled],
.sb-btn-text[disabled]:hover,
.sb-btn-text[disabled]:focus,
.sb-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-text[disabled] > a:only-child,
.sb-btn-text[disabled]:hover > a:only-child,
.sb-btn-text[disabled]:focus > a:only-child,
.sb-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-text[disabled] > a:only-child::after,
.sb-btn-text[disabled]:hover > a:only-child::after,
.sb-btn-text[disabled]:focus > a:only-child::after,
.sb-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-text:hover,
.sb-btn-text:focus {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}

.sb-btn-text:active {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}

.sb-btn-text[disabled],
.sb-btn-text[disabled]:hover,
.sb-btn-text[disabled]:focus,
.sb-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-text[disabled] > a:only-child,
.sb-btn-text[disabled]:hover > a:only-child,
.sb-btn-text[disabled]:focus > a:only-child,
.sb-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-text[disabled] > a:only-child::after,
.sb-btn-text[disabled]:hover > a:only-child::after,
.sb-btn-text[disabled]:focus > a:only-child::after,
.sb-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous {
  color: var(--sb-error-color);
  border-color: var(--sb-error-color);
  background: #fff;
}

.sb-btn-dangerous > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous:hover,
.sb-btn-dangerous:focus {
  color: var(--sb-error-color-hover);
  border-color: var(--sb-error-color-hover);
  background: #fff;
}

.sb-btn-dangerous:hover > a:only-child,
.sb-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous:hover > a:only-child::after,
.sb-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous:active {
  color: var(--sb-error-color-active);
  border-color: var(--sb-error-color-active);
  background: #fff;
}

.sb-btn-dangerous:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous[disabled],
.sb-btn-dangerous[disabled]:hover,
.sb-btn-dangerous[disabled]:focus,
.sb-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-dangerous[disabled] > a:only-child,
.sb-btn-dangerous[disabled]:hover > a:only-child,
.sb-btn-dangerous[disabled]:focus > a:only-child,
.sb-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous[disabled] > a:only-child::after,
.sb-btn-dangerous[disabled]:hover > a:only-child::after,
.sb-btn-dangerous[disabled]:focus > a:only-child::after,
.sb-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-primary {
  color: #fff;
  border-color: var(--sb-error-color);
  background: var(--sb-error-color);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.sb-btn-dangerous.sb-btn-primary > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-primary:hover,
.sb-btn-dangerous.sb-btn-primary:focus {
  color: #fff;
  border-color: var(--sb-error-color-hover);
  background: var(--sb-error-color-hover);
}

.sb-btn-dangerous.sb-btn-primary:hover > a:only-child,
.sb-btn-dangerous.sb-btn-primary:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-primary:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-primary:active {
  color: #fff;
  border-color: var(--sb-error-color-active);
  background: var(--sb-error-color-active);
}

.sb-btn-dangerous.sb-btn-primary:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-primary[disabled],
.sb-btn-dangerous.sb-btn-primary[disabled]:hover,
.sb-btn-dangerous.sb-btn-primary[disabled]:focus,
.sb-btn-dangerous.sb-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-dangerous.sb-btn-primary[disabled] > a:only-child,
.sb-btn-dangerous.sb-btn-primary[disabled]:hover > a:only-child,
.sb-btn-dangerous.sb-btn-primary[disabled]:focus > a:only-child,
.sb-btn-dangerous.sb-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-primary[disabled] > a:only-child::after,
.sb-btn-dangerous.sb-btn-primary[disabled]:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-primary[disabled]:focus > a:only-child::after,
.sb-btn-dangerous.sb-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-link {
  color: var(--sb-error-color);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.sb-btn-dangerous.sb-btn-link > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-link:hover,
.sb-btn-dangerous.sb-btn-link:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
  background: transparent;
}

.sb-btn-dangerous.sb-btn-link:hover > a:only-child,
.sb-btn-dangerous.sb-btn-link:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-link:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-link:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
  background: transparent;
}

.sb-btn-dangerous.sb-btn-link:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-link[disabled],
.sb-btn-dangerous.sb-btn-link[disabled]:hover,
.sb-btn-dangerous.sb-btn-link[disabled]:focus,
.sb-btn-dangerous.sb-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-dangerous.sb-btn-link[disabled] > a:only-child,
.sb-btn-dangerous.sb-btn-link[disabled]:hover > a:only-child,
.sb-btn-dangerous.sb-btn-link[disabled]:focus > a:only-child,
.sb-btn-dangerous.sb-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-link[disabled] > a:only-child::after,
.sb-btn-dangerous.sb-btn-link[disabled]:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-link[disabled]:focus > a:only-child::after,
.sb-btn-dangerous.sb-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-link:hover,
.sb-btn-dangerous.sb-btn-link:focus {
  color: var(--sb-error-color-hover);
  border-color: transparent;
  background: transparent;
}

.sb-btn-dangerous.sb-btn-link:hover > a:only-child,
.sb-btn-dangerous.sb-btn-link:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-link:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-link:active {
  color: var(--sb-error-color-active);
  border-color: transparent;
  background: transparent;
}

.sb-btn-dangerous.sb-btn-link:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-link[disabled],
.sb-btn-dangerous.sb-btn-link[disabled]:hover,
.sb-btn-dangerous.sb-btn-link[disabled]:focus,
.sb-btn-dangerous.sb-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-dangerous.sb-btn-link[disabled] > a:only-child,
.sb-btn-dangerous.sb-btn-link[disabled]:hover > a:only-child,
.sb-btn-dangerous.sb-btn-link[disabled]:focus > a:only-child,
.sb-btn-dangerous.sb-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-link[disabled] > a:only-child::after,
.sb-btn-dangerous.sb-btn-link[disabled]:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-link[disabled]:focus > a:only-child::after,
.sb-btn-dangerous.sb-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-text {
  color: var(--sb-error-color);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.sb-btn-dangerous.sb-btn-text > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-text:hover,
.sb-btn-dangerous.sb-btn-text:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
  background: transparent;
}

.sb-btn-dangerous.sb-btn-text:hover > a:only-child,
.sb-btn-dangerous.sb-btn-text:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-text:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-text:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
  background: transparent;
}

.sb-btn-dangerous.sb-btn-text:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-text[disabled],
.sb-btn-dangerous.sb-btn-text[disabled]:hover,
.sb-btn-dangerous.sb-btn-text[disabled]:focus,
.sb-btn-dangerous.sb-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-dangerous.sb-btn-text[disabled] > a:only-child,
.sb-btn-dangerous.sb-btn-text[disabled]:hover > a:only-child,
.sb-btn-dangerous.sb-btn-text[disabled]:focus > a:only-child,
.sb-btn-dangerous.sb-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-text[disabled] > a:only-child::after,
.sb-btn-dangerous.sb-btn-text[disabled]:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-text[disabled]:focus > a:only-child::after,
.sb-btn-dangerous.sb-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-text:hover,
.sb-btn-dangerous.sb-btn-text:focus {
  color: var(--sb-error-color-hover);
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}

.sb-btn-dangerous.sb-btn-text:hover > a:only-child,
.sb-btn-dangerous.sb-btn-text:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-text:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-text:active {
  color: var(--sb-error-color-active);
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}

.sb-btn-dangerous.sb-btn-text:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-dangerous.sb-btn-text[disabled],
.sb-btn-dangerous.sb-btn-text[disabled]:hover,
.sb-btn-dangerous.sb-btn-text[disabled]:focus,
.sb-btn-dangerous.sb-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-dangerous.sb-btn-text[disabled] > a:only-child,
.sb-btn-dangerous.sb-btn-text[disabled]:hover > a:only-child,
.sb-btn-dangerous.sb-btn-text[disabled]:focus > a:only-child,
.sb-btn-dangerous.sb-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-dangerous.sb-btn-text[disabled] > a:only-child::after,
.sb-btn-dangerous.sb-btn-text[disabled]:hover > a:only-child::after,
.sb-btn-dangerous.sb-btn-text[disabled]:focus > a:only-child::after,
.sb-btn-dangerous.sb-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -3px;
}

.sb-btn-icon-only > * {
  font-size: 16px;
}

.sb-btn-icon-only.sb-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 2px;
}

.sb-btn-icon-only.sb-btn-lg > * {
  font-size: 18px;
}

.sb-btn-icon-only.sb-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 2px;
}

.sb-btn-icon-only.sb-btn-sm > * {
  font-size: 14px;
}

.sb-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}

.sb-btn-icon-only .anticon-loading {
  padding: 0 !important;
}

a.sb-btn-icon-only {
  vertical-align: -1px;
}

a.sb-btn-icon-only > .anticon {
  display: inline;
}

.sb-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}

.sb-btn-round.sb-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}

.sb-btn-round.sb-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}

.sb-btn-round.sb-btn-icon-only {
  width: auto;
}

.sb-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}

.sb-btn-circle.sb-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}

.sb-btn-circle.sb-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}

.sb-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;
}

.sb-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sb-btn .anticon.anticon-plus > svg,
.sb-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}

.sb-btn.sb-btn-loading {
  position: relative;
  cursor: default;
}

.sb-btn.sb-btn-loading::before {
  display: block;
}

.sb-btn > .sb-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sb-btn > .sb-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}

.sb-btn > .sb-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}

.sb-btn-group {
  position: relative;
  display: inline-flex;
}

.sb-btn-group > .sb-btn,
.sb-btn-group > span > .sb-btn {
  position: relative;
}

.sb-btn-group > .sb-btn:hover,
.sb-btn-group > span > .sb-btn:hover,
.sb-btn-group > .sb-btn:focus,
.sb-btn-group > span > .sb-btn:focus,
.sb-btn-group > .sb-btn:active,
.sb-btn-group > span > .sb-btn:active {
  z-index: 2;
}

.sb-btn-group > .sb-btn[disabled],
.sb-btn-group > span > .sb-btn[disabled] {
  z-index: 0;
}

.sb-btn-group .sb-btn-icon-only {
  font-size: 14px;
}

.sb-btn-group .sb-btn + .sb-btn,
.sb-btn + .sb-btn-group,
.sb-btn-group span + .sb-btn,
.sb-btn-group .sb-btn + span,
.sb-btn-group > span + span,
.sb-btn-group + .sb-btn,
.sb-btn-group + .sb-btn-group {
  margin-left: -1px;
}

.sb-btn-group .sb-btn-primary + .sb-btn:not(.sb-btn-primary):not([disabled]) {
  border-left-color: transparent;
}

.sb-btn-group .sb-btn {
  border-radius: 0;
}

.sb-btn-group > .sb-btn:first-child,
.sb-btn-group > span:first-child > .sb-btn {
  margin-left: 0;
}

.sb-btn-group > .sb-btn:only-child {
  border-radius: 2px;
}

.sb-btn-group > span:only-child > .sb-btn {
  border-radius: 2px;
}

.sb-btn-group > .sb-btn:first-child:not(:last-child),
.sb-btn-group > span:first-child:not(:last-child) > .sb-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.sb-btn-group > .sb-btn:last-child:not(:first-child),
.sb-btn-group > span:last-child:not(:first-child) > .sb-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.sb-btn-group-sm > .sb-btn:only-child {
  border-radius: 2px;
}

.sb-btn-group-sm > span:only-child > .sb-btn {
  border-radius: 2px;
}

.sb-btn-group-sm > .sb-btn:first-child:not(:last-child),
.sb-btn-group-sm > span:first-child:not(:last-child) > .sb-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.sb-btn-group-sm > .sb-btn:last-child:not(:first-child),
.sb-btn-group-sm > span:last-child:not(:first-child) > .sb-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.sb-btn-group > .sb-btn-group {
  float: left;
}

.sb-btn-group > .sb-btn-group:not(:first-child):not(:last-child) > .sb-btn {
  border-radius: 0;
}

.sb-btn-group > .sb-btn-group:first-child:not(:last-child) > .sb-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.sb-btn-group > .sb-btn-group:last-child:not(:first-child) > .sb-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.sb-btn-rtl.sb-btn-group .sb-btn + .sb-btn,
.sb-btn-rtl.sb-btn + .sb-btn-group,
.sb-btn-rtl.sb-btn-group span + .sb-btn,
.sb-btn-rtl.sb-btn-group .sb-btn + span,
.sb-btn-rtl.sb-btn-group > span + span,
.sb-btn-rtl.sb-btn-group + .sb-btn,
.sb-btn-rtl.sb-btn-group + .sb-btn-group,
.sb-btn-group-rtl.sb-btn-group .sb-btn + .sb-btn,
.sb-btn-group-rtl.sb-btn + .sb-btn-group,
.sb-btn-group-rtl.sb-btn-group span + .sb-btn,
.sb-btn-group-rtl.sb-btn-group .sb-btn + span,
.sb-btn-group-rtl.sb-btn-group > span + span,
.sb-btn-group-rtl.sb-btn-group + .sb-btn,
.sb-btn-group-rtl.sb-btn-group + .sb-btn-group {
  margin-right: -1px;
  margin-left: auto;
}

.sb-btn-group.sb-btn-group-rtl {
  direction: rtl;
}

.sb-btn-group-rtl.sb-btn-group > .sb-btn:first-child:not(:last-child),
.sb-btn-group-rtl.sb-btn-group > span:first-child:not(:last-child) > .sb-btn {
  border-radius: 0 2px 2px 0;
}

.sb-btn-group-rtl.sb-btn-group > .sb-btn:last-child:not(:first-child),
.sb-btn-group-rtl.sb-btn-group > span:last-child:not(:first-child) > .sb-btn {
  border-radius: 2px 0 0 2px;
}

.sb-btn-group-rtl.sb-btn-group-sm > .sb-btn:first-child:not(:last-child),
.sb-btn-group-rtl.sb-btn-group-sm > span:first-child:not(:last-child) > .sb-btn {
  border-radius: 0 2px 2px 0;
}

.sb-btn-group-rtl.sb-btn-group-sm > .sb-btn:last-child:not(:first-child),
.sb-btn-group-rtl.sb-btn-group-sm > span:last-child:not(:first-child) > .sb-btn {
  border-radius: 2px 0 0 2px;
}

.sb-btn:focus > span,
.sb-btn:active > span {
  position: relative;
}

.sb-btn > .anticon + span,
.sb-btn > span + .anticon {
  margin-left: 8px;
}

.sb-btn.sb-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}

.sb-btn.sb-btn-background-ghost,
.sb-btn.sb-btn-background-ghost:hover,
.sb-btn.sb-btn-background-ghost:active,
.sb-btn.sb-btn-background-ghost:focus {
  background: transparent;
}

.sb-btn.sb-btn-background-ghost:hover,
.sb-btn.sb-btn-background-ghost:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
}

.sb-btn.sb-btn-background-ghost:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
}

.sb-btn.sb-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #d9d9d9;
}

.sb-btn-background-ghost.sb-btn-primary {
  color: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
  text-shadow: none;
}

.sb-btn-background-ghost.sb-btn-primary > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-primary:hover,
.sb-btn-background-ghost.sb-btn-primary:focus {
  color: var(--sb-primary-color-hover);
  border-color: var(--sb-primary-color-hover);
  background: transparent;
}

.sb-btn-background-ghost.sb-btn-primary:hover > a:only-child,
.sb-btn-background-ghost.sb-btn-primary:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-primary:hover > a:only-child::after,
.sb-btn-background-ghost.sb-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-primary:active {
  color: var(--sb-primary-color-active);
  border-color: var(--sb-primary-color-active);
  background: transparent;
}

.sb-btn-background-ghost.sb-btn-primary:active > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-primary[disabled],
.sb-btn-background-ghost.sb-btn-primary[disabled]:hover,
.sb-btn-background-ghost.sb-btn-primary[disabled]:focus,
.sb-btn-background-ghost.sb-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-background-ghost.sb-btn-primary[disabled] > a:only-child,
.sb-btn-background-ghost.sb-btn-primary[disabled]:hover > a:only-child,
.sb-btn-background-ghost.sb-btn-primary[disabled]:focus > a:only-child,
.sb-btn-background-ghost.sb-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-primary[disabled] > a:only-child::after,
.sb-btn-background-ghost.sb-btn-primary[disabled]:hover > a:only-child::after,
.sb-btn-background-ghost.sb-btn-primary[disabled]:focus > a:only-child::after,
.sb-btn-background-ghost.sb-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-danger {
  color: var(--sb-error-color);
  border-color: var(--sb-error-color);
  text-shadow: none;
}

.sb-btn-background-ghost.sb-btn-danger > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-danger:hover,
.sb-btn-background-ghost.sb-btn-danger:focus {
  color: var(--sb-error-color-hover);
  border-color: var(--sb-error-color-hover);
  background: transparent;
}

.sb-btn-background-ghost.sb-btn-danger:hover > a:only-child,
.sb-btn-background-ghost.sb-btn-danger:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-danger:hover > a:only-child::after,
.sb-btn-background-ghost.sb-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-danger:active {
  color: var(--sb-error-color-active);
  border-color: var(--sb-error-color-active);
  background: transparent;
}

.sb-btn-background-ghost.sb-btn-danger:active > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-danger[disabled],
.sb-btn-background-ghost.sb-btn-danger[disabled]:hover,
.sb-btn-background-ghost.sb-btn-danger[disabled]:focus,
.sb-btn-background-ghost.sb-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-background-ghost.sb-btn-danger[disabled] > a:only-child,
.sb-btn-background-ghost.sb-btn-danger[disabled]:hover > a:only-child,
.sb-btn-background-ghost.sb-btn-danger[disabled]:focus > a:only-child,
.sb-btn-background-ghost.sb-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-danger[disabled] > a:only-child::after,
.sb-btn-background-ghost.sb-btn-danger[disabled]:hover > a:only-child::after,
.sb-btn-background-ghost.sb-btn-danger[disabled]:focus > a:only-child::after,
.sb-btn-background-ghost.sb-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-dangerous {
  color: var(--sb-error-color);
  border-color: var(--sb-error-color);
  text-shadow: none;
}

.sb-btn-background-ghost.sb-btn-dangerous > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-dangerous:hover,
.sb-btn-background-ghost.sb-btn-dangerous:focus {
  color: var(--sb-error-color-hover);
  border-color: var(--sb-error-color-hover);
  background: transparent;
}

.sb-btn-background-ghost.sb-btn-dangerous:hover > a:only-child,
.sb-btn-background-ghost.sb-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-dangerous:hover > a:only-child::after,
.sb-btn-background-ghost.sb-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-dangerous:active {
  color: var(--sb-error-color-active);
  border-color: var(--sb-error-color-active);
  background: transparent;
}

.sb-btn-background-ghost.sb-btn-dangerous:active > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-dangerous[disabled],
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:hover,
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:focus,
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-background-ghost.sb-btn-dangerous[disabled] > a:only-child,
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:hover > a:only-child,
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:focus > a:only-child,
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-dangerous[disabled] > a:only-child::after,
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:hover > a:only-child::after,
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:focus > a:only-child::after,
.sb-btn-background-ghost.sb-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link {
  color: var(--sb-error-color);
  border-color: transparent;
  text-shadow: none;
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:hover,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:focus {
  color: var(--sb-error-color-active);
  border-color: transparent;
  background: transparent;
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:hover > a:only-child,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:focus > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:hover > a:only-child::after,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:active {
  color: var(--sb-error-color-active);
  border-color: transparent;
  background: transparent;
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:active > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled],
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:hover,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:focus,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled] > a:only-child,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:hover > a:only-child,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:focus > a:only-child,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled] > a:only-child::after,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:hover > a:only-child::after,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:focus > a:only-child::after,
.sb-btn-background-ghost.sb-btn-dangerous.sb-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

.sb-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}

.sb-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}

.sb-btn.sb-btn-block {
  width: 100%;
}

.sb-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: " ";
}

a.sb-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}

a.sb-btn-disabled {
  cursor: not-allowed;
}

a.sb-btn-disabled > * {
  pointer-events: none;
}

a.sb-btn-disabled,
a.sb-btn-disabled:hover,
a.sb-btn-disabled:focus,
a.sb-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}

a.sb-btn-disabled > a:only-child,
a.sb-btn-disabled:hover > a:only-child,
a.sb-btn-disabled:focus > a:only-child,
a.sb-btn-disabled:active > a:only-child {
  color: currentcolor;
}

a.sb-btn-disabled > a:only-child::after,
a.sb-btn-disabled:hover > a:only-child::after,
a.sb-btn-disabled:focus > a:only-child::after,
a.sb-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}

a.sb-btn-lg {
  line-height: 38px;
}

a.sb-btn-sm {
  line-height: 22px;
}

.sb-btn-rtl {
  direction: rtl;
}

.sb-btn-group-rtl.sb-btn-group .sb-btn-primary:last-child:not(:first-child),
.sb-btn-group-rtl.sb-btn-group .sb-btn-primary + .sb-btn-primary {
  border-right-color: var(--sb-primary-5);
  border-left-color: #d9d9d9;
}

.sb-btn-group-rtl.sb-btn-group .sb-btn-primary:last-child:not(:first-child)[disabled],
.sb-btn-group-rtl.sb-btn-group .sb-btn-primary + .sb-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: var(--sb-primary-5);
}

.sb-btn-rtl.sb-btn > .sb-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}

.sb-btn-rtl.sb-btn > .anticon + span,
.sb-btn-rtl.sb-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}

.sb-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  background: #fff;
}

.sb-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}

.sb-picker-calendar-header .sb-picker-calendar-year-select {
  min-width: 80px;
}

.sb-picker-calendar-header .sb-picker-calendar-month-select {
  min-width: 70px;
  margin-left: 8px;
}

.sb-picker-calendar-header .sb-picker-calendar-mode-switch {
  margin-left: 8px;
}

.sb-picker-calendar .sb-picker-panel {
  background: #fff;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0;
}

.sb-picker-calendar .sb-picker-panel .sb-picker-month-panel,
.sb-picker-calendar .sb-picker-panel .sb-picker-date-panel {
  width: auto;
}

.sb-picker-calendar .sb-picker-panel .sb-picker-body {
  padding: 8px 0;
}

.sb-picker-calendar .sb-picker-panel .sb-picker-content {
  width: 100%;
}

.sb-picker-calendar-mini {
  border-radius: 2px;
}

.sb-picker-calendar-mini .sb-picker-calendar-header {
  padding-right: 8px;
  padding-left: 8px;
}

.sb-picker-calendar-mini .sb-picker-panel {
  border-radius: 0 0 2px 2px;
}

.sb-picker-calendar-mini .sb-picker-content {
  height: 256px;
}

.sb-picker-calendar-mini .sb-picker-content th {
  height: auto;
  padding: 0;
  line-height: 18px;
}

.sb-picker-calendar-mini .sb-picker-cell::before {
  pointer-events: none;
}

.sb-picker-calendar-full .sb-picker-panel {
  display: block;
  width: 100%;
  text-align: right;
  background: #fff;
  border: 0;
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-body th,
.sb-picker-calendar-full .sb-picker-panel .sb-picker-body td {
  padding: 0;
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-body th {
  height: auto;
  padding: 0 12px 5px 0;
  line-height: 18px;
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell::before {
  display: none;
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell:hover .sb-picker-calendar-date {
  background: #f5f5f5;
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell .sb-picker-calendar-date-today::before {
  display: none;
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell-selected .sb-picker-calendar-date,
.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell-selected:hover .sb-picker-calendar-date,
.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell-selected .sb-picker-calendar-date-today,
.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell-selected:hover .sb-picker-calendar-date-today {
  background: var(--sb-primary-1);
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell-selected .sb-picker-calendar-date .sb-picker-calendar-date-value,
.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell-selected:hover .sb-picker-calendar-date .sb-picker-calendar-date-value,
.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell-selected .sb-picker-calendar-date-today .sb-picker-calendar-date-value,
.sb-picker-calendar-full .sb-picker-panel .sb-picker-cell-selected:hover .sb-picker-calendar-date-today .sb-picker-calendar-date-value {
  color: var(--sb-primary-color);
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid rgba(0, 0, 0, 0.06);
  border-radius: 0;
  transition: background 0.3s;
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}

.sb-picker-calendar-full .sb-picker-panel .sb-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;
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-calendar-date-today {
  border-color: var(--sb-primary-color);
}

.sb-picker-calendar-full .sb-picker-panel .sb-picker-calendar-date-today .sb-picker-calendar-date-value {
  color: rgba(0, 0, 0, 0.85);
}

@media only screen and (max-width: 480px) {
  .sb-picker-calendar-header {
    display: block;
  }
  .sb-picker-calendar-header .sb-picker-calendar-year-select {
    width: 50%;
  }
  .sb-picker-calendar-header .sb-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .sb-picker-calendar-header .sb-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .sb-picker-calendar-header .sb-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.sb-picker-calendar-rtl {
  direction: rtl;
}

.sb-picker-calendar-rtl .sb-picker-calendar-header .sb-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}

.sb-picker-calendar-rtl .sb-picker-calendar-header .sb-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}

.sb-picker-calendar-rtl.sb-picker-calendar-full .sb-picker-panel {
  text-align: left;
}

.sb-picker-calendar-rtl.sb-picker-calendar-full .sb-picker-panel .sb-picker-body th {
  padding: 0 0 5px 12px;
}

.sb-picker-calendar-rtl.sb-picker-calendar-full .sb-picker-panel .sb-picker-calendar-date-content {
  text-align: right;
}

.sb-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  background: #fff;
  border-radius: 2px;
}

.sb-card-rtl {
  direction: rtl;
}

.sb-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}

.sb-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);
}

.sb-card-bordered {
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-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 rgba(0, 0, 0, 0.06);
  border-radius: 2px 2px 0 0;
}

.sb-card-head::before {
  display: table;
  content: "";
}

.sb-card-head::after {
  display: table;
  clear: both;
  content: "";
}

.sb-card-head::before {
  display: table;
  content: "";
}

.sb-card-head::after {
  display: table;
  clear: both;
  content: "";
}

.sb-card-head-wrapper {
  display: flex;
  align-items: center;
}

.sb-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sb-card-head-title > .sb-typography,
.sb-card-head-title > .sb-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.sb-card-head .sb-tabs-top {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}

.sb-card-head .sb-tabs-top-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-card-extra {
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}

.sb-card-rtl .sb-card-extra {
  margin-right: auto;
  margin-left: 0;
}

.sb-card-body {
  padding: 24px;
}

.sb-card-body::before {
  display: table;
  content: "";
}

.sb-card-body::after {
  display: table;
  clear: both;
  content: "";
}

.sb-card-body::before {
  display: table;
  content: "";
}

.sb-card-body::after {
  display: table;
  clear: both;
  content: "";
}

.sb-card-contain-grid .sb-card-body {
  display: flex;
  flex-wrap: wrap;
}

.sb-card-contain-grid:not(.sb-card-loading) .sb-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}

.sb-card-grid {
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.06), 1px 1px 0 0 rgba(0, 0, 0, 0.06), 1px 0 0 0 rgba(0, 0, 0, 0.06) inset, 0 1px 0 0 rgba(0, 0, 0, 0.06) inset;
  transition: all 0.3s;
}

.sb-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);
}

.sb-card-contain-tabs > .sb-card-head .sb-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}

.sb-card-contain-tabs > .sb-card-head .sb-card-extra {
  padding-bottom: 0;
}

.sb-card-bordered .sb-card-cover {
  margin-top: -1px;
  margin-right: -1px;
  margin-left: -1px;
}

.sb-card-cover > * {
  display: block;
  width: 100%;
}

.sb-card-cover img {
  border-radius: 2px 2px 0 0;
}

.sb-card-actions {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-card-actions::before {
  display: table;
  content: "";
}

.sb-card-actions::after {
  display: table;
  clear: both;
  content: "";
}

.sb-card-actions::before {
  display: table;
  content: "";
}

.sb-card-actions::after {
  display: table;
  clear: both;
  content: "";
}

.sb-card-actions > li {
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}

.sb-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.5715;
  cursor: pointer;
}

.sb-card-actions > li > span:hover {
  color: var(--sb-primary-color);
  transition: color 0.3s;
}

.sb-card-actions > li > span a:not(.sb-btn),
.sb-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}

.sb-card-actions > li > span a:not(.sb-btn):hover,
.sb-card-actions > li > span > .anticon:hover {
  color: var(--sb-primary-color);
}

.sb-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}

.sb-card-actions > li:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-card-rtl .sb-card-actions > li:not(:last-child) {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-card-type-inner .sb-card-head {
  padding: 0 24px;
  background: #fafafa;
}

.sb-card-type-inner .sb-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}

.sb-card-type-inner .sb-card-body {
  padding: 16px 24px;
}

.sb-card-type-inner .sb-card-extra {
  padding: 13.5px 0;
}

.sb-card-meta {
  display: flex;
  margin: -4px 0;
}

.sb-card-meta::before {
  display: table;
  content: "";
}

.sb-card-meta::after {
  display: table;
  clear: both;
  content: "";
}

.sb-card-meta::before {
  display: table;
  content: "";
}

.sb-card-meta::after {
  display: table;
  clear: both;
  content: "";
}

.sb-card-meta-avatar {
  padding-right: 16px;
}

.sb-card-rtl .sb-card-meta-avatar {
  padding-right: 0;
  padding-left: 16px;
}

.sb-card-meta-detail {
  overflow: hidden;
}

.sb-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}

.sb-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sb-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}

.sb-card-loading {
  overflow: hidden;
}

.sb-card-loading .sb-card-body {
  user-select: none;
}

.sb-card-small > .sb-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}

.sb-card-small > .sb-card-head > .sb-card-head-wrapper > .sb-card-head-title {
  padding: 8px 0;
}

.sb-card-small > .sb-card-head > .sb-card-head-wrapper > .sb-card-extra {
  padding: 8px 0;
  font-size: 14px;
}

.sb-card-small > .sb-card-body {
  padding: 12px;
}

.sb-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
}

.sb-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.sb-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.sb-carousel .slick-list:focus {
  outline: none;
}

.sb-carousel .slick-list.dragging {
  cursor: pointer;
}

.sb-carousel .slick-list .slick-slide {
  pointer-events: none;
}

.sb-carousel .slick-list .slick-slide input.sb-radio-input,
.sb-carousel .slick-list .slick-slide input.sb-checkbox-input {
  visibility: hidden;
}

.sb-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}

.sb-carousel .slick-list .slick-slide.slick-active input.sb-radio-input,
.sb-carousel .slick-list .slick-slide.slick-active input.sb-checkbox-input {
  visibility: visible;
}

.sb-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}

.sb-carousel .slick-slider .slick-track,
.sb-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  touch-action: pan-y;
}

.sb-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.sb-carousel .slick-track::before,
.sb-carousel .slick-track::after {
  display: table;
  content: "";
}

.sb-carousel .slick-track::after {
  clear: both;
}

.slick-loading .sb-carousel .slick-track {
  visibility: hidden;
}

.sb-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.sb-carousel .slick-slide img {
  display: block;
}

.sb-carousel .slick-slide.slick-loading img {
  display: none;
}

.sb-carousel .slick-slide.dragging img {
  pointer-events: none;
}

.sb-carousel .slick-initialized .slick-slide {
  display: block;
}

.sb-carousel .slick-loading .slick-slide {
  visibility: hidden;
}

.sb-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.sb-carousel .slick-arrow.slick-hidden {
  display: none;
}

.sb-carousel .slick-prev,
.sb-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;
}

.sb-carousel .slick-prev:hover,
.sb-carousel .slick-next:hover,
.sb-carousel .slick-prev:focus,
.sb-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}

.sb-carousel .slick-prev:hover::before,
.sb-carousel .slick-next:hover::before,
.sb-carousel .slick-prev:focus::before,
.sb-carousel .slick-next:focus::before {
  opacity: 1;
}

.sb-carousel .slick-prev.slick-disabled::before,
.sb-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}

.sb-carousel .slick-prev {
  left: -25px;
}

.sb-carousel .slick-prev::before {
  content: "←";
}

.sb-carousel .slick-next {
  right: -25px;
}

.sb-carousel .slick-next::before {
  content: "→";
}

.sb-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;
}

.sb-carousel .slick-dots-bottom {
  bottom: 12px;
}

.sb-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}

.sb-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;
}

.sb-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;
}

.sb-carousel .slick-dots li button:hover,
.sb-carousel .slick-dots li button:focus {
  opacity: 0.75;
}

.sb-carousel .slick-dots li.slick-active {
  width: 24px;
}

.sb-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}

.sb-carousel .slick-dots li.slick-active:hover,
.sb-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}

.sb-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}

.sb-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}

.sb-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}

.sb-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 2px;
  vertical-align: baseline;
}

.sb-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}

.sb-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}

.sb-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

.sb-carousel-rtl {
  direction: rtl;
}

.sb-carousel-rtl .sb-carousel .slick-track {
  right: 0;
  left: auto;
}

.sb-carousel-rtl .sb-carousel .slick-prev {
  right: -25px;
  left: auto;
}

.sb-carousel-rtl .sb-carousel .slick-prev::before {
  content: "→";
}

.sb-carousel-rtl .sb-carousel .slick-next {
  right: auto;
  left: -25px;
}

.sb-carousel-rtl .sb-carousel .slick-next::before {
  content: "←";
}

.sb-carousel-rtl.sb-carousel .slick-dots {
  flex-direction: row-reverse;
}

.sb-carousel-rtl.sb-carousel-vertical .slick-dots {
  flex-direction: column;
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.sb-cascader-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.sb-cascader-checkbox-wrapper:hover .sb-cascader-checkbox-inner,
.sb-cascader-checkbox:hover .sb-cascader-checkbox-inner,
.sb-cascader-checkbox-input:focus + .sb-cascader-checkbox-inner {
  border-color: var(--sb-primary-color);
}

.sb-cascader-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--sb-primary-color);
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: "";
}

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

.sb-cascader-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;
}

.sb-cascader-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  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: " ";
}

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

.sb-cascader-checkbox-checked .sb-cascader-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: " ";
}

.sb-cascader-checkbox-checked .sb-cascader-checkbox-inner {
  background-color: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
}

.sb-cascader-checkbox-disabled {
  cursor: not-allowed;
}

.sb-cascader-checkbox-disabled.sb-cascader-checkbox-checked .sb-cascader-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}

.sb-cascader-checkbox-disabled .sb-cascader-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}

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

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

.sb-cascader-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

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

.sb-cascader-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}

.sb-cascader-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: " ";
}

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

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

.sb-cascader-checkbox-wrapper.sb-cascader-checkbox-wrapper-in-form-item input[type=checkbox] {
  width: 14px;
  height: 14px;
}

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

.sb-cascader-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
}

.sb-cascader-checkbox-group-item {
  margin-right: 8px;
}

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

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

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

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

.sb-cascader-checkbox-indeterminate.sb-cascader-checkbox-disabled .sb-cascader-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.sb-cascader-checkbox-rtl {
  direction: rtl;
}

.sb-cascader-checkbox-group-rtl .sb-cascader-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}

.sb-cascader-checkbox-group-rtl .sb-cascader-checkbox-group-item:last-child {
  margin-left: 0 !important;
}

.sb-cascader-checkbox-group-rtl .sb-cascader-checkbox-group-item + .sb-cascader-checkbox-group-item {
  margin-left: 8px;
}

.sb-cascader {
  width: 184px;
}

.sb-cascader-checkbox {
  top: 0;
  margin-right: 8px;
}

.sb-cascader-menus {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.sb-cascader-menus.sb-cascader-menu-empty .sb-cascader-menu {
  width: 100%;
  height: auto;
}

.sb-cascader-menu {
  flex-grow: 1;
  min-width: 111px;
  height: 180px;
  margin: 0;
  margin: -4px 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.sb-cascader-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 12px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}

.sb-cascader-menu-item:hover {
  background: #f5f5f5;
}

.sb-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-cascader-menu-item-disabled:hover {
  background: transparent;
}

.sb-cascader-menu-empty .sb-cascader-menu-item {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
  pointer-events: none;
}

.sb-cascader-menu-item-active:not(.sb-cascader-menu-item-disabled),
.sb-cascader-menu-item-active:not(.sb-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: var(--sb-primary-1);
}

.sb-cascader-menu-item-content {
  flex: auto;
}

.sb-cascader-menu-item-expand .sb-cascader-menu-item-expand-icon,
.sb-cascader-menu-item-loading-icon {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
}

.sb-cascader-menu-item-disabled.sb-cascader-menu-item-expand .sb-cascader-menu-item-expand-icon,
.sb-cascader-menu-item-disabled.sb-cascader-menu-item-loading-icon {
  color: rgba(0, 0, 0, 0.25);
}

.sb-cascader-menu-item-keyword {
  color: #ff4d4f;
}

.sb-cascader-rtl .sb-cascader-menu-item-expand-icon,
.sb-cascader-rtl .sb-cascader-menu-item-loading-icon {
  margin-right: 4px;
  margin-left: 0;
}

.sb-cascader-rtl .sb-cascader-checkbox {
  top: 0;
  margin-right: 0;
  margin-left: 8px;
}

.sb-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.sb-checkbox-wrapper:hover .sb-checkbox-inner,
.sb-checkbox:hover .sb-checkbox-inner,
.sb-checkbox-input:focus + .sb-checkbox-inner {
  border-color: var(--sb-primary-color);
}

.sb-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--sb-primary-color);
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: "";
}

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

.sb-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;
}

.sb-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  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: " ";
}

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

.sb-checkbox-checked .sb-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: " ";
}

.sb-checkbox-checked .sb-checkbox-inner {
  background-color: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
}

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

.sb-checkbox-disabled.sb-checkbox-checked .sb-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}

.sb-checkbox-disabled .sb-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}

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

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

.sb-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

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

.sb-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}

.sb-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: " ";
}

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

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

.sb-checkbox-wrapper.sb-checkbox-wrapper-in-form-item input[type=checkbox] {
  width: 14px;
  height: 14px;
}

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

.sb-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
}

.sb-checkbox-group-item {
  margin-right: 8px;
}

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

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

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

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

.sb-checkbox-indeterminate.sb-checkbox-disabled .sb-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.sb-checkbox-rtl {
  direction: rtl;
}

.sb-checkbox-group-rtl .sb-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}

.sb-checkbox-group-rtl .sb-checkbox-group-item:last-child {
  margin-left: 0 !important;
}

.sb-checkbox-group-rtl .sb-checkbox-group-item + .sb-checkbox-group-item {
  margin-left: 8px;
}

.sb-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 2px;
}

.sb-collapse > .sb-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}

.sb-collapse > .sb-collapse-item:last-child,
.sb-collapse > .sb-collapse-item:last-child > .sb-collapse-header {
  border-radius: 0 0 2px 2px;
}

.sb-collapse > .sb-collapse-item > .sb-collapse-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s, visibility 0s;
}

.sb-collapse > .sb-collapse-item > .sb-collapse-header .sb-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  vertical-align: -1px;
}

.sb-collapse > .sb-collapse-item > .sb-collapse-header .sb-collapse-arrow svg {
  transition: transform 0.24s;
}

.sb-collapse > .sb-collapse-item > .sb-collapse-header .sb-collapse-header-text {
  flex: auto;
}

.sb-collapse > .sb-collapse-item > .sb-collapse-header .sb-collapse-extra {
  margin-left: auto;
}

.sb-collapse > .sb-collapse-item > .sb-collapse-header:focus {
  outline: none;
}

.sb-collapse > .sb-collapse-item .sb-collapse-header-collapsible-only {
  cursor: default;
}

.sb-collapse > .sb-collapse-item .sb-collapse-header-collapsible-only .sb-collapse-header-text {
  flex: none;
  cursor: pointer;
}

.sb-collapse > .sb-collapse-item.sb-collapse-no-arrow > .sb-collapse-header {
  padding-left: 12px;
}

.sb-collapse-icon-position-end > .sb-collapse-item > .sb-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-right: 40px;
}

.sb-collapse-icon-position-end > .sb-collapse-item > .sb-collapse-header .sb-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}

.sb-collapse-content {
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}

.sb-collapse-content > .sb-collapse-content-box {
  padding: 16px;
}

.sb-collapse-content-hidden {
  display: none;
}

.sb-collapse-item:last-child > .sb-collapse-content {
  border-radius: 0 0 2px 2px;
}

.sb-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}

.sb-collapse-borderless > .sb-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}

.sb-collapse-borderless > .sb-collapse-item:last-child,
.sb-collapse-borderless > .sb-collapse-item:last-child .sb-collapse-header {
  border-radius: 0;
}

.sb-collapse-borderless > .sb-collapse-item:last-child {
  border-bottom: 0;
}

.sb-collapse-borderless > .sb-collapse-item > .sb-collapse-content {
  background-color: transparent;
  border-top: 0;
}

.sb-collapse-borderless > .sb-collapse-item > .sb-collapse-content > .sb-collapse-content-box {
  padding-top: 4px;
}

.sb-collapse-ghost {
  background-color: transparent;
  border: 0;
}

.sb-collapse-ghost > .sb-collapse-item {
  border-bottom: 0;
}

.sb-collapse-ghost > .sb-collapse-item > .sb-collapse-content {
  background-color: transparent;
  border-top: 0;
}

.sb-collapse-ghost > .sb-collapse-item > .sb-collapse-content > .sb-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}

.sb-collapse .sb-collapse-item-disabled > .sb-collapse-header,
.sb-collapse .sb-collapse-item-disabled > .sb-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-collapse-rtl {
  direction: rtl;
}

.sb-collapse-rtl.sb-collapse.sb-collapse-icon-position-end > .sb-collapse-item > .sb-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
}

.sb-collapse-rtl.sb-collapse.sb-collapse-icon-position-end > .sb-collapse-item > .sb-collapse-header .sb-collapse-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  left: 16px;
  margin: 0;
  transform: translateY(-50%);
}

.sb-collapse-rtl .sb-collapse > .sb-collapse-item > .sb-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}

.sb-collapse-rtl.sb-collapse > .sb-collapse-item > .sb-collapse-header .sb-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}

.sb-collapse-rtl.sb-collapse > .sb-collapse-item > .sb-collapse-header .sb-collapse-arrow svg {
  transform: rotate(180deg);
}

.sb-collapse-rtl.sb-collapse > .sb-collapse-item > .sb-collapse-header .sb-collapse-extra {
  margin-right: auto;
  margin-left: 0;
}

.sb-collapse-rtl.sb-collapse > .sb-collapse-item.sb-collapse-no-arrow > .sb-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}

.sb-comment {
  position: relative;
  background-color: inherit;
}

.sb-comment-inner {
  display: flex;
  padding: 16px 0;
}

.sb-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}

.sb-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.sb-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}

.sb-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}

.sb-comment-content-author > a,
.sb-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}

.sb-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}

.sb-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}

.sb-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}

.sb-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}

.sb-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}

.sb-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}

.sb-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}

.sb-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  user-select: none;
}

.sb-comment-actions > li > span:hover {
  color: #595959;
}

.sb-comment-nested {
  margin-left: 44px;
}

.sb-comment-rtl {
  direction: rtl;
}

.sb-comment-rtl .sb-comment-avatar {
  margin-right: 0;
  margin-left: 12px;
}

.sb-comment-rtl .sb-comment-content-author > a,
.sb-comment-rtl .sb-comment-content-author > span {
  padding-right: 0;
  padding-left: 8px;
}

.sb-comment-rtl .sb-comment-actions {
  padding-right: 0;
}

.sb-comment-rtl .sb-comment-actions > li > span {
  margin-right: 0;
  margin-left: 10px;
}

.sb-comment-rtl .sb-comment-nested {
  margin-right: 44px;
  margin-left: 0;
}

.sb-picker-status-error.sb-picker,
.sb-picker-status-error.sb-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: var(--sb-error-color);
}

.sb-picker-status-error.sb-picker-focused,
.sb-picker-status-error.sb-picker:focus {
  border-color: var(--sb-error-color-hover);
  box-shadow: 0 0 0 2px var(--sb-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-picker-status-error.sb-picker .sb-picker-active-bar {
  background: var(--sb-error-color-hover);
}

.sb-picker-status-warning.sb-picker,
.sb-picker-status-warning.sb-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: var(--sb-warning-color);
}

.sb-picker-status-warning.sb-picker-focused,
.sb-picker-status-warning.sb-picker:focus {
  border-color: var(--sb-warning-color-hover);
  box-shadow: 0 0 0 2px var(--sb-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-picker-status-warning.sb-picker .sb-picker-active-bar {
  background: var(--sb-warning-color-hover);
}

.sb-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  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;
}

.sb-picker:hover,
.sb-picker-focused {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-picker:hover,
.sb-input-rtl .sb-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-picker-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-picker.sb-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.sb-picker.sb-picker-disabled .sb-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}

.sb-picker.sb-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.sb-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.sb-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;
}

.sb-picker-input > input::placeholder {
  color: #bfbfbf;
  user-select: none;
}

.sb-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}

.sb-picker-input > input:hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-picker-input > input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-picker-input > input:focus,
.sb-picker-input > input-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-picker-input > input:focus,
.sb-input-rtl .sb-picker-input > input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-picker-input > input-borderless,
.sb-picker-input > input-borderless:hover,
.sb-picker-input > input-borderless:focus,
.sb-picker-input > input-borderless-focused,
.sb-picker-input > input-borderless-disabled,
.sb-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

textarea.sb-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.sb-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-picker-input > input-sm {
  padding: 0px 7px;
}

.sb-picker-input > input-rtl {
  direction: rtl;
}

.sb-picker-input > input:focus {
  box-shadow: none;
}

.sb-picker-input > input[disabled] {
  background: transparent;
}

.sb-picker-input:hover .sb-picker-clear {
  opacity: 1;
}

.sb-picker-input-placeholder > input {
  color: #bfbfbf;
}

.sb-picker-large {
  padding: 6.5px 11px 6.5px;
}

.sb-picker-large .sb-picker-input > input {
  font-size: 16px;
}

.sb-picker-small {
  padding: 0px 7px 0px;
}

.sb-picker-suffix {
  display: flex;
  flex: none;
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}

.sb-picker-suffix > * {
  vertical-align: top;
}

.sb-picker-suffix > *:not(:last-child) {
  margin-right: 8px;
}

.sb-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;
}

.sb-picker-clear > * {
  vertical-align: top;
}

.sb-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}

.sb-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;
}

.sb-picker-focused .sb-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}

.sb-picker-disabled .sb-picker-range-separator .sb-picker-separator {
  cursor: not-allowed;
}

.sb-picker-range {
  position: relative;
  display: inline-flex;
}

.sb-picker-range .sb-picker-clear {
  right: 11px;
}

.sb-picker-range:hover .sb-picker-clear {
  opacity: 1;
}

.sb-picker-range .sb-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: var(--sb-primary-color);
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}

.sb-picker-range.sb-picker-focused .sb-picker-active-bar {
  opacity: 1;
}

.sb-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1;
}

.sb-picker-range.sb-picker-small .sb-picker-clear {
  right: 7px;
}

.sb-picker-range.sb-picker-small .sb-picker-active-bar {
  margin-left: 7px;
}

.sb-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
}

.sb-picker-dropdown-hidden {
  display: none;
}

.sb-picker-dropdown-placement-bottomLeft .sb-picker-range-arrow {
  top: 2.58561808px;
  display: block;
  transform: rotate(-135deg) translateY(1px);
}

.sb-picker-dropdown-placement-topLeft .sb-picker-range-arrow {
  bottom: 2.58561808px;
  display: block;
  transform: rotate(45deg);
}

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

.sb-picker-dropdown.sb-slide-up-enter.sb-slide-up-enter-active.sb-picker-dropdown-placement-bottomLeft,
.sb-picker-dropdown.sb-slide-up-enter.sb-slide-up-enter-active.sb-picker-dropdown-placement-bottomRight,
.sb-picker-dropdown.sb-slide-up-appear.sb-slide-up-appear-active.sb-picker-dropdown-placement-bottomLeft,
.sb-picker-dropdown.sb-slide-up-appear.sb-slide-up-appear-active.sb-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}

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

.sb-picker-dropdown.sb-slide-up-leave.sb-slide-up-leave-active.sb-picker-dropdown-placement-bottomLeft,
.sb-picker-dropdown.sb-slide-up-leave.sb-slide-up-leave-active.sb-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}

.sb-picker-dropdown-range {
  padding: 7.54247233px 0;
}

.sb-picker-dropdown-range-hidden {
  display: none;
}

.sb-picker-dropdown .sb-picker-panel > .sb-picker-time-panel {
  padding-top: 4px;
}

.sb-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}

.sb-picker-ranges > li {
  display: inline-block;
}

.sb-picker-ranges .sb-picker-preset > .sb-tag-blue {
  color: var(--sb-primary-color);
  background: var(--sb-primary-1);
  border-color: var(--sb-primary-3);
  cursor: pointer;
}

.sb-picker-ranges .sb-picker-ok {
  float: right;
  margin-left: 8px;
}

.sb-picker-range-wrapper {
  display: flex;
}

.sb-picker-range-arrow {
  position: absolute;
  z-index: 1;
  display: none;
  width: 11.3137085px;
  height: 11.3137085px;
  margin-left: 16.5px;
  box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  transition: left 0.3s ease-out;
  border-radius: 0 0 2px;
  pointer-events: none;
}

.sb-picker-range-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: "";
  clip-path: inset(33% 33%);
  clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
}

.sb-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;
}

.sb-picker-panel-container .sb-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}

.sb-picker-panel-container .sb-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.sb-picker-panel-container .sb-picker-panel .sb-picker-content,
.sb-picker-panel-container .sb-picker-panel table {
  text-align: center;
}

.sb-picker-panel-container .sb-picker-panel-focused {
  border-color: rgba(0, 0, 0, 0.06);
}

.sb-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  outline: none;
}

.sb-picker-panel-focused {
  border-color: var(--sb-primary-color);
}

.sb-picker-decade-panel,
.sb-picker-year-panel,
.sb-picker-quarter-panel,
.sb-picker-month-panel,
.sb-picker-week-panel,
.sb-picker-date-panel,
.sb-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}

.sb-picker-header {
  display: flex;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-picker-header > * {
  flex: none;
}

.sb-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;
}

.sb-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}

.sb-picker-header > button:hover {
  color: rgba(0, 0, 0, 0.85);
}

.sb-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}

.sb-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}

.sb-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}

.sb-picker-header-view button:hover {
  color: var(--sb-primary-color);
}

.sb-picker-prev-icon,
.sb-picker-next-icon,
.sb-picker-super-prev-icon,
.sb-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}

.sb-picker-prev-icon::before,
.sb-picker-next-icon::before,
.sb-picker-super-prev-icon::before,
.sb-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: "";
}

.sb-picker-super-prev-icon::after,
.sb-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: "";
}

.sb-picker-prev-icon,
.sb-picker-super-prev-icon {
  transform: rotate(-45deg);
}

.sb-picker-next-icon,
.sb-picker-super-next-icon {
  transform: rotate(135deg);
}

.sb-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.sb-picker-content th,
.sb-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}

.sb-picker-content th {
  height: 30px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 30px;
}

.sb-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.sb-picker-cell-in-view {
  color: rgba(0, 0, 0, 0.85);
}

.sb-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: "";
}

.sb-picker-cell .sb-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;
}

.sb-picker-cell:hover:not(.sb-picker-cell-in-view) .sb-picker-cell-inner,
.sb-picker-cell:hover:not(.sb-picker-cell-selected):not(.sb-picker-cell-range-start):not(.sb-picker-cell-range-end):not(.sb-picker-cell-range-hover-start):not(.sb-picker-cell-range-hover-end) .sb-picker-cell-inner {
  background: #f5f5f5;
}

.sb-picker-cell-in-view.sb-picker-cell-today .sb-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid var(--sb-primary-color);
  border-radius: 2px;
  content: "";
}

.sb-picker-cell-in-view.sb-picker-cell-in-range {
  position: relative;
}

.sb-picker-cell-in-view.sb-picker-cell-in-range::before {
  background: var(--sb-primary-1);
}

.sb-picker-cell-in-view.sb-picker-cell-selected .sb-picker-cell-inner,
.sb-picker-cell-in-view.sb-picker-cell-range-start .sb-picker-cell-inner,
.sb-picker-cell-in-view.sb-picker-cell-range-end .sb-picker-cell-inner {
  color: #fff;
  background: var(--sb-primary-color);
}

.sb-picker-cell-in-view.sb-picker-cell-range-start:not(.sb-picker-cell-range-start-single)::before,
.sb-picker-cell-in-view.sb-picker-cell-range-end:not(.sb-picker-cell-range-end-single)::before {
  background: var(--sb-primary-1);
}

.sb-picker-cell-in-view.sb-picker-cell-range-start::before {
  left: 50%;
}

.sb-picker-cell-in-view.sb-picker-cell-range-end::before {
  right: 50%;
}

.sb-picker-cell-in-view.sb-picker-cell-range-hover-start:not(.sb-picker-cell-in-range):not(.sb-picker-cell-range-start):not(.sb-picker-cell-range-end)::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-end:not(.sb-picker-cell-in-range):not(.sb-picker-cell-range-start):not(.sb-picker-cell-range-end)::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-start.sb-picker-cell-range-start-single::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-start.sb-picker-cell-range-start.sb-picker-cell-range-end.sb-picker-cell-range-end-near-hover::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-end.sb-picker-cell-range-start.sb-picker-cell-range-end.sb-picker-cell-range-start-near-hover::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-end.sb-picker-cell-range-end-single::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover:not(.sb-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-bottom: 1px dashed var(--sb-primary-color-deprecated-l-20);
  transform: translateY(-50%);
  transition: all 0.3s;
  content: "";
}

.sb-picker-cell-range-hover-start::after,
.sb-picker-cell-range-hover-end::after,
.sb-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}

.sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover::before,
.sb-picker-cell-in-view.sb-picker-cell-range-start.sb-picker-cell-range-hover::before,
.sb-picker-cell-in-view.sb-picker-cell-range-end.sb-picker-cell-range-hover::before,
.sb-picker-cell-in-view.sb-picker-cell-range-start:not(.sb-picker-cell-range-start-single).sb-picker-cell-range-hover-start::before,
.sb-picker-cell-in-view.sb-picker-cell-range-end:not(.sb-picker-cell-range-end-single).sb-picker-cell-range-hover-end::before,
.sb-picker-panel > :not(.sb-picker-date-panel) .sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover-start::before,
.sb-picker-panel > :not(.sb-picker-date-panel) .sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover-end::before {
  background: var(--sb-primary-color-deprecated-l-35);
}

.sb-picker-cell-in-view.sb-picker-cell-range-start:not(.sb-picker-cell-range-start-single):not(.sb-picker-cell-range-end) .sb-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}

.sb-picker-cell-in-view.sb-picker-cell-range-end:not(.sb-picker-cell-range-end-single):not(.sb-picker-cell-range-start) .sb-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}

.sb-picker-date-panel .sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover-start .sb-picker-cell-inner::after,
.sb-picker-date-panel .sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover-end .sb-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: var(--sb-primary-color-deprecated-l-35);
  transition: all 0.3s;
  content: "";
}

.sb-picker-date-panel .sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover-start .sb-picker-cell-inner::after {
  right: -6px;
  left: 0;
}

.sb-picker-date-panel .sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover-end .sb-picker-cell-inner::after {
  right: 0;
  left: -6px;
}

.sb-picker-cell-range-hover.sb-picker-cell-range-start::after {
  right: 50%;
}

.sb-picker-cell-range-hover.sb-picker-cell-range-end::after {
  left: 50%;
}

tr > .sb-picker-cell-in-view.sb-picker-cell-range-hover:first-child::after,
tr > .sb-picker-cell-in-view.sb-picker-cell-range-hover-end:first-child::after,
.sb-picker-cell-in-view.sb-picker-cell-start.sb-picker-cell-range-hover-edge-start.sb-picker-cell-range-hover-edge-start-near-range::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-edge-start:not(.sb-picker-cell-range-hover-edge-start-near-range)::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

tr > .sb-picker-cell-in-view.sb-picker-cell-range-hover:last-child::after,
tr > .sb-picker-cell-in-view.sb-picker-cell-range-hover-start:last-child::after,
.sb-picker-cell-in-view.sb-picker-cell-end.sb-picker-cell-range-hover-edge-end.sb-picker-cell-range-hover-edge-end-near-range::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-edge-end:not(.sb-picker-cell-range-hover-edge-end-near-range)::after,
.sb-picker-cell-in-view.sb-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.sb-picker-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}

.sb-picker-cell-disabled .sb-picker-cell-inner {
  background: transparent;
}

.sb-picker-cell-disabled::before {
  background: rgba(0, 0, 0, 0.04);
}

.sb-picker-cell-disabled.sb-picker-cell-today .sb-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}

.sb-picker-decade-panel .sb-picker-content,
.sb-picker-year-panel .sb-picker-content,
.sb-picker-quarter-panel .sb-picker-content,
.sb-picker-month-panel .sb-picker-content {
  height: 264px;
}

.sb-picker-decade-panel .sb-picker-cell-inner,
.sb-picker-year-panel .sb-picker-cell-inner,
.sb-picker-quarter-panel .sb-picker-cell-inner,
.sb-picker-month-panel .sb-picker-cell-inner {
  padding: 0 8px;
}

.sb-picker-quarter-panel .sb-picker-content {
  height: 56px;
}

.sb-picker-footer {
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}

.sb-picker-panel .sb-picker-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}

.sb-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-picker-now {
  text-align: left;
}

.sb-picker-today-btn {
  color: var(--sb-primary-color);
}

.sb-picker-today-btn:hover {
  color: var(--sb-primary-color-hover);
}

.sb-picker-today-btn:active {
  color: var(--sb-primary-color-active);
}

.sb-picker-today-btn.sb-picker-today-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-picker-decade-panel .sb-picker-cell-inner {
  padding: 0 4px;
}

.sb-picker-decade-panel .sb-picker-cell::before {
  display: none;
}

.sb-picker-year-panel .sb-picker-body,
.sb-picker-quarter-panel .sb-picker-body,
.sb-picker-month-panel .sb-picker-body {
  padding: 0 8px;
}

.sb-picker-year-panel .sb-picker-cell-inner,
.sb-picker-quarter-panel .sb-picker-cell-inner,
.sb-picker-month-panel .sb-picker-cell-inner {
  width: 60px;
}

.sb-picker-year-panel .sb-picker-cell-range-hover-start::after,
.sb-picker-quarter-panel .sb-picker-cell-range-hover-start::after,
.sb-picker-month-panel .sb-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-radius: 2px 0 0 2px;
}

.sb-picker-panel-rtl .sb-picker-year-panel .sb-picker-cell-range-hover-start::after,
.sb-picker-panel-rtl .sb-picker-quarter-panel .sb-picker-cell-range-hover-start::after,
.sb-picker-panel-rtl .sb-picker-month-panel .sb-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-radius: 0 2px 2px 0;
}

.sb-picker-year-panel .sb-picker-cell-range-hover-end::after,
.sb-picker-quarter-panel .sb-picker-cell-range-hover-end::after,
.sb-picker-month-panel .sb-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-radius: 0 2px 2px 0;
}

.sb-picker-panel-rtl .sb-picker-year-panel .sb-picker-cell-range-hover-end::after,
.sb-picker-panel-rtl .sb-picker-quarter-panel .sb-picker-cell-range-hover-end::after,
.sb-picker-panel-rtl .sb-picker-month-panel .sb-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-radius: 2px 0 0 2px;
}

.sb-picker-week-panel .sb-picker-body {
  padding: 8px 12px;
}

.sb-picker-week-panel .sb-picker-cell:hover .sb-picker-cell-inner,
.sb-picker-week-panel .sb-picker-cell-selected .sb-picker-cell-inner,
.sb-picker-week-panel .sb-picker-cell .sb-picker-cell-inner {
  background: transparent !important;
}

.sb-picker-week-panel-row td {
  transition: background 0.3s;
}

.sb-picker-week-panel-row:hover td {
  background: #f5f5f5;
}

.sb-picker-week-panel-row-selected td,
.sb-picker-week-panel-row-selected:hover td {
  background: var(--sb-primary-color);
}

.sb-picker-week-panel-row-selected td.sb-picker-cell-week,
.sb-picker-week-panel-row-selected:hover td.sb-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}

.sb-picker-week-panel-row-selected td.sb-picker-cell-today .sb-picker-cell-inner::before,
.sb-picker-week-panel-row-selected:hover td.sb-picker-cell-today .sb-picker-cell-inner::before {
  border-color: #fff;
}

.sb-picker-week-panel-row-selected td .sb-picker-cell-inner,
.sb-picker-week-panel-row-selected:hover td .sb-picker-cell-inner {
  color: #fff;
}

.sb-picker-date-panel .sb-picker-body {
  padding: 8px 12px;
}

.sb-picker-date-panel .sb-picker-content {
  width: 252px;
}

.sb-picker-date-panel .sb-picker-content th {
  width: 36px;
}

.sb-picker-datetime-panel {
  display: flex;
}

.sb-picker-datetime-panel .sb-picker-time-panel {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-picker-datetime-panel .sb-picker-date-panel,
.sb-picker-datetime-panel .sb-picker-time-panel {
  transition: opacity 0.3s;
}

.sb-picker-datetime-panel-active .sb-picker-date-panel,
.sb-picker-datetime-panel-active .sb-picker-time-panel {
  opacity: 0.3;
}

.sb-picker-datetime-panel-active .sb-picker-date-panel-active,
.sb-picker-datetime-panel-active .sb-picker-time-panel-active {
  opacity: 1;
}

.sb-picker-time-panel {
  width: auto;
  min-width: auto;
}

.sb-picker-time-panel .sb-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}

.sb-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;
}

.sb-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: "";
}

.sb-picker-datetime-panel .sb-picker-time-panel-column::after {
  height: 198px;
}

.sb-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-picker-time-panel-column-active {
  background: var(--sb-primary-color-active-deprecated-f-30);
}

.sb-picker-time-panel-column:hover {
  overflow-y: auto;
}

.sb-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}

.sb-picker-time-panel-column > li.sb-picker-time-panel-cell .sb-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;
}

.sb-picker-time-panel-column > li.sb-picker-time-panel-cell .sb-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}

.sb-picker-time-panel-column > li.sb-picker-time-panel-cell-selected .sb-picker-time-panel-cell-inner {
  background: var(--sb-primary-1);
}

.sb-picker-time-panel-column > li.sb-picker-time-panel-cell-disabled .sb-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}

/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .sb-picker-range-wrapper .sb-picker-month-panel .sb-picker-cell,
:root .sb-picker-range-wrapper .sb-picker-month-panel .sb-picker-cell,
_:-ms-fullscreen .sb-picker-range-wrapper .sb-picker-year-panel .sb-picker-cell,
:root .sb-picker-range-wrapper .sb-picker-year-panel .sb-picker-cell {
  padding: 21px 0;
}

.sb-picker-rtl {
  direction: rtl;
}

.sb-picker-rtl .sb-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}

.sb-picker-rtl .sb-picker-clear {
  right: auto;
  left: 0;
}

.sb-picker-rtl .sb-picker-separator {
  transform: rotate(180deg);
}

.sb-picker-panel-rtl .sb-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}

.sb-picker-rtl.sb-picker-range .sb-picker-clear {
  right: auto;
  left: 11px;
}

.sb-picker-rtl.sb-picker-range .sb-picker-active-bar {
  margin-right: 11px;
  margin-left: 0;
}

.sb-picker-rtl.sb-picker-range.sb-picker-small .sb-picker-active-bar {
  margin-right: 7px;
}

.sb-picker-dropdown-rtl .sb-picker-ranges {
  text-align: right;
}

.sb-picker-dropdown-rtl .sb-picker-ranges .sb-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}

.sb-picker-panel-rtl {
  direction: rtl;
}

.sb-picker-panel-rtl .sb-picker-prev-icon,
.sb-picker-panel-rtl .sb-picker-super-prev-icon {
  transform: rotate(135deg);
}

.sb-picker-panel-rtl .sb-picker-next-icon,
.sb-picker-panel-rtl .sb-picker-super-next-icon {
  transform: rotate(-45deg);
}

.sb-picker-cell .sb-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;
}

.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}

.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}

.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-start.sb-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}

.sb-picker-panel-rtl .sb-picker-date-panel .sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover-start .sb-picker-cell-inner::after {
  right: 0;
  left: -6px;
}

.sb-picker-panel-rtl .sb-picker-date-panel .sb-picker-cell-in-view.sb-picker-cell-in-range.sb-picker-cell-range-hover-end .sb-picker-cell-inner::after {
  right: -6px;
  left: 0;
}

.sb-picker-panel-rtl .sb-picker-cell-range-hover.sb-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}

.sb-picker-panel-rtl .sb-picker-cell-range-hover.sb-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}

.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-start:not(.sb-picker-cell-range-start-single):not(.sb-picker-cell-range-end) .sb-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}

.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-end:not(.sb-picker-cell-range-end-single):not(.sb-picker-cell-range-start) .sb-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}

.sb-picker-panel-rtl tr > .sb-picker-cell-in-view.sb-picker-cell-range-hover:not(.sb-picker-cell-selected):first-child::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-start.sb-picker-cell-range-hover-edge-start.sb-picker-cell-range-hover-edge-start-near-range::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-hover-edge-start:not(.sb-picker-cell-range-hover-edge-start-near-range)::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-left: none;
  border-radius: 0 2px 2px 0;
}

.sb-picker-panel-rtl tr > .sb-picker-cell-in-view.sb-picker-cell-range-hover:not(.sb-picker-cell-selected):last-child::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-end.sb-picker-cell-range-hover-edge-end.sb-picker-cell-range-hover-edge-end-near-range::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-hover-edge-end:not(.sb-picker-cell-range-hover-edge-end-near-range)::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-range-hover-end::after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-radius: 2px 0 0 2px;
}

.sb-picker-panel-rtl tr > .sb-picker-cell-in-view.sb-picker-cell-range-hover-start:last-child::after,
.sb-picker-panel-rtl tr > .sb-picker-cell-in-view.sb-picker-cell-range-hover-end:first-child::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-start.sb-picker-cell-range-hover-edge-start:not(.sb-picker-cell-range-hover)::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-start.sb-picker-cell-range-hover-end.sb-picker-cell-range-hover-edge-start:not(.sb-picker-cell-range-hover)::after,
.sb-picker-panel-rtl .sb-picker-cell-in-view.sb-picker-cell-end.sb-picker-cell-range-hover-start.sb-picker-cell-range-hover-edge-end:not(.sb-picker-cell-range-hover)::after,
.sb-picker-panel-rtl tr > .sb-picker-cell-in-view.sb-picker-cell-start.sb-picker-cell-range-hover.sb-picker-cell-range-hover-edge-start:last-child::after,
.sb-picker-panel-rtl tr > .sb-picker-cell-in-view.sb-picker-cell-end.sb-picker-cell-range-hover.sb-picker-cell-range-hover-edge-end:first-child::after {
  right: 6px;
  left: 6px;
  border-right: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-left: 1px dashed var(--sb-primary-color-deprecated-l-20);
  border-radius: 2px;
}

.sb-picker-dropdown-rtl .sb-picker-footer-extra {
  direction: rtl;
  text-align: right;
}

.sb-picker-panel-rtl .sb-picker-time-panel {
  direction: ltr;
}

.sb-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.sb-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;
}

.sb-descriptions-extra {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}

.sb-descriptions-view {
  width: 100%;
  border-radius: 2px;
}

.sb-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}

.sb-descriptions-row > th,
.sb-descriptions-row > td {
  padding-bottom: 16px;
}

.sb-descriptions-row:last-child {
  border-bottom: none;
}

.sb-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
  text-align: start;
}

.sb-descriptions-item-label::after {
  content: ":";
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}

.sb-descriptions-item-label.sb-descriptions-item-no-colon::after {
  content: " ";
}

.sb-descriptions-item-no-label::after {
  margin: 0;
  content: "";
}

.sb-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;
}

.sb-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}

.sb-descriptions-item-container {
  display: flex;
}

.sb-descriptions-item-container .sb-descriptions-item-label,
.sb-descriptions-item-container .sb-descriptions-item-content {
  display: inline-flex;
  align-items: baseline;
}

.sb-descriptions-middle .sb-descriptions-row > th,
.sb-descriptions-middle .sb-descriptions-row > td {
  padding-bottom: 12px;
}

.sb-descriptions-small .sb-descriptions-row > th,
.sb-descriptions-small .sb-descriptions-row > td {
  padding-bottom: 8px;
}

.sb-descriptions-bordered .sb-descriptions-view {
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-descriptions-bordered .sb-descriptions-view > table {
  table-layout: auto;
  border-collapse: collapse;
}

.sb-descriptions-bordered .sb-descriptions-item-label,
.sb-descriptions-bordered .sb-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-descriptions-bordered .sb-descriptions-item-label:last-child,
.sb-descriptions-bordered .sb-descriptions-item-content:last-child {
  border-right: none;
}

.sb-descriptions-bordered .sb-descriptions-item-label {
  background-color: #fafafa;
}

.sb-descriptions-bordered .sb-descriptions-item-label::after {
  display: none;
}

.sb-descriptions-bordered .sb-descriptions-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-descriptions-bordered .sb-descriptions-row:last-child {
  border-bottom: none;
}

.sb-descriptions-bordered.sb-descriptions-middle .sb-descriptions-item-label,
.sb-descriptions-bordered.sb-descriptions-middle .sb-descriptions-item-content {
  padding: 12px 24px;
}

.sb-descriptions-bordered.sb-descriptions-small .sb-descriptions-item-label,
.sb-descriptions-bordered.sb-descriptions-small .sb-descriptions-item-content {
  padding: 8px 16px;
}

.sb-descriptions-rtl {
  direction: rtl;
}

.sb-descriptions-rtl .sb-descriptions-item-label::after {
  margin: 0 2px 0 8px;
}

.sb-descriptions-rtl.sb-descriptions-bordered .sb-descriptions-item-label,
.sb-descriptions-rtl.sb-descriptions-bordered .sb-descriptions-item-content {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-descriptions-rtl.sb-descriptions-bordered .sb-descriptions-item-label:last-child,
.sb-descriptions-rtl.sb-descriptions-bordered .sb-descriptions-item-content:last-child {
  border-left: none;
}

.sb-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-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);
}

.sb-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}

.sb-divider-horizontal.sb-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);
}

.sb-divider-horizontal.sb-divider-with-text::before,
.sb-divider-horizontal.sb-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: "";
}

.sb-divider-horizontal.sb-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}

.sb-divider-horizontal.sb-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}

.sb-divider-horizontal.sb-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}

.sb-divider-horizontal.sb-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}

.sb-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}

.sb-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}

.sb-divider-horizontal.sb-divider-with-text.sb-divider-dashed::before,
.sb-divider-horizontal.sb-divider-with-text.sb-divider-dashed::after {
  border-style: dashed none none;
}

.sb-divider-vertical.sb-divider-dashed {
  border-width: 0 0 0 1px;
}

.sb-divider-plain.sb-divider-with-text {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}

.sb-divider-horizontal.sb-divider-with-text-left.sb-divider-no-default-orientation-margin-left::before {
  width: 0;
}

.sb-divider-horizontal.sb-divider-with-text-left.sb-divider-no-default-orientation-margin-left::after {
  width: 100%;
}

.sb-divider-horizontal.sb-divider-with-text-left.sb-divider-no-default-orientation-margin-left .sb-divider-inner-text {
  padding-left: 0;
}

.sb-divider-horizontal.sb-divider-with-text-right.sb-divider-no-default-orientation-margin-right::before {
  width: 100%;
}

.sb-divider-horizontal.sb-divider-with-text-right.sb-divider-no-default-orientation-margin-right::after {
  width: 0;
}

.sb-divider-horizontal.sb-divider-with-text-right.sb-divider-no-default-orientation-margin-right .sb-divider-inner-text {
  padding-right: 0;
}

.sb-divider-rtl {
  direction: rtl;
}

.sb-divider-rtl.sb-divider-horizontal.sb-divider-with-text-left::before {
  width: 95%;
}

.sb-divider-rtl.sb-divider-horizontal.sb-divider-with-text-left::after {
  width: 5%;
}

.sb-divider-rtl.sb-divider-horizontal.sb-divider-with-text-right::before {
  width: 5%;
}

.sb-divider-rtl.sb-divider-horizontal.sb-divider-with-text-right::after {
  width: 95%;
}

.sb-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}

.sb-drawer-inline {
  position: absolute;
}

.sb-drawer-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}

.sb-drawer-content-wrapper {
  position: absolute;
  z-index: 1000;
  transition: all 0.3s;
}

.sb-drawer-content-wrapper-hidden {
  display: none;
}

.sb-drawer-left > .sb-drawer-content-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  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);
}

.sb-drawer-right > .sb-drawer-content-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  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);
}

.sb-drawer-top > .sb-drawer-content-wrapper {
  top: 0;
  right: 0;
  left: 0;
  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);
}

.sb-drawer-bottom > .sb-drawer-content-wrapper {
  right: 0;
  bottom: 0;
  left: 0;
  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);
}

.sb-drawer-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  pointer-events: auto;
}

.sb-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.sb-drawer-header {
  display: flex;
  flex: 0;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-drawer-header-title {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  min-height: 0;
}

.sb-drawer-extra {
  flex: 0;
}

.sb-drawer-close {
  display: inline-block;
  margin-right: 12px;
  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;
}

.sb-drawer-close:focus,
.sb-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.sb-drawer-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.sb-drawer-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 24px;
  overflow: auto;
}

.sb-drawer-footer {
  flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
  transition: none;
}

.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
  transition: all 0.3s;
}

.sb-drawer-mask-motion-enter-active,
.sb-drawer-mask-motion-appear-active,
.sb-drawer-mask-motion-leave-active {
  transition: all 0.3s;
}

.sb-drawer-mask-motion-enter,
.sb-drawer-mask-motion-appear {
  opacity: 0;
}

.sb-drawer-mask-motion-enter-active,
.sb-drawer-mask-motion-appear-active {
  opacity: 1;
}

.sb-drawer-mask-motion-leave {
  opacity: 1;
}

.sb-drawer-mask-motion-leave-active {
  opacity: 0;
}

.sb-drawer-panel-motion-left-enter-start,
.sb-drawer-panel-motion-left-appear-start,
.sb-drawer-panel-motion-left-leave-start {
  transition: none;
}

.sb-drawer-panel-motion-left-enter-active,
.sb-drawer-panel-motion-left-appear-active,
.sb-drawer-panel-motion-left-leave-active {
  transition: all 0.3s;
}

.sb-drawer-panel-motion-left-enter,
.sb-drawer-panel-motion-left-appear {
  transform: translateX(-100%);
}

.sb-drawer-panel-motion-left-enter-active,
.sb-drawer-panel-motion-left-appear-active {
  transform: translateX(0);
}

.sb-drawer-panel-motion-left-leave {
  transform: translateX(0);
}

.sb-drawer-panel-motion-left-leave-active {
  transform: translateX(-100%);
}

.sb-drawer-panel-motion-right-enter-start,
.sb-drawer-panel-motion-right-appear-start,
.sb-drawer-panel-motion-right-leave-start {
  transition: none;
}

.sb-drawer-panel-motion-right-enter-active,
.sb-drawer-panel-motion-right-appear-active,
.sb-drawer-panel-motion-right-leave-active {
  transition: all 0.3s;
}

.sb-drawer-panel-motion-right-enter,
.sb-drawer-panel-motion-right-appear {
  transform: translateX(100%);
}

.sb-drawer-panel-motion-right-enter-active,
.sb-drawer-panel-motion-right-appear-active {
  transform: translateX(0);
}

.sb-drawer-panel-motion-right-leave {
  transform: translateX(0);
}

.sb-drawer-panel-motion-right-leave-active {
  transform: translateX(100%);
}

.sb-drawer-panel-motion-top-enter-start,
.sb-drawer-panel-motion-top-appear-start,
.sb-drawer-panel-motion-top-leave-start {
  transition: none;
}

.sb-drawer-panel-motion-top-enter-active,
.sb-drawer-panel-motion-top-appear-active,
.sb-drawer-panel-motion-top-leave-active {
  transition: all 0.3s;
}

.sb-drawer-panel-motion-top-enter,
.sb-drawer-panel-motion-top-appear {
  transform: translateY(-100%);
}

.sb-drawer-panel-motion-top-enter-active,
.sb-drawer-panel-motion-top-appear-active {
  transform: translateY(0);
}

.sb-drawer-panel-motion-top-leave {
  transform: translateY(0);
}

.sb-drawer-panel-motion-top-leave-active {
  transform: translateY(-100%);
}

.sb-drawer-panel-motion-bottom-enter-start,
.sb-drawer-panel-motion-bottom-appear-start,
.sb-drawer-panel-motion-bottom-leave-start {
  transition: none;
}

.sb-drawer-panel-motion-bottom-enter-active,
.sb-drawer-panel-motion-bottom-appear-active,
.sb-drawer-panel-motion-bottom-leave-active {
  transition: all 0.3s;
}

.sb-drawer-panel-motion-bottom-enter,
.sb-drawer-panel-motion-bottom-appear {
  transform: translateY(100%);
}

.sb-drawer-panel-motion-bottom-enter-active,
.sb-drawer-panel-motion-bottom-appear-active {
  transform: translateY(0);
}

.sb-drawer-panel-motion-bottom-leave {
  transform: translateY(0);
}

.sb-drawer-panel-motion-bottom-leave-active {
  transform: translateY(100%);
}

.sb-drawer-rtl {
  direction: rtl;
}

.sb-drawer-rtl .sb-drawer-close {
  margin-right: 0;
  margin-left: 12px;
}

.sb-dropdown-menu-item.sb-dropdown-menu-item-danger {
  color: var(--sb-error-color);
}

.sb-dropdown-menu-item.sb-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: var(--sb-error-color);
}

.sb-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}

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

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

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

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

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

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

.sb-dropdown-show-arrow.sb-dropdown-placement-topLeft,
.sb-dropdown-show-arrow.sb-dropdown-placement-top,
.sb-dropdown-show-arrow.sb-dropdown-placement-topRight {
  padding-bottom: 15.3137085px;
}

.sb-dropdown-show-arrow.sb-dropdown-placement-bottomLeft,
.sb-dropdown-show-arrow.sb-dropdown-placement-bottom,
.sb-dropdown-show-arrow.sb-dropdown-placement-bottomRight {
  padding-top: 15.3137085px;
}

.sb-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  border-radius: 0 0 2px;
  pointer-events: none;
}

.sb-dropdown-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: "";
  clip-path: inset(33% 33%);
  clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
}

.sb-dropdown-placement-top > .sb-dropdown-arrow,
.sb-dropdown-placement-topLeft > .sb-dropdown-arrow,
.sb-dropdown-placement-topRight > .sb-dropdown-arrow {
  bottom: 10px;
  box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}

.sb-dropdown-placement-top > .sb-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.sb-dropdown-placement-topLeft > .sb-dropdown-arrow {
  left: 16px;
}

.sb-dropdown-placement-topRight > .sb-dropdown-arrow {
  right: 16px;
}

.sb-dropdown-placement-bottom > .sb-dropdown-arrow,
.sb-dropdown-placement-bottomLeft > .sb-dropdown-arrow,
.sb-dropdown-placement-bottomRight > .sb-dropdown-arrow {
  top: 9.41421356px;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(-135deg) translateY(-0.5px);
}

.sb-dropdown-placement-bottom > .sb-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}

.sb-dropdown-placement-bottomLeft > .sb-dropdown-arrow {
  left: 16px;
}

.sb-dropdown-placement-bottomRight > .sb-dropdown-arrow {
  right: 16px;
}

.sb-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);
}

.sb-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}

.sb-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  box-shadow: none;
  transform-origin: 0 0;
}

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

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

.sb-dropdown-menu-item {
  position: relative;
  display: flex;
  align-items: center;
}

.sb-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}

.sb-dropdown-menu-title-content {
  flex: auto;
}

.sb-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}

.sb-dropdown-menu-title-content > a:hover {
  color: inherit;
}

.sb-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

.sb-dropdown-menu-item,
.sb-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;
  cursor: pointer;
  transition: all 0.3s;
}

.sb-dropdown-menu-item-selected,
.sb-dropdown-menu-submenu-title-selected {
  color: var(--sb-primary-color);
  background-color: var(--sb-primary-1);
}

.sb-dropdown-menu-item:hover,
.sb-dropdown-menu-submenu-title:hover,
.sb-dropdown-menu-item.sb-dropdown-menu-item-active,
.sb-dropdown-menu-item.sb-dropdown-menu-submenu-title-active,
.sb-dropdown-menu-submenu-title.sb-dropdown-menu-item-active,
.sb-dropdown-menu-submenu-title.sb-dropdown-menu-submenu-title-active {
  background-color: #f5f5f5;
}

.sb-dropdown-menu-item-disabled,
.sb-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-dropdown-menu-item-disabled:hover,
.sb-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}

.sb-dropdown-menu-item-disabled a,
.sb-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}

.sb-dropdown-menu-item-divider,
.sb-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-dropdown-menu-item .sb-dropdown-menu-submenu-expand-icon,
.sb-dropdown-menu-submenu-title .sb-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}

.sb-dropdown-menu-item .sb-dropdown-menu-submenu-expand-icon .sb-dropdown-menu-submenu-arrow-icon,
.sb-dropdown-menu-submenu-title .sb-dropdown-menu-submenu-expand-icon .sb-dropdown-menu-submenu-arrow-icon {
  margin-right: 0 !important;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  font-style: normal;
}

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

.sb-dropdown-menu-submenu-title {
  padding-right: 24px;
}

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

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

.sb-dropdown-menu-submenu.sb-dropdown-menu-submenu-disabled .sb-dropdown-menu-submenu-title,
.sb-dropdown-menu-submenu.sb-dropdown-menu-submenu-disabled .sb-dropdown-menu-submenu-title .sb-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}

.sb-dropdown-menu-submenu-selected .sb-dropdown-menu-submenu-title {
  color: var(--sb-primary-color);
}

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

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

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

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

.sb-dropdown-trigger > .anticon.anticon-down,
.sb-dropdown-link > .anticon.anticon-down,
.sb-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}

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

.sb-dropdown-button.sb-btn-group > .sb-btn-loading,
.sb-dropdown-button.sb-btn-group > .sb-btn-loading + .sb-btn {
  cursor: default;
  pointer-events: none;
}

.sb-dropdown-button.sb-btn-group > .sb-btn-loading + .sb-btn::before {
  display: block;
}

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

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

.sb-dropdown-menu-dark .sb-dropdown-menu-item,
.sb-dropdown-menu-dark .sb-dropdown-menu-submenu-title,
.sb-dropdown-menu-dark .sb-dropdown-menu-item > a,
.sb-dropdown-menu-dark .sb-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}

.sb-dropdown-menu-dark .sb-dropdown-menu-item .sb-dropdown-menu-submenu-arrow::after,
.sb-dropdown-menu-dark .sb-dropdown-menu-submenu-title .sb-dropdown-menu-submenu-arrow::after,
.sb-dropdown-menu-dark .sb-dropdown-menu-item > a .sb-dropdown-menu-submenu-arrow::after,
.sb-dropdown-menu-dark .sb-dropdown-menu-item > .anticon + span > a .sb-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}

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

.sb-dropdown-menu-dark .sb-dropdown-menu-item-selected,
.sb-dropdown-menu-dark .sb-dropdown-menu-item-selected:hover,
.sb-dropdown-menu-dark .sb-dropdown-menu-item-selected > a {
  color: #fff;
  background: var(--sb-primary-color);
}

.sb-dropdown-rtl {
  direction: rtl;
}

.sb-dropdown-rtl.sb-dropdown::before {
  right: -7px;
  left: 0;
}

.sb-dropdown-menu.sb-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}

.sb-dropdown-rtl .sb-dropdown-menu-item-group-title,
.sb-dropdown-menu-submenu-rtl .sb-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}

.sb-dropdown-menu-submenu-popup.sb-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}

.sb-dropdown-rtl .sb-dropdown-menu-submenu-popup ul,
.sb-dropdown-rtl .sb-dropdown-menu-submenu-popup li {
  text-align: right;
}

.sb-dropdown-rtl .sb-dropdown-menu-item,
.sb-dropdown-rtl .sb-dropdown-menu-submenu-title {
  text-align: right;
}

.sb-dropdown-rtl .sb-dropdown-menu-item > .anticon:first-child,
.sb-dropdown-rtl .sb-dropdown-menu-submenu-title > .anticon:first-child,
.sb-dropdown-rtl .sb-dropdown-menu-item > span > .anticon:first-child,
.sb-dropdown-rtl .sb-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}

.sb-dropdown-rtl .sb-dropdown-menu-item .sb-dropdown-menu-submenu-expand-icon,
.sb-dropdown-rtl .sb-dropdown-menu-submenu-title .sb-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}

.sb-dropdown-rtl .sb-dropdown-menu-item .sb-dropdown-menu-submenu-expand-icon .sb-dropdown-menu-submenu-arrow-icon,
.sb-dropdown-rtl .sb-dropdown-menu-submenu-title .sb-dropdown-menu-submenu-expand-icon .sb-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}

.sb-dropdown-rtl .sb-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}

.sb-dropdown-rtl .sb-dropdown-menu-submenu-vertical > .sb-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}

.sb-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}

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

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

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

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

.sb-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}

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

.sb-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}

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

.sb-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}

.sb-empty-img-default-path-1 {
  fill: #aeb8c2;
}

.sb-empty-img-default-path-2 {
  fill: url("#linearGradient-1");
}

.sb-empty-img-default-path-3 {
  fill: #f5f5f7;
}

.sb-empty-img-default-path-4 {
  fill: #dce0e6;
}

.sb-empty-img-default-path-5 {
  fill: #dce0e6;
}

.sb-empty-img-default-g {
  fill: #fff;
}

.sb-empty-img-simple-ellipse {
  fill: #f5f5f5;
}

.sb-empty-img-simple-g {
  stroke: #d9d9d9;
}

.sb-empty-img-simple-path {
  fill: #fafafa;
}

.sb-empty-rtl {
  direction: rtl;
}

.sb-form-item .sb-input-number + .sb-form-text {
  margin-left: 8px;
}

.sb-form-inline {
  display: flex;
  flex-wrap: wrap;
}

.sb-form-inline .sb-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}

.sb-form-inline .sb-form-item-with-help {
  margin-bottom: 24px;
}

.sb-form-inline .sb-form-item > .sb-form-item-label,
.sb-form-inline .sb-form-item > .sb-form-item-control {
  display: inline-block;
  vertical-align: top;
}

.sb-form-inline .sb-form-item > .sb-form-item-label {
  flex: none;
}

.sb-form-inline .sb-form-item .sb-form-text {
  display: inline-block;
}

.sb-form-inline .sb-form-item .sb-form-item-has-feedback {
  display: inline-block;
}

.sb-form-horizontal .sb-form-item-label {
  flex-grow: 0;
}

.sb-form-horizontal .sb-form-item-control {
  flex: 1 1 0;
  min-width: 0;
}

.sb-form-horizontal .sb-form-item-label[class$="-24"] + .sb-form-item-control,
.sb-form-horizontal .sb-form-item-label[class*="-24 "] + .sb-form-item-control {
  min-width: unset;
}

.sb-form-vertical .sb-form-item-row {
  flex-direction: column;
}

.sb-form-vertical .sb-form-item-label > label {
  height: auto;
}

.sb-form-vertical .sb-form-item .sb-form-item-control {
  width: 100%;
}

.sb-form-vertical .sb-form-item-label,
.sb-col-24.sb-form-item-label,
.sb-col-xl-24.sb-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}

.sb-form-vertical .sb-form-item-label > label,
.sb-col-24.sb-form-item-label > label,
.sb-col-xl-24.sb-form-item-label > label {
  margin: 0;
}

.sb-form-vertical .sb-form-item-label > label::after,
.sb-col-24.sb-form-item-label > label::after,
.sb-col-xl-24.sb-form-item-label > label::after {
  display: none;
}

.sb-form-rtl.sb-form-vertical .sb-form-item-label,
.sb-form-rtl.sb-col-24.sb-form-item-label,
.sb-form-rtl.sb-col-xl-24.sb-form-item-label {
  text-align: right;
}

@media (max-width: 575px) {
  .sb-form-item .sb-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .sb-form-item .sb-form-item-label > label {
    margin: 0;
  }
  .sb-form-item .sb-form-item-label > label::after {
    display: none;
  }
  .sb-form-rtl.sb-form-item .sb-form-item-label {
    text-align: right;
  }
  .sb-form .sb-form-item {
    flex-wrap: wrap;
  }
  .sb-form .sb-form-item .sb-form-item-label,
.sb-form .sb-form-item .sb-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sb-col-xs-24.sb-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .sb-col-xs-24.sb-form-item-label > label {
    margin: 0;
  }
  .sb-col-xs-24.sb-form-item-label > label::after {
    display: none;
  }
  .sb-form-rtl.sb-col-xs-24.sb-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .sb-col-sm-24.sb-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .sb-col-sm-24.sb-form-item-label > label {
    margin: 0;
  }
  .sb-col-sm-24.sb-form-item-label > label::after {
    display: none;
  }
  .sb-form-rtl.sb-col-sm-24.sb-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .sb-col-md-24.sb-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .sb-col-md-24.sb-form-item-label > label {
    margin: 0;
  }
  .sb-col-md-24.sb-form-item-label > label::after {
    display: none;
  }
  .sb-form-rtl.sb-col-md-24.sb-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .sb-col-lg-24.sb-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .sb-col-lg-24.sb-form-item-label > label {
    margin: 0;
  }
  .sb-col-lg-24.sb-form-item-label > label::after {
    display: none;
  }
  .sb-form-rtl.sb-col-lg-24.sb-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .sb-col-xl-24.sb-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .sb-col-xl-24.sb-form-item-label > label {
    margin: 0;
  }
  .sb-col-xl-24.sb-form-item-label > label::after {
    display: none;
  }
  .sb-form-rtl.sb-col-xl-24.sb-form-item-label {
    text-align: right;
  }
}
.sb-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 */
}

.sb-form-item-explain-error {
  color: var(--sb-error-color);
}

.sb-form-item-explain-warning {
  color: var(--sb-warning-color);
}

.sb-form-item-has-feedback .sb-switch {
  margin: 2px 0 4px;
}

.sb-form-item-has-warning .sb-form-item-split {
  color: var(--sb-warning-color);
}

.sb-form-item-has-error .sb-form-item-split {
  color: var(--sb-error-color);
}

.sb-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
}

.sb-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;
}

.sb-form label {
  font-size: 14px;
}

.sb-form input[type=search] {
  box-sizing: border-box;
}

.sb-form input[type=radio],
.sb-form input[type=checkbox] {
  line-height: normal;
}

.sb-form input[type=file] {
  display: block;
}

.sb-form input[type=range] {
  display: block;
  width: 100%;
}

.sb-form select[multiple],
.sb-form select[size] {
  height: auto;
}

.sb-form input[type=file]:focus,
.sb-form input[type=radio]:focus,
.sb-form input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sb-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}

.sb-form .sb-form-text {
  display: inline-block;
  padding-right: 8px;
}

.sb-form-small .sb-form-item-label > label {
  height: 24px;
}

.sb-form-small .sb-form-item-control-input {
  min-height: 24px;
}

.sb-form-large .sb-form-item-label > label {
  height: 40px;
}

.sb-form-large .sb-form-item-control-input {
  min-height: 40px;
}

.sb-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  margin-bottom: 24px;
  vertical-align: top;
}

.sb-form-item-with-help {
  transition: none;
}

.sb-form-item-hidden,
.sb-form-item-hidden.sb-row {
  display: none;
}

.sb-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}

.sb-form-item-label-left {
  text-align: left;
}

.sb-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}

.sb-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}

.sb-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}

.sb-form-item-label > label.sb-form-item-required:not(.sb-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: "*";
}

.sb-form-hide-required-mark .sb-form-item-label > label.sb-form-item-required:not(.sb-form-item-required-mark-optional)::before {
  display: none;
}

.sb-form-item-label > label .sb-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}

.sb-form-hide-required-mark .sb-form-item-label > label .sb-form-item-optional {
  display: none;
}

.sb-form-item-label > label .sb-form-item-tooltip {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  writing-mode: horizontal-tb;
  margin-inline-start: 4px;
}

.sb-form-item-label > label::after {
  content: ":";
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}

.sb-form-item-label > label.sb-form-item-no-colon::after {
  content: " ";
}

.sb-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.sb-form-item-control:first-child:not([class^=sb-col-]):not([class*=" sb-col-"]) {
  width: 100%;
}

.sb-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
}

.sb-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}

.sb-form-item-explain,
.sb-form-item-extra {
  clear: both;
  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);
}

.sb-form-item-explain-connected {
  width: 100%;
}

.sb-form-item-extra {
  min-height: 24px;
}

.sb-form-item-with-help .sb-form-item-explain {
  height: auto;
  opacity: 1;
}

.sb-form-item-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}

.sb-form-item-feedback-icon-success {
  color: var(--sb-success-color);
}

.sb-form-item-feedback-icon-error {
  color: var(--sb-error-color);
}

.sb-form-item-feedback-icon-warning {
  color: var(--sb-warning-color);
}

.sb-form-item-feedback-icon-validating {
  color: var(--sb-primary-color);
}

.sb-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sb-show-help-appear,
.sb-show-help-enter {
  opacity: 0;
}

.sb-show-help-appear-active,
.sb-show-help-enter-active {
  opacity: 1;
}

.sb-show-help-leave {
  opacity: 1;
}

.sb-show-help-leave-active {
  opacity: 0;
}

.sb-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.sb-show-help-item-appear,
.sb-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}

.sb-show-help-item-appear-active,
.sb-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}

.sb-show-help-item-leave {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.sb-show-help-item-leave-active {
  transform: translateY(-5px);
}

@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.sb-form-rtl {
  direction: rtl;
}

.sb-form-rtl .sb-form-item-label {
  text-align: left;
}

.sb-form-rtl .sb-form-item-label > label.sb-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}

.sb-form-rtl .sb-form-item-label > label::after {
  margin: 0 2px 0 8px;
}

.sb-form-rtl .sb-form-item-label > label .sb-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}

.sb-col-rtl .sb-form-item-control:first-child {
  width: 100%;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-input {
  padding-right: 11px;
  padding-left: 24px;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-input-affix-wrapper .sb-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-input-affix-wrapper .sb-input {
  padding: 0;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-input-number-affix-wrapper .sb-input-number {
  padding: 0;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-input-search:not(.sb-input-search-enter-button) .sb-input-suffix {
  right: auto;
  left: 28px;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-input-number {
  padding-left: 18px;
}

.sb-form-rtl .sb-form-item-has-feedback > .sb-select .sb-select-arrow,
.sb-form-rtl .sb-form-item-has-feedback > .sb-select .sb-select-clear,
.sb-form-rtl .sb-form-item-has-feedback :not(.sb-input-group-addon) > .sb-select .sb-select-arrow,
.sb-form-rtl .sb-form-item-has-feedback :not(.sb-input-group-addon) > .sb-select .sb-select-clear,
.sb-form-rtl .sb-form-item-has-feedback :not(.sb-input-number-group-addon) > .sb-select .sb-select-arrow,
.sb-form-rtl .sb-form-item-has-feedback :not(.sb-input-number-group-addon) > .sb-select .sb-select-clear {
  right: auto;
  left: 32px;
}

.sb-form-rtl .sb-form-item-has-feedback > .sb-select .sb-select-selection-selected-value,
.sb-form-rtl .sb-form-item-has-feedback :not(.sb-input-group-addon) > .sb-select .sb-select-selection-selected-value,
.sb-form-rtl .sb-form-item-has-feedback :not(.sb-input-number-group-addon) > .sb-select .sb-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-cascader-picker-clear {
  right: auto;
  left: 32px;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}

.sb-form-rtl .sb-form-item-has-feedback .sb-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}

.sb-form-rtl .sb-form-item-has-feedback.sb-form-item-has-success .sb-form-item-children-icon,
.sb-form-rtl .sb-form-item-has-feedback.sb-form-item-has-warning .sb-form-item-children-icon,
.sb-form-rtl .sb-form-item-has-feedback.sb-form-item-has-error .sb-form-item-children-icon,
.sb-form-rtl .sb-form-item-has-feedback.sb-form-item-is-validating .sb-form-item-children-icon {
  right: auto;
  left: 0;
}

.sb-form-rtl.sb-form-inline .sb-form-item {
  margin-right: 0;
  margin-left: 16px;
}

.sb-row {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}

.sb-row::before,
.sb-row::after {
  display: flex;
}

.sb-row-no-wrap {
  flex-wrap: nowrap;
}

.sb-row-start {
  justify-content: flex-start;
}

.sb-row-center {
  justify-content: center;
}

.sb-row-end {
  justify-content: flex-end;
}

.sb-row-space-between {
  justify-content: space-between;
}

.sb-row-space-around {
  justify-content: space-around;
}

.sb-row-space-evenly {
  justify-content: space-evenly;
}

.sb-row-top {
  align-items: flex-start;
}

.sb-row-middle {
  align-items: center;
}

.sb-row-bottom {
  align-items: flex-end;
}

.sb-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}

.sb-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}

.sb-col-push-24 {
  left: 100%;
}

.sb-col-pull-24 {
  right: 100%;
}

.sb-col-offset-24 {
  margin-left: 100%;
}

.sb-col-order-24 {
  order: 24;
}

.sb-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}

.sb-col-push-23 {
  left: 95.83333333%;
}

.sb-col-pull-23 {
  right: 95.83333333%;
}

.sb-col-offset-23 {
  margin-left: 95.83333333%;
}

.sb-col-order-23 {
  order: 23;
}

.sb-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.sb-col-push-22 {
  left: 91.66666667%;
}

.sb-col-pull-22 {
  right: 91.66666667%;
}

.sb-col-offset-22 {
  margin-left: 91.66666667%;
}

.sb-col-order-22 {
  order: 22;
}

.sb-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.sb-col-push-21 {
  left: 87.5%;
}

.sb-col-pull-21 {
  right: 87.5%;
}

.sb-col-offset-21 {
  margin-left: 87.5%;
}

.sb-col-order-21 {
  order: 21;
}

.sb-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.sb-col-push-20 {
  left: 83.33333333%;
}

.sb-col-pull-20 {
  right: 83.33333333%;
}

.sb-col-offset-20 {
  margin-left: 83.33333333%;
}

.sb-col-order-20 {
  order: 20;
}

.sb-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}

.sb-col-push-19 {
  left: 79.16666667%;
}

.sb-col-pull-19 {
  right: 79.16666667%;
}

.sb-col-offset-19 {
  margin-left: 79.16666667%;
}

.sb-col-order-19 {
  order: 19;
}

.sb-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}

.sb-col-push-18 {
  left: 75%;
}

.sb-col-pull-18 {
  right: 75%;
}

.sb-col-offset-18 {
  margin-left: 75%;
}

.sb-col-order-18 {
  order: 18;
}

.sb-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}

.sb-col-push-17 {
  left: 70.83333333%;
}

.sb-col-pull-17 {
  right: 70.83333333%;
}

.sb-col-offset-17 {
  margin-left: 70.83333333%;
}

.sb-col-order-17 {
  order: 17;
}

.sb-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.sb-col-push-16 {
  left: 66.66666667%;
}

.sb-col-pull-16 {
  right: 66.66666667%;
}

.sb-col-offset-16 {
  margin-left: 66.66666667%;
}

.sb-col-order-16 {
  order: 16;
}

.sb-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.sb-col-push-15 {
  left: 62.5%;
}

.sb-col-pull-15 {
  right: 62.5%;
}

.sb-col-offset-15 {
  margin-left: 62.5%;
}

.sb-col-order-15 {
  order: 15;
}

.sb-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.sb-col-push-14 {
  left: 58.33333333%;
}

.sb-col-pull-14 {
  right: 58.33333333%;
}

.sb-col-offset-14 {
  margin-left: 58.33333333%;
}

.sb-col-order-14 {
  order: 14;
}

.sb-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}

.sb-col-push-13 {
  left: 54.16666667%;
}

.sb-col-pull-13 {
  right: 54.16666667%;
}

.sb-col-offset-13 {
  margin-left: 54.16666667%;
}

.sb-col-order-13 {
  order: 13;
}

.sb-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}

.sb-col-push-12 {
  left: 50%;
}

.sb-col-pull-12 {
  right: 50%;
}

.sb-col-offset-12 {
  margin-left: 50%;
}

.sb-col-order-12 {
  order: 12;
}

.sb-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}

.sb-col-push-11 {
  left: 45.83333333%;
}

.sb-col-pull-11 {
  right: 45.83333333%;
}

.sb-col-offset-11 {
  margin-left: 45.83333333%;
}

.sb-col-order-11 {
  order: 11;
}

.sb-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.sb-col-push-10 {
  left: 41.66666667%;
}

.sb-col-pull-10 {
  right: 41.66666667%;
}

.sb-col-offset-10 {
  margin-left: 41.66666667%;
}

.sb-col-order-10 {
  order: 10;
}

.sb-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.sb-col-push-9 {
  left: 37.5%;
}

.sb-col-pull-9 {
  right: 37.5%;
}

.sb-col-offset-9 {
  margin-left: 37.5%;
}

.sb-col-order-9 {
  order: 9;
}

.sb-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.sb-col-push-8 {
  left: 33.33333333%;
}

.sb-col-pull-8 {
  right: 33.33333333%;
}

.sb-col-offset-8 {
  margin-left: 33.33333333%;
}

.sb-col-order-8 {
  order: 8;
}

.sb-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}

.sb-col-push-7 {
  left: 29.16666667%;
}

.sb-col-pull-7 {
  right: 29.16666667%;
}

.sb-col-offset-7 {
  margin-left: 29.16666667%;
}

.sb-col-order-7 {
  order: 7;
}

.sb-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}

.sb-col-push-6 {
  left: 25%;
}

.sb-col-pull-6 {
  right: 25%;
}

.sb-col-offset-6 {
  margin-left: 25%;
}

.sb-col-order-6 {
  order: 6;
}

.sb-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}

.sb-col-push-5 {
  left: 20.83333333%;
}

.sb-col-pull-5 {
  right: 20.83333333%;
}

.sb-col-offset-5 {
  margin-left: 20.83333333%;
}

.sb-col-order-5 {
  order: 5;
}

.sb-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.sb-col-push-4 {
  left: 16.66666667%;
}

.sb-col-pull-4 {
  right: 16.66666667%;
}

.sb-col-offset-4 {
  margin-left: 16.66666667%;
}

.sb-col-order-4 {
  order: 4;
}

.sb-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.sb-col-push-3 {
  left: 12.5%;
}

.sb-col-pull-3 {
  right: 12.5%;
}

.sb-col-offset-3 {
  margin-left: 12.5%;
}

.sb-col-order-3 {
  order: 3;
}

.sb-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.sb-col-push-2 {
  left: 8.33333333%;
}

.sb-col-pull-2 {
  right: 8.33333333%;
}

.sb-col-offset-2 {
  margin-left: 8.33333333%;
}

.sb-col-order-2 {
  order: 2;
}

.sb-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}

.sb-col-push-1 {
  left: 4.16666667%;
}

.sb-col-pull-1 {
  right: 4.16666667%;
}

.sb-col-offset-1 {
  margin-left: 4.16666667%;
}

.sb-col-order-1 {
  order: 1;
}

.sb-col-0 {
  display: none;
}

.sb-col-push-0 {
  left: auto;
}

.sb-col-pull-0 {
  right: auto;
}

.sb-col-push-0 {
  left: auto;
}

.sb-col-pull-0 {
  right: auto;
}

.sb-col-offset-0 {
  margin-left: 0;
}

.sb-col-order-0 {
  order: 0;
}

.sb-col-push-0.sb-col-rtl {
  right: auto;
}

.sb-col-pull-0.sb-col-rtl {
  left: auto;
}

.sb-col-push-0.sb-col-rtl {
  right: auto;
}

.sb-col-pull-0.sb-col-rtl {
  left: auto;
}

.sb-col-offset-0.sb-col-rtl {
  margin-right: 0;
}

.sb-col-push-1.sb-col-rtl {
  right: 4.16666667%;
  left: auto;
}

.sb-col-pull-1.sb-col-rtl {
  right: auto;
  left: 4.16666667%;
}

.sb-col-offset-1.sb-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}

.sb-col-push-2.sb-col-rtl {
  right: 8.33333333%;
  left: auto;
}

.sb-col-pull-2.sb-col-rtl {
  right: auto;
  left: 8.33333333%;
}

.sb-col-offset-2.sb-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}

.sb-col-push-3.sb-col-rtl {
  right: 12.5%;
  left: auto;
}

.sb-col-pull-3.sb-col-rtl {
  right: auto;
  left: 12.5%;
}

.sb-col-offset-3.sb-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}

.sb-col-push-4.sb-col-rtl {
  right: 16.66666667%;
  left: auto;
}

.sb-col-pull-4.sb-col-rtl {
  right: auto;
  left: 16.66666667%;
}

.sb-col-offset-4.sb-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}

.sb-col-push-5.sb-col-rtl {
  right: 20.83333333%;
  left: auto;
}

.sb-col-pull-5.sb-col-rtl {
  right: auto;
  left: 20.83333333%;
}

.sb-col-offset-5.sb-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}

.sb-col-push-6.sb-col-rtl {
  right: 25%;
  left: auto;
}

.sb-col-pull-6.sb-col-rtl {
  right: auto;
  left: 25%;
}

.sb-col-offset-6.sb-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}

.sb-col-push-7.sb-col-rtl {
  right: 29.16666667%;
  left: auto;
}

.sb-col-pull-7.sb-col-rtl {
  right: auto;
  left: 29.16666667%;
}

.sb-col-offset-7.sb-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}

.sb-col-push-8.sb-col-rtl {
  right: 33.33333333%;
  left: auto;
}

.sb-col-pull-8.sb-col-rtl {
  right: auto;
  left: 33.33333333%;
}

.sb-col-offset-8.sb-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}

.sb-col-push-9.sb-col-rtl {
  right: 37.5%;
  left: auto;
}

.sb-col-pull-9.sb-col-rtl {
  right: auto;
  left: 37.5%;
}

.sb-col-offset-9.sb-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}

.sb-col-push-10.sb-col-rtl {
  right: 41.66666667%;
  left: auto;
}

.sb-col-pull-10.sb-col-rtl {
  right: auto;
  left: 41.66666667%;
}

.sb-col-offset-10.sb-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}

.sb-col-push-11.sb-col-rtl {
  right: 45.83333333%;
  left: auto;
}

.sb-col-pull-11.sb-col-rtl {
  right: auto;
  left: 45.83333333%;
}

.sb-col-offset-11.sb-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}

.sb-col-push-12.sb-col-rtl {
  right: 50%;
  left: auto;
}

.sb-col-pull-12.sb-col-rtl {
  right: auto;
  left: 50%;
}

.sb-col-offset-12.sb-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}

.sb-col-push-13.sb-col-rtl {
  right: 54.16666667%;
  left: auto;
}

.sb-col-pull-13.sb-col-rtl {
  right: auto;
  left: 54.16666667%;
}

.sb-col-offset-13.sb-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}

.sb-col-push-14.sb-col-rtl {
  right: 58.33333333%;
  left: auto;
}

.sb-col-pull-14.sb-col-rtl {
  right: auto;
  left: 58.33333333%;
}

.sb-col-offset-14.sb-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}

.sb-col-push-15.sb-col-rtl {
  right: 62.5%;
  left: auto;
}

.sb-col-pull-15.sb-col-rtl {
  right: auto;
  left: 62.5%;
}

.sb-col-offset-15.sb-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}

.sb-col-push-16.sb-col-rtl {
  right: 66.66666667%;
  left: auto;
}

.sb-col-pull-16.sb-col-rtl {
  right: auto;
  left: 66.66666667%;
}

.sb-col-offset-16.sb-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}

.sb-col-push-17.sb-col-rtl {
  right: 70.83333333%;
  left: auto;
}

.sb-col-pull-17.sb-col-rtl {
  right: auto;
  left: 70.83333333%;
}

.sb-col-offset-17.sb-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}

.sb-col-push-18.sb-col-rtl {
  right: 75%;
  left: auto;
}

.sb-col-pull-18.sb-col-rtl {
  right: auto;
  left: 75%;
}

.sb-col-offset-18.sb-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}

.sb-col-push-19.sb-col-rtl {
  right: 79.16666667%;
  left: auto;
}

.sb-col-pull-19.sb-col-rtl {
  right: auto;
  left: 79.16666667%;
}

.sb-col-offset-19.sb-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}

.sb-col-push-20.sb-col-rtl {
  right: 83.33333333%;
  left: auto;
}

.sb-col-pull-20.sb-col-rtl {
  right: auto;
  left: 83.33333333%;
}

.sb-col-offset-20.sb-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}

.sb-col-push-21.sb-col-rtl {
  right: 87.5%;
  left: auto;
}

.sb-col-pull-21.sb-col-rtl {
  right: auto;
  left: 87.5%;
}

.sb-col-offset-21.sb-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}

.sb-col-push-22.sb-col-rtl {
  right: 91.66666667%;
  left: auto;
}

.sb-col-pull-22.sb-col-rtl {
  right: auto;
  left: 91.66666667%;
}

.sb-col-offset-22.sb-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}

.sb-col-push-23.sb-col-rtl {
  right: 95.83333333%;
  left: auto;
}

.sb-col-pull-23.sb-col-rtl {
  right: auto;
  left: 95.83333333%;
}

.sb-col-offset-23.sb-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}

.sb-col-push-24.sb-col-rtl {
  right: 100%;
  left: auto;
}

.sb-col-pull-24.sb-col-rtl {
  right: auto;
  left: 100%;
}

.sb-col-offset-24.sb-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}

.sb-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}

.sb-col-xs-push-24 {
  left: 100%;
}

.sb-col-xs-pull-24 {
  right: 100%;
}

.sb-col-xs-offset-24 {
  margin-left: 100%;
}

.sb-col-xs-order-24 {
  order: 24;
}

.sb-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}

.sb-col-xs-push-23 {
  left: 95.83333333%;
}

.sb-col-xs-pull-23 {
  right: 95.83333333%;
}

.sb-col-xs-offset-23 {
  margin-left: 95.83333333%;
}

.sb-col-xs-order-23 {
  order: 23;
}

.sb-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.sb-col-xs-push-22 {
  left: 91.66666667%;
}

.sb-col-xs-pull-22 {
  right: 91.66666667%;
}

.sb-col-xs-offset-22 {
  margin-left: 91.66666667%;
}

.sb-col-xs-order-22 {
  order: 22;
}

.sb-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.sb-col-xs-push-21 {
  left: 87.5%;
}

.sb-col-xs-pull-21 {
  right: 87.5%;
}

.sb-col-xs-offset-21 {
  margin-left: 87.5%;
}

.sb-col-xs-order-21 {
  order: 21;
}

.sb-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.sb-col-xs-push-20 {
  left: 83.33333333%;
}

.sb-col-xs-pull-20 {
  right: 83.33333333%;
}

.sb-col-xs-offset-20 {
  margin-left: 83.33333333%;
}

.sb-col-xs-order-20 {
  order: 20;
}

.sb-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}

.sb-col-xs-push-19 {
  left: 79.16666667%;
}

.sb-col-xs-pull-19 {
  right: 79.16666667%;
}

.sb-col-xs-offset-19 {
  margin-left: 79.16666667%;
}

.sb-col-xs-order-19 {
  order: 19;
}

.sb-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}

.sb-col-xs-push-18 {
  left: 75%;
}

.sb-col-xs-pull-18 {
  right: 75%;
}

.sb-col-xs-offset-18 {
  margin-left: 75%;
}

.sb-col-xs-order-18 {
  order: 18;
}

.sb-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}

.sb-col-xs-push-17 {
  left: 70.83333333%;
}

.sb-col-xs-pull-17 {
  right: 70.83333333%;
}

.sb-col-xs-offset-17 {
  margin-left: 70.83333333%;
}

.sb-col-xs-order-17 {
  order: 17;
}

.sb-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.sb-col-xs-push-16 {
  left: 66.66666667%;
}

.sb-col-xs-pull-16 {
  right: 66.66666667%;
}

.sb-col-xs-offset-16 {
  margin-left: 66.66666667%;
}

.sb-col-xs-order-16 {
  order: 16;
}

.sb-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.sb-col-xs-push-15 {
  left: 62.5%;
}

.sb-col-xs-pull-15 {
  right: 62.5%;
}

.sb-col-xs-offset-15 {
  margin-left: 62.5%;
}

.sb-col-xs-order-15 {
  order: 15;
}

.sb-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.sb-col-xs-push-14 {
  left: 58.33333333%;
}

.sb-col-xs-pull-14 {
  right: 58.33333333%;
}

.sb-col-xs-offset-14 {
  margin-left: 58.33333333%;
}

.sb-col-xs-order-14 {
  order: 14;
}

.sb-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}

.sb-col-xs-push-13 {
  left: 54.16666667%;
}

.sb-col-xs-pull-13 {
  right: 54.16666667%;
}

.sb-col-xs-offset-13 {
  margin-left: 54.16666667%;
}

.sb-col-xs-order-13 {
  order: 13;
}

.sb-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}

.sb-col-xs-push-12 {
  left: 50%;
}

.sb-col-xs-pull-12 {
  right: 50%;
}

.sb-col-xs-offset-12 {
  margin-left: 50%;
}

.sb-col-xs-order-12 {
  order: 12;
}

.sb-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}

.sb-col-xs-push-11 {
  left: 45.83333333%;
}

.sb-col-xs-pull-11 {
  right: 45.83333333%;
}

.sb-col-xs-offset-11 {
  margin-left: 45.83333333%;
}

.sb-col-xs-order-11 {
  order: 11;
}

.sb-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.sb-col-xs-push-10 {
  left: 41.66666667%;
}

.sb-col-xs-pull-10 {
  right: 41.66666667%;
}

.sb-col-xs-offset-10 {
  margin-left: 41.66666667%;
}

.sb-col-xs-order-10 {
  order: 10;
}

.sb-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.sb-col-xs-push-9 {
  left: 37.5%;
}

.sb-col-xs-pull-9 {
  right: 37.5%;
}

.sb-col-xs-offset-9 {
  margin-left: 37.5%;
}

.sb-col-xs-order-9 {
  order: 9;
}

.sb-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.sb-col-xs-push-8 {
  left: 33.33333333%;
}

.sb-col-xs-pull-8 {
  right: 33.33333333%;
}

.sb-col-xs-offset-8 {
  margin-left: 33.33333333%;
}

.sb-col-xs-order-8 {
  order: 8;
}

.sb-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}

.sb-col-xs-push-7 {
  left: 29.16666667%;
}

.sb-col-xs-pull-7 {
  right: 29.16666667%;
}

.sb-col-xs-offset-7 {
  margin-left: 29.16666667%;
}

.sb-col-xs-order-7 {
  order: 7;
}

.sb-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}

.sb-col-xs-push-6 {
  left: 25%;
}

.sb-col-xs-pull-6 {
  right: 25%;
}

.sb-col-xs-offset-6 {
  margin-left: 25%;
}

.sb-col-xs-order-6 {
  order: 6;
}

.sb-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}

.sb-col-xs-push-5 {
  left: 20.83333333%;
}

.sb-col-xs-pull-5 {
  right: 20.83333333%;
}

.sb-col-xs-offset-5 {
  margin-left: 20.83333333%;
}

.sb-col-xs-order-5 {
  order: 5;
}

.sb-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.sb-col-xs-push-4 {
  left: 16.66666667%;
}

.sb-col-xs-pull-4 {
  right: 16.66666667%;
}

.sb-col-xs-offset-4 {
  margin-left: 16.66666667%;
}

.sb-col-xs-order-4 {
  order: 4;
}

.sb-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.sb-col-xs-push-3 {
  left: 12.5%;
}

.sb-col-xs-pull-3 {
  right: 12.5%;
}

.sb-col-xs-offset-3 {
  margin-left: 12.5%;
}

.sb-col-xs-order-3 {
  order: 3;
}

.sb-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.sb-col-xs-push-2 {
  left: 8.33333333%;
}

.sb-col-xs-pull-2 {
  right: 8.33333333%;
}

.sb-col-xs-offset-2 {
  margin-left: 8.33333333%;
}

.sb-col-xs-order-2 {
  order: 2;
}

.sb-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}

.sb-col-xs-push-1 {
  left: 4.16666667%;
}

.sb-col-xs-pull-1 {
  right: 4.16666667%;
}

.sb-col-xs-offset-1 {
  margin-left: 4.16666667%;
}

.sb-col-xs-order-1 {
  order: 1;
}

.sb-col-xs-0 {
  display: none;
}

.sb-col-push-0 {
  left: auto;
}

.sb-col-pull-0 {
  right: auto;
}

.sb-col-xs-push-0 {
  left: auto;
}

.sb-col-xs-pull-0 {
  right: auto;
}

.sb-col-xs-offset-0 {
  margin-left: 0;
}

.sb-col-xs-order-0 {
  order: 0;
}

.sb-col-push-0.sb-col-rtl {
  right: auto;
}

.sb-col-pull-0.sb-col-rtl {
  left: auto;
}

.sb-col-xs-push-0.sb-col-rtl {
  right: auto;
}

.sb-col-xs-pull-0.sb-col-rtl {
  left: auto;
}

.sb-col-xs-offset-0.sb-col-rtl {
  margin-right: 0;
}

.sb-col-xs-push-1.sb-col-rtl {
  right: 4.16666667%;
  left: auto;
}

.sb-col-xs-pull-1.sb-col-rtl {
  right: auto;
  left: 4.16666667%;
}

.sb-col-xs-offset-1.sb-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}

.sb-col-xs-push-2.sb-col-rtl {
  right: 8.33333333%;
  left: auto;
}

.sb-col-xs-pull-2.sb-col-rtl {
  right: auto;
  left: 8.33333333%;
}

.sb-col-xs-offset-2.sb-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}

.sb-col-xs-push-3.sb-col-rtl {
  right: 12.5%;
  left: auto;
}

.sb-col-xs-pull-3.sb-col-rtl {
  right: auto;
  left: 12.5%;
}

.sb-col-xs-offset-3.sb-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}

.sb-col-xs-push-4.sb-col-rtl {
  right: 16.66666667%;
  left: auto;
}

.sb-col-xs-pull-4.sb-col-rtl {
  right: auto;
  left: 16.66666667%;
}

.sb-col-xs-offset-4.sb-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}

.sb-col-xs-push-5.sb-col-rtl {
  right: 20.83333333%;
  left: auto;
}

.sb-col-xs-pull-5.sb-col-rtl {
  right: auto;
  left: 20.83333333%;
}

.sb-col-xs-offset-5.sb-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}

.sb-col-xs-push-6.sb-col-rtl {
  right: 25%;
  left: auto;
}

.sb-col-xs-pull-6.sb-col-rtl {
  right: auto;
  left: 25%;
}

.sb-col-xs-offset-6.sb-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}

.sb-col-xs-push-7.sb-col-rtl {
  right: 29.16666667%;
  left: auto;
}

.sb-col-xs-pull-7.sb-col-rtl {
  right: auto;
  left: 29.16666667%;
}

.sb-col-xs-offset-7.sb-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}

.sb-col-xs-push-8.sb-col-rtl {
  right: 33.33333333%;
  left: auto;
}

.sb-col-xs-pull-8.sb-col-rtl {
  right: auto;
  left: 33.33333333%;
}

.sb-col-xs-offset-8.sb-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}

.sb-col-xs-push-9.sb-col-rtl {
  right: 37.5%;
  left: auto;
}

.sb-col-xs-pull-9.sb-col-rtl {
  right: auto;
  left: 37.5%;
}

.sb-col-xs-offset-9.sb-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}

.sb-col-xs-push-10.sb-col-rtl {
  right: 41.66666667%;
  left: auto;
}

.sb-col-xs-pull-10.sb-col-rtl {
  right: auto;
  left: 41.66666667%;
}

.sb-col-xs-offset-10.sb-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}

.sb-col-xs-push-11.sb-col-rtl {
  right: 45.83333333%;
  left: auto;
}

.sb-col-xs-pull-11.sb-col-rtl {
  right: auto;
  left: 45.83333333%;
}

.sb-col-xs-offset-11.sb-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}

.sb-col-xs-push-12.sb-col-rtl {
  right: 50%;
  left: auto;
}

.sb-col-xs-pull-12.sb-col-rtl {
  right: auto;
  left: 50%;
}

.sb-col-xs-offset-12.sb-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}

.sb-col-xs-push-13.sb-col-rtl {
  right: 54.16666667%;
  left: auto;
}

.sb-col-xs-pull-13.sb-col-rtl {
  right: auto;
  left: 54.16666667%;
}

.sb-col-xs-offset-13.sb-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}

.sb-col-xs-push-14.sb-col-rtl {
  right: 58.33333333%;
  left: auto;
}

.sb-col-xs-pull-14.sb-col-rtl {
  right: auto;
  left: 58.33333333%;
}

.sb-col-xs-offset-14.sb-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}

.sb-col-xs-push-15.sb-col-rtl {
  right: 62.5%;
  left: auto;
}

.sb-col-xs-pull-15.sb-col-rtl {
  right: auto;
  left: 62.5%;
}

.sb-col-xs-offset-15.sb-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}

.sb-col-xs-push-16.sb-col-rtl {
  right: 66.66666667%;
  left: auto;
}

.sb-col-xs-pull-16.sb-col-rtl {
  right: auto;
  left: 66.66666667%;
}

.sb-col-xs-offset-16.sb-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}

.sb-col-xs-push-17.sb-col-rtl {
  right: 70.83333333%;
  left: auto;
}

.sb-col-xs-pull-17.sb-col-rtl {
  right: auto;
  left: 70.83333333%;
}

.sb-col-xs-offset-17.sb-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}

.sb-col-xs-push-18.sb-col-rtl {
  right: 75%;
  left: auto;
}

.sb-col-xs-pull-18.sb-col-rtl {
  right: auto;
  left: 75%;
}

.sb-col-xs-offset-18.sb-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}

.sb-col-xs-push-19.sb-col-rtl {
  right: 79.16666667%;
  left: auto;
}

.sb-col-xs-pull-19.sb-col-rtl {
  right: auto;
  left: 79.16666667%;
}

.sb-col-xs-offset-19.sb-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}

.sb-col-xs-push-20.sb-col-rtl {
  right: 83.33333333%;
  left: auto;
}

.sb-col-xs-pull-20.sb-col-rtl {
  right: auto;
  left: 83.33333333%;
}

.sb-col-xs-offset-20.sb-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}

.sb-col-xs-push-21.sb-col-rtl {
  right: 87.5%;
  left: auto;
}

.sb-col-xs-pull-21.sb-col-rtl {
  right: auto;
  left: 87.5%;
}

.sb-col-xs-offset-21.sb-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}

.sb-col-xs-push-22.sb-col-rtl {
  right: 91.66666667%;
  left: auto;
}

.sb-col-xs-pull-22.sb-col-rtl {
  right: auto;
  left: 91.66666667%;
}

.sb-col-xs-offset-22.sb-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}

.sb-col-xs-push-23.sb-col-rtl {
  right: 95.83333333%;
  left: auto;
}

.sb-col-xs-pull-23.sb-col-rtl {
  right: auto;
  left: 95.83333333%;
}

.sb-col-xs-offset-23.sb-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}

.sb-col-xs-push-24.sb-col-rtl {
  right: 100%;
  left: auto;
}

.sb-col-xs-pull-24.sb-col-rtl {
  right: auto;
  left: 100%;
}

.sb-col-xs-offset-24.sb-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}

@media (min-width: 576px) {
  .sb-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sb-col-sm-push-24 {
    left: 100%;
  }
  .sb-col-sm-pull-24 {
    right: 100%;
  }
  .sb-col-sm-offset-24 {
    margin-left: 100%;
  }
  .sb-col-sm-order-24 {
    order: 24;
  }
  .sb-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .sb-col-sm-push-23 {
    left: 95.83333333%;
  }
  .sb-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .sb-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .sb-col-sm-order-23 {
    order: 23;
  }
  .sb-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sb-col-sm-push-22 {
    left: 91.66666667%;
  }
  .sb-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .sb-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .sb-col-sm-order-22 {
    order: 22;
  }
  .sb-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .sb-col-sm-push-21 {
    left: 87.5%;
  }
  .sb-col-sm-pull-21 {
    right: 87.5%;
  }
  .sb-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .sb-col-sm-order-21 {
    order: 21;
  }
  .sb-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sb-col-sm-push-20 {
    left: 83.33333333%;
  }
  .sb-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .sb-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .sb-col-sm-order-20 {
    order: 20;
  }
  .sb-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .sb-col-sm-push-19 {
    left: 79.16666667%;
  }
  .sb-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .sb-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .sb-col-sm-order-19 {
    order: 19;
  }
  .sb-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sb-col-sm-push-18 {
    left: 75%;
  }
  .sb-col-sm-pull-18 {
    right: 75%;
  }
  .sb-col-sm-offset-18 {
    margin-left: 75%;
  }
  .sb-col-sm-order-18 {
    order: 18;
  }
  .sb-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .sb-col-sm-push-17 {
    left: 70.83333333%;
  }
  .sb-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .sb-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .sb-col-sm-order-17 {
    order: 17;
  }
  .sb-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sb-col-sm-push-16 {
    left: 66.66666667%;
  }
  .sb-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .sb-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .sb-col-sm-order-16 {
    order: 16;
  }
  .sb-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .sb-col-sm-push-15 {
    left: 62.5%;
  }
  .sb-col-sm-pull-15 {
    right: 62.5%;
  }
  .sb-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .sb-col-sm-order-15 {
    order: 15;
  }
  .sb-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sb-col-sm-push-14 {
    left: 58.33333333%;
  }
  .sb-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .sb-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .sb-col-sm-order-14 {
    order: 14;
  }
  .sb-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .sb-col-sm-push-13 {
    left: 54.16666667%;
  }
  .sb-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .sb-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .sb-col-sm-order-13 {
    order: 13;
  }
  .sb-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sb-col-sm-push-12 {
    left: 50%;
  }
  .sb-col-sm-pull-12 {
    right: 50%;
  }
  .sb-col-sm-offset-12 {
    margin-left: 50%;
  }
  .sb-col-sm-order-12 {
    order: 12;
  }
  .sb-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .sb-col-sm-push-11 {
    left: 45.83333333%;
  }
  .sb-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .sb-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .sb-col-sm-order-11 {
    order: 11;
  }
  .sb-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sb-col-sm-push-10 {
    left: 41.66666667%;
  }
  .sb-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .sb-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .sb-col-sm-order-10 {
    order: 10;
  }
  .sb-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .sb-col-sm-push-9 {
    left: 37.5%;
  }
  .sb-col-sm-pull-9 {
    right: 37.5%;
  }
  .sb-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .sb-col-sm-order-9 {
    order: 9;
  }
  .sb-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sb-col-sm-push-8 {
    left: 33.33333333%;
  }
  .sb-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .sb-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .sb-col-sm-order-8 {
    order: 8;
  }
  .sb-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .sb-col-sm-push-7 {
    left: 29.16666667%;
  }
  .sb-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .sb-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .sb-col-sm-order-7 {
    order: 7;
  }
  .sb-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sb-col-sm-push-6 {
    left: 25%;
  }
  .sb-col-sm-pull-6 {
    right: 25%;
  }
  .sb-col-sm-offset-6 {
    margin-left: 25%;
  }
  .sb-col-sm-order-6 {
    order: 6;
  }
  .sb-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .sb-col-sm-push-5 {
    left: 20.83333333%;
  }
  .sb-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .sb-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .sb-col-sm-order-5 {
    order: 5;
  }
  .sb-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sb-col-sm-push-4 {
    left: 16.66666667%;
  }
  .sb-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .sb-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .sb-col-sm-order-4 {
    order: 4;
  }
  .sb-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .sb-col-sm-push-3 {
    left: 12.5%;
  }
  .sb-col-sm-pull-3 {
    right: 12.5%;
  }
  .sb-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .sb-col-sm-order-3 {
    order: 3;
  }
  .sb-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sb-col-sm-push-2 {
    left: 8.33333333%;
  }
  .sb-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .sb-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .sb-col-sm-order-2 {
    order: 2;
  }
  .sb-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .sb-col-sm-push-1 {
    left: 4.16666667%;
  }
  .sb-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .sb-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .sb-col-sm-order-1 {
    order: 1;
  }
  .sb-col-sm-0 {
    display: none;
  }
  .sb-col-push-0 {
    left: auto;
  }
  .sb-col-pull-0 {
    right: auto;
  }
  .sb-col-sm-push-0 {
    left: auto;
  }
  .sb-col-sm-pull-0 {
    right: auto;
  }
  .sb-col-sm-offset-0 {
    margin-left: 0;
  }
  .sb-col-sm-order-0 {
    order: 0;
  }
  .sb-col-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-sm-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-sm-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-sm-offset-0.sb-col-rtl {
    margin-right: 0;
  }
  .sb-col-sm-push-1.sb-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .sb-col-sm-pull-1.sb-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .sb-col-sm-offset-1.sb-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .sb-col-sm-push-2.sb-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .sb-col-sm-pull-2.sb-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .sb-col-sm-offset-2.sb-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .sb-col-sm-push-3.sb-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .sb-col-sm-pull-3.sb-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .sb-col-sm-offset-3.sb-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .sb-col-sm-push-4.sb-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .sb-col-sm-pull-4.sb-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .sb-col-sm-offset-4.sb-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .sb-col-sm-push-5.sb-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .sb-col-sm-pull-5.sb-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .sb-col-sm-offset-5.sb-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .sb-col-sm-push-6.sb-col-rtl {
    right: 25%;
    left: auto;
  }
  .sb-col-sm-pull-6.sb-col-rtl {
    right: auto;
    left: 25%;
  }
  .sb-col-sm-offset-6.sb-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .sb-col-sm-push-7.sb-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .sb-col-sm-pull-7.sb-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .sb-col-sm-offset-7.sb-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .sb-col-sm-push-8.sb-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .sb-col-sm-pull-8.sb-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .sb-col-sm-offset-8.sb-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .sb-col-sm-push-9.sb-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .sb-col-sm-pull-9.sb-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .sb-col-sm-offset-9.sb-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .sb-col-sm-push-10.sb-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .sb-col-sm-pull-10.sb-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .sb-col-sm-offset-10.sb-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .sb-col-sm-push-11.sb-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .sb-col-sm-pull-11.sb-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .sb-col-sm-offset-11.sb-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .sb-col-sm-push-12.sb-col-rtl {
    right: 50%;
    left: auto;
  }
  .sb-col-sm-pull-12.sb-col-rtl {
    right: auto;
    left: 50%;
  }
  .sb-col-sm-offset-12.sb-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .sb-col-sm-push-13.sb-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .sb-col-sm-pull-13.sb-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .sb-col-sm-offset-13.sb-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .sb-col-sm-push-14.sb-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .sb-col-sm-pull-14.sb-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .sb-col-sm-offset-14.sb-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .sb-col-sm-push-15.sb-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .sb-col-sm-pull-15.sb-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .sb-col-sm-offset-15.sb-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .sb-col-sm-push-16.sb-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .sb-col-sm-pull-16.sb-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .sb-col-sm-offset-16.sb-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .sb-col-sm-push-17.sb-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .sb-col-sm-pull-17.sb-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .sb-col-sm-offset-17.sb-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .sb-col-sm-push-18.sb-col-rtl {
    right: 75%;
    left: auto;
  }
  .sb-col-sm-pull-18.sb-col-rtl {
    right: auto;
    left: 75%;
  }
  .sb-col-sm-offset-18.sb-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .sb-col-sm-push-19.sb-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .sb-col-sm-pull-19.sb-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .sb-col-sm-offset-19.sb-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .sb-col-sm-push-20.sb-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .sb-col-sm-pull-20.sb-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .sb-col-sm-offset-20.sb-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .sb-col-sm-push-21.sb-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .sb-col-sm-pull-21.sb-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .sb-col-sm-offset-21.sb-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .sb-col-sm-push-22.sb-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .sb-col-sm-pull-22.sb-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .sb-col-sm-offset-22.sb-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .sb-col-sm-push-23.sb-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .sb-col-sm-pull-23.sb-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .sb-col-sm-offset-23.sb-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .sb-col-sm-push-24.sb-col-rtl {
    right: 100%;
    left: auto;
  }
  .sb-col-sm-pull-24.sb-col-rtl {
    right: auto;
    left: 100%;
  }
  .sb-col-sm-offset-24.sb-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .sb-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sb-col-md-push-24 {
    left: 100%;
  }
  .sb-col-md-pull-24 {
    right: 100%;
  }
  .sb-col-md-offset-24 {
    margin-left: 100%;
  }
  .sb-col-md-order-24 {
    order: 24;
  }
  .sb-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .sb-col-md-push-23 {
    left: 95.83333333%;
  }
  .sb-col-md-pull-23 {
    right: 95.83333333%;
  }
  .sb-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .sb-col-md-order-23 {
    order: 23;
  }
  .sb-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sb-col-md-push-22 {
    left: 91.66666667%;
  }
  .sb-col-md-pull-22 {
    right: 91.66666667%;
  }
  .sb-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .sb-col-md-order-22 {
    order: 22;
  }
  .sb-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .sb-col-md-push-21 {
    left: 87.5%;
  }
  .sb-col-md-pull-21 {
    right: 87.5%;
  }
  .sb-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .sb-col-md-order-21 {
    order: 21;
  }
  .sb-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sb-col-md-push-20 {
    left: 83.33333333%;
  }
  .sb-col-md-pull-20 {
    right: 83.33333333%;
  }
  .sb-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .sb-col-md-order-20 {
    order: 20;
  }
  .sb-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .sb-col-md-push-19 {
    left: 79.16666667%;
  }
  .sb-col-md-pull-19 {
    right: 79.16666667%;
  }
  .sb-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .sb-col-md-order-19 {
    order: 19;
  }
  .sb-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sb-col-md-push-18 {
    left: 75%;
  }
  .sb-col-md-pull-18 {
    right: 75%;
  }
  .sb-col-md-offset-18 {
    margin-left: 75%;
  }
  .sb-col-md-order-18 {
    order: 18;
  }
  .sb-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .sb-col-md-push-17 {
    left: 70.83333333%;
  }
  .sb-col-md-pull-17 {
    right: 70.83333333%;
  }
  .sb-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .sb-col-md-order-17 {
    order: 17;
  }
  .sb-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sb-col-md-push-16 {
    left: 66.66666667%;
  }
  .sb-col-md-pull-16 {
    right: 66.66666667%;
  }
  .sb-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .sb-col-md-order-16 {
    order: 16;
  }
  .sb-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .sb-col-md-push-15 {
    left: 62.5%;
  }
  .sb-col-md-pull-15 {
    right: 62.5%;
  }
  .sb-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .sb-col-md-order-15 {
    order: 15;
  }
  .sb-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sb-col-md-push-14 {
    left: 58.33333333%;
  }
  .sb-col-md-pull-14 {
    right: 58.33333333%;
  }
  .sb-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .sb-col-md-order-14 {
    order: 14;
  }
  .sb-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .sb-col-md-push-13 {
    left: 54.16666667%;
  }
  .sb-col-md-pull-13 {
    right: 54.16666667%;
  }
  .sb-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .sb-col-md-order-13 {
    order: 13;
  }
  .sb-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sb-col-md-push-12 {
    left: 50%;
  }
  .sb-col-md-pull-12 {
    right: 50%;
  }
  .sb-col-md-offset-12 {
    margin-left: 50%;
  }
  .sb-col-md-order-12 {
    order: 12;
  }
  .sb-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .sb-col-md-push-11 {
    left: 45.83333333%;
  }
  .sb-col-md-pull-11 {
    right: 45.83333333%;
  }
  .sb-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .sb-col-md-order-11 {
    order: 11;
  }
  .sb-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sb-col-md-push-10 {
    left: 41.66666667%;
  }
  .sb-col-md-pull-10 {
    right: 41.66666667%;
  }
  .sb-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .sb-col-md-order-10 {
    order: 10;
  }
  .sb-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .sb-col-md-push-9 {
    left: 37.5%;
  }
  .sb-col-md-pull-9 {
    right: 37.5%;
  }
  .sb-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .sb-col-md-order-9 {
    order: 9;
  }
  .sb-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sb-col-md-push-8 {
    left: 33.33333333%;
  }
  .sb-col-md-pull-8 {
    right: 33.33333333%;
  }
  .sb-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .sb-col-md-order-8 {
    order: 8;
  }
  .sb-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .sb-col-md-push-7 {
    left: 29.16666667%;
  }
  .sb-col-md-pull-7 {
    right: 29.16666667%;
  }
  .sb-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .sb-col-md-order-7 {
    order: 7;
  }
  .sb-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sb-col-md-push-6 {
    left: 25%;
  }
  .sb-col-md-pull-6 {
    right: 25%;
  }
  .sb-col-md-offset-6 {
    margin-left: 25%;
  }
  .sb-col-md-order-6 {
    order: 6;
  }
  .sb-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .sb-col-md-push-5 {
    left: 20.83333333%;
  }
  .sb-col-md-pull-5 {
    right: 20.83333333%;
  }
  .sb-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .sb-col-md-order-5 {
    order: 5;
  }
  .sb-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sb-col-md-push-4 {
    left: 16.66666667%;
  }
  .sb-col-md-pull-4 {
    right: 16.66666667%;
  }
  .sb-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .sb-col-md-order-4 {
    order: 4;
  }
  .sb-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .sb-col-md-push-3 {
    left: 12.5%;
  }
  .sb-col-md-pull-3 {
    right: 12.5%;
  }
  .sb-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .sb-col-md-order-3 {
    order: 3;
  }
  .sb-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sb-col-md-push-2 {
    left: 8.33333333%;
  }
  .sb-col-md-pull-2 {
    right: 8.33333333%;
  }
  .sb-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .sb-col-md-order-2 {
    order: 2;
  }
  .sb-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .sb-col-md-push-1 {
    left: 4.16666667%;
  }
  .sb-col-md-pull-1 {
    right: 4.16666667%;
  }
  .sb-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .sb-col-md-order-1 {
    order: 1;
  }
  .sb-col-md-0 {
    display: none;
  }
  .sb-col-push-0 {
    left: auto;
  }
  .sb-col-pull-0 {
    right: auto;
  }
  .sb-col-md-push-0 {
    left: auto;
  }
  .sb-col-md-pull-0 {
    right: auto;
  }
  .sb-col-md-offset-0 {
    margin-left: 0;
  }
  .sb-col-md-order-0 {
    order: 0;
  }
  .sb-col-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-md-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-md-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-md-offset-0.sb-col-rtl {
    margin-right: 0;
  }
  .sb-col-md-push-1.sb-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .sb-col-md-pull-1.sb-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .sb-col-md-offset-1.sb-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .sb-col-md-push-2.sb-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .sb-col-md-pull-2.sb-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .sb-col-md-offset-2.sb-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .sb-col-md-push-3.sb-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .sb-col-md-pull-3.sb-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .sb-col-md-offset-3.sb-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .sb-col-md-push-4.sb-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .sb-col-md-pull-4.sb-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .sb-col-md-offset-4.sb-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .sb-col-md-push-5.sb-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .sb-col-md-pull-5.sb-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .sb-col-md-offset-5.sb-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .sb-col-md-push-6.sb-col-rtl {
    right: 25%;
    left: auto;
  }
  .sb-col-md-pull-6.sb-col-rtl {
    right: auto;
    left: 25%;
  }
  .sb-col-md-offset-6.sb-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .sb-col-md-push-7.sb-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .sb-col-md-pull-7.sb-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .sb-col-md-offset-7.sb-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .sb-col-md-push-8.sb-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .sb-col-md-pull-8.sb-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .sb-col-md-offset-8.sb-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .sb-col-md-push-9.sb-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .sb-col-md-pull-9.sb-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .sb-col-md-offset-9.sb-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .sb-col-md-push-10.sb-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .sb-col-md-pull-10.sb-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .sb-col-md-offset-10.sb-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .sb-col-md-push-11.sb-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .sb-col-md-pull-11.sb-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .sb-col-md-offset-11.sb-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .sb-col-md-push-12.sb-col-rtl {
    right: 50%;
    left: auto;
  }
  .sb-col-md-pull-12.sb-col-rtl {
    right: auto;
    left: 50%;
  }
  .sb-col-md-offset-12.sb-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .sb-col-md-push-13.sb-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .sb-col-md-pull-13.sb-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .sb-col-md-offset-13.sb-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .sb-col-md-push-14.sb-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .sb-col-md-pull-14.sb-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .sb-col-md-offset-14.sb-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .sb-col-md-push-15.sb-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .sb-col-md-pull-15.sb-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .sb-col-md-offset-15.sb-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .sb-col-md-push-16.sb-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .sb-col-md-pull-16.sb-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .sb-col-md-offset-16.sb-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .sb-col-md-push-17.sb-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .sb-col-md-pull-17.sb-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .sb-col-md-offset-17.sb-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .sb-col-md-push-18.sb-col-rtl {
    right: 75%;
    left: auto;
  }
  .sb-col-md-pull-18.sb-col-rtl {
    right: auto;
    left: 75%;
  }
  .sb-col-md-offset-18.sb-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .sb-col-md-push-19.sb-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .sb-col-md-pull-19.sb-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .sb-col-md-offset-19.sb-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .sb-col-md-push-20.sb-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .sb-col-md-pull-20.sb-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .sb-col-md-offset-20.sb-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .sb-col-md-push-21.sb-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .sb-col-md-pull-21.sb-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .sb-col-md-offset-21.sb-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .sb-col-md-push-22.sb-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .sb-col-md-pull-22.sb-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .sb-col-md-offset-22.sb-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .sb-col-md-push-23.sb-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .sb-col-md-pull-23.sb-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .sb-col-md-offset-23.sb-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .sb-col-md-push-24.sb-col-rtl {
    right: 100%;
    left: auto;
  }
  .sb-col-md-pull-24.sb-col-rtl {
    right: auto;
    left: 100%;
  }
  .sb-col-md-offset-24.sb-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .sb-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sb-col-lg-push-24 {
    left: 100%;
  }
  .sb-col-lg-pull-24 {
    right: 100%;
  }
  .sb-col-lg-offset-24 {
    margin-left: 100%;
  }
  .sb-col-lg-order-24 {
    order: 24;
  }
  .sb-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .sb-col-lg-push-23 {
    left: 95.83333333%;
  }
  .sb-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .sb-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .sb-col-lg-order-23 {
    order: 23;
  }
  .sb-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sb-col-lg-push-22 {
    left: 91.66666667%;
  }
  .sb-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .sb-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .sb-col-lg-order-22 {
    order: 22;
  }
  .sb-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .sb-col-lg-push-21 {
    left: 87.5%;
  }
  .sb-col-lg-pull-21 {
    right: 87.5%;
  }
  .sb-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .sb-col-lg-order-21 {
    order: 21;
  }
  .sb-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sb-col-lg-push-20 {
    left: 83.33333333%;
  }
  .sb-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .sb-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .sb-col-lg-order-20 {
    order: 20;
  }
  .sb-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .sb-col-lg-push-19 {
    left: 79.16666667%;
  }
  .sb-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .sb-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .sb-col-lg-order-19 {
    order: 19;
  }
  .sb-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sb-col-lg-push-18 {
    left: 75%;
  }
  .sb-col-lg-pull-18 {
    right: 75%;
  }
  .sb-col-lg-offset-18 {
    margin-left: 75%;
  }
  .sb-col-lg-order-18 {
    order: 18;
  }
  .sb-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .sb-col-lg-push-17 {
    left: 70.83333333%;
  }
  .sb-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .sb-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .sb-col-lg-order-17 {
    order: 17;
  }
  .sb-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sb-col-lg-push-16 {
    left: 66.66666667%;
  }
  .sb-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .sb-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .sb-col-lg-order-16 {
    order: 16;
  }
  .sb-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .sb-col-lg-push-15 {
    left: 62.5%;
  }
  .sb-col-lg-pull-15 {
    right: 62.5%;
  }
  .sb-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .sb-col-lg-order-15 {
    order: 15;
  }
  .sb-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sb-col-lg-push-14 {
    left: 58.33333333%;
  }
  .sb-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .sb-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .sb-col-lg-order-14 {
    order: 14;
  }
  .sb-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .sb-col-lg-push-13 {
    left: 54.16666667%;
  }
  .sb-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .sb-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .sb-col-lg-order-13 {
    order: 13;
  }
  .sb-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sb-col-lg-push-12 {
    left: 50%;
  }
  .sb-col-lg-pull-12 {
    right: 50%;
  }
  .sb-col-lg-offset-12 {
    margin-left: 50%;
  }
  .sb-col-lg-order-12 {
    order: 12;
  }
  .sb-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .sb-col-lg-push-11 {
    left: 45.83333333%;
  }
  .sb-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .sb-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .sb-col-lg-order-11 {
    order: 11;
  }
  .sb-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sb-col-lg-push-10 {
    left: 41.66666667%;
  }
  .sb-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .sb-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .sb-col-lg-order-10 {
    order: 10;
  }
  .sb-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .sb-col-lg-push-9 {
    left: 37.5%;
  }
  .sb-col-lg-pull-9 {
    right: 37.5%;
  }
  .sb-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .sb-col-lg-order-9 {
    order: 9;
  }
  .sb-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sb-col-lg-push-8 {
    left: 33.33333333%;
  }
  .sb-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .sb-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .sb-col-lg-order-8 {
    order: 8;
  }
  .sb-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .sb-col-lg-push-7 {
    left: 29.16666667%;
  }
  .sb-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .sb-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .sb-col-lg-order-7 {
    order: 7;
  }
  .sb-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sb-col-lg-push-6 {
    left: 25%;
  }
  .sb-col-lg-pull-6 {
    right: 25%;
  }
  .sb-col-lg-offset-6 {
    margin-left: 25%;
  }
  .sb-col-lg-order-6 {
    order: 6;
  }
  .sb-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .sb-col-lg-push-5 {
    left: 20.83333333%;
  }
  .sb-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .sb-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .sb-col-lg-order-5 {
    order: 5;
  }
  .sb-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sb-col-lg-push-4 {
    left: 16.66666667%;
  }
  .sb-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .sb-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .sb-col-lg-order-4 {
    order: 4;
  }
  .sb-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .sb-col-lg-push-3 {
    left: 12.5%;
  }
  .sb-col-lg-pull-3 {
    right: 12.5%;
  }
  .sb-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .sb-col-lg-order-3 {
    order: 3;
  }
  .sb-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sb-col-lg-push-2 {
    left: 8.33333333%;
  }
  .sb-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .sb-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .sb-col-lg-order-2 {
    order: 2;
  }
  .sb-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .sb-col-lg-push-1 {
    left: 4.16666667%;
  }
  .sb-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .sb-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .sb-col-lg-order-1 {
    order: 1;
  }
  .sb-col-lg-0 {
    display: none;
  }
  .sb-col-push-0 {
    left: auto;
  }
  .sb-col-pull-0 {
    right: auto;
  }
  .sb-col-lg-push-0 {
    left: auto;
  }
  .sb-col-lg-pull-0 {
    right: auto;
  }
  .sb-col-lg-offset-0 {
    margin-left: 0;
  }
  .sb-col-lg-order-0 {
    order: 0;
  }
  .sb-col-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-lg-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-lg-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-lg-offset-0.sb-col-rtl {
    margin-right: 0;
  }
  .sb-col-lg-push-1.sb-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .sb-col-lg-pull-1.sb-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .sb-col-lg-offset-1.sb-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .sb-col-lg-push-2.sb-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .sb-col-lg-pull-2.sb-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .sb-col-lg-offset-2.sb-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .sb-col-lg-push-3.sb-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .sb-col-lg-pull-3.sb-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .sb-col-lg-offset-3.sb-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .sb-col-lg-push-4.sb-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .sb-col-lg-pull-4.sb-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .sb-col-lg-offset-4.sb-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .sb-col-lg-push-5.sb-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .sb-col-lg-pull-5.sb-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .sb-col-lg-offset-5.sb-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .sb-col-lg-push-6.sb-col-rtl {
    right: 25%;
    left: auto;
  }
  .sb-col-lg-pull-6.sb-col-rtl {
    right: auto;
    left: 25%;
  }
  .sb-col-lg-offset-6.sb-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .sb-col-lg-push-7.sb-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .sb-col-lg-pull-7.sb-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .sb-col-lg-offset-7.sb-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .sb-col-lg-push-8.sb-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .sb-col-lg-pull-8.sb-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .sb-col-lg-offset-8.sb-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .sb-col-lg-push-9.sb-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .sb-col-lg-pull-9.sb-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .sb-col-lg-offset-9.sb-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .sb-col-lg-push-10.sb-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .sb-col-lg-pull-10.sb-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .sb-col-lg-offset-10.sb-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .sb-col-lg-push-11.sb-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .sb-col-lg-pull-11.sb-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .sb-col-lg-offset-11.sb-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .sb-col-lg-push-12.sb-col-rtl {
    right: 50%;
    left: auto;
  }
  .sb-col-lg-pull-12.sb-col-rtl {
    right: auto;
    left: 50%;
  }
  .sb-col-lg-offset-12.sb-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .sb-col-lg-push-13.sb-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .sb-col-lg-pull-13.sb-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .sb-col-lg-offset-13.sb-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .sb-col-lg-push-14.sb-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .sb-col-lg-pull-14.sb-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .sb-col-lg-offset-14.sb-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .sb-col-lg-push-15.sb-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .sb-col-lg-pull-15.sb-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .sb-col-lg-offset-15.sb-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .sb-col-lg-push-16.sb-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .sb-col-lg-pull-16.sb-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .sb-col-lg-offset-16.sb-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .sb-col-lg-push-17.sb-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .sb-col-lg-pull-17.sb-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .sb-col-lg-offset-17.sb-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .sb-col-lg-push-18.sb-col-rtl {
    right: 75%;
    left: auto;
  }
  .sb-col-lg-pull-18.sb-col-rtl {
    right: auto;
    left: 75%;
  }
  .sb-col-lg-offset-18.sb-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .sb-col-lg-push-19.sb-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .sb-col-lg-pull-19.sb-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .sb-col-lg-offset-19.sb-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .sb-col-lg-push-20.sb-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .sb-col-lg-pull-20.sb-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .sb-col-lg-offset-20.sb-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .sb-col-lg-push-21.sb-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .sb-col-lg-pull-21.sb-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .sb-col-lg-offset-21.sb-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .sb-col-lg-push-22.sb-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .sb-col-lg-pull-22.sb-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .sb-col-lg-offset-22.sb-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .sb-col-lg-push-23.sb-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .sb-col-lg-pull-23.sb-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .sb-col-lg-offset-23.sb-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .sb-col-lg-push-24.sb-col-rtl {
    right: 100%;
    left: auto;
  }
  .sb-col-lg-pull-24.sb-col-rtl {
    right: auto;
    left: 100%;
  }
  .sb-col-lg-offset-24.sb-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .sb-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sb-col-xl-push-24 {
    left: 100%;
  }
  .sb-col-xl-pull-24 {
    right: 100%;
  }
  .sb-col-xl-offset-24 {
    margin-left: 100%;
  }
  .sb-col-xl-order-24 {
    order: 24;
  }
  .sb-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .sb-col-xl-push-23 {
    left: 95.83333333%;
  }
  .sb-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .sb-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .sb-col-xl-order-23 {
    order: 23;
  }
  .sb-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sb-col-xl-push-22 {
    left: 91.66666667%;
  }
  .sb-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .sb-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .sb-col-xl-order-22 {
    order: 22;
  }
  .sb-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .sb-col-xl-push-21 {
    left: 87.5%;
  }
  .sb-col-xl-pull-21 {
    right: 87.5%;
  }
  .sb-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .sb-col-xl-order-21 {
    order: 21;
  }
  .sb-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sb-col-xl-push-20 {
    left: 83.33333333%;
  }
  .sb-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .sb-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .sb-col-xl-order-20 {
    order: 20;
  }
  .sb-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .sb-col-xl-push-19 {
    left: 79.16666667%;
  }
  .sb-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .sb-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .sb-col-xl-order-19 {
    order: 19;
  }
  .sb-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sb-col-xl-push-18 {
    left: 75%;
  }
  .sb-col-xl-pull-18 {
    right: 75%;
  }
  .sb-col-xl-offset-18 {
    margin-left: 75%;
  }
  .sb-col-xl-order-18 {
    order: 18;
  }
  .sb-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .sb-col-xl-push-17 {
    left: 70.83333333%;
  }
  .sb-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .sb-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .sb-col-xl-order-17 {
    order: 17;
  }
  .sb-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sb-col-xl-push-16 {
    left: 66.66666667%;
  }
  .sb-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .sb-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .sb-col-xl-order-16 {
    order: 16;
  }
  .sb-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .sb-col-xl-push-15 {
    left: 62.5%;
  }
  .sb-col-xl-pull-15 {
    right: 62.5%;
  }
  .sb-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .sb-col-xl-order-15 {
    order: 15;
  }
  .sb-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sb-col-xl-push-14 {
    left: 58.33333333%;
  }
  .sb-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .sb-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .sb-col-xl-order-14 {
    order: 14;
  }
  .sb-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .sb-col-xl-push-13 {
    left: 54.16666667%;
  }
  .sb-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .sb-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .sb-col-xl-order-13 {
    order: 13;
  }
  .sb-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sb-col-xl-push-12 {
    left: 50%;
  }
  .sb-col-xl-pull-12 {
    right: 50%;
  }
  .sb-col-xl-offset-12 {
    margin-left: 50%;
  }
  .sb-col-xl-order-12 {
    order: 12;
  }
  .sb-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .sb-col-xl-push-11 {
    left: 45.83333333%;
  }
  .sb-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .sb-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .sb-col-xl-order-11 {
    order: 11;
  }
  .sb-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sb-col-xl-push-10 {
    left: 41.66666667%;
  }
  .sb-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .sb-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .sb-col-xl-order-10 {
    order: 10;
  }
  .sb-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .sb-col-xl-push-9 {
    left: 37.5%;
  }
  .sb-col-xl-pull-9 {
    right: 37.5%;
  }
  .sb-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .sb-col-xl-order-9 {
    order: 9;
  }
  .sb-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sb-col-xl-push-8 {
    left: 33.33333333%;
  }
  .sb-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .sb-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .sb-col-xl-order-8 {
    order: 8;
  }
  .sb-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .sb-col-xl-push-7 {
    left: 29.16666667%;
  }
  .sb-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .sb-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .sb-col-xl-order-7 {
    order: 7;
  }
  .sb-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sb-col-xl-push-6 {
    left: 25%;
  }
  .sb-col-xl-pull-6 {
    right: 25%;
  }
  .sb-col-xl-offset-6 {
    margin-left: 25%;
  }
  .sb-col-xl-order-6 {
    order: 6;
  }
  .sb-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .sb-col-xl-push-5 {
    left: 20.83333333%;
  }
  .sb-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .sb-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .sb-col-xl-order-5 {
    order: 5;
  }
  .sb-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sb-col-xl-push-4 {
    left: 16.66666667%;
  }
  .sb-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .sb-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .sb-col-xl-order-4 {
    order: 4;
  }
  .sb-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .sb-col-xl-push-3 {
    left: 12.5%;
  }
  .sb-col-xl-pull-3 {
    right: 12.5%;
  }
  .sb-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .sb-col-xl-order-3 {
    order: 3;
  }
  .sb-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sb-col-xl-push-2 {
    left: 8.33333333%;
  }
  .sb-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .sb-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .sb-col-xl-order-2 {
    order: 2;
  }
  .sb-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .sb-col-xl-push-1 {
    left: 4.16666667%;
  }
  .sb-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .sb-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .sb-col-xl-order-1 {
    order: 1;
  }
  .sb-col-xl-0 {
    display: none;
  }
  .sb-col-push-0 {
    left: auto;
  }
  .sb-col-pull-0 {
    right: auto;
  }
  .sb-col-xl-push-0 {
    left: auto;
  }
  .sb-col-xl-pull-0 {
    right: auto;
  }
  .sb-col-xl-offset-0 {
    margin-left: 0;
  }
  .sb-col-xl-order-0 {
    order: 0;
  }
  .sb-col-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-xl-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-xl-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-xl-offset-0.sb-col-rtl {
    margin-right: 0;
  }
  .sb-col-xl-push-1.sb-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .sb-col-xl-pull-1.sb-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .sb-col-xl-offset-1.sb-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .sb-col-xl-push-2.sb-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .sb-col-xl-pull-2.sb-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .sb-col-xl-offset-2.sb-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .sb-col-xl-push-3.sb-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .sb-col-xl-pull-3.sb-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .sb-col-xl-offset-3.sb-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .sb-col-xl-push-4.sb-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .sb-col-xl-pull-4.sb-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .sb-col-xl-offset-4.sb-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .sb-col-xl-push-5.sb-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .sb-col-xl-pull-5.sb-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .sb-col-xl-offset-5.sb-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .sb-col-xl-push-6.sb-col-rtl {
    right: 25%;
    left: auto;
  }
  .sb-col-xl-pull-6.sb-col-rtl {
    right: auto;
    left: 25%;
  }
  .sb-col-xl-offset-6.sb-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .sb-col-xl-push-7.sb-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .sb-col-xl-pull-7.sb-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .sb-col-xl-offset-7.sb-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .sb-col-xl-push-8.sb-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .sb-col-xl-pull-8.sb-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .sb-col-xl-offset-8.sb-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .sb-col-xl-push-9.sb-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .sb-col-xl-pull-9.sb-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .sb-col-xl-offset-9.sb-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .sb-col-xl-push-10.sb-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .sb-col-xl-pull-10.sb-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .sb-col-xl-offset-10.sb-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .sb-col-xl-push-11.sb-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .sb-col-xl-pull-11.sb-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .sb-col-xl-offset-11.sb-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .sb-col-xl-push-12.sb-col-rtl {
    right: 50%;
    left: auto;
  }
  .sb-col-xl-pull-12.sb-col-rtl {
    right: auto;
    left: 50%;
  }
  .sb-col-xl-offset-12.sb-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .sb-col-xl-push-13.sb-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .sb-col-xl-pull-13.sb-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .sb-col-xl-offset-13.sb-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .sb-col-xl-push-14.sb-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .sb-col-xl-pull-14.sb-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .sb-col-xl-offset-14.sb-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .sb-col-xl-push-15.sb-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .sb-col-xl-pull-15.sb-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .sb-col-xl-offset-15.sb-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .sb-col-xl-push-16.sb-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .sb-col-xl-pull-16.sb-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .sb-col-xl-offset-16.sb-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .sb-col-xl-push-17.sb-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .sb-col-xl-pull-17.sb-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .sb-col-xl-offset-17.sb-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .sb-col-xl-push-18.sb-col-rtl {
    right: 75%;
    left: auto;
  }
  .sb-col-xl-pull-18.sb-col-rtl {
    right: auto;
    left: 75%;
  }
  .sb-col-xl-offset-18.sb-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .sb-col-xl-push-19.sb-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .sb-col-xl-pull-19.sb-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .sb-col-xl-offset-19.sb-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .sb-col-xl-push-20.sb-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .sb-col-xl-pull-20.sb-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .sb-col-xl-offset-20.sb-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .sb-col-xl-push-21.sb-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .sb-col-xl-pull-21.sb-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .sb-col-xl-offset-21.sb-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .sb-col-xl-push-22.sb-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .sb-col-xl-pull-22.sb-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .sb-col-xl-offset-22.sb-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .sb-col-xl-push-23.sb-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .sb-col-xl-pull-23.sb-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .sb-col-xl-offset-23.sb-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .sb-col-xl-push-24.sb-col-rtl {
    right: 100%;
    left: auto;
  }
  .sb-col-xl-pull-24.sb-col-rtl {
    right: auto;
    left: 100%;
  }
  .sb-col-xl-offset-24.sb-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .sb-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sb-col-xxl-push-24 {
    left: 100%;
  }
  .sb-col-xxl-pull-24 {
    right: 100%;
  }
  .sb-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .sb-col-xxl-order-24 {
    order: 24;
  }
  .sb-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .sb-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .sb-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .sb-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .sb-col-xxl-order-23 {
    order: 23;
  }
  .sb-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .sb-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .sb-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .sb-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .sb-col-xxl-order-22 {
    order: 22;
  }
  .sb-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .sb-col-xxl-push-21 {
    left: 87.5%;
  }
  .sb-col-xxl-pull-21 {
    right: 87.5%;
  }
  .sb-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .sb-col-xxl-order-21 {
    order: 21;
  }
  .sb-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .sb-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .sb-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .sb-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .sb-col-xxl-order-20 {
    order: 20;
  }
  .sb-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .sb-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .sb-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .sb-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .sb-col-xxl-order-19 {
    order: 19;
  }
  .sb-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sb-col-xxl-push-18 {
    left: 75%;
  }
  .sb-col-xxl-pull-18 {
    right: 75%;
  }
  .sb-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .sb-col-xxl-order-18 {
    order: 18;
  }
  .sb-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .sb-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .sb-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .sb-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .sb-col-xxl-order-17 {
    order: 17;
  }
  .sb-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .sb-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .sb-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .sb-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .sb-col-xxl-order-16 {
    order: 16;
  }
  .sb-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .sb-col-xxl-push-15 {
    left: 62.5%;
  }
  .sb-col-xxl-pull-15 {
    right: 62.5%;
  }
  .sb-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .sb-col-xxl-order-15 {
    order: 15;
  }
  .sb-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .sb-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .sb-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .sb-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .sb-col-xxl-order-14 {
    order: 14;
  }
  .sb-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .sb-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .sb-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .sb-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .sb-col-xxl-order-13 {
    order: 13;
  }
  .sb-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sb-col-xxl-push-12 {
    left: 50%;
  }
  .sb-col-xxl-pull-12 {
    right: 50%;
  }
  .sb-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .sb-col-xxl-order-12 {
    order: 12;
  }
  .sb-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .sb-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .sb-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .sb-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .sb-col-xxl-order-11 {
    order: 11;
  }
  .sb-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .sb-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .sb-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .sb-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .sb-col-xxl-order-10 {
    order: 10;
  }
  .sb-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .sb-col-xxl-push-9 {
    left: 37.5%;
  }
  .sb-col-xxl-pull-9 {
    right: 37.5%;
  }
  .sb-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .sb-col-xxl-order-9 {
    order: 9;
  }
  .sb-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .sb-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .sb-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .sb-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .sb-col-xxl-order-8 {
    order: 8;
  }
  .sb-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .sb-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .sb-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .sb-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .sb-col-xxl-order-7 {
    order: 7;
  }
  .sb-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sb-col-xxl-push-6 {
    left: 25%;
  }
  .sb-col-xxl-pull-6 {
    right: 25%;
  }
  .sb-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .sb-col-xxl-order-6 {
    order: 6;
  }
  .sb-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .sb-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .sb-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .sb-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .sb-col-xxl-order-5 {
    order: 5;
  }
  .sb-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .sb-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .sb-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .sb-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .sb-col-xxl-order-4 {
    order: 4;
  }
  .sb-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .sb-col-xxl-push-3 {
    left: 12.5%;
  }
  .sb-col-xxl-pull-3 {
    right: 12.5%;
  }
  .sb-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .sb-col-xxl-order-3 {
    order: 3;
  }
  .sb-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .sb-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .sb-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .sb-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .sb-col-xxl-order-2 {
    order: 2;
  }
  .sb-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .sb-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .sb-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .sb-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .sb-col-xxl-order-1 {
    order: 1;
  }
  .sb-col-xxl-0 {
    display: none;
  }
  .sb-col-push-0 {
    left: auto;
  }
  .sb-col-pull-0 {
    right: auto;
  }
  .sb-col-xxl-push-0 {
    left: auto;
  }
  .sb-col-xxl-pull-0 {
    right: auto;
  }
  .sb-col-xxl-offset-0 {
    margin-left: 0;
  }
  .sb-col-xxl-order-0 {
    order: 0;
  }
  .sb-col-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-xxl-push-0.sb-col-rtl {
    right: auto;
  }
  .sb-col-xxl-pull-0.sb-col-rtl {
    left: auto;
  }
  .sb-col-xxl-offset-0.sb-col-rtl {
    margin-right: 0;
  }
  .sb-col-xxl-push-1.sb-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .sb-col-xxl-pull-1.sb-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .sb-col-xxl-offset-1.sb-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .sb-col-xxl-push-2.sb-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .sb-col-xxl-pull-2.sb-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .sb-col-xxl-offset-2.sb-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .sb-col-xxl-push-3.sb-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .sb-col-xxl-pull-3.sb-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .sb-col-xxl-offset-3.sb-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .sb-col-xxl-push-4.sb-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .sb-col-xxl-pull-4.sb-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .sb-col-xxl-offset-4.sb-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .sb-col-xxl-push-5.sb-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .sb-col-xxl-pull-5.sb-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .sb-col-xxl-offset-5.sb-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .sb-col-xxl-push-6.sb-col-rtl {
    right: 25%;
    left: auto;
  }
  .sb-col-xxl-pull-6.sb-col-rtl {
    right: auto;
    left: 25%;
  }
  .sb-col-xxl-offset-6.sb-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .sb-col-xxl-push-7.sb-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .sb-col-xxl-pull-7.sb-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .sb-col-xxl-offset-7.sb-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .sb-col-xxl-push-8.sb-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .sb-col-xxl-pull-8.sb-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .sb-col-xxl-offset-8.sb-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .sb-col-xxl-push-9.sb-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .sb-col-xxl-pull-9.sb-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .sb-col-xxl-offset-9.sb-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .sb-col-xxl-push-10.sb-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .sb-col-xxl-pull-10.sb-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .sb-col-xxl-offset-10.sb-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .sb-col-xxl-push-11.sb-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .sb-col-xxl-pull-11.sb-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .sb-col-xxl-offset-11.sb-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .sb-col-xxl-push-12.sb-col-rtl {
    right: 50%;
    left: auto;
  }
  .sb-col-xxl-pull-12.sb-col-rtl {
    right: auto;
    left: 50%;
  }
  .sb-col-xxl-offset-12.sb-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .sb-col-xxl-push-13.sb-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .sb-col-xxl-pull-13.sb-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .sb-col-xxl-offset-13.sb-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .sb-col-xxl-push-14.sb-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .sb-col-xxl-pull-14.sb-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .sb-col-xxl-offset-14.sb-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .sb-col-xxl-push-15.sb-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .sb-col-xxl-pull-15.sb-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .sb-col-xxl-offset-15.sb-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .sb-col-xxl-push-16.sb-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .sb-col-xxl-pull-16.sb-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .sb-col-xxl-offset-16.sb-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .sb-col-xxl-push-17.sb-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .sb-col-xxl-pull-17.sb-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .sb-col-xxl-offset-17.sb-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .sb-col-xxl-push-18.sb-col-rtl {
    right: 75%;
    left: auto;
  }
  .sb-col-xxl-pull-18.sb-col-rtl {
    right: auto;
    left: 75%;
  }
  .sb-col-xxl-offset-18.sb-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .sb-col-xxl-push-19.sb-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .sb-col-xxl-pull-19.sb-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .sb-col-xxl-offset-19.sb-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .sb-col-xxl-push-20.sb-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .sb-col-xxl-pull-20.sb-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .sb-col-xxl-offset-20.sb-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .sb-col-xxl-push-21.sb-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .sb-col-xxl-pull-21.sb-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .sb-col-xxl-offset-21.sb-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .sb-col-xxl-push-22.sb-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .sb-col-xxl-pull-22.sb-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .sb-col-xxl-offset-22.sb-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .sb-col-xxl-push-23.sb-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .sb-col-xxl-pull-23.sb-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .sb-col-xxl-offset-23.sb-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .sb-col-xxl-push-24.sb-col-rtl {
    right: 100%;
    left: auto;
  }
  .sb-col-xxl-pull-24.sb-col-rtl {
    right: auto;
    left: 100%;
  }
  .sb-col-xxl-offset-24.sb-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.sb-row-rtl {
  direction: rtl;
}

.sb-image {
  position: relative;
  display: inline-block;
}

.sb-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.sb-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%;
}

.sb-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}

.sb-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sb-image-mask-info .anticon {
  margin-inline-end: 4px;
}

.sb-image-mask:hover {
  opacity: 1;
}

.sb-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.sb-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}

.sb-image-preview.sb-zoom-enter,
.sb-image-preview.sb-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}

.sb-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);
}

.sb-image-preview-mask-hidden {
  display: none;
}

.sb-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}

.sb-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.sb-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;
  user-select: none;
  pointer-events: auto;
}

.sb-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;
}

.sb-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: "";
}

.sb-image-preview-moving .sb-image-preview-img {
  cursor: grabbing;
}

.sb-image-preview-moving .sb-image-preview-img-wrapper {
  transition-duration: 0s;
}

.sb-image-preview-wrap {
  z-index: 1080;
}

.sb-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: "tnum";
  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;
}

.sb-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
}

.sb-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}

.sb-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}

.sb-image-preview-operations-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.sb-image-preview-operations-icon {
  font-size: 18px;
}

.sb-image-preview-switch-left,
.sb-image-preview-switch-right {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}

.sb-image-preview-switch-left-disabled,
.sb-image-preview-switch-right-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed;
}

.sb-image-preview-switch-left-disabled > .anticon,
.sb-image-preview-switch-right-disabled > .anticon {
  cursor: not-allowed;
}

.sb-image-preview-switch-left > .anticon,
.sb-image-preview-switch-right > .anticon {
  font-size: 18px;
}

.sb-image-preview-switch-left {
  left: 10px;
}

.sb-image-preview-switch-right {
  right: 10px;
}

.sb-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;
}

.sb-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  user-select: none;
}

.sb-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}

.sb-input-affix-wrapper:hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-affix-wrapper:focus,
.sb-input-affix-wrapper-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-input-affix-wrapper:focus,
.sb-input-rtl .sb-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-input-affix-wrapper-borderless,
.sb-input-affix-wrapper-borderless:hover,
.sb-input-affix-wrapper-borderless:focus,
.sb-input-affix-wrapper-borderless-focused,
.sb-input-affix-wrapper-borderless-disabled,
.sb-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

textarea.sb-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.sb-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-input-affix-wrapper-sm {
  padding: 0px 7px;
}

.sb-input-affix-wrapper-rtl {
  direction: rtl;
}

.sb-input-affix-wrapper:not(.sb-input-affix-wrapper-disabled):hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
  z-index: 1;
}

.sb-input-rtl .sb-input-affix-wrapper:not(.sb-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-search-with-button .sb-input-affix-wrapper:not(.sb-input-affix-wrapper-disabled):hover {
  z-index: 0;
}

.sb-input-affix-wrapper-focused,
.sb-input-affix-wrapper:focus {
  z-index: 1;
}

.sb-input-affix-wrapper-disabled .sb-input[disabled] {
  background: transparent;
}

.sb-input-affix-wrapper > input.sb-input {
  padding: 0;
  border: none;
  outline: none;
}

.sb-input-affix-wrapper > input.sb-input:focus {
  box-shadow: none !important;
}

.sb-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: " ";
}

.sb-input-prefix,
.sb-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}

.sb-input-prefix > *:not(:last-child),
.sb-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}

.sb-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}

.sb-input-show-count-has-suffix {
  margin-right: 2px;
}

.sb-input-prefix {
  margin-right: 4px;
}

.sb-input-suffix {
  margin-left: 4px;
}

.anticon.sb-input-clear-icon,
.sb-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}

.anticon.sb-input-clear-icon:hover,
.sb-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}

.anticon.sb-input-clear-icon:active,
.sb-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.85);
}

.anticon.sb-input-clear-icon-hidden,
.sb-input-clear-icon-hidden {
  visibility: hidden;
}

.anticon.sb-input-clear-icon-has-suffix,
.sb-input-clear-icon-has-suffix {
  margin: 0 4px;
}

.sb-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0 !important;
  border: 0 !important;
}

.sb-input-affix-wrapper-textarea-with-clear-btn .sb-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}

.sb-input-status-error:not(.sb-input-disabled):not(.sb-input-borderless).sb-input,
.sb-input-status-error:not(.sb-input-disabled):not(.sb-input-borderless).sb-input:hover {
  background: #fff;
  border-color: var(--sb-error-color);
}

.sb-input-status-error:not(.sb-input-disabled):not(.sb-input-borderless).sb-input:focus,
.sb-input-status-error:not(.sb-input-disabled):not(.sb-input-borderless).sb-input-focused {
  border-color: var(--sb-error-color-hover);
  box-shadow: 0 0 0 2px var(--sb-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-status-error .sb-input-prefix {
  color: var(--sb-error-color);
}

.sb-input-status-warning:not(.sb-input-disabled):not(.sb-input-borderless).sb-input,
.sb-input-status-warning:not(.sb-input-disabled):not(.sb-input-borderless).sb-input:hover {
  background: #fff;
  border-color: var(--sb-warning-color);
}

.sb-input-status-warning:not(.sb-input-disabled):not(.sb-input-borderless).sb-input:focus,
.sb-input-status-warning:not(.sb-input-disabled):not(.sb-input-borderless).sb-input-focused {
  border-color: var(--sb-warning-color-hover);
  box-shadow: 0 0 0 2px var(--sb-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-status-warning .sb-input-prefix {
  color: var(--sb-warning-color);
}

.sb-input-affix-wrapper-status-error:not(.sb-input-affix-wrapper-disabled):not(.sb-input-affix-wrapper-borderless).sb-input-affix-wrapper,
.sb-input-affix-wrapper-status-error:not(.sb-input-affix-wrapper-disabled):not(.sb-input-affix-wrapper-borderless).sb-input-affix-wrapper:hover {
  background: #fff;
  border-color: var(--sb-error-color);
}

.sb-input-affix-wrapper-status-error:not(.sb-input-affix-wrapper-disabled):not(.sb-input-affix-wrapper-borderless).sb-input-affix-wrapper:focus,
.sb-input-affix-wrapper-status-error:not(.sb-input-affix-wrapper-disabled):not(.sb-input-affix-wrapper-borderless).sb-input-affix-wrapper-focused {
  border-color: var(--sb-error-color-hover);
  box-shadow: 0 0 0 2px var(--sb-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-affix-wrapper-status-error .sb-input-prefix {
  color: var(--sb-error-color);
}

.sb-input-affix-wrapper-status-warning:not(.sb-input-affix-wrapper-disabled):not(.sb-input-affix-wrapper-borderless).sb-input-affix-wrapper,
.sb-input-affix-wrapper-status-warning:not(.sb-input-affix-wrapper-disabled):not(.sb-input-affix-wrapper-borderless).sb-input-affix-wrapper:hover {
  background: #fff;
  border-color: var(--sb-warning-color);
}

.sb-input-affix-wrapper-status-warning:not(.sb-input-affix-wrapper-disabled):not(.sb-input-affix-wrapper-borderless).sb-input-affix-wrapper:focus,
.sb-input-affix-wrapper-status-warning:not(.sb-input-affix-wrapper-disabled):not(.sb-input-affix-wrapper-borderless).sb-input-affix-wrapper-focused {
  border-color: var(--sb-warning-color-hover);
  box-shadow: 0 0 0 2px var(--sb-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-affix-wrapper-status-warning .sb-input-prefix {
  color: var(--sb-warning-color);
}

.sb-input-textarea-status-error.sb-input-textarea-has-feedback .sb-input,
.sb-input-textarea-status-warning.sb-input-textarea-has-feedback .sb-input,
.sb-input-textarea-status-success.sb-input-textarea-has-feedback .sb-input,
.sb-input-textarea-status-validating.sb-input-textarea-has-feedback .sb-input {
  padding-right: 24px;
}

.sb-input-group-wrapper-status-error .sb-input-group-addon {
  color: var(--sb-error-color);
  border-color: var(--sb-error-color);
}

.sb-input-group-wrapper-status-warning .sb-input-group-addon {
  color: var(--sb-warning-color);
  border-color: var(--sb-warning-color);
}

.sb-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  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;
}

.sb-input::placeholder {
  color: #bfbfbf;
  user-select: none;
}

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

.sb-input:hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input:focus,
.sb-input-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-input:focus,
.sb-input-rtl .sb-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

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

.sb-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

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

.sb-input-borderless,
.sb-input-borderless:hover,
.sb-input-borderless:focus,
.sb-input-borderless-focused,
.sb-input-borderless-disabled,
.sb-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

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

.sb-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-input-sm {
  padding: 0px 7px;
}

.sb-input-rtl {
  direction: rtl;
}

.sb-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

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

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

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

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

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

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

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

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

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

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

.sb-input-search-with-button .sb-input-group .sb-input:hover {
  z-index: 0;
}

.sb-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;
}

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

.sb-input-group-addon .sb-select.sb-select-single:not(.sb-select-customize-input) .sb-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}

.sb-input-group-addon .sb-select-open .sb-select-selector,
.sb-input-group-addon .sb-select-focused .sb-select-selector {
  color: var(--sb-primary-color);
}

.sb-input-group-addon .sb-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}

.sb-input-group-addon .sb-cascader-picker .sb-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}

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

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

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

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

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

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

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

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

.sb-input-group-lg .sb-input,
.sb-input-group-lg > .sb-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-input-group-sm .sb-input,
.sb-input-group-sm > .sb-input-group-addon {
  padding: 0px 7px;
}

.sb-input-group-lg .sb-select-single .sb-select-selector {
  height: 40px;
}

.sb-input-group-sm .sb-select-single .sb-select-selector {
  height: 24px;
}

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

.sb-input-search .sb-input-group .sb-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

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

.sb-input-group.sb-input-group-compact {
  display: block;
}

.sb-input-group.sb-input-group-compact::before {
  display: table;
  content: "";
}

.sb-input-group.sb-input-group-compact::after {
  display: table;
  clear: both;
  content: "";
}

.sb-input-group.sb-input-group-compact::before {
  display: table;
  content: "";
}

.sb-input-group.sb-input-group-compact::after {
  display: table;
  clear: both;
  content: "";
}

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

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

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

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

.sb-input-group.sb-input-group-compact > .sb-input-affix-wrapper {
  display: inline-flex;
}

.sb-input-group.sb-input-group-compact > .sb-picker-range {
  display: inline-flex;
}

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

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

.sb-input-group.sb-input-group-compact > .sb-select > .sb-select-selector,
.sb-input-group.sb-input-group-compact > .sb-select-auto-complete .sb-input,
.sb-input-group.sb-input-group-compact > .sb-cascader-picker .sb-input,
.sb-input-group.sb-input-group-compact > .sb-input-group-wrapper .sb-input {
  border-right-width: 1px;
  border-radius: 0;
}

.sb-input-group.sb-input-group-compact > .sb-select > .sb-select-selector:hover,
.sb-input-group.sb-input-group-compact > .sb-select-auto-complete .sb-input:hover,
.sb-input-group.sb-input-group-compact > .sb-cascader-picker .sb-input:hover,
.sb-input-group.sb-input-group-compact > .sb-input-group-wrapper .sb-input:hover {
  z-index: 1;
}

.sb-input-group.sb-input-group-compact > .sb-select > .sb-select-selector:focus,
.sb-input-group.sb-input-group-compact > .sb-select-auto-complete .sb-input:focus,
.sb-input-group.sb-input-group-compact > .sb-cascader-picker .sb-input:focus,
.sb-input-group.sb-input-group-compact > .sb-input-group-wrapper .sb-input:focus {
  z-index: 1;
}

.sb-input-group.sb-input-group-compact > .sb-select-focused {
  z-index: 1;
}

.sb-input-group.sb-input-group-compact > .sb-select > .sb-select-arrow {
  z-index: 1;
}

.sb-input-group.sb-input-group-compact > *:first-child,
.sb-input-group.sb-input-group-compact > .sb-select:first-child > .sb-select-selector,
.sb-input-group.sb-input-group-compact > .sb-select-auto-complete:first-child .sb-input,
.sb-input-group.sb-input-group-compact > .sb-cascader-picker:first-child .sb-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.sb-input-group.sb-input-group-compact > *:last-child,
.sb-input-group.sb-input-group-compact > .sb-select:last-child > .sb-select-selector,
.sb-input-group.sb-input-group-compact > .sb-cascader-picker:last-child .sb-input,
.sb-input-group.sb-input-group-compact > .sb-cascader-picker-focused:last-child .sb-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

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

.sb-input-group.sb-input-group-compact .sb-input-group-wrapper + .sb-input-group-wrapper {
  margin-left: -1px;
}

.sb-input-group.sb-input-group-compact .sb-input-group-wrapper + .sb-input-group-wrapper .sb-input-affix-wrapper {
  border-radius: 0;
}

.sb-input-group.sb-input-group-compact .sb-input-group-wrapper:not(:last-child).sb-input-search > .sb-input-group > .sb-input-group-addon > .sb-input-search-button {
  border-radius: 0;
}

.sb-input-group.sb-input-group-compact .sb-input-group-wrapper:not(:last-child).sb-input-search > .sb-input-group > .sb-input {
  border-radius: 2px 0 0 2px;
}

.sb-input-group > .sb-input-rtl:first-child,
.sb-input-group-rtl .sb-input-group-addon:first-child {
  border-radius: 0 2px 2px 0;
}

.sb-input-group-rtl .sb-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}

.sb-input-group-rtl .sb-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}

.sb-input-group-rtl.sb-input-group > .sb-input:last-child,
.sb-input-group-rtl.sb-input-group-addon:last-child {
  border-radius: 2px 0 0 2px;
}

.sb-input-group-rtl.sb-input-group .sb-input-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}

.sb-input-group-rtl.sb-input-group .sb-input-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}

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

.sb-input-group-rtl.sb-input-group.sb-input-group-compact > *:first-child,
.sb-input-group-rtl.sb-input-group.sb-input-group-compact > .sb-select:first-child > .sb-select-selector,
.sb-input-group-rtl.sb-input-group.sb-input-group-compact > .sb-select-auto-complete:first-child .sb-input,
.sb-input-group-rtl.sb-input-group.sb-input-group-compact > .sb-cascader-picker:first-child .sb-input {
  border-radius: 0 2px 2px 0;
}

.sb-input-group-rtl.sb-input-group.sb-input-group-compact > *:last-child,
.sb-input-group-rtl.sb-input-group.sb-input-group-compact > .sb-select:last-child > .sb-select-selector,
.sb-input-group-rtl.sb-input-group.sb-input-group-compact > .sb-select-auto-complete:last-child .sb-input,
.sb-input-group-rtl.sb-input-group.sb-input-group-compact > .sb-cascader-picker:last-child .sb-input,
.sb-input-group-rtl.sb-input-group.sb-input-group-compact > .sb-cascader-picker-focused:last-child .sb-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}

.sb-input-group.sb-input-group-compact .sb-input-group-wrapper-rtl + .sb-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}

.sb-input-group.sb-input-group-compact .sb-input-group-wrapper-rtl:not(:last-child).sb-input-search > .sb-input-group > .sb-input {
  border-radius: 0 2px 2px 0;
}

.sb-input-group > .sb-input-rtl:first-child {
  border-radius: 0 2px 2px 0;
}

.sb-input-group > .sb-input-rtl:last-child {
  border-radius: 2px 0 0 2px;
}

.sb-input-group-rtl .sb-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

.sb-input-group-rtl .sb-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}

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

.sb-input-password-icon.anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}

.sb-input-password-icon.anticon:hover {
  color: rgba(0, 0, 0, 0.85);
}

.sb-input[type=color] {
  height: 32px;
}

.sb-input[type=color].sb-input-lg {
  height: 40px;
}

.sb-input[type=color].sb-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.sb-input-textarea-show-count > .sb-input {
  height: 100%;
}

.sb-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}

.sb-input-textarea-show-count.sb-input-textarea-in-form-item::after {
  margin-bottom: -22px;
}

.sb-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}

.sb-input-search .sb-input:hover,
.sb-input-search .sb-input:focus {
  border-color: var(--sb-primary-5);
}

.sb-input-search .sb-input:hover + .sb-input-group-addon .sb-input-search-button:not(.sb-btn-primary),
.sb-input-search .sb-input:focus + .sb-input-group-addon .sb-input-search-button:not(.sb-btn-primary) {
  border-left-color: var(--sb-primary-5);
}

.sb-input-search .sb-input-affix-wrapper {
  border-radius: 0;
}

.sb-input-search .sb-input-lg {
  line-height: 1.5713;
}

.sb-input-search > .sb-input-group > .sb-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}

.sb-input-search > .sb-input-group > .sb-input-group-addon:last-child .sb-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 2px 2px 0;
}

.sb-input-search > .sb-input-group > .sb-input-group-addon:last-child .sb-input-search-button:not(.sb-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}

.sb-input-search > .sb-input-group > .sb-input-group-addon:last-child .sb-input-search-button:not(.sb-btn-primary).sb-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.sb-input-search-button {
  height: 32px;
}

.sb-input-search-button:hover,
.sb-input-search-button:focus {
  z-index: 1;
}

.sb-input-search-large .sb-input-search-button {
  height: 40px;
}

.sb-input-search-small .sb-input-search-button {
  height: 24px;
}

.sb-input-group-wrapper-rtl {
  direction: rtl;
}

.sb-input-group-rtl {
  direction: rtl;
}

.sb-input-affix-wrapper.sb-input-affix-wrapper-rtl > input.sb-input {
  border: none;
  outline: none;
}

.sb-input-affix-wrapper-rtl .sb-input-prefix {
  margin: 0 0 0 4px;
}

.sb-input-affix-wrapper-rtl .sb-input-suffix {
  margin: 0 4px 0 0;
}

.sb-input-textarea-rtl {
  direction: rtl;
}

.sb-input-textarea-rtl.sb-input-textarea-show-count::after {
  text-align: left;
}

.sb-input-affix-wrapper-rtl .sb-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}

.sb-input-affix-wrapper-rtl .sb-input-clear-icon {
  right: auto;
  left: 8px;
}

.sb-input-search-rtl {
  direction: rtl;
}

.sb-input-search-rtl .sb-input:hover + .sb-input-group-addon .sb-input-search-button:not(.sb-btn-primary),
.sb-input-search-rtl .sb-input:focus + .sb-input-group-addon .sb-input-search-button:not(.sb-btn-primary) {
  border-right-color: var(--sb-primary-5);
  border-left-color: #d9d9d9;
}

.sb-input-search-rtl > .sb-input-group > .sb-input-affix-wrapper:hover,
.sb-input-search-rtl > .sb-input-group > .sb-input-affix-wrapper-focused {
  border-right-color: var(--sb-primary-5);
}

.sb-input-search-rtl > .sb-input-group > .sb-input-group-addon {
  right: -1px;
  left: auto;
}

.sb-input-search-rtl > .sb-input-group > .sb-input-group-addon .sb-input-search-button {
  border-radius: 2px 0 0 2px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sb-input {
    height: 32px;
  }
  .sb-input-lg {
    height: 40px;
  }
  .sb-input-sm {
    height: 24px;
  }
  .sb-input-affix-wrapper > input.sb-input {
    height: auto;
  }
}
.sb-input-number-affix-wrapper {
  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;
  position: relative;
  display: inline-flex;
  width: 90px;
  padding: 0;
  padding-inline-start: 11px;
}

.sb-input-number-affix-wrapper::placeholder {
  color: #bfbfbf;
  user-select: none;
}

.sb-input-number-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}

.sb-input-number-affix-wrapper:hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-input-number-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-number-affix-wrapper:focus,
.sb-input-number-affix-wrapper-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-input-number-affix-wrapper:focus,
.sb-input-rtl .sb-input-number-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-number-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-input-number-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-input-number-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-input-number-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-input-number-affix-wrapper-borderless,
.sb-input-number-affix-wrapper-borderless:hover,
.sb-input-number-affix-wrapper-borderless:focus,
.sb-input-number-affix-wrapper-borderless-focused,
.sb-input-number-affix-wrapper-borderless-disabled,
.sb-input-number-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

textarea.sb-input-number-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.sb-input-number-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-input-number-affix-wrapper-sm {
  padding: 0px 7px;
}

.sb-input-number-affix-wrapper-rtl {
  direction: rtl;
}

.sb-input-number-affix-wrapper:not(.sb-input-number-affix-wrapper-disabled):hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
  z-index: 1;
}

.sb-input-rtl .sb-input-number-affix-wrapper:not(.sb-input-number-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-number-affix-wrapper-focused,
.sb-input-number-affix-wrapper:focus {
  z-index: 1;
}

.sb-input-number-affix-wrapper-disabled .sb-input-number[disabled] {
  background: transparent;
}

.sb-input-number-affix-wrapper > div.sb-input-number {
  width: 100%;
  border: none;
  outline: none;
}

.sb-input-number-affix-wrapper > div.sb-input-number.sb-input-number-focused {
  box-shadow: none !important;
}

.sb-input-number-affix-wrapper input.sb-input-number-input {
  padding: 0;
}

.sb-input-number-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: " ";
}

.sb-input-number-affix-wrapper .sb-input-number-handler-wrap {
  z-index: 2;
}

.sb-input-number-prefix,
.sb-input-number-suffix {
  display: flex;
  flex: none;
  align-items: center;
  pointer-events: none;
}

.sb-input-number-prefix {
  margin-inline-end: 4px;
}

.sb-input-number-suffix {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  margin-right: 11px;
  margin-left: 4px;
}

.sb-input-number-group-wrapper .sb-input-number-affix-wrapper {
  width: 100%;
}

.sb-input-number-status-error:not(.sb-input-number-disabled):not(.sb-input-number-borderless).sb-input-number,
.sb-input-number-status-error:not(.sb-input-number-disabled):not(.sb-input-number-borderless).sb-input-number:hover {
  background: #fff;
  border-color: var(--sb-error-color);
}

.sb-input-number-status-error:not(.sb-input-number-disabled):not(.sb-input-number-borderless).sb-input-number:focus,
.sb-input-number-status-error:not(.sb-input-number-disabled):not(.sb-input-number-borderless).sb-input-number-focused {
  border-color: var(--sb-error-color-hover);
  box-shadow: 0 0 0 2px var(--sb-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-number-status-error .sb-input-number-prefix {
  color: var(--sb-error-color);
}

.sb-input-number-status-warning:not(.sb-input-number-disabled):not(.sb-input-number-borderless).sb-input-number,
.sb-input-number-status-warning:not(.sb-input-number-disabled):not(.sb-input-number-borderless).sb-input-number:hover {
  background: #fff;
  border-color: var(--sb-warning-color);
}

.sb-input-number-status-warning:not(.sb-input-number-disabled):not(.sb-input-number-borderless).sb-input-number:focus,
.sb-input-number-status-warning:not(.sb-input-number-disabled):not(.sb-input-number-borderless).sb-input-number-focused {
  border-color: var(--sb-warning-color-hover);
  box-shadow: 0 0 0 2px var(--sb-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-number-status-warning .sb-input-number-prefix {
  color: var(--sb-warning-color);
}

.sb-input-number-affix-wrapper-status-error:not(.sb-input-number-affix-wrapper-disabled):not(.sb-input-number-affix-wrapper-borderless).sb-input-number-affix-wrapper,
.sb-input-number-affix-wrapper-status-error:not(.sb-input-number-affix-wrapper-disabled):not(.sb-input-number-affix-wrapper-borderless).sb-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: var(--sb-error-color);
}

.sb-input-number-affix-wrapper-status-error:not(.sb-input-number-affix-wrapper-disabled):not(.sb-input-number-affix-wrapper-borderless).sb-input-number-affix-wrapper:focus,
.sb-input-number-affix-wrapper-status-error:not(.sb-input-number-affix-wrapper-disabled):not(.sb-input-number-affix-wrapper-borderless).sb-input-number-affix-wrapper-focused {
  border-color: var(--sb-error-color-hover);
  box-shadow: 0 0 0 2px var(--sb-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-number-affix-wrapper-status-error .sb-input-number-prefix {
  color: var(--sb-error-color);
}

.sb-input-number-affix-wrapper-status-warning:not(.sb-input-number-affix-wrapper-disabled):not(.sb-input-number-affix-wrapper-borderless).sb-input-number-affix-wrapper,
.sb-input-number-affix-wrapper-status-warning:not(.sb-input-number-affix-wrapper-disabled):not(.sb-input-number-affix-wrapper-borderless).sb-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: var(--sb-warning-color);
}

.sb-input-number-affix-wrapper-status-warning:not(.sb-input-number-affix-wrapper-disabled):not(.sb-input-number-affix-wrapper-borderless).sb-input-number-affix-wrapper:focus,
.sb-input-number-affix-wrapper-status-warning:not(.sb-input-number-affix-wrapper-disabled):not(.sb-input-number-affix-wrapper-borderless).sb-input-number-affix-wrapper-focused {
  border-color: var(--sb-warning-color-hover);
  box-shadow: 0 0 0 2px var(--sb-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-number-affix-wrapper-status-warning .sb-input-number-prefix {
  color: var(--sb-warning-color);
}

.sb-input-number-group-wrapper-status-error .sb-input-number-group-addon {
  color: var(--sb-error-color);
  border-color: var(--sb-error-color);
}

.sb-input-number-group-wrapper-status-warning .sb-input-number-group-addon {
  color: var(--sb-warning-color);
  border-color: var(--sb-warning-color);
}

.sb-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  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;
}

.sb-input-number::placeholder {
  color: #bfbfbf;
  user-select: none;
}

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

.sb-input-number:hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-input-number:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-number:focus,
.sb-input-number-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-input-number:focus,
.sb-input-rtl .sb-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-input-number-borderless,
.sb-input-number-borderless:hover,
.sb-input-number-borderless:focus,
.sb-input-number-borderless-focused,
.sb-input-number-borderless-disabled,
.sb-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

textarea.sb-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.sb-input-number-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-input-number-sm {
  padding: 0px 7px;
}

.sb-input-number-rtl {
  direction: rtl;
}

.sb-input-number-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

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

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

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

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

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

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

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

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

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

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

.sb-input-search-with-button .sb-input-number-group .sb-input-number:hover {
  z-index: 0;
}

.sb-input-number-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;
}

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

.sb-input-number-group-addon .sb-select.sb-select-single:not(.sb-select-customize-input) .sb-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}

.sb-input-number-group-addon .sb-select-open .sb-select-selector,
.sb-input-number-group-addon .sb-select-focused .sb-select-selector {
  color: var(--sb-primary-color);
}

.sb-input-number-group-addon .sb-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}

.sb-input-number-group-addon .sb-cascader-picker .sb-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}

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

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

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

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

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

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

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

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

.sb-input-number-group-lg .sb-input-number,
.sb-input-number-group-lg > .sb-input-number-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-input-number-group-sm .sb-input-number,
.sb-input-number-group-sm > .sb-input-number-group-addon {
  padding: 0px 7px;
}

.sb-input-number-group-lg .sb-select-single .sb-select-selector {
  height: 40px;
}

.sb-input-number-group-sm .sb-select-single .sb-select-selector {
  height: 24px;
}

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

.sb-input-search .sb-input-number-group .sb-input-number-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.sb-input-number-group .sb-input-number-affix-wrapper:not(:first-child),
.sb-input-search .sb-input-number-group .sb-input-number-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.sb-input-number-group.sb-input-number-group-compact {
  display: block;
}

.sb-input-number-group.sb-input-number-group-compact::before {
  display: table;
  content: "";
}

.sb-input-number-group.sb-input-number-group-compact::after {
  display: table;
  clear: both;
  content: "";
}

.sb-input-number-group.sb-input-number-group-compact::before {
  display: table;
  content: "";
}

.sb-input-number-group.sb-input-number-group-compact::after {
  display: table;
  clear: both;
  content: "";
}

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

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

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

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

.sb-input-number-group.sb-input-number-group-compact > .sb-input-number-affix-wrapper {
  display: inline-flex;
}

.sb-input-number-group.sb-input-number-group-compact > .sb-picker-range {
  display: inline-flex;
}

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

.sb-input-number-group.sb-input-number-group-compact .sb-input-number {
  float: none;
}

.sb-input-number-group.sb-input-number-group-compact > .sb-select > .sb-select-selector,
.sb-input-number-group.sb-input-number-group-compact > .sb-select-auto-complete .sb-input,
.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker .sb-input,
.sb-input-number-group.sb-input-number-group-compact > .sb-input-group-wrapper .sb-input {
  border-right-width: 1px;
  border-radius: 0;
}

.sb-input-number-group.sb-input-number-group-compact > .sb-select > .sb-select-selector:hover,
.sb-input-number-group.sb-input-number-group-compact > .sb-select-auto-complete .sb-input:hover,
.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker .sb-input:hover,
.sb-input-number-group.sb-input-number-group-compact > .sb-input-group-wrapper .sb-input:hover {
  z-index: 1;
}

.sb-input-number-group.sb-input-number-group-compact > .sb-select > .sb-select-selector:focus,
.sb-input-number-group.sb-input-number-group-compact > .sb-select-auto-complete .sb-input:focus,
.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker .sb-input:focus,
.sb-input-number-group.sb-input-number-group-compact > .sb-input-group-wrapper .sb-input:focus {
  z-index: 1;
}

.sb-input-number-group.sb-input-number-group-compact > .sb-select-focused {
  z-index: 1;
}

.sb-input-number-group.sb-input-number-group-compact > .sb-select > .sb-select-arrow {
  z-index: 1;
}

.sb-input-number-group.sb-input-number-group-compact > *:first-child,
.sb-input-number-group.sb-input-number-group-compact > .sb-select:first-child > .sb-select-selector,
.sb-input-number-group.sb-input-number-group-compact > .sb-select-auto-complete:first-child .sb-input,
.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker:first-child .sb-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.sb-input-number-group.sb-input-number-group-compact > *:last-child,
.sb-input-number-group.sb-input-number-group-compact > .sb-select:last-child > .sb-select-selector,
.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker:last-child .sb-input,
.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker-focused:last-child .sb-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

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

.sb-input-number-group.sb-input-number-group-compact .sb-input-group-wrapper + .sb-input-group-wrapper {
  margin-left: -1px;
}

.sb-input-number-group.sb-input-number-group-compact .sb-input-group-wrapper + .sb-input-group-wrapper .sb-input-affix-wrapper {
  border-radius: 0;
}

.sb-input-number-group.sb-input-number-group-compact .sb-input-group-wrapper:not(:last-child).sb-input-search > .sb-input-group > .sb-input-group-addon > .sb-input-search-button {
  border-radius: 0;
}

.sb-input-number-group.sb-input-number-group-compact .sb-input-group-wrapper:not(:last-child).sb-input-search > .sb-input-group > .sb-input {
  border-radius: 2px 0 0 2px;
}

.sb-input-number-group > .sb-input-number-rtl:first-child,
.sb-input-number-group-rtl .sb-input-number-group-addon:first-child {
  border-radius: 0 2px 2px 0;
}

.sb-input-number-group-rtl .sb-input-number-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}

.sb-input-number-group-rtl .sb-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}

.sb-input-number-group-rtl.sb-input-number-group > .sb-input-number:last-child,
.sb-input-number-group-rtl.sb-input-number-group-addon:last-child {
  border-radius: 2px 0 0 2px;
}

.sb-input-number-group-rtl.sb-input-number-group .sb-input-number-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}

.sb-input-number-group-rtl.sb-input-number-group .sb-input-number-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}

.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}

.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > *:first-child,
.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > .sb-select:first-child > .sb-select-selector,
.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > .sb-select-auto-complete:first-child .sb-input,
.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker:first-child .sb-input {
  border-radius: 0 2px 2px 0;
}

.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > *:last-child,
.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > .sb-select:last-child > .sb-select-selector,
.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > .sb-select-auto-complete:last-child .sb-input,
.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker:last-child .sb-input,
.sb-input-number-group-rtl.sb-input-number-group.sb-input-number-group-compact > .sb-cascader-picker-focused:last-child .sb-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}

.sb-input-number-group.sb-input-number-group-compact .sb-input-group-wrapper-rtl + .sb-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}

.sb-input-number-group.sb-input-number-group-compact .sb-input-group-wrapper-rtl:not(:last-child).sb-input-search > .sb-input-group > .sb-input {
  border-radius: 0 2px 2px 0;
}

.sb-input-number-group > .sb-input-number-rtl:first-child {
  border-radius: 0 2px 2px 0;
}

.sb-input-number-group > .sb-input-number-rtl:last-child {
  border-radius: 2px 0 0 2px;
}

.sb-input-number-group-rtl .sb-input-number-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

.sb-input-number-group-rtl .sb-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}

.sb-input-number-group-wrapper {
  display: inline-block;
  text-align: start;
  vertical-align: top;
}

.sb-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;
  border-left: 1px solid #d9d9d9;
  transition: all 0.1s linear;
}

.sb-input-number-handler:active {
  background: #f4f4f4;
}

.sb-input-number-handler:hover .sb-input-number-handler-up-inner,
.sb-input-number-handler:hover .sb-input-number-handler-down-inner {
  color: var(--sb-primary-5);
}

.sb-input-number-handler-up-inner,
.sb-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;
  user-select: none;
}

.sb-input-number-handler-up-inner > *,
.sb-input-number-handler-down-inner > * {
  line-height: 1;
}

.sb-input-number-handler-up-inner svg,
.sb-input-number-handler-down-inner svg {
  display: inline-block;
}

.sb-input-number-handler-up-inner::before,
.sb-input-number-handler-down-inner::before {
  display: none;
}

.sb-input-number-handler-up-inner .sb-input-number-handler-up-inner-icon,
.sb-input-number-handler-up-inner .sb-input-number-handler-down-inner-icon,
.sb-input-number-handler-down-inner .sb-input-number-handler-up-inner-icon,
.sb-input-number-handler-down-inner .sb-input-number-handler-down-inner-icon {
  display: block;
}

.sb-input-number:hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-number:hover + .sb-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}

.sb-input-number-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-input-number-disabled .sb-input-number-input {
  cursor: not-allowed;
}

.sb-input-number-disabled .sb-input-number-handler-wrap {
  display: none;
}

.sb-input-number-readonly .sb-input-number-handler-wrap {
  display: none;
}

.sb-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;
  appearance: textfield !important;
}

.sb-input-number-input::placeholder {
  color: #bfbfbf;
  user-select: none;
}

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

.sb-input-number-input[type=number]::-webkit-inner-spin-button,
.sb-input-number-input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  appearance: none;
}

.sb-input-number-lg {
  padding: 0;
  font-size: 16px;
}

.sb-input-number-lg input {
  height: 38px;
}

.sb-input-number-sm {
  padding: 0;
}

.sb-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}

.sb-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-radius: 0 2px 2px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}

.sb-input-number-handler-wrap .sb-input-number-handler .sb-input-number-handler-up-inner,
.sb-input-number-handler-wrap .sb-input-number-handler .sb-input-number-handler-down-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  margin-right: 0;
  font-size: 7px;
}

.sb-input-number-borderless .sb-input-number-handler-wrap {
  border-left-width: 0;
}

.sb-input-number-handler-wrap:hover .sb-input-number-handler {
  height: 40%;
}

.sb-input-number:hover .sb-input-number-handler-wrap,
.sb-input-number-focused .sb-input-number-handler-wrap {
  opacity: 1;
}

.sb-input-number-handler-up {
  border-top-right-radius: 2px;
  cursor: pointer;
}

.sb-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}

.sb-input-number-handler-up:hover {
  height: 60% !important;
}

.sb-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}

.sb-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}

.sb-input-number-handler-down:hover {
  height: 60% !important;
}

.sb-input-number-borderless .sb-input-number-handler-down {
  border-top-width: 0;
}

.sb-input-number:hover:not(.sb-input-number-borderless) .sb-input-number-handler-down,
.sb-input-number-focused:not(.sb-input-number-borderless) .sb-input-number-handler-down {
  border-top: 1px solid #d9d9d9;
}

.sb-input-number-handler-up-disabled,
.sb-input-number-handler-down-disabled {
  cursor: not-allowed;
}

.sb-input-number-handler-up-disabled:hover .sb-input-number-handler-up-inner,
.sb-input-number-handler-down-disabled:hover .sb-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}

.sb-input-number-borderless {
  box-shadow: none;
}

.sb-input-number-out-of-range input {
  color: var(--sb-error-color);
}

.sb-input-number-rtl {
  direction: rtl;
}

.sb-input-number-rtl .sb-input-number-handler {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}

.sb-input-number-rtl .sb-input-number-handler-wrap {
  right: auto;
  left: 0;
}

.sb-input-number-rtl.sb-input-number-borderless .sb-input-number-handler-wrap {
  border-right-width: 0;
}

.sb-input-number-rtl .sb-input-number-handler-up {
  border-top-right-radius: 0;
}

.sb-input-number-rtl .sb-input-number-handler-down {
  border-bottom-right-radius: 0;
}

.sb-input-number-rtl .sb-input-number-input {
  direction: ltr;
  text-align: right;
}

.sb-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;
}

.sb-layout,
.sb-layout * {
  box-sizing: border-box;
}

.sb-layout.sb-layout-has-sider {
  flex-direction: row;
}

.sb-layout.sb-layout-has-sider > .sb-layout,
.sb-layout.sb-layout-has-sider > .sb-layout-content {
  width: 0;
}

.sb-layout-header,
.sb-layout-footer {
  flex: 0 0 auto;
}

.sb-layout-header {
  height: 64px;
  padding: 0 50px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 64px;
  background: #001529;
}

.sb-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  background: #f0f2f5;
}

.sb-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}

.sb-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;
}

.sb-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}

.sb-layout-sider-children .sb-menu.sb-menu-inline-collapsed {
  width: auto;
}

.sb-layout-sider-has-trigger {
  padding-bottom: 48px;
}

.sb-layout-sider-right {
  order: 1;
}

.sb-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;
}

.sb-layout-sider-zero-width > * {
  overflow: hidden;
}

.sb-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;
}

.sb-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: "";
}

.sb-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}

.sb-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 2px 0 0 2px;
}

.sb-layout-sider-light {
  background: #fff;
}

.sb-layout-sider-light .sb-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}

.sb-layout-sider-light .sb-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}

.sb-layout-rtl {
  direction: rtl;
}

.sb-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
}

.sb-list * {
  outline: none;
}

.sb-list-pagination {
  margin-top: 24px;
  text-align: right;
}

.sb-list-pagination .sb-pagination-options {
  text-align: left;
}

.sb-list-more {
  margin-top: 12px;
  text-align: center;
}

.sb-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}

.sb-list-spin {
  min-height: 40px;
  text-align: center;
}

.sb-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}

.sb-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sb-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: rgba(0, 0, 0, 0.85);
}

.sb-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
}

.sb-list-item-meta-avatar {
  margin-right: 16px;
}

.sb-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: rgba(0, 0, 0, 0.85);
}

.sb-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}

.sb-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}

.sb-list-item-meta-title > a:hover {
  color: var(--sb-primary-color);
}

.sb-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
}

.sb-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}

.sb-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;
}

.sb-list-item-action > li:first-child {
  padding-left: 0;
}

.sb-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-list-header {
  background: transparent;
}

.sb-list-footer {
  background: transparent;
}

.sb-list-header,
.sb-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}

.sb-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}

.sb-list-split .sb-list-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-list-split .sb-list-item:last-child {
  border-bottom: none;
}

.sb-list-split .sb-list-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-list-split.sb-list-empty .sb-list-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-list-loading .sb-list-spin-nested-loading {
  min-height: 32px;
}

.sb-list-split.sb-list-something-after-last-item .sb-spin-container > .sb-list-items > .sb-list-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-list-lg .sb-list-item {
  padding: 16px 24px;
}

.sb-list-sm .sb-list-item {
  padding: 8px 16px;
}

.sb-list-vertical .sb-list-item {
  align-items: initial;
}

.sb-list-vertical .sb-list-item-main {
  display: block;
  flex: 1;
}

.sb-list-vertical .sb-list-item-extra {
  margin-left: 40px;
}

.sb-list-vertical .sb-list-item-meta {
  margin-bottom: 16px;
}

.sb-list-vertical .sb-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}

.sb-list-vertical .sb-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}

.sb-list-vertical .sb-list-item-action > li {
  padding: 0 16px;
}

.sb-list-vertical .sb-list-item-action > li:first-child {
  padding-left: 0;
}

.sb-list-grid .sb-col > .sb-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.sb-list-item-no-flex {
  display: block;
}

.sb-list:not(.sb-list-vertical) .sb-list-item-no-flex .sb-list-item-action {
  float: right;
}

.sb-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

.sb-list-bordered .sb-list-header {
  padding-right: 24px;
  padding-left: 24px;
}

.sb-list-bordered .sb-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}

.sb-list-bordered .sb-list-item {
  padding-right: 24px;
  padding-left: 24px;
}

.sb-list-bordered .sb-list-pagination {
  margin: 16px 24px;
}

.sb-list-bordered.sb-list-sm .sb-list-item {
  padding: 8px 16px;
}

.sb-list-bordered.sb-list-sm .sb-list-header,
.sb-list-bordered.sb-list-sm .sb-list-footer {
  padding: 8px 16px;
}

.sb-list-bordered.sb-list-lg .sb-list-item {
  padding: 16px 24px;
}

.sb-list-bordered.sb-list-lg .sb-list-header,
.sb-list-bordered.sb-list-lg .sb-list-footer {
  padding: 16px 24px;
}

@media screen and (max-width: 768px) {
  .sb-list-item-action {
    margin-left: 24px;
  }
  .sb-list-vertical .sb-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .sb-list-item {
    flex-wrap: wrap;
  }
  .sb-list-item-action {
    margin-left: 12px;
  }
  .sb-list-vertical .sb-list-item {
    flex-wrap: wrap-reverse;
  }
  .sb-list-vertical .sb-list-item-main {
    min-width: 220px;
  }
  .sb-list-vertical .sb-list-item-extra {
    margin: auto auto 16px;
  }
}
.sb-list-rtl {
  direction: rtl;
  text-align: right;
}

.sb-list-rtl .ReactVirtualized__List .sb-list-item {
  direction: rtl;
}

.sb-list-rtl .sb-list-pagination {
  text-align: left;
}

.sb-list-rtl .sb-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}

.sb-list-rtl .sb-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}

.sb-list.sb-list-rtl .sb-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}

.sb-list-rtl .sb-list-item-action-split {
  right: auto;
  left: 0;
}

.sb-list-rtl.sb-list-vertical .sb-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}

.sb-list-rtl.sb-list-vertical .sb-list-item-action {
  margin-right: auto;
}

.sb-list-rtl .sb-list-vertical .sb-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}

.sb-list-rtl .sb-list:not(.sb-list-vertical) .sb-list-item-no-flex .sb-list-item-action {
  float: left;
}

@media screen and (max-width: 768px) {
  .sb-list-rtl .sb-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .sb-list-rtl .sb-list-vertical .sb-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .sb-list-rtl .sb-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .sb-list-rtl.sb-list-vertical .sb-list-item-extra {
    margin: auto auto 16px;
  }
}
.sb-mentions-status-error:not(.sb-mentions-disabled):not(.sb-mentions-borderless).sb-mentions,
.sb-mentions-status-error:not(.sb-mentions-disabled):not(.sb-mentions-borderless).sb-mentions:hover {
  background: #fff;
  border-color: var(--sb-error-color);
}

.sb-mentions-status-error:not(.sb-mentions-disabled):not(.sb-mentions-borderless).sb-mentions:focus,
.sb-mentions-status-error:not(.sb-mentions-disabled):not(.sb-mentions-borderless).sb-mentions-focused {
  border-color: var(--sb-error-color-hover);
  box-shadow: 0 0 0 2px var(--sb-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-mentions-status-error .sb-input-prefix {
  color: var(--sb-error-color);
}

.sb-mentions-status-warning:not(.sb-mentions-disabled):not(.sb-mentions-borderless).sb-mentions,
.sb-mentions-status-warning:not(.sb-mentions-disabled):not(.sb-mentions-borderless).sb-mentions:hover {
  background: #fff;
  border-color: var(--sb-warning-color);
}

.sb-mentions-status-warning:not(.sb-mentions-disabled):not(.sb-mentions-borderless).sb-mentions:focus,
.sb-mentions-status-warning:not(.sb-mentions-disabled):not(.sb-mentions-borderless).sb-mentions-focused {
  border-color: var(--sb-warning-color-hover);
  box-shadow: 0 0 0 2px var(--sb-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-mentions-status-warning .sb-input-prefix {
  color: var(--sb-warning-color);
}

.sb-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  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;
}

.sb-mentions::placeholder {
  color: #bfbfbf;
  user-select: none;
}

.sb-mentions:placeholder-shown {
  text-overflow: ellipsis;
}

.sb-mentions:hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-mentions:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-mentions:focus,
.sb-mentions-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-mentions:focus,
.sb-input-rtl .sb-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-mentions-borderless,
.sb-mentions-borderless:hover,
.sb-mentions-borderless:focus,
.sb-mentions-borderless-focused,
.sb-mentions-borderless-disabled,
.sb-mentions-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

textarea.sb-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.sb-mentions-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-mentions-sm {
  padding: 0px 7px;
}

.sb-mentions-rtl {
  direction: rtl;
}

.sb-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.sb-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}

.sb-mentions-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-mentions > textarea,
.sb-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  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;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  tab-size: inherit;
}

.sb-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}

.sb-mentions > textarea::placeholder {
  color: #bfbfbf;
  user-select: none;
}

.sb-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}

.sb-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}

.sb-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}

.sb-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  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);
}

.sb-mentions-dropdown-hidden {
  display: none;
}

.sb-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}

.sb-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;
}

.sb-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}

.sb-mentions-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}

.sb-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}

.sb-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}

.sb-mentions-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: #fafafa;
}

.sb-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}

.sb-mentions-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}

.sb-mentions-rtl {
  direction: rtl;
}

.sb-menu-item-danger.sb-menu-item {
  color: var(--sb-error-color);
}

.sb-menu-item-danger.sb-menu-item:hover,
.sb-menu-item-danger.sb-menu-item-active {
  color: var(--sb-error-color);
}

.sb-menu-item-danger.sb-menu-item:active {
  background: #fff1f0;
}

.sb-menu-item-danger.sb-menu-item-selected {
  color: var(--sb-error-color);
}

.sb-menu-item-danger.sb-menu-item-selected > a,
.sb-menu-item-danger.sb-menu-item-selected > a:hover {
  color: var(--sb-error-color);
}

.sb-menu:not(.sb-menu-horizontal) .sb-menu-item-danger.sb-menu-item-selected {
  background-color: #fff1f0;
}

.sb-menu-inline .sb-menu-item-danger.sb-menu-item::after {
  border-right-color: var(--sb-error-color);
}

.sb-menu-dark .sb-menu-item-danger.sb-menu-item,
.sb-menu-dark .sb-menu-item-danger.sb-menu-item:hover,
.sb-menu-dark .sb-menu-item-danger.sb-menu-item > a {
  color: var(--sb-error-color);
}

.sb-menu-dark.sb-menu-dark:not(.sb-menu-horizontal) .sb-menu-item-danger.sb-menu-item-selected {
  color: #fff;
  background-color: var(--sb-error-color);
}

.sb-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: "tnum";
  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;
}

.sb-menu::before {
  display: table;
  content: "";
}

.sb-menu::after {
  display: table;
  clear: both;
  content: "";
}

.sb-menu::before {
  display: table;
  content: "";
}

.sb-menu::after {
  display: table;
  clear: both;
  content: "";
}

.sb-menu.sb-menu-root:focus-visible {
  box-shadow: 0 0 0 2px var(--sb-primary-2);
}

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

.sb-menu-overflow {
  display: flex;
}

.sb-menu-overflow-item {
  flex: none;
}

.sb-menu-hidden,
.sb-menu-submenu-hidden {
  display: none;
}

.sb-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;
}

.sb-menu-horizontal .sb-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);
}

.sb-menu-submenu,
.sb-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);
}

.sb-menu-submenu-selected {
  color: var(--sb-primary-color);
}

.sb-menu-item:active,
.sb-menu-submenu-title:active {
  background: var(--sb-primary-1);
}

.sb-menu-submenu .sb-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);
}

.sb-menu-title-content {
  transition: color 0.3s;
}

.sb-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}

.sb-menu-item a:hover {
  color: var(--sb-primary-color);
}

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

.sb-menu-item > .sb-badge a {
  color: rgba(0, 0, 0, 0.85);
}

.sb-menu-item > .sb-badge a:hover {
  color: var(--sb-primary-color);
}

.sb-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: solid;
  border-width: 1px 0 0;
}

.sb-menu-item-divider-dashed {
  border-style: dashed;
}

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

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

.sb-menu-item-selected {
  color: var(--sb-primary-color);
}

.sb-menu-item-selected a,
.sb-menu-item-selected a:hover {
  color: var(--sb-primary-color);
}

.sb-menu:not(.sb-menu-horizontal) .sb-menu-item-selected {
  background-color: var(--sb-primary-1);
}

.sb-menu-inline,
.sb-menu-vertical,
.sb-menu-vertical-left {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-menu-vertical-right {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-menu-vertical.sb-menu-sub,
.sb-menu-vertical-left.sb-menu-sub,
.sb-menu-vertical-right.sb-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}

.sb-menu-vertical.sb-menu-sub:not([class*=-active]),
.sb-menu-vertical-left.sb-menu-sub:not([class*=-active]),
.sb-menu-vertical-right.sb-menu-sub:not([class*=-active]) {
  overflow-x: hidden;
  overflow-y: auto;
}

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

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

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

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

.sb-menu-horizontal .sb-menu-item,
.sb-menu-horizontal .sb-menu-submenu-title {
  transition: border-color 0.3s, background 0.3s;
}

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

.sb-menu-item .sb-menu-item-icon,
.sb-menu-submenu-title .sb-menu-item-icon,
.sb-menu-item .anticon,
.sb-menu-submenu-title .anticon {
  min-width: 14px;
  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), color 0.3s;
}

.sb-menu-item .sb-menu-item-icon + span,
.sb-menu-submenu-title .sb-menu-item-icon + span,
.sb-menu-item .anticon + span,
.sb-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}

.sb-menu-item .sb-menu-item-icon.svg,
.sb-menu-submenu-title .sb-menu-item-icon.svg {
  vertical-align: -0.125em;
}

.sb-menu-item.sb-menu-item-only-child > .anticon,
.sb-menu-submenu-title.sb-menu-item-only-child > .anticon,
.sb-menu-item.sb-menu-item-only-child > .sb-menu-item-icon,
.sb-menu-submenu-title.sb-menu-item-only-child > .sb-menu-item-icon {
  margin-right: 0;
}

.sb-menu-item:not(.sb-menu-item-disabled):focus-visible,
.sb-menu-submenu-title:not(.sb-menu-item-disabled):focus-visible {
  box-shadow: 0 0 0 2px var(--sb-primary-2);
}

.sb-menu > .sb-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}

.sb-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 2px;
  box-shadow: none;
  transform-origin: 0 0;
}

.sb-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: " ";
}

.sb-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}

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

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

.sb-menu-submenu-popup > .sb-menu {
  background-color: #fff;
}

.sb-menu-submenu-expand-icon,
.sb-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sb-menu-submenu-arrow::before,
.sb-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  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), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

.sb-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px);
}

.sb-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px);
}

.sb-menu-submenu:hover > .sb-menu-submenu-title > .sb-menu-submenu-expand-icon,
.sb-menu-submenu:hover > .sb-menu-submenu-title > .sb-menu-submenu-arrow {
  color: var(--sb-primary-color);
}

.sb-menu-inline-collapsed .sb-menu-submenu-arrow::before,
.sb-menu-submenu-inline .sb-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px);
}

.sb-menu-inline-collapsed .sb-menu-submenu-arrow::after,
.sb-menu-submenu-inline .sb-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2.5px);
}

.sb-menu-submenu-horizontal .sb-menu-submenu-arrow {
  display: none;
}

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

.sb-menu-submenu-open.sb-menu-submenu-inline > .sb-menu-submenu-title > .sb-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2.5px);
}

.sb-menu-submenu-open.sb-menu-submenu-inline > .sb-menu-submenu-title > .sb-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2.5px);
}

.sb-menu-vertical .sb-menu-submenu-selected,
.sb-menu-vertical-left .sb-menu-submenu-selected,
.sb-menu-vertical-right .sb-menu-submenu-selected {
  color: var(--sb-primary-color);
}

.sb-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: none;
}

.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}

.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item:hover,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu:hover,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item-active,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu-active,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item-open,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu-open,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item-selected,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu-selected {
  color: var(--sb-primary-color);
}

.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item:hover::after,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu:hover::after,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item-active::after,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu-active::after,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item-open::after,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu-open::after,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-item-selected::after,
.sb-menu-horizontal:not(.sb-menu-dark) > .sb-menu-submenu-selected::after {
  border-bottom: 2px solid var(--sb-primary-color);
}

.sb-menu-horizontal > .sb-menu-item,
.sb-menu-horizontal > .sb-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
}

.sb-menu-horizontal > .sb-menu-item::after,
.sb-menu-horizontal > .sb-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

.sb-menu-horizontal > .sb-menu-submenu > .sb-menu-submenu-title {
  padding: 0;
}

.sb-menu-horizontal > .sb-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}

.sb-menu-horizontal > .sb-menu-item a:hover {
  color: var(--sb-primary-color);
}

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

.sb-menu-horizontal > .sb-menu-item-selected a {
  color: var(--sb-primary-color);
}

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

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

.sb-menu-vertical .sb-menu-item::after,
.sb-menu-vertical-left .sb-menu-item::after,
.sb-menu-vertical-right .sb-menu-item::after,
.sb-menu-inline .sb-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid var(--sb-primary-color);
  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: "";
}

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

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

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

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

.sb-menu-vertical .sb-menu-item-group-list .sb-menu-submenu-title,
.sb-menu-vertical .sb-menu-submenu-title {
  padding-right: 34px;
}

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

.sb-menu-inline .sb-menu-selected::after,
.sb-menu-inline .sb-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);
}

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

.sb-menu-inline .sb-menu-item-group-list .sb-menu-submenu-title,
.sb-menu-inline .sb-menu-submenu-title {
  padding-right: 34px;
}

.sb-menu-inline.sb-menu-root .sb-menu-item,
.sb-menu-inline.sb-menu-root .sb-menu-submenu-title {
  display: flex;
  align-items: center;
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sb-menu-inline.sb-menu-root .sb-menu-item > .sb-menu-title-content,
.sb-menu-inline.sb-menu-root .sb-menu-submenu-title > .sb-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sb-menu-inline.sb-menu-root .sb-menu-item > *,
.sb-menu-inline.sb-menu-root .sb-menu-submenu-title > * {
  flex: none;
}

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

.sb-menu.sb-menu-inline-collapsed > .sb-menu-item,
.sb-menu.sb-menu-inline-collapsed > .sb-menu-item-group > .sb-menu-item-group-list > .sb-menu-item,
.sb-menu.sb-menu-inline-collapsed > .sb-menu-item-group > .sb-menu-item-group-list > .sb-menu-submenu > .sb-menu-submenu-title,
.sb-menu.sb-menu-inline-collapsed > .sb-menu-submenu > .sb-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 8px);
  text-overflow: clip;
}

.sb-menu.sb-menu-inline-collapsed > .sb-menu-item .sb-menu-submenu-arrow,
.sb-menu.sb-menu-inline-collapsed > .sb-menu-item-group > .sb-menu-item-group-list > .sb-menu-item .sb-menu-submenu-arrow,
.sb-menu.sb-menu-inline-collapsed > .sb-menu-item-group > .sb-menu-item-group-list > .sb-menu-submenu > .sb-menu-submenu-title .sb-menu-submenu-arrow,
.sb-menu.sb-menu-inline-collapsed > .sb-menu-submenu > .sb-menu-submenu-title .sb-menu-submenu-arrow {
  opacity: 0;
}

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

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

.sb-menu.sb-menu-inline-collapsed .sb-menu-item-icon,
.sb-menu.sb-menu-inline-collapsed .anticon {
  display: inline-block;
}

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

.sb-menu.sb-menu-inline-collapsed-tooltip .sb-menu-item-icon,
.sb-menu.sb-menu-inline-collapsed-tooltip .anticon {
  display: none;
}

.sb-menu.sb-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}

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

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

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

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

.sb-menu-root.sb-menu-inline-collapsed .sb-menu-item > .sb-menu-inline-collapsed-noicon,
.sb-menu-root.sb-menu-inline-collapsed .sb-menu-submenu .sb-menu-submenu-title > .sb-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}

.sb-menu-sub.sb-menu-inline {
  padding: 0;
  background: #fafafa;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

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

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

.sb-menu-item-disabled,
.sb-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  cursor: not-allowed;
}

.sb-menu-item-disabled::after,
.sb-menu-submenu-disabled::after {
  border-color: transparent !important;
}

.sb-menu-item-disabled a,
.sb-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}

.sb-menu-item-disabled > .sb-menu-submenu-title,
.sb-menu-submenu-disabled > .sb-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}

.sb-menu-item-disabled > .sb-menu-submenu-title > .sb-menu-submenu-arrow::before,
.sb-menu-submenu-disabled > .sb-menu-submenu-title > .sb-menu-submenu-arrow::before,
.sb-menu-item-disabled > .sb-menu-submenu-title > .sb-menu-submenu-arrow::after,
.sb-menu-submenu-disabled > .sb-menu-submenu-title > .sb-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}

.sb-layout-header .sb-menu {
  line-height: inherit;
}

.sb-menu-inline-collapsed-tooltip a,
.sb-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}

.sb-menu-light .sb-menu-item:hover,
.sb-menu-light .sb-menu-item-active,
.sb-menu-light .sb-menu:not(.sb-menu-inline) .sb-menu-submenu-open,
.sb-menu-light .sb-menu-submenu-active,
.sb-menu-light .sb-menu-submenu-title:hover {
  color: var(--sb-primary-color);
}

.sb-menu.sb-menu-root:focus-visible {
  box-shadow: 0 0 0 2px var(--sb-primary-7);
}

.sb-menu-dark .sb-menu-item:focus-visible,
.sb-menu-dark .sb-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px var(--sb-primary-7);
}

.sb-menu.sb-menu-dark,
.sb-menu-dark .sb-menu-sub,
.sb-menu.sb-menu-dark .sb-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}

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

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

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

.sb-menu-dark .sb-menu-inline.sb-menu-sub {
  background: #000c17;
}

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

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

.sb-menu-dark.sb-menu-horizontal > .sb-menu-item:hover {
  background-color: var(--sb-primary-color);
}

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

.sb-menu-dark .sb-menu-item,
.sb-menu-dark .sb-menu-item-group-title,
.sb-menu-dark .sb-menu-item > a,
.sb-menu-dark .sb-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}

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

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

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

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

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

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

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

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

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

.sb-menu-dark.sb-menu-dark:not(.sb-menu-horizontal) .sb-menu-item-selected {
  background-color: var(--sb-primary-color);
}

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

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

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

.sb-menu-dark .sb-menu-item-selected .sb-menu-item-icon,
.sb-menu-dark .sb-menu-item-selected .anticon {
  color: #fff;
}

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

.sb-menu.sb-menu-dark .sb-menu-item-selected,
.sb-menu-submenu-popup.sb-menu-dark .sb-menu-item-selected {
  background-color: var(--sb-primary-color);
}

.sb-menu-dark .sb-menu-item-disabled,
.sb-menu-dark .sb-menu-submenu-disabled,
.sb-menu-dark .sb-menu-item-disabled > a,
.sb-menu-dark .sb-menu-submenu-disabled > a,
.sb-menu-dark .sb-menu-item-disabled > span > a,
.sb-menu-dark .sb-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}

.sb-menu-dark .sb-menu-item-disabled > .sb-menu-submenu-title,
.sb-menu-dark .sb-menu-submenu-disabled > .sb-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}

.sb-menu-dark .sb-menu-item-disabled > .sb-menu-submenu-title > .sb-menu-submenu-arrow::before,
.sb-menu-dark .sb-menu-submenu-disabled > .sb-menu-submenu-title > .sb-menu-submenu-arrow::before,
.sb-menu-dark .sb-menu-item-disabled > .sb-menu-submenu-title > .sb-menu-submenu-arrow::after,
.sb-menu-dark .sb-menu-submenu-disabled > .sb-menu-submenu-title > .sb-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}

.sb-menu.sb-menu-rtl {
  direction: rtl;
  text-align: right;
}

.sb-menu-rtl .sb-menu-item-group-title {
  text-align: right;
}

.sb-menu-rtl.sb-menu-inline,
.sb-menu-rtl.sb-menu-vertical {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-menu-rtl.sb-menu-dark.sb-menu-inline,
.sb-menu-rtl.sb-menu-dark.sb-menu-vertical {
  border-left: none;
}

.sb-menu-rtl.sb-menu-vertical.sb-menu-sub > .sb-menu-item,
.sb-menu-rtl.sb-menu-vertical-left.sb-menu-sub > .sb-menu-item,
.sb-menu-rtl.sb-menu-vertical-right.sb-menu-sub > .sb-menu-item,
.sb-menu-rtl.sb-menu-vertical.sb-menu-sub > .sb-menu-submenu,
.sb-menu-rtl.sb-menu-vertical-left.sb-menu-sub > .sb-menu-submenu,
.sb-menu-rtl.sb-menu-vertical-right.sb-menu-sub > .sb-menu-submenu {
  transform-origin: top right;
}

.sb-menu-rtl .sb-menu-item .sb-menu-item-icon,
.sb-menu-rtl .sb-menu-submenu-title .sb-menu-item-icon,
.sb-menu-rtl .sb-menu-item .anticon,
.sb-menu-rtl .sb-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}

.sb-menu-rtl .sb-menu-item.sb-menu-item-only-child > .sb-menu-item-icon,
.sb-menu-rtl .sb-menu-submenu-title.sb-menu-item-only-child > .sb-menu-item-icon,
.sb-menu-rtl .sb-menu-item.sb-menu-item-only-child > .anticon,
.sb-menu-rtl .sb-menu-submenu-title.sb-menu-item-only-child > .anticon {
  margin-left: 0;
}

.sb-menu-submenu-rtl.sb-menu-submenu-popup {
  transform-origin: 100% 0;
}

.sb-menu-rtl .sb-menu-submenu-vertical > .sb-menu-submenu-title .sb-menu-submenu-arrow,
.sb-menu-rtl .sb-menu-submenu-vertical-left > .sb-menu-submenu-title .sb-menu-submenu-arrow,
.sb-menu-rtl .sb-menu-submenu-vertical-right > .sb-menu-submenu-title .sb-menu-submenu-arrow,
.sb-menu-rtl .sb-menu-submenu-inline > .sb-menu-submenu-title .sb-menu-submenu-arrow {
  right: auto;
  left: 16px;
}

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

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

.sb-menu-rtl.sb-menu-vertical .sb-menu-item::after,
.sb-menu-rtl.sb-menu-vertical-left .sb-menu-item::after,
.sb-menu-rtl.sb-menu-vertical-right .sb-menu-item::after,
.sb-menu-rtl.sb-menu-inline .sb-menu-item::after {
  right: auto;
  left: 0;
}

.sb-menu-rtl.sb-menu-vertical .sb-menu-item,
.sb-menu-rtl.sb-menu-vertical-left .sb-menu-item,
.sb-menu-rtl.sb-menu-vertical-right .sb-menu-item,
.sb-menu-rtl.sb-menu-inline .sb-menu-item,
.sb-menu-rtl.sb-menu-vertical .sb-menu-submenu-title,
.sb-menu-rtl.sb-menu-vertical-left .sb-menu-submenu-title,
.sb-menu-rtl.sb-menu-vertical-right .sb-menu-submenu-title,
.sb-menu-rtl.sb-menu-inline .sb-menu-submenu-title {
  text-align: right;
}

.sb-menu-rtl.sb-menu-inline .sb-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}

.sb-menu-rtl.sb-menu-vertical .sb-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}

.sb-menu-rtl.sb-menu-inline-collapsed.sb-menu-vertical .sb-menu-submenu-title {
  padding: 0 calc(50% - 8px);
}

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

.sb-menu-sub.sb-menu-inline {
  border: 0;
}

.sb-menu-rtl.sb-menu-sub.sb-menu-inline .sb-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}

.sb-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}

.sb-message-notice {
  padding: 8px;
  text-align: center;
}

.sb-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;
}

.sb-message-success .anticon {
  color: var(--sb-success-color);
}

.sb-message-error .anticon {
  color: var(--sb-error-color);
}

.sb-message-warning .anticon {
  color: var(--sb-warning-color);
}

.sb-message-info .anticon,
.sb-message-loading .anticon {
  color: var(--sb-info-color);
}

.sb-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}

.sb-message-notice.sb-move-up-leave.sb-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;
  }
}
.sb-message-rtl {
  direction: rtl;
}

.sb-message-rtl span {
  direction: rtl;
}

.sb-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}

.sb-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}

.sb-modal.sb-zoom-enter,
.sb-modal.sb-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}

.sb-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.sb-modal-mask-hidden {
  display: none;
}

.sb-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}

.sb-modal-wrap {
  z-index: 1000;
}

.sb-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}

.sb-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;
}

.sb-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;
}

.sb-modal-close-x {
  display: block;
  width: 54px;
  height: 54px;
  font-size: 16px;
  font-style: normal;
  line-height: 54px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}

.sb-modal-close:focus,
.sb-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.sb-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px 2px 0 0;
}

.sb-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}

.sb-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0 0 2px 2px;
}

.sb-modal-footer .sb-btn + .sb-btn:not(.sb-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}

.sb-modal-open {
  overflow: hidden;
}

.sb-modal-centered {
  text-align: center;
}

.sb-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.sb-modal-centered .sb-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .sb-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .sb-modal-centered .sb-modal {
    flex: 1;
  }
}
.sb-modal-confirm .sb-modal-header {
  display: none;
}

.sb-modal-confirm .sb-modal-body {
  padding: 32px 32px 24px;
}

.sb-modal-confirm-body-wrapper::before {
  display: table;
  content: "";
}

.sb-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: "";
}

.sb-modal-confirm-body-wrapper::before {
  display: table;
  content: "";
}

.sb-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: "";
}

.sb-modal-confirm-body .sb-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}

.sb-modal-confirm-body .sb-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}

.sb-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}

.sb-modal-confirm-body > .anticon + .sb-modal-confirm-title + .sb-modal-confirm-content {
  margin-left: 38px;
}

.sb-modal-confirm .sb-modal-confirm-btns {
  margin-top: 24px;
  text-align: right;
}

.sb-modal-confirm .sb-modal-confirm-btns .sb-btn + .sb-btn {
  margin-bottom: 0;
  margin-left: 8px;
}

.sb-modal-confirm-error .sb-modal-confirm-body > .anticon {
  color: var(--sb-error-color);
}

.sb-modal-confirm-warning .sb-modal-confirm-body > .anticon,
.sb-modal-confirm-confirm .sb-modal-confirm-body > .anticon {
  color: var(--sb-warning-color);
}

.sb-modal-confirm-info .sb-modal-confirm-body > .anticon {
  color: var(--sb-info-color);
}

.sb-modal-confirm-success .sb-modal-confirm-body > .anticon {
  color: var(--sb-success-color);
}

.sb-modal-wrap-rtl {
  direction: rtl;
}

.sb-modal-wrap-rtl .sb-modal-close {
  right: initial;
  left: 0;
}

.sb-modal-wrap-rtl .sb-modal-footer {
  text-align: left;
}

.sb-modal-wrap-rtl .sb-modal-footer .sb-btn + .sb-btn {
  margin-right: 8px;
  margin-left: 0;
}

.sb-modal-wrap-rtl .sb-modal-confirm-body {
  direction: rtl;
}

.sb-modal-wrap-rtl .sb-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}

.sb-modal-wrap-rtl .sb-modal-confirm-body > .anticon + .sb-modal-confirm-title + .sb-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}

.sb-modal-wrap-rtl .sb-modal-confirm-btns {
  text-align: left;
}

.sb-modal-wrap-rtl .sb-modal-confirm-btns .sb-btn + .sb-btn {
  margin-right: 8px;
  margin-left: 0;
}

.sb-modal-wrap-rtl.sb-modal-centered .sb-modal {
  text-align: right;
}

.sb-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}

.sb-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}

.sb-notification-hook-holder {
  position: relative;
}

.sb-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 48px);
  margin-bottom: 16px;
  margin-left: auto;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5715;
  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);
}

.sb-notification-top .sb-notification-notice,
.sb-notification-bottom .sb-notification-notice {
  margin-right: auto;
  margin-left: auto;
}

.sb-notification-topLeft .sb-notification-notice,
.sb-notification-bottomLeft .sb-notification-notice {
  margin-right: auto;
  margin-left: 0;
}

.sb-notification-notice-message {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}

.sb-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(264px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}

.sb-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: "";
}

.sb-notification-notice-description {
  font-size: 14px;
}

.sb-notification-notice-closable .sb-notification-notice-message {
  padding-right: 24px;
}

.sb-notification-notice-with-icon .sb-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}

.sb-notification-notice-with-icon .sb-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}

.sb-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}

.anticon.sb-notification-notice-icon-success {
  color: var(--sb-success-color);
}

.anticon.sb-notification-notice-icon-info {
  color: var(--sb-info-color);
}

.anticon.sb-notification-notice-icon-warning {
  color: var(--sb-warning-color);
}

.anticon.sb-notification-notice-icon-error {
  color: var(--sb-error-color);
}

.sb-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}

.sb-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}

.sb-notification-notice-btn {
  float: right;
  margin-top: 16px;
}

.sb-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}

.sb-notification-fade-enter,
.sb-notification-fade-appear {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
}

.sb-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}

.sb-notification-fade-enter.sb-notification-fade-enter-active,
.sb-notification-fade-appear.sb-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}

.sb-notification-fade-leave.sb-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}

@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.sb-notification-rtl {
  direction: rtl;
}

.sb-notification-rtl .sb-notification-notice-closable .sb-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}

.sb-notification-rtl .sb-notification-notice-with-icon .sb-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}

.sb-notification-rtl .sb-notification-notice-with-icon .sb-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}

.sb-notification-rtl .sb-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}

.sb-notification-rtl .sb-notification-notice-close {
  right: auto;
  left: 22px;
}

.sb-notification-rtl .sb-notification-notice-btn {
  float: left;
}

.sb-notification-top,
.sb-notification-bottom {
  margin-right: 0;
  margin-left: 0;
}

.sb-notification-top .sb-notification-fade-enter.sb-notification-fade-enter-active,
.sb-notification-top .sb-notification-fade-appear.sb-notification-fade-appear-active {
  animation-name: NotificationTopFadeIn;
}

.sb-notification-bottom .sb-notification-fade-enter.sb-notification-fade-enter-active,
.sb-notification-bottom .sb-notification-fade-appear.sb-notification-fade-appear-active {
  animation-name: NotificationBottomFadeIn;
}

.sb-notification-topLeft,
.sb-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}

.sb-notification-topLeft .sb-notification-fade-enter.sb-notification-fade-enter-active,
.sb-notification-bottomLeft .sb-notification-fade-enter.sb-notification-fade-enter-active,
.sb-notification-topLeft .sb-notification-fade-appear.sb-notification-fade-appear-active,
.sb-notification-bottomLeft .sb-notification-fade-appear.sb-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}

@keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }
  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
.sb-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}

.sb-page-header-ghost {
  background-color: inherit;
}

.sb-page-header.has-breadcrumb {
  padding-top: 12px;
}

.sb-page-header.has-footer {
  padding-bottom: 0;
}

.sb-page-header-back {
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}

.sb-page-header-back-button {
  color: var(--sb-primary-color);
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  color: #000;
}

.sb-page-header-back-button:focus-visible,
.sb-page-header-back-button:hover {
  color: var(--sb-primary-color-hover);
}

.sb-page-header-back-button:active {
  color: var(--sb-primary-color-active);
}

.sb-page-header .sb-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}

.sb-breadcrumb + .sb-page-header-heading {
  margin-top: 8px;
}

.sb-page-header-heading {
  display: flex;
  justify-content: space-between;
}

.sb-page-header-heading-left {
  display: flex;
  align-items: center;
  margin: 4px 0;
  overflow: hidden;
}

.sb-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;
}

.sb-page-header-heading .sb-avatar {
  margin-right: 12px;
}

.sb-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;
}

.sb-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}

.sb-page-header-heading-extra > * {
  white-space: unset;
}

.sb-page-header-content {
  padding-top: 12px;
}

.sb-page-header-footer {
  margin-top: 16px;
}

.sb-page-header-footer .sb-tabs > .sb-tabs-nav {
  margin: 0;
}

.sb-page-header-footer .sb-tabs > .sb-tabs-nav::before {
  border: none;
}

.sb-page-header-footer .sb-tabs .sb-tabs-tab {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.sb-page-header-compact .sb-page-header-heading {
  flex-wrap: wrap;
}

.sb-page-header-rtl {
  direction: rtl;
}

.sb-page-header-rtl .sb-page-header-back {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}

.sb-page-header-rtl .sb-page-header-heading-title {
  margin-right: 0;
  margin-left: 12px;
}

.sb-page-header-rtl .sb-page-header-heading .sb-avatar {
  margin-right: 0;
  margin-left: 12px;
}

.sb-page-header-rtl .sb-page-header-heading-sub-title {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}

.sb-page-header-rtl .sb-page-header-heading-tags {
  float: right;
}

.sb-page-header-rtl .sb-page-header-heading-extra {
  float: left;
}

.sb-page-header-rtl .sb-page-header-heading-extra > * {
  margin-right: 12px;
  margin-left: 0;
}

.sb-page-header-rtl .sb-page-header-heading-extra > *:first-child {
  margin-right: 0;
}

.sb-page-header-rtl .sb-page-header-footer .sb-tabs-bar .sb-tabs-nav {
  float: right;
}

.sb-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
}

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

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

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

.sb-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;
  user-select: none;
}

.sb-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  transition: none;
}

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

.sb-pagination-item:hover {
  border-color: var(--sb-primary-color);
  transition: all 0.3s;
}

.sb-pagination-item:hover a {
  color: var(--sb-primary-color);
}

.sb-pagination-item:focus-visible {
  border-color: var(--sb-primary-color);
  transition: all 0.3s;
}

.sb-pagination-item:focus-visible a {
  color: var(--sb-primary-color);
}

.sb-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: var(--sb-primary-color);
}

.sb-pagination-item-active a {
  color: var(--sb-primary-color);
}

.sb-pagination-item-active:hover {
  border-color: var(--sb-primary-5);
}

.sb-pagination-item-active:focus-visible {
  border-color: var(--sb-primary-5);
}

.sb-pagination-item-active:hover a {
  color: var(--sb-primary-5);
}

.sb-pagination-item-active:focus-visible a {
  color: var(--sb-primary-5);
}

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

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

.sb-pagination-jump-prev .sb-pagination-item-container .sb-pagination-item-link-icon,
.sb-pagination-jump-next .sb-pagination-item-container .sb-pagination-item-link-icon {
  color: var(--sb-primary-color);
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}

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

.sb-pagination-jump-prev .sb-pagination-item-container .sb-pagination-item-ellipsis,
.sb-pagination-jump-next .sb-pagination-item-container .sb-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;
}

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

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

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

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

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

.sb-pagination-prev,
.sb-pagination-next,
.sb-pagination-jump-prev,
.sb-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;
}

.sb-pagination-prev,
.sb-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}

.sb-pagination-prev button,
.sb-pagination-next button {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  user-select: none;
}

.sb-pagination-prev:hover button,
.sb-pagination-next:hover button {
  border-color: var(--sb-primary-5);
}

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

.sb-pagination-prev:focus-visible .sb-pagination-item-link,
.sb-pagination-next:focus-visible .sb-pagination-item-link {
  color: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
}

.sb-pagination-prev:hover .sb-pagination-item-link,
.sb-pagination-next:hover .sb-pagination-item-link {
  color: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
}

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

.sb-pagination-disabled .sb-pagination-item-link,
.sb-pagination-disabled:hover .sb-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.sb-pagination-disabled:focus-visible {
  cursor: not-allowed;
}

.sb-pagination-disabled:focus-visible .sb-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}

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

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

@media all and (-ms-high-contrast: none) {
  .sb-pagination-options *::-ms-backdrop,
.sb-pagination-options {
    vertical-align: top;
  }
}
.sb-pagination-options-size-changer.sb-select {
  display: inline-block;
  width: auto;
}

.sb-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  vertical-align: top;
}

.sb-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;
  height: 32px;
  margin: 0 8px;
}

.sb-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  user-select: none;
}

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

.sb-pagination-options-quick-jumper input:hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-pagination-options-quick-jumper input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-pagination-options-quick-jumper input:focus,
.sb-pagination-options-quick-jumper input-focused {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-pagination-options-quick-jumper input:focus,
.sb-input-rtl .sb-pagination-options-quick-jumper input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

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

.sb-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

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

.sb-pagination-options-quick-jumper input-borderless,
.sb-pagination-options-quick-jumper input-borderless:hover,
.sb-pagination-options-quick-jumper input-borderless:focus,
.sb-pagination-options-quick-jumper input-borderless-focused,
.sb-pagination-options-quick-jumper input-borderless-disabled,
.sb-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

textarea.sb-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;
}

.sb-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.sb-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}

.sb-pagination-options-quick-jumper input-rtl {
  direction: rtl;
}

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

.sb-pagination-simple .sb-pagination-prev .sb-pagination-item-link,
.sb-pagination-simple .sb-pagination-next .sb-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}

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

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

.sb-pagination-simple .sb-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;
}

.sb-pagination-simple .sb-pagination-simple-pager input:hover {
  border-color: var(--sb-primary-color);
}

.sb-pagination-simple .sb-pagination-simple-pager input:focus {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
}

.sb-pagination-simple .sb-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

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

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

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

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

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

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

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

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

.sb-pagination.sb-pagination-mini .sb-pagination-options-size-changer {
  top: 0px;
}

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

.sb-pagination.sb-pagination-mini .sb-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
  height: 24px;
}

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

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

.sb-pagination.sb-pagination-disabled .sb-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}

.sb-pagination.sb-pagination-disabled .sb-pagination-item-active {
  background: #e6e6e6;
}

.sb-pagination.sb-pagination-disabled .sb-pagination-item-active a {
  color: rgba(0, 0, 0, 0.25);
}

.sb-pagination.sb-pagination-disabled .sb-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.sb-pagination-simple.sb-pagination.sb-pagination-disabled .sb-pagination-item-link {
  background: transparent;
}

.sb-pagination.sb-pagination-disabled .sb-pagination-item-link-icon {
  opacity: 0;
}

.sb-pagination.sb-pagination-disabled .sb-pagination-item-ellipsis {
  opacity: 1;
}

.sb-pagination.sb-pagination-disabled .sb-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 992px) {
  .sb-pagination-item-after-jump-prev,
.sb-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .sb-pagination-options {
    display: none;
  }
}
.sb-pagination-rtl .sb-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}

.sb-pagination-rtl .sb-pagination-item,
.sb-pagination-rtl .sb-pagination-prev,
.sb-pagination-rtl .sb-pagination-jump-prev,
.sb-pagination-rtl .sb-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}

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

.sb-pagination-rtl .sb-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}

.sb-pagination-rtl .sb-pagination-options .sb-pagination-options-size-changer.sb-select {
  margin-right: 0;
  margin-left: 8px;
}

.sb-pagination-rtl .sb-pagination-options .sb-pagination-options-quick-jumper {
  margin-left: 0;
}

.sb-pagination-rtl.sb-pagination-simple .sb-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}

.sb-pagination-rtl.sb-pagination-simple .sb-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}

.sb-pagination-rtl.sb-pagination.mini .sb-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}

.sb-popconfirm {
  z-index: 1060;
}

.sb-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}

.sb-popover-content {
  position: relative;
}

.sb-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: "";
}

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

.sb-popover-placement-top,
.sb-popover-placement-topLeft,
.sb-popover-placement-topRight {
  padding-bottom: 15.3137085px;
}

.sb-popover-placement-right,
.sb-popover-placement-rightTop,
.sb-popover-placement-rightBottom {
  padding-left: 15.3137085px;
}

.sb-popover-placement-bottom,
.sb-popover-placement-bottomLeft,
.sb-popover-placement-bottomRight {
  padding-top: 15.3137085px;
}

.sb-popover-placement-left,
.sb-popover-placement-leftTop,
.sb-popover-placement-leftBottom {
  padding-right: 15.3137085px;
}

.sb-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);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sb-popover {
    /* IE10+ */
  }
  .sb-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);
  }
}
.sb-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 rgba(0, 0, 0, 0.06);
}

.sb-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
}

.sb-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}

.sb-popover-message > .anticon {
  position: absolute;
  top: 8.0005px;
  color: var(--sb-warning-color);
  font-size: 14px;
}

.sb-popover-message-title {
  padding-left: 22px;
}

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

.sb-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}

.sb-popover-arrow {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.sb-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: "";
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}

.sb-popover-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: "";
  clip-path: inset(33% 33%);
  clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
}

.sb-popover-placement-top .sb-popover-arrow,
.sb-popover-placement-topLeft .sb-popover-arrow,
.sb-popover-placement-topRight .sb-popover-arrow {
  bottom: 0;
  transform: translateY(100%);
}

.sb-popover-placement-top .sb-popover-arrow-content,
.sb-popover-placement-topLeft .sb-popover-arrow-content,
.sb-popover-placement-topRight .sb-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}

.sb-popover-placement-top .sb-popover-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}

.sb-popover-placement-topLeft .sb-popover-arrow {
  left: 16px;
}

.sb-popover-placement-topRight .sb-popover-arrow {
  right: 16px;
}

.sb-popover-placement-right .sb-popover-arrow,
.sb-popover-placement-rightTop .sb-popover-arrow,
.sb-popover-placement-rightBottom .sb-popover-arrow {
  left: 0;
  transform: translateX(-100%);
}

.sb-popover-placement-right .sb-popover-arrow-content,
.sb-popover-placement-rightTop .sb-popover-arrow-content,
.sb-popover-placement-rightBottom .sb-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}

.sb-popover-placement-right .sb-popover-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}

.sb-popover-placement-rightTop .sb-popover-arrow {
  top: 12px;
}

.sb-popover-placement-rightBottom .sb-popover-arrow {
  bottom: 12px;
}

.sb-popover-placement-bottom .sb-popover-arrow,
.sb-popover-placement-bottomLeft .sb-popover-arrow,
.sb-popover-placement-bottomRight .sb-popover-arrow {
  top: 0;
  transform: translateY(-100%);
}

.sb-popover-placement-bottom .sb-popover-arrow-content,
.sb-popover-placement-bottomLeft .sb-popover-arrow-content,
.sb-popover-placement-bottomRight .sb-popover-arrow-content {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  transform: translateY(11px) rotate(-135deg);
}

.sb-popover-placement-bottom .sb-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.sb-popover-placement-bottomLeft .sb-popover-arrow {
  left: 16px;
}

.sb-popover-placement-bottomRight .sb-popover-arrow {
  right: 16px;
}

.sb-popover-placement-left .sb-popover-arrow,
.sb-popover-placement-leftTop .sb-popover-arrow,
.sb-popover-placement-leftBottom .sb-popover-arrow {
  right: 0;
  transform: translateX(100%);
}

.sb-popover-placement-left .sb-popover-arrow-content,
.sb-popover-placement-leftTop .sb-popover-arrow-content,
.sb-popover-placement-leftBottom .sb-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(-45deg);
}

.sb-popover-placement-left .sb-popover-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}

.sb-popover-placement-leftTop .sb-popover-arrow {
  top: 12px;
}

.sb-popover-placement-leftBottom .sb-popover-arrow {
  bottom: 12px;
}

.sb-popover-pink .sb-popover-inner {
  background-color: #eb2f96;
}

.sb-popover-pink .sb-popover-arrow-content {
  background-color: #eb2f96;
}

.sb-popover-magenta .sb-popover-inner {
  background-color: #eb2f96;
}

.sb-popover-magenta .sb-popover-arrow-content {
  background-color: #eb2f96;
}

.sb-popover-red .sb-popover-inner {
  background-color: #f5222d;
}

.sb-popover-red .sb-popover-arrow-content {
  background-color: #f5222d;
}

.sb-popover-volcano .sb-popover-inner {
  background-color: #fa541c;
}

.sb-popover-volcano .sb-popover-arrow-content {
  background-color: #fa541c;
}

.sb-popover-orange .sb-popover-inner {
  background-color: #fa8c16;
}

.sb-popover-orange .sb-popover-arrow-content {
  background-color: #fa8c16;
}

.sb-popover-yellow .sb-popover-inner {
  background-color: #fadb14;
}

.sb-popover-yellow .sb-popover-arrow-content {
  background-color: #fadb14;
}

.sb-popover-gold .sb-popover-inner {
  background-color: #faad14;
}

.sb-popover-gold .sb-popover-arrow-content {
  background-color: #faad14;
}

.sb-popover-cyan .sb-popover-inner {
  background-color: #13c2c2;
}

.sb-popover-cyan .sb-popover-arrow-content {
  background-color: #13c2c2;
}

.sb-popover-lime .sb-popover-inner {
  background-color: #a0d911;
}

.sb-popover-lime .sb-popover-arrow-content {
  background-color: #a0d911;
}

.sb-popover-green .sb-popover-inner {
  background-color: #52c41a;
}

.sb-popover-green .sb-popover-arrow-content {
  background-color: #52c41a;
}

.sb-popover-blue .sb-popover-inner {
  background-color: #1890ff;
}

.sb-popover-blue .sb-popover-arrow-content {
  background-color: #1890ff;
}

.sb-popover-geekblue .sb-popover-inner {
  background-color: #2f54eb;
}

.sb-popover-geekblue .sb-popover-arrow-content {
  background-color: #2f54eb;
}

.sb-popover-purple .sb-popover-inner {
  background-color: #722ed1;
}

.sb-popover-purple .sb-popover-arrow-content {
  background-color: #722ed1;
}

.sb-popover-rtl {
  direction: rtl;
  text-align: right;
}

.sb-popover-rtl .sb-popover-message-title {
  padding-right: 22px;
  padding-left: 16px;
}

.sb-popover-rtl .sb-popover-buttons {
  text-align: left;
}

.sb-popover-rtl .sb-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}

.sb-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
}

.sb-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}

.sb-progress-steps {
  display: inline-block;
}

.sb-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sb-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}

.sb-progress-steps-item-active {
  background: var(--sb-primary-color);
}

.sb-progress-small.sb-progress-line,
.sb-progress-small.sb-progress-line .sb-progress-text .anticon {
  font-size: 12px;
}

.sb-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}

.sb-progress-show-info .sb-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}

.sb-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 100px;
}

.sb-progress-circle-trail {
  stroke: rgba(0, 0, 0, 0.04);
}

.sb-progress-circle-path {
  animation: sb-progress-appear 0.3s;
}

.sb-progress-inner:not(.sb-progress-circle-gradient) .sb-progress-circle-path {
  stroke: var(--sb-primary-color);
}

.sb-progress-success-bg,
.sb-progress-bg {
  position: relative;
  background-color: var(--sb-primary-color);
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}

.sb-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--sb-success-color);
}

.sb-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}

.sb-progress-text .anticon {
  font-size: 14px;
}

.sb-progress-status-active .sb-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: sb-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: "";
}

.sb-progress-status-exception .sb-progress-bg {
  background-color: var(--sb-error-color);
}

.sb-progress-status-exception .sb-progress-text {
  color: var(--sb-error-color);
}

.sb-progress-status-exception .sb-progress-inner:not(.sb-progress-circle-gradient) .sb-progress-circle-path {
  stroke: var(--sb-error-color);
}

.sb-progress-status-success .sb-progress-bg {
  background-color: var(--sb-success-color);
}

.sb-progress-status-success .sb-progress-text {
  color: var(--sb-success-color);
}

.sb-progress-status-success .sb-progress-inner:not(.sb-progress-circle-gradient) .sb-progress-circle-path {
  stroke: var(--sb-success-color);
}

.sb-progress-circle .sb-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}

.sb-progress-circle .sb-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%);
}

.sb-progress-circle .sb-progress-text .anticon {
  font-size: 1.16666667em;
}

.sb-progress-circle.sb-progress-status-exception .sb-progress-text {
  color: var(--sb-error-color);
}

.sb-progress-circle.sb-progress-status-success .sb-progress-text {
  color: var(--sb-success-color);
}

@keyframes sb-progress-active {
  0% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.1;
  }
  20% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) scaleX(1);
    opacity: 0;
  }
}
.sb-progress-rtl {
  direction: rtl;
}

.sb-progress-rtl.sb-progress-show-info .sb-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}

.sb-progress-rtl .sb-progress-success-bg {
  right: 0;
  left: auto;
}

.sb-progress-rtl.sb-progress-line .sb-progress-text,
.sb-progress-rtl.sb-progress-steps .sb-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}

.sb-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
  font-size: 0;
}

.sb-radio-group .sb-badge-count {
  z-index: 1;
}

.sb-radio-group > .sb-badge:not(:first-child) > .sb-radio-button-wrapper {
  border-left: none;
}

.sb-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}

.sb-radio-wrapper-disabled {
  cursor: not-allowed;
}

.sb-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: " ";
}

.sb-radio-wrapper.sb-radio-wrapper-in-form-item input[type=radio] {
  width: 14px;
  height: 14px;
}

.sb-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}

.sb-radio-wrapper:hover .sb-radio,
.sb-radio:hover .sb-radio-inner,
.sb-radio-input:focus + .sb-radio-inner {
  border-color: var(--sb-primary-color);
}

.sb-radio-input:focus + .sb-radio-inner {
  box-shadow: 0 0 0 3px var(--sb-primary-color-deprecated-f-12);
}

.sb-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--sb-primary-color);
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: "";
}

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

.sb-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: 50%;
  transition: all 0.3s;
}

.sb-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: var(--sb-primary-color);
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: " ";
}

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

.sb-radio.sb-radio-disabled .sb-radio-inner {
  border-color: #d9d9d9;
}

.sb-radio-checked .sb-radio-inner {
  border-color: var(--sb-primary-color);
}

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

.sb-radio-disabled {
  cursor: not-allowed;
}

.sb-radio-disabled .sb-radio-inner {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.sb-radio-disabled .sb-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}

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

.sb-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

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

.sb-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;
}

.sb-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.85);
}

.sb-radio-button-wrapper > .sb-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.sb-radio-group-large .sb-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}

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

.sb-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: "";
}

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

.sb-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}

.sb-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}

.sb-radio-button-wrapper:hover {
  position: relative;
  color: var(--sb-primary-color);
}

.sb-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px var(--sb-primary-color-deprecated-f-12);
}

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

.sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled) {
  z-index: 1;
  color: var(--sb-primary-color);
  background: #fff;
  border-color: var(--sb-primary-color);
}

.sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled)::before {
  background-color: var(--sb-primary-color);
}

.sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):first-child {
  border-color: var(--sb-primary-color);
}

.sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):hover {
  color: var(--sb-primary-5);
  border-color: var(--sb-primary-5);
}

.sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):hover::before {
  background-color: var(--sb-primary-5);
}

.sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):active {
  color: var(--sb-primary-7);
  border-color: var(--sb-primary-7);
}

.sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):active::before {
  background-color: var(--sb-primary-7);
}

.sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px var(--sb-primary-color-deprecated-f-12);
}

.sb-radio-group-solid .sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled) {
  color: #fff;
  background: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
}

.sb-radio-group-solid .sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: var(--sb-primary-5);
  border-color: var(--sb-primary-5);
}

.sb-radio-group-solid .sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):active {
  color: #fff;
  background: var(--sb-primary-7);
  border-color: var(--sb-primary-7);
}

.sb-radio-group-solid .sb-radio-button-wrapper-checked:not(.sb-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px var(--sb-primary-color-deprecated-f-12);
}

.sb-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.sb-radio-button-wrapper-disabled:first-child,
.sb-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}

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

.sb-radio-button-wrapper-disabled.sb-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;
  }
}
.sb-radio-group.sb-radio-group-rtl {
  direction: rtl;
}

.sb-radio-wrapper.sb-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}

.sb-radio-button-wrapper.sb-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}

.sb-radio-button-wrapper.sb-radio-button-wrapper-rtl.sb-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}

.sb-radio-button-wrapper.sb-radio-button-wrapper-rtl.sb-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
}

.sb-radio-button-wrapper-checked:not([class*=" sb-radio-button-wrapper-disabled"]).sb-radio-button-wrapper:first-child {
  border-right-color: var(--sb-primary-5);
}

.sb-radio-button-wrapper.sb-radio-button-wrapper-rtl.sb-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}

.sb-radio-button-wrapper.sb-radio-button-wrapper-rtl.sb-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}

.sb-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: "tnum";
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}

.sb-rate-disabled .sb-rate-star {
  cursor: default;
}

.sb-rate-disabled .sb-rate-star > div:hover {
  transform: scale(1);
}

.sb-rate-star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}

.sb-rate-star:not(:last-child) {
  margin-right: 8px;
}

.sb-rate-star > div {
  transition: all 0.3s, outline 0s;
}

.sb-rate-star > div:hover {
  transform: scale(1.1);
}

.sb-rate-star > div:focus {
  outline: 0;
}

.sb-rate-star > div:focus-visible {
  outline: 1px dashed #fadb14;
  transform: scale(1.1);
}

.sb-rate-star-first,
.sb-rate-star-second {
  color: rgba(0, 0, 0, 0.06);
  transition: all 0.3s;
  user-select: none;
}

.sb-rate-star-first .anticon,
.sb-rate-star-second .anticon {
  vertical-align: middle;
}

.sb-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}

.sb-rate-star-half .sb-rate-star-first,
.sb-rate-star-half .sb-rate-star-second {
  opacity: 1;
}

.sb-rate-star-half .sb-rate-star-first,
.sb-rate-star-full .sb-rate-star-second {
  color: inherit;
}

.sb-rate-text {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}

.sb-rate-rtl {
  direction: rtl;
}

.sb-rate-rtl .sb-rate-star:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}

.sb-rate-rtl .sb-rate-star-first {
  right: 0;
  left: auto;
}

.sb-result {
  padding: 48px 32px;
}

.sb-result-success .sb-result-icon > .anticon {
  color: var(--sb-success-color);
}

.sb-result-error .sb-result-icon > .anticon {
  color: var(--sb-error-color);
}

.sb-result-info .sb-result-icon > .anticon {
  color: var(--sb-info-color);
}

.sb-result-warning .sb-result-icon > .anticon {
  color: var(--sb-warning-color);
}

.sb-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}

.sb-result-icon {
  margin-bottom: 24px;
  text-align: center;
}

.sb-result-icon > .anticon {
  font-size: 72px;
}

.sb-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}

.sb-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.sb-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}

.sb-result-extra > * {
  margin-right: 8px;
}

.sb-result-extra > *:last-child {
  margin-right: 0;
}

.sb-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}

.sb-result-rtl {
  direction: rtl;
}

.sb-result-rtl .sb-result-extra > * {
  margin-right: 0;
  margin-left: 8px;
}

.sb-result-rtl .sb-result-extra > *:last-child {
  margin-left: 0;
}

.segmented-disabled-item,
.segmented-disabled-item:hover,
.segmented-disabled-item:focus {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.segmented-item-selected {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}

.segmented-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.sb-segmented {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
  padding: 2px;
  color: rgba(0, 0, 0, 0.65);
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sb-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}

.sb-segmented.sb-segmented-block {
  display: flex;
}

.sb-segmented.sb-segmented-block .sb-segmented-item {
  flex: 1;
  min-width: 0;
}

.sb-segmented:not(.sb-segmented-disabled):hover,
.sb-segmented:not(.sb-segmented-disabled):focus {
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-segmented-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sb-segmented-item-selected {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  color: #262626;
}

.sb-segmented-item:hover,
.sb-segmented-item:focus {
  color: #262626;
}

.sb-segmented-item-label {
  min-height: 28px;
  padding: 0 11px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.sb-segmented-item-icon + * {
  margin-left: 6px;
}

.sb-segmented-item-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.sb-segmented.sb-segmented-lg .sb-segmented-item-label {
  min-height: 36px;
  padding: 0 11px;
  font-size: 16px;
  line-height: 36px;
}

.sb-segmented.sb-segmented-sm .sb-segmented-item-label {
  min-height: 20px;
  padding: 0 7px;
  line-height: 20px;
}

.sb-segmented-item-disabled,
.sb-segmented-item-disabled:hover,
.sb-segmented-item-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-segmented-thumb {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  padding: 4px 0;
}

.sb-segmented-thumb-motion-appear-active {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, width;
}

.sb-segmented.sb-segmented-rtl {
  direction: rtl;
}

.sb-segmented.sb-segmented-rtl .sb-segmented-item-icon {
  margin-right: 0;
  margin-left: 6px;
}

.sb-select-single .sb-select-selector {
  display: flex;
}

.sb-select-single .sb-select-selector .sb-select-selection-search {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  left: 11px;
}

.sb-select-single .sb-select-selector .sb-select-selection-search-input {
  width: 100%;
}

.sb-select-single .sb-select-selector .sb-select-selection-item,
.sb-select-single .sb-select-selector .sb-select-selection-placeholder {
  padding: 0;
  line-height: 30px;
  transition: all 0.3s;
}

.sb-select-single .sb-select-selector .sb-select-selection-item {
  position: relative;
  user-select: none;
}

.sb-select-single .sb-select-selector .sb-select-selection-placeholder {
  transition: none;
  pointer-events: none;
}

.sb-select-single .sb-select-selector::after,
.sb-select-single .sb-select-selector .sb-select-selection-item::after,
.sb-select-single .sb-select-selector .sb-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: " ";
}

.sb-select-single.sb-select-show-arrow .sb-select-selection-search {
  right: 25px;
}

.sb-select-single.sb-select-show-arrow .sb-select-selection-item,
.sb-select-single.sb-select-show-arrow .sb-select-selection-placeholder {
  padding-right: 18px;
}

.sb-select-single.sb-select-open .sb-select-selection-item {
  color: #bfbfbf;
}

.sb-select-single:not(.sb-select-customize-input) .sb-select-selector {
  width: 100%;
  height: 32px;
  padding: 0 11px;
}

.sb-select-single:not(.sb-select-customize-input) .sb-select-selector .sb-select-selection-search-input {
  height: 30px;
}

.sb-select-single:not(.sb-select-customize-input) .sb-select-selector::after {
  line-height: 30px;
}

.sb-select-single.sb-select-customize-input .sb-select-selector::after {
  display: none;
}

.sb-select-single.sb-select-customize-input .sb-select-selector .sb-select-selection-search {
  position: static;
  width: 100%;
}

.sb-select-single.sb-select-customize-input .sb-select-selector .sb-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 11px;
}

.sb-select-single.sb-select-customize-input .sb-select-selector .sb-select-selection-placeholder::after {
  display: none;
}

.sb-select-single.sb-select-lg:not(.sb-select-customize-input) .sb-select-selector {
  height: 40px;
}

.sb-select-single.sb-select-lg:not(.sb-select-customize-input) .sb-select-selector::after,
.sb-select-single.sb-select-lg:not(.sb-select-customize-input) .sb-select-selector .sb-select-selection-item,
.sb-select-single.sb-select-lg:not(.sb-select-customize-input) .sb-select-selector .sb-select-selection-placeholder {
  line-height: 38px;
}

.sb-select-single.sb-select-lg:not(.sb-select-customize-input):not(.sb-select-customize-input) .sb-select-selection-search-input {
  height: 38px;
}

.sb-select-single.sb-select-sm:not(.sb-select-customize-input) .sb-select-selector {
  height: 24px;
}

.sb-select-single.sb-select-sm:not(.sb-select-customize-input) .sb-select-selector::after,
.sb-select-single.sb-select-sm:not(.sb-select-customize-input) .sb-select-selector .sb-select-selection-item,
.sb-select-single.sb-select-sm:not(.sb-select-customize-input) .sb-select-selector .sb-select-selection-placeholder {
  line-height: 22px;
}

.sb-select-single.sb-select-sm:not(.sb-select-customize-input):not(.sb-select-customize-input) .sb-select-selection-search-input {
  height: 22px;
}

.sb-select-single.sb-select-sm:not(.sb-select-customize-input) .sb-select-selection-search {
  right: 7px;
  left: 7px;
}

.sb-select-single.sb-select-sm:not(.sb-select-customize-input) .sb-select-selector {
  padding: 0 7px;
}

.sb-select-single.sb-select-sm:not(.sb-select-customize-input).sb-select-show-arrow .sb-select-selection-search {
  right: 28px;
}

.sb-select-single.sb-select-sm:not(.sb-select-customize-input).sb-select-show-arrow .sb-select-selection-item,
.sb-select-single.sb-select-sm:not(.sb-select-customize-input).sb-select-show-arrow .sb-select-selection-placeholder {
  padding-right: 21px;
}

.sb-select-single.sb-select-lg:not(.sb-select-customize-input) .sb-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.
 */
.sb-select-selection-overflow {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
}

.sb-select-selection-overflow-item {
  flex: none;
  align-self: center;
  max-width: 100%;
}

.sb-select-multiple .sb-select-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1px 4px;
}

.sb-select-show-search.sb-select-multiple .sb-select-selector {
  cursor: text;
}

.sb-select-disabled.sb-select-multiple .sb-select-selector {
  background: #f5f5f5;
  cursor: not-allowed;
}

.sb-select-multiple .sb-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 2px 0;
  line-height: 24px;
  content: " ";
}

.sb-select-multiple.sb-select-show-arrow .sb-select-selector,
.sb-select-multiple.sb-select-allow-clear .sb-select-selector {
  padding-right: 24px;
}

.sb-select-multiple .sb-select-selection-item {
  position: relative;
  display: flex;
  flex: none;
  box-sizing: border-box;
  max-width: 100%;
  height: 24px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  user-select: none;
  margin-inline-end: 4px;
  padding-inline-start: 8px;
  padding-inline-end: 4px;
}

.sb-select-disabled.sb-select-multiple .sb-select-selection-item {
  color: #bfbfbf;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.sb-select-multiple .sb-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}

.sb-select-multiple .sb-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;
}

.sb-select-multiple .sb-select-selection-item-remove > * {
  line-height: 1;
}

.sb-select-multiple .sb-select-selection-item-remove svg {
  display: inline-block;
}

.sb-select-multiple .sb-select-selection-item-remove::before {
  display: none;
}

.sb-select-multiple .sb-select-selection-item-remove .sb-select-multiple .sb-select-selection-item-remove-icon {
  display: block;
}

.sb-select-multiple .sb-select-selection-item-remove > .anticon {
  vertical-align: middle;
}

.sb-select-multiple .sb-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}

.sb-select-multiple .sb-select-selection-overflow-item + .sb-select-selection-overflow-item .sb-select-selection-search {
  margin-inline-start: 0;
}

.sb-select-multiple .sb-select-selection-search {
  position: relative;
  max-width: 100%;
  margin-inline-start: 7px;
}

.sb-select-multiple .sb-select-selection-search-input,
.sb-select-multiple .sb-select-selection-search-mirror {
  height: 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";
  line-height: 24px;
  transition: all 0.3s;
}

.sb-select-multiple .sb-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}

.sb-select-multiple .sb-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}

.sb-select-multiple .sb-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.sb-select-multiple.sb-select-lg .sb-select-selector::after {
  line-height: 32px;
}

.sb-select-multiple.sb-select-lg .sb-select-selection-item {
  height: 32px;
  line-height: 30px;
}

.sb-select-multiple.sb-select-lg .sb-select-selection-search {
  height: 32px;
  line-height: 32px;
}

.sb-select-multiple.sb-select-lg .sb-select-selection-search-input,
.sb-select-multiple.sb-select-lg .sb-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}

.sb-select-multiple.sb-select-sm .sb-select-selector::after {
  line-height: 16px;
}

.sb-select-multiple.sb-select-sm .sb-select-selection-item {
  height: 16px;
  line-height: 14px;
}

.sb-select-multiple.sb-select-sm .sb-select-selection-search {
  height: 16px;
  line-height: 16px;
}

.sb-select-multiple.sb-select-sm .sb-select-selection-search-input,
.sb-select-multiple.sb-select-sm .sb-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}

.sb-select-multiple.sb-select-sm .sb-select-selection-placeholder {
  left: 7px;
}

.sb-select-multiple.sb-select-sm .sb-select-selection-search {
  margin-inline-start: 3px;
}

.sb-select-multiple.sb-select-lg .sb-select-selection-item {
  height: 32px;
  line-height: 32px;
}

.sb-select-disabled .sb-select-selection-item-remove {
  display: none;
}

.sb-select-status-error.sb-select:not(.sb-select-disabled):not(.sb-select-customize-input):not(.sb-pagination-size-changer) .sb-select-selector {
  background-color: #fff;
  border-color: var(--sb-error-color) !important;
}

.sb-select-status-error.sb-select:not(.sb-select-disabled):not(.sb-select-customize-input):not(.sb-pagination-size-changer).sb-select-open .sb-select-selector,
.sb-select-status-error.sb-select:not(.sb-select-disabled):not(.sb-select-customize-input):not(.sb-pagination-size-changer).sb-select-focused .sb-select-selector {
  border-color: var(--sb-error-color-hover);
  box-shadow: 0 0 0 2px var(--sb-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-select-status-warning.sb-select:not(.sb-select-disabled):not(.sb-select-customize-input):not(.sb-pagination-size-changer) .sb-select-selector {
  background-color: #fff;
  border-color: var(--sb-warning-color) !important;
}

.sb-select-status-warning.sb-select:not(.sb-select-disabled):not(.sb-select-customize-input):not(.sb-pagination-size-changer).sb-select-open .sb-select-selector,
.sb-select-status-warning.sb-select:not(.sb-select-disabled):not(.sb-select-customize-input):not(.sb-pagination-size-changer).sb-select-focused .sb-select-selector {
  border-color: var(--sb-warning-color-hover);
  box-shadow: 0 0 0 2px var(--sb-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-select-status-error.sb-select-has-feedback .sb-select-clear,
.sb-select-status-warning.sb-select-has-feedback .sb-select-clear,
.sb-select-status-success.sb-select-has-feedback .sb-select-clear,
.sb-select-status-validating.sb-select-has-feedback .sb-select-clear {
  right: 32px;
}

.sb-select-status-error.sb-select-has-feedback .sb-select-selection-selected-value,
.sb-select-status-warning.sb-select-has-feedback .sb-select-selection-selected-value,
.sb-select-status-success.sb-select-has-feedback .sb-select-selection-selected-value,
.sb-select-status-validating.sb-select-has-feedback .sb-select-selection-selected-value {
  padding-right: 42px;
}

/* Reset search input style */
.sb-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.sb-select:not(.sb-select-customize-input) .sb-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);
}

.sb-select:not(.sb-select-customize-input) .sb-select-selector input {
  cursor: pointer;
}

.sb-select-show-search.sb-select:not(.sb-select-customize-input) .sb-select-selector {
  cursor: text;
}

.sb-select-show-search.sb-select:not(.sb-select-customize-input) .sb-select-selector input {
  cursor: auto;
}

.sb-select-focused:not(.sb-select-disabled).sb-select:not(.sb-select-customize-input) .sb-select-selector {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-select-focused:not(.sb-select-disabled).sb-select:not(.sb-select-customize-input) .sb-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-select-disabled.sb-select:not(.sb-select-customize-input) .sb-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}

.sb-select-multiple.sb-select-disabled.sb-select:not(.sb-select-customize-input) .sb-select-selector {
  background: #f5f5f5;
}

.sb-select-disabled.sb-select:not(.sb-select-customize-input) .sb-select-selector input {
  cursor: not-allowed;
}

.sb-select:not(.sb-select-customize-input) .sb-select-selector .sb-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  appearance: none;
}

.sb-select:not(.sb-select-customize-input) .sb-select-selector .sb-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}

.sb-select:not(.sb-select-disabled):hover .sb-select-selector {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-select:not(.sb-select-disabled):hover .sb-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-select-selection-item {
  flex: 1;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media all and (-ms-high-contrast: none) {
  .sb-select-selection-item *::-ms-backdrop,
.sb-select-selection-item {
    flex: auto;
  }
}
.sb-select-selection-placeholder {
  flex: 1;
  overflow: hidden;
  color: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

@media all and (-ms-high-contrast: none) {
  .sb-select-selection-placeholder *::-ms-backdrop,
.sb-select-selection-placeholder {
    flex: auto;
  }
}
.sb-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  display: flex;
  align-items: center;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}

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

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

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

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

.sb-select-arrow .anticon {
  vertical-align: top;
  transition: transform 0.3s;
}

.sb-select-arrow .anticon > svg {
  vertical-align: top;
}

.sb-select-arrow .anticon:not(.sb-select-suffix) {
  pointer-events: auto;
}

.sb-select-disabled .sb-select-arrow {
  cursor: not-allowed;
}

.sb-select-arrow > *:not(:last-child) {
  margin-inline-end: 8px;
}

.sb-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;
}

.sb-select-clear::before {
  display: block;
}

.sb-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}

.sb-select:hover .sb-select-clear {
  opacity: 1;
}

.sb-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  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);
}

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

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

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

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

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

.sb-select-dropdown-empty {
  color: rgba(0, 0, 0, 0.25);
}

.sb-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);
}

.sb-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;
}

.sb-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}

.sb-select-item-option {
  display: flex;
}

.sb-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sb-select-item-option-state {
  flex: none;
}

.sb-select-item-option-active:not(.sb-select-item-option-disabled) {
  background-color: #f5f5f5;
}

.sb-select-item-option-selected:not(.sb-select-item-option-disabled) {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: var(--sb-primary-1);
}

.sb-select-item-option-selected:not(.sb-select-item-option-disabled) .sb-select-item-option-state {
  color: var(--sb-primary-color);
}

.sb-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-select-item-option-disabled.sb-select-item-option-selected {
  background-color: #f5f5f5;
}

.sb-select-item-option-grouped {
  padding-left: 24px;
}

.sb-select-lg {
  font-size: 16px;
}

.sb-select-borderless .sb-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.sb-select.sb-select-in-form-item {
  width: 100%;
}

.sb-select-rtl {
  direction: rtl;
}

.sb-select-rtl .sb-select-arrow {
  right: initial;
  left: 11px;
}

.sb-select-rtl .sb-select-clear {
  right: initial;
  left: 11px;
}

.sb-select-dropdown-rtl {
  direction: rtl;
}

.sb-select-dropdown-rtl .sb-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}

.sb-select-rtl.sb-select-multiple.sb-select-show-arrow .sb-select-selector,
.sb-select-rtl.sb-select-multiple.sb-select-allow-clear .sb-select-selector {
  padding-right: 4px;
  padding-left: 24px;
}

.sb-select-rtl.sb-select-multiple .sb-select-selection-item {
  text-align: right;
}

.sb-select-rtl.sb-select-multiple .sb-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}

.sb-select-rtl.sb-select-multiple .sb-select-selection-search-mirror {
  right: 0;
  left: auto;
}

.sb-select-rtl.sb-select-multiple .sb-select-selection-placeholder {
  right: 11px;
  left: auto;
}

.sb-select-rtl.sb-select-multiple.sb-select-sm .sb-select-selection-placeholder {
  right: 7px;
}

.sb-select-rtl.sb-select-single .sb-select-selector .sb-select-selection-item,
.sb-select-rtl.sb-select-single .sb-select-selector .sb-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}

.sb-select-rtl.sb-select-single.sb-select-show-arrow .sb-select-selection-search {
  right: 11px;
  left: 25px;
}

.sb-select-rtl.sb-select-single.sb-select-show-arrow .sb-select-selection-item,
.sb-select-rtl.sb-select-single.sb-select-show-arrow .sb-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}

.sb-select-rtl.sb-select-single.sb-select-sm:not(.sb-select-customize-input).sb-select-show-arrow .sb-select-selection-search {
  right: 6px;
}

.sb-select-rtl.sb-select-single.sb-select-sm:not(.sb-select-customize-input).sb-select-show-arrow .sb-select-selection-item,
.sb-select-rtl.sb-select-single.sb-select-sm:not(.sb-select-customize-input).sb-select-show-arrow .sb-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}

.sb-skeleton {
  display: table;
  width: 100%;
}

.sb-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}

.sb-skeleton-header .sb-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.sb-skeleton-header .sb-skeleton-avatar.sb-skeleton-avatar-circle {
  border-radius: 50%;
}

.sb-skeleton-header .sb-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.sb-skeleton-header .sb-skeleton-avatar-lg.sb-skeleton-avatar-circle {
  border-radius: 50%;
}

.sb-skeleton-header .sb-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.sb-skeleton-header .sb-skeleton-avatar-sm.sb-skeleton-avatar-circle {
  border-radius: 50%;
}

.sb-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

.sb-skeleton-content .sb-skeleton-title {
  width: 100%;
  height: 16px;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
}

.sb-skeleton-content .sb-skeleton-title + .sb-skeleton-paragraph {
  margin-top: 24px;
}

.sb-skeleton-content .sb-skeleton-paragraph {
  padding: 0;
}

.sb-skeleton-content .sb-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
}

.sb-skeleton-content .sb-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}

.sb-skeleton-content .sb-skeleton-paragraph > li + li {
  margin-top: 16px;
}

.sb-skeleton-with-avatar .sb-skeleton-content .sb-skeleton-title {
  margin-top: 12px;
}

.sb-skeleton-with-avatar .sb-skeleton-content .sb-skeleton-title + .sb-skeleton-paragraph {
  margin-top: 28px;
}

.sb-skeleton-round .sb-skeleton-content .sb-skeleton-title,
.sb-skeleton-round .sb-skeleton-content .sb-skeleton-paragraph > li {
  border-radius: 100px;
}

.sb-skeleton-active .sb-skeleton-title,
.sb-skeleton-active .sb-skeleton-paragraph > li,
.sb-skeleton-active .sb-skeleton-avatar,
.sb-skeleton-active .sb-skeleton-button,
.sb-skeleton-active .sb-skeleton-input,
.sb-skeleton-active .sb-skeleton-image {
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
  z-index: 0;
  overflow: hidden;
  background: transparent;
}

.sb-skeleton-active .sb-skeleton-title::after,
.sb-skeleton-active .sb-skeleton-paragraph > li::after,
.sb-skeleton-active .sb-skeleton-avatar::after,
.sb-skeleton-active .sb-skeleton-button::after,
.sb-skeleton-active .sb-skeleton-input::after,
.sb-skeleton-active .sb-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: sb-skeleton-loading 1.4s ease infinite;
  content: "";
}

.sb-skeleton.sb-skeleton-block {
  width: 100%;
}

.sb-skeleton.sb-skeleton-block .sb-skeleton-button {
  width: 100%;
}

.sb-skeleton.sb-skeleton-block .sb-skeleton-input {
  width: 100%;
}

.sb-skeleton-element {
  display: inline-block;
  width: auto;
}

.sb-skeleton-element .sb-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
  width: 64px;
  min-width: 64px;
  height: 32px;
  line-height: 32px;
}

.sb-skeleton-element .sb-skeleton-button.sb-skeleton-button-square {
  width: 32px;
  min-width: 32px;
}

.sb-skeleton-element .sb-skeleton-button.sb-skeleton-button-circle {
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
}

.sb-skeleton-element .sb-skeleton-button.sb-skeleton-button-round {
  border-radius: 32px;
}

.sb-skeleton-element .sb-skeleton-button-lg {
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}

.sb-skeleton-element .sb-skeleton-button-lg.sb-skeleton-button-square {
  width: 40px;
  min-width: 40px;
}

.sb-skeleton-element .sb-skeleton-button-lg.sb-skeleton-button-circle {
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}

.sb-skeleton-element .sb-skeleton-button-lg.sb-skeleton-button-round {
  border-radius: 40px;
}

.sb-skeleton-element .sb-skeleton-button-sm {
  width: 48px;
  min-width: 48px;
  height: 24px;
  line-height: 24px;
}

.sb-skeleton-element .sb-skeleton-button-sm.sb-skeleton-button-square {
  width: 24px;
  min-width: 24px;
}

.sb-skeleton-element .sb-skeleton-button-sm.sb-skeleton-button-circle {
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}

.sb-skeleton-element .sb-skeleton-button-sm.sb-skeleton-button-round {
  border-radius: 24px;
}

.sb-skeleton-element .sb-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.sb-skeleton-element .sb-skeleton-avatar.sb-skeleton-avatar-circle {
  border-radius: 50%;
}

.sb-skeleton-element .sb-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.sb-skeleton-element .sb-skeleton-avatar-lg.sb-skeleton-avatar-circle {
  border-radius: 50%;
}

.sb-skeleton-element .sb-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.sb-skeleton-element .sb-skeleton-avatar-sm.sb-skeleton-avatar-circle {
  border-radius: 50%;
}

.sb-skeleton-element .sb-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 160px;
  min-width: 160px;
  height: 32px;
  line-height: 32px;
}

.sb-skeleton-element .sb-skeleton-input-lg {
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
}

.sb-skeleton-element .sb-skeleton-input-sm {
  width: 120px;
  min-width: 120px;
  height: 24px;
  line-height: 24px;
}

.sb-skeleton-element .sb-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 96px;
  height: 96px;
  line-height: 96px;
}

.sb-skeleton-element .sb-skeleton-image.sb-skeleton-image-circle {
  border-radius: 50%;
}

.sb-skeleton-element .sb-skeleton-image-path {
  fill: #bfbfbf;
}

.sb-skeleton-element .sb-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}

.sb-skeleton-element .sb-skeleton-image-svg.sb-skeleton-image-circle {
  border-radius: 50%;
}

@keyframes sb-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  100% {
    transform: translateX(37.5%);
  }
}
.sb-skeleton-rtl {
  direction: rtl;
}

.sb-skeleton-rtl .sb-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}

.sb-skeleton-rtl.sb-skeleton.sb-skeleton-active .sb-skeleton-content .sb-skeleton-title,
.sb-skeleton-rtl.sb-skeleton.sb-skeleton-active .sb-skeleton-content .sb-skeleton-paragraph > li {
  animation-name: sb-skeleton-loading-rtl;
}

.sb-skeleton-rtl.sb-skeleton.sb-skeleton-active .sb-skeleton-avatar {
  animation-name: sb-skeleton-loading-rtl;
}

@keyframes sb-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.sb-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}

.sb-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}

.sb-slider-vertical .sb-slider-rail {
  width: 4px;
  height: 100%;
}

.sb-slider-vertical .sb-slider-track {
  width: 4px;
}

.sb-slider-vertical .sb-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}

.sb-slider-vertical .sb-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}

.sb-slider-vertical .sb-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}

.sb-slider-vertical .sb-slider-step {
  width: 4px;
  height: 100%;
}

.sb-slider-vertical .sb-slider-dot {
  top: auto;
  margin-left: -2px;
}

.sb-slider-tooltip .sb-tooltip-inner {
  min-width: unset;
}

.sb-slider-rtl.sb-slider-vertical .sb-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}

.sb-slider-rtl.sb-slider-vertical .sb-slider-mark {
  right: 12px;
  left: auto;
}

.sb-slider-rtl.sb-slider-vertical .sb-slider-mark-text {
  right: 4px;
  left: auto;
}

.sb-slider-rtl.sb-slider-vertical .sb-slider-dot {
  right: 2px;
  left: auto;
}

.sb-slider-with-marks {
  margin-bottom: 28px;
}

.sb-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}

.sb-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--sb-primary-3);
  border-radius: 2px;
  transition: background-color 0.3s;
}

.sb-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px var(--sb-primary-3);
  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);
}

.sb-slider-handle-dragging {
  z-index: 1;
}

.sb-slider-handle:focus {
  border-color: var(--sb-primary-color-deprecated-t-20);
  outline: none;
  box-shadow: 0 0 0 5px var(--sb-primary-color-deprecated-f-12);
}

.sb-slider-handle.sb-tooltip-open {
  border-color: var(--sb-primary-color);
}

.sb-slider-handle::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: "";
}

.sb-slider:hover .sb-slider-rail {
  background-color: #e1e1e1;
}

.sb-slider:hover .sb-slider-track {
  background-color: var(--sb-primary-4);
}

.sb-slider:hover .sb-slider-handle:not(.sb-tooltip-open) {
  border-color: var(--sb-primary-4);
}

.sb-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}

.sb-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  user-select: none;
}

.sb-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.85);
}

.sb-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}

.sb-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  cursor: pointer;
}

.sb-slider-dot-active {
  border-color: var(--sb-primary-color-deprecated-t-50);
}

.sb-slider-disabled {
  cursor: not-allowed;
}

.sb-slider-disabled .sb-slider-rail {
  background-color: #f5f5f5 !important;
}

.sb-slider-disabled .sb-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

.sb-slider-disabled .sb-slider-handle,
.sb-slider-disabled .sb-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}

.sb-slider-disabled .sb-slider-mark-text,
.sb-slider-disabled .sb-slider-dot {
  cursor: not-allowed !important;
}

.sb-slider-rtl {
  direction: rtl;
}

.sb-slider-rtl .sb-slider-mark {
  right: 0;
  left: auto;
}

.sb-space {
  display: inline-flex;
}

.sb-space-vertical {
  flex-direction: column;
}

.sb-space-align-center {
  align-items: center;
}

.sb-space-align-start {
  align-items: flex-start;
}

.sb-space-align-end {
  align-items: flex-end;
}

.sb-space-align-baseline {
  align-items: baseline;
}

.sb-space-item:empty {
  display: none;
}

.sb-space-rtl {
  direction: rtl;
}

.sb-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  display: none;
  color: var(--sb-primary-color);
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.sb-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;
}

.sb-spin-blur {
  clear: both;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}

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

.sb-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .sb-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(360deg);
  }
}
.sb-spin-rtl {
  direction: rtl;
}

.sb-spin-rtl .sb-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}

@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}
.sb-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
}

.sb-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.sb-statistic-skeleton {
  padding-top: 16px;
}

.sb-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";
}

.sb-statistic-content-value {
  display: inline-block;
  direction: ltr;
}

.sb-statistic-content-prefix,
.sb-statistic-content-suffix {
  display: inline-block;
}

.sb-statistic-content-prefix {
  margin-right: 4px;
}

.sb-statistic-content-suffix {
  margin-left: 4px;
}

.sb-statistic-rtl {
  direction: rtl;
}

.sb-statistic-rtl .sb-statistic-content-prefix {
  margin-right: 0;
  margin-left: 4px;
}

.sb-statistic-rtl .sb-statistic-content-suffix {
  margin-right: 4px;
  margin-left: 0;
}

.sb-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}

.sb-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}

.sb-steps-item-container {
  outline: none;
}

.sb-steps-item:last-child {
  flex: none;
}

.sb-steps-item:last-child > .sb-steps-item-container > .sb-steps-item-tail,
.sb-steps-item:last-child > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title::after {
  display: none;
}

.sb-steps-item-icon,
.sb-steps-item-content {
  display: inline-block;
  vertical-align: top;
}

.sb-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;
}

.sb-steps-item-icon .sb-steps-icon {
  position: relative;
  top: -0.5px;
  color: var(--sb-primary-color);
  line-height: 1;
}

.sb-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}

.sb-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 1px;
  transition: background 0.3s;
  content: "";
}

.sb-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 32px;
}

.sb-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  content: "";
}

.sb-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}

.sb-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.sb-steps-item-wait .sb-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}

.sb-steps-item-wait .sb-steps-item-icon > .sb-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}

.sb-steps-item-wait .sb-steps-item-icon > .sb-steps-icon .sb-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}

.sb-steps-item-wait > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}

.sb-steps-item-wait > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title::after {
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-steps-item-wait > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}

.sb-steps-item-wait > .sb-steps-item-container > .sb-steps-item-tail::after {
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-steps-item-process .sb-steps-item-icon {
  background-color: #fff;
  border-color: var(--sb-primary-color);
}

.sb-steps-item-process .sb-steps-item-icon > .sb-steps-icon {
  color: var(--sb-primary-color);
}

.sb-steps-item-process .sb-steps-item-icon > .sb-steps-icon .sb-steps-icon-dot {
  background: var(--sb-primary-color);
}

.sb-steps-item-process > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}

.sb-steps-item-process > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title::after {
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-steps-item-process > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-description {
  color: rgba(0, 0, 0, 0.85);
}

.sb-steps-item-process > .sb-steps-item-container > .sb-steps-item-tail::after {
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-steps-item-process > .sb-steps-item-container > .sb-steps-item-icon {
  background: var(--sb-primary-color);
}

.sb-steps-item-process > .sb-steps-item-container > .sb-steps-item-icon .sb-steps-icon {
  color: #fff;
}

.sb-steps-item-process > .sb-steps-item-container > .sb-steps-item-title {
  font-weight: 500;
}

.sb-steps-item-finish .sb-steps-item-icon {
  background-color: #fff;
  border-color: var(--sb-primary-color);
}

.sb-steps-item-finish .sb-steps-item-icon > .sb-steps-icon {
  color: var(--sb-primary-color);
}

.sb-steps-item-finish .sb-steps-item-icon > .sb-steps-icon .sb-steps-icon-dot {
  background: var(--sb-primary-color);
}

.sb-steps-item-finish > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}

.sb-steps-item-finish > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title::after {
  background-color: var(--sb-primary-color);
}

.sb-steps-item-finish > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}

.sb-steps-item-finish > .sb-steps-item-container > .sb-steps-item-tail::after {
  background-color: var(--sb-primary-color);
}

.sb-steps-item-error .sb-steps-item-icon {
  background-color: #fff;
  border-color: var(--sb-error-color);
}

.sb-steps-item-error .sb-steps-item-icon > .sb-steps-icon {
  color: var(--sb-error-color);
}

.sb-steps-item-error .sb-steps-item-icon > .sb-steps-icon .sb-steps-icon-dot {
  background: var(--sb-error-color);
}

.sb-steps-item-error > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title {
  color: var(--sb-error-color);
}

.sb-steps-item-error > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title::after {
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-steps-item-error > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-description {
  color: var(--sb-error-color);
}

.sb-steps-item-error > .sb-steps-item-container > .sb-steps-item-tail::after {
  background-color: rgba(0, 0, 0, 0.06);
}

.sb-steps-item.sb-steps-next-error .sb-steps-item-title::after {
  background: var(--sb-error-color);
}

.sb-steps-item-disabled {
  cursor: not-allowed;
}

.sb-steps .sb-steps-item:not(.sb-steps-item-active) > .sb-steps-item-container[role=button] {
  cursor: pointer;
}

.sb-steps .sb-steps-item:not(.sb-steps-item-active) > .sb-steps-item-container[role=button] .sb-steps-item-title,
.sb-steps .sb-steps-item:not(.sb-steps-item-active) > .sb-steps-item-container[role=button] .sb-steps-item-subtitle,
.sb-steps .sb-steps-item:not(.sb-steps-item-active) > .sb-steps-item-container[role=button] .sb-steps-item-description,
.sb-steps .sb-steps-item:not(.sb-steps-item-active) > .sb-steps-item-container[role=button] .sb-steps-item-icon .sb-steps-icon {
  transition: color 0.3s;
}

.sb-steps .sb-steps-item:not(.sb-steps-item-active) > .sb-steps-item-container[role=button]:hover .sb-steps-item-title,
.sb-steps .sb-steps-item:not(.sb-steps-item-active) > .sb-steps-item-container[role=button]:hover .sb-steps-item-subtitle,
.sb-steps .sb-steps-item:not(.sb-steps-item-active) > .sb-steps-item-container[role=button]:hover .sb-steps-item-description {
  color: var(--sb-primary-color);
}

.sb-steps .sb-steps-item:not(.sb-steps-item-active):not(.sb-steps-item-process) > .sb-steps-item-container[role=button]:hover .sb-steps-item-icon {
  border-color: var(--sb-primary-color);
}

.sb-steps .sb-steps-item:not(.sb-steps-item-active):not(.sb-steps-item-process) > .sb-steps-item-container[role=button]:hover .sb-steps-item-icon .sb-steps-icon {
  color: var(--sb-primary-color);
}

.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}

.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item:first-child {
  padding-left: 0;
}

.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item:last-child .sb-steps-item-title {
  padding-right: 0;
}

.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item-tail {
  display: none;
}

.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item-description {
  max-width: 140px;
  white-space: normal;
}

.sb-steps-item-custom > .sb-steps-item-container > .sb-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}

.sb-steps-item-custom > .sb-steps-item-container > .sb-steps-item-icon > .sb-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}

.sb-steps-item-custom.sb-steps-item-process .sb-steps-item-icon > .sb-steps-icon {
  color: var(--sb-primary-color);
}

.sb-steps:not(.sb-steps-vertical) .sb-steps-item-custom .sb-steps-item-icon {
  width: auto;
  background: none;
}

.sb-steps-small.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item {
  padding-left: 12px;
}

.sb-steps-small.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item:first-child {
  padding-left: 0;
}

.sb-steps-small .sb-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}

.sb-steps-small .sb-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}

.sb-steps-small .sb-steps-item-title::after {
  top: 12px;
}

.sb-steps-small .sb-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.sb-steps-small .sb-steps-item-tail {
  top: 8px;
}

.sb-steps-small .sb-steps-item-custom .sb-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}

.sb-steps-small .sb-steps-item-custom .sb-steps-item-icon > .sb-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}

.sb-steps-vertical {
  display: flex;
  flex-direction: column;
}

.sb-steps-vertical > .sb-steps-item {
  display: block;
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}

.sb-steps-vertical > .sb-steps-item .sb-steps-item-icon {
  float: left;
  margin-right: 16px;
}

.sb-steps-vertical > .sb-steps-item .sb-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}

.sb-steps-vertical > .sb-steps-item .sb-steps-item-title {
  line-height: 32px;
}

.sb-steps-vertical > .sb-steps-item .sb-steps-item-description {
  padding-bottom: 12px;
}

.sb-steps-vertical > .sb-steps-item > .sb-steps-item-container > .sb-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}

.sb-steps-vertical > .sb-steps-item > .sb-steps-item-container > .sb-steps-item-tail::after {
  width: 1px;
  height: 100%;
}

.sb-steps-vertical > .sb-steps-item:not(:last-child) > .sb-steps-item-container > .sb-steps-item-tail {
  display: block;
}

.sb-steps-vertical > .sb-steps-item > .sb-steps-item-container > .sb-steps-item-content > .sb-steps-item-title::after {
  display: none;
}

.sb-steps-vertical.sb-steps-small .sb-steps-item-container .sb-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}

.sb-steps-vertical.sb-steps-small .sb-steps-item-container .sb-steps-item-title {
  line-height: 24px;
}

.sb-steps-label-vertical .sb-steps-item {
  overflow: visible;
}

.sb-steps-label-vertical .sb-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}

.sb-steps-label-vertical .sb-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}

.sb-steps-label-vertical .sb-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}

.sb-steps-label-vertical .sb-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}

.sb-steps-label-vertical .sb-steps-item-title::after {
  display: none;
}

.sb-steps-label-vertical .sb-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5715;
}

.sb-steps-label-vertical.sb-steps-small:not(.sb-steps-dot) .sb-steps-item-icon {
  margin-left: 46px;
}

.sb-steps-dot .sb-steps-item-title,
.sb-steps-dot.sb-steps-small .sb-steps-item-title {
  line-height: 1.5715;
}

.sb-steps-dot .sb-steps-item-tail,
.sb-steps-dot.sb-steps-small .sb-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}

.sb-steps-dot .sb-steps-item-tail::after,
.sb-steps-dot.sb-steps-small .sb-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}

.sb-steps-dot .sb-steps-item:first-child .sb-steps-icon-dot,
.sb-steps-dot.sb-steps-small .sb-steps-item:first-child .sb-steps-icon-dot {
  left: 2px;
}

.sb-steps-dot .sb-steps-item-icon,
.sb-steps-dot.sb-steps-small .sb-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}

.sb-steps-dot .sb-steps-item-icon .sb-steps-icon-dot,
.sb-steps-dot.sb-steps-small .sb-steps-item-icon .sb-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}

.sb-steps-dot .sb-steps-item-icon .sb-steps-icon-dot::after,
.sb-steps-dot.sb-steps-small .sb-steps-item-icon .sb-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: "";
}

.sb-steps-dot .sb-steps-item-content,
.sb-steps-dot.sb-steps-small .sb-steps-item-content {
  width: 140px;
}

.sb-steps-dot .sb-steps-item-process .sb-steps-item-icon,
.sb-steps-dot.sb-steps-small .sb-steps-item-process .sb-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: none;
}

.sb-steps-dot .sb-steps-item-process .sb-steps-icon:first-child .sb-steps-icon-dot,
.sb-steps-dot.sb-steps-small .sb-steps-item-process .sb-steps-icon:first-child .sb-steps-icon-dot {
  left: 0;
}

.sb-steps-vertical.sb-steps-dot .sb-steps-item-icon {
  margin-top: 13px;
  margin-left: 0;
  background: none;
}

.sb-steps-vertical.sb-steps-dot .sb-steps-item > .sb-steps-item-container > .sb-steps-item-tail {
  top: 6.5px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}

.sb-steps-vertical.sb-steps-dot.sb-steps-small .sb-steps-item-icon {
  margin-top: 10px;
}

.sb-steps-vertical.sb-steps-dot.sb-steps-small .sb-steps-item > .sb-steps-item-container > .sb-steps-item-tail {
  top: 3.5px;
}

.sb-steps-vertical.sb-steps-dot .sb-steps-item:first-child .sb-steps-icon-dot {
  left: 0;
}

.sb-steps-vertical.sb-steps-dot .sb-steps-item-content {
  width: inherit;
}

.sb-steps-vertical.sb-steps-dot .sb-steps-item-process .sb-steps-item-container .sb-steps-item-icon .sb-steps-icon-dot {
  top: -1px;
  left: -1px;
}

.sb-steps-navigation {
  padding-top: 12px;
}

.sb-steps-navigation.sb-steps-small .sb-steps-item-container {
  margin-left: -12px;
}

.sb-steps-navigation .sb-steps-item {
  overflow: visible;
  text-align: center;
}

.sb-steps-navigation .sb-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}

.sb-steps-navigation .sb-steps-item-container .sb-steps-item-content {
  max-width: auto;
}

.sb-steps-navigation .sb-steps-item-container .sb-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sb-steps-navigation .sb-steps-item-container .sb-steps-item-title::after {
  display: none;
}

.sb-steps-navigation .sb-steps-item:not(.sb-steps-item-active) .sb-steps-item-container[role=button] {
  cursor: pointer;
}

.sb-steps-navigation .sb-steps-item:not(.sb-steps-item-active) .sb-steps-item-container[role=button]:hover {
  opacity: 0.85;
}

.sb-steps-navigation .sb-steps-item:last-child {
  flex: 1;
}

.sb-steps-navigation .sb-steps-item:last-child::after {
  display: none;
}

.sb-steps-navigation .sb-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: "";
}

.sb-steps-navigation .sb-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: var(--sb-primary-color);
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: "";
}

.sb-steps-navigation .sb-steps-item.sb-steps-item-active::before {
  left: 0;
  width: 100%;
}

.sb-steps-navigation.sb-steps-vertical > .sb-steps-item {
  margin-right: 0 !important;
}

.sb-steps-navigation.sb-steps-vertical > .sb-steps-item::before {
  display: none;
}

.sb-steps-navigation.sb-steps-vertical > .sb-steps-item.sb-steps-item-active::before {
  top: 0;
  right: 0;
  left: unset;
  display: block;
  width: 3px;
  height: calc(100% - 24px);
}

.sb-steps-navigation.sb-steps-vertical > .sb-steps-item::after {
  position: relative;
  top: -2px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  text-align: center;
  transform: rotate(135deg);
}

.sb-steps-navigation.sb-steps-vertical > .sb-steps-item > .sb-steps-item-container > .sb-steps-item-tail {
  visibility: hidden;
}

.sb-steps-navigation.sb-steps-horizontal > .sb-steps-item > .sb-steps-item-container > .sb-steps-item-tail {
  visibility: hidden;
}

.sb-steps-rtl {
  direction: rtl;
}

.sb-steps.sb-steps-rtl .sb-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}

.sb-steps-rtl .sb-steps-item-tail {
  right: 0;
  left: auto;
}

.sb-steps-rtl .sb-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}

.sb-steps-rtl .sb-steps-item-title .sb-steps-item-subtitle {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}

.sb-steps-rtl .sb-steps-item-title::after {
  right: 100%;
  left: auto;
}

.sb-steps-rtl.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item {
  padding-right: 16px;
  padding-left: 0;
}

.sb-steps-rtl.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item:first-child {
  padding-right: 0;
}

.sb-steps-rtl.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item:last-child .sb-steps-item-title {
  padding-left: 0;
}

.sb-steps-rtl .sb-steps-item-custom .sb-steps-item-icon > .sb-steps-icon {
  right: 0.5px;
  left: auto;
}

.sb-steps-rtl.sb-steps-navigation.sb-steps-small .sb-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}

.sb-steps-rtl.sb-steps-navigation .sb-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}

.sb-steps-rtl.sb-steps-navigation .sb-steps-item-container .sb-steps-item-title {
  padding-left: 0;
}

.sb-steps-rtl.sb-steps-navigation .sb-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  transform: rotate(225deg);
}

.sb-steps-rtl.sb-steps-small.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item {
  padding-right: 12px;
  padding-left: 0;
}

.sb-steps-rtl.sb-steps-small.sb-steps-horizontal:not(.sb-steps-label-vertical) .sb-steps-item:first-child {
  padding-right: 0;
}

.sb-steps-rtl.sb-steps-small .sb-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}

.sb-steps-rtl.sb-steps-vertical > .sb-steps-item .sb-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}

.sb-steps-rtl.sb-steps-vertical > .sb-steps-item > .sb-steps-item-container > .sb-steps-item-tail {
  right: 16px;
  left: auto;
}

.sb-steps-rtl.sb-steps-vertical.sb-steps-small .sb-steps-item-container .sb-steps-item-tail {
  right: 12px;
  left: auto;
}

.sb-steps-rtl.sb-steps-label-vertical .sb-steps-item-title {
  padding-left: 0;
}

.sb-steps-rtl.sb-steps-dot .sb-steps-item-tail,
.sb-steps-rtl.sb-steps-dot.sb-steps-small .sb-steps-item-tail {
  margin: 0 70px 0 0;
}

.sb-steps-rtl.sb-steps-dot .sb-steps-item-tail::after,
.sb-steps-rtl.sb-steps-dot.sb-steps-small .sb-steps-item-tail::after {
  margin-right: 12px;
  margin-left: 0;
}

.sb-steps-rtl.sb-steps-dot .sb-steps-item:first-child .sb-steps-icon-dot,
.sb-steps-rtl.sb-steps-dot.sb-steps-small .sb-steps-item:first-child .sb-steps-icon-dot {
  right: 2px;
  left: auto;
}

.sb-steps-rtl.sb-steps-dot .sb-steps-item-icon,
.sb-steps-rtl.sb-steps-dot.sb-steps-small .sb-steps-item-icon {
  margin-right: 67px;
  margin-left: 0;
}

.sb-steps-dot .sb-steps-item-icon .sb-steps-icon-dot,
.sb-steps-dot.sb-steps-small .sb-steps-item-icon .sb-steps-icon-dot {
  /* expand hover area */
}

.sb-steps-rtl.sb-steps-dot .sb-steps-item-icon .sb-steps-icon-dot,
.sb-steps-rtl.sb-steps-dot.sb-steps-small .sb-steps-item-icon .sb-steps-icon-dot {
  float: right;
}

.sb-steps-rtl.sb-steps-dot .sb-steps-item-icon .sb-steps-icon-dot::after,
.sb-steps-rtl.sb-steps-dot.sb-steps-small .sb-steps-item-icon .sb-steps-icon-dot::after {
  right: -26px;
  left: auto;
}

.sb-steps-rtl.sb-steps-vertical.sb-steps-dot .sb-steps-item-icon {
  margin-right: 0;
  margin-left: 16px;
}

.sb-steps-rtl.sb-steps-vertical.sb-steps-dot .sb-steps-item > .sb-steps-item-container > .sb-steps-item-tail {
  right: -9px;
  left: auto;
}

.sb-steps-rtl.sb-steps-vertical.sb-steps-dot .sb-steps-item:first-child .sb-steps-icon-dot {
  right: 0;
  left: auto;
}

.sb-steps-rtl.sb-steps-vertical.sb-steps-dot .sb-steps-item-process .sb-steps-icon-dot {
  right: -2px;
  left: auto;
}

.sb-steps-rtl.sb-steps-with-progress.sb-steps-horizontal.sb-steps-label-horizontal .sb-steps-item:first-child {
  padding-right: 4px;
  padding-left: 0;
}

.sb-steps-rtl.sb-steps-with-progress.sb-steps-horizontal.sb-steps-label-horizontal .sb-steps-item:first-child.sb-steps-item-active {
  padding-right: 4px;
}

.sb-steps-with-progress .sb-steps-item {
  padding-top: 4px;
}

.sb-steps-with-progress .sb-steps-item .sb-steps-item-tail {
  top: 4px !important;
}

.sb-steps-with-progress.sb-steps-horizontal .sb-steps-item:first-child {
  padding-bottom: 4px;
  padding-left: 4px;
}

.sb-steps-with-progress.sb-steps-label-vertical .sb-steps-item .sb-steps-item-tail {
  top: 14px !important;
}

.sb-steps-with-progress .sb-steps-item-icon {
  position: relative;
}

.sb-steps-with-progress .sb-steps-item-icon .sb-progress {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}

.sb-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  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;
  user-select: none;
}

.sb-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.sb-switch-checked:focus {
  box-shadow: 0 0 0 2px var(--sb-primary-1);
}

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

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

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

.sb-switch-loading *,
.sb-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}

.sb-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin 0.2s;
}

.sb-switch-checked .sb-switch-inner {
  margin: 0 25px 0 7px;
}

.sb-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}

.sb-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: "";
}

.sb-switch-checked .sb-switch-handle {
  left: calc(100% - 18px - 2px);
}

.sb-switch:not(.sb-switch-disabled):active .sb-switch-handle::before {
  right: -30%;
  left: 0;
}

.sb-switch:not(.sb-switch-disabled):active.sb-switch-checked .sb-switch-handle::before {
  right: 0;
  left: -30%;
}

.sb-switch-loading-icon.anticon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}

.sb-switch-checked .sb-switch-loading-icon {
  color: var(--sb-primary-color);
}

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

.sb-switch-small .sb-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}

.sb-switch-small .sb-switch-handle {
  width: 12px;
  height: 12px;
}

.sb-switch-small .sb-switch-loading-icon {
  top: 1.5px;
  font-size: 9px;
}

.sb-switch-small.sb-switch-checked .sb-switch-inner {
  margin: 0 18px 0 5px;
}

.sb-switch-small.sb-switch-checked .sb-switch-handle {
  left: calc(100% - 12px - 2px);
}

.sb-switch-rtl {
  direction: rtl;
}

.sb-switch-rtl .sb-switch-inner {
  margin: 0 25px 0 7px;
}

.sb-switch-rtl .sb-switch-handle {
  right: 2px;
  left: auto;
}

.sb-switch-rtl:not(.sb-switch-rtl-disabled):active .sb-switch-handle::before {
  right: 0;
  left: -30%;
}

.sb-switch-rtl:not(.sb-switch-rtl-disabled):active.sb-switch-checked .sb-switch-handle::before {
  right: -30%;
  left: 0;
}

.sb-switch-rtl.sb-switch-checked .sb-switch-inner {
  margin: 0 7px 0 25px;
}

.sb-switch-rtl.sb-switch-checked .sb-switch-handle {
  right: calc(100% - 18px - 2px);
}

.sb-switch-rtl.sb-switch-small.sb-switch-checked .sb-switch-handle {
  right: calc(100% - 12px - 2px);
}

.sb-table.sb-table-middle {
  font-size: 14px;
}

.sb-table.sb-table-middle .sb-table-title,
.sb-table.sb-table-middle .sb-table-footer,
.sb-table.sb-table-middle .sb-table-thead > tr > th,
.sb-table.sb-table-middle .sb-table-tbody > tr > td,
.sb-table.sb-table-middle tfoot > tr > th,
.sb-table.sb-table-middle tfoot > tr > td {
  padding: 12px 8px;
}

.sb-table.sb-table-middle .sb-table-filter-trigger {
  margin-right: -4px;
}

.sb-table.sb-table-middle .sb-table-expanded-row-fixed {
  margin: -12px -8px;
}

.sb-table.sb-table-middle .sb-table-tbody .sb-table-wrapper:only-child .sb-table {
  margin: -12px -8px -12px 40px;
}

.sb-table.sb-table-middle .sb-table-selection-column {
  padding-inline-start: 2px;
}

.sb-table.sb-table-small {
  font-size: 14px;
}

.sb-table.sb-table-small .sb-table-title,
.sb-table.sb-table-small .sb-table-footer,
.sb-table.sb-table-small .sb-table-thead > tr > th,
.sb-table.sb-table-small .sb-table-tbody > tr > td,
.sb-table.sb-table-small tfoot > tr > th,
.sb-table.sb-table-small tfoot > tr > td {
  padding: 8px 8px;
}

.sb-table.sb-table-small .sb-table-filter-trigger {
  margin-right: -4px;
}

.sb-table.sb-table-small .sb-table-expanded-row-fixed {
  margin: -8px -8px;
}

.sb-table.sb-table-small .sb-table-tbody .sb-table-wrapper:only-child .sb-table {
  margin: -8px -8px -8px 40px;
}

.sb-table.sb-table-small .sb-table-selection-column {
  padding-inline-start: 2px;
}

.sb-table.sb-table-bordered > .sb-table-title {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 0;
}

.sb-table.sb-table-bordered > .sb-table-container {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > thead > tr > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > thead > tr > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > thead > tr > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > thead > tr > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > tbody > tr > td,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > tbody > tr > td,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > tbody > tr > td,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > tbody > tr > td,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > tfoot > tr > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > tfoot > tr > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > tfoot > tr > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > tfoot > tr > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > tfoot > tr > td,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > tfoot > tr > td,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > tfoot > tr > td,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > tfoot > tr > td {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > thead > tr:not(:last-child) > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > thead > tr:not(:last-child) > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > thead > tr:not(:last-child) > th,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > thead > tr > th::before,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > thead > tr > th::before,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > thead > tr > th::before,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}

.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > thead > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > thead > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > thead > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > thead > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > tbody > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > tbody > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > tbody > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > tbody > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > tfoot > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > tfoot > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > tfoot > tr > .sb-table-cell-fix-right-first::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > tfoot > tr > .sb-table-cell-fix-right-first::after {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > tbody > tr > td > .sb-table-expanded-row-fixed,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > tbody > tr > td > .sb-table-expanded-row-fixed,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > tbody > tr > td > .sb-table-expanded-row-fixed,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > tbody > tr > td > .sb-table-expanded-row-fixed {
  margin: -16px -17px;
}

.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table > tbody > tr > td > .sb-table-expanded-row-fixed::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table > tbody > tr > td > .sb-table-expanded-row-fixed::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-body > table > tbody > tr > td > .sb-table-expanded-row-fixed::after,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-summary > table > tbody > tr > td > .sb-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  content: "";
}

.sb-table.sb-table-bordered > .sb-table-container > .sb-table-content > table,
.sb-table.sb-table-bordered > .sb-table-container > .sb-table-header > table {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-table.sb-table-bordered.sb-table-scroll-horizontal > .sb-table-container > .sb-table-body > table > tbody > tr.sb-table-expanded-row > td,
.sb-table.sb-table-bordered.sb-table-scroll-horizontal > .sb-table-container > .sb-table-body > table > tbody > tr.sb-table-placeholder > td {
  border-right: 0;
}

.sb-table.sb-table-bordered.sb-table-middle > .sb-table-container > .sb-table-content > table > tbody > tr > td > .sb-table-expanded-row-fixed,
.sb-table.sb-table-bordered.sb-table-middle > .sb-table-container > .sb-table-body > table > tbody > tr > td > .sb-table-expanded-row-fixed {
  margin: -12px -9px;
}

.sb-table.sb-table-bordered.sb-table-small > .sb-table-container > .sb-table-content > table > tbody > tr > td > .sb-table-expanded-row-fixed,
.sb-table.sb-table-bordered.sb-table-small > .sb-table-container > .sb-table-body > table > tbody > tr > td > .sb-table-expanded-row-fixed {
  margin: -8px -9px;
}

.sb-table.sb-table-bordered > .sb-table-footer {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: 0;
}

.sb-table-cell .sb-table-container:first-child {
  border-top: 0;
}

.sb-table-cell-scrollbar:not([rowspan]) {
  box-shadow: 0 1px 0 1px #fafafa;
}

.sb-table-wrapper {
  clear: both;
  max-width: 100%;
}

.sb-table-wrapper::before {
  display: table;
  content: "";
}

.sb-table-wrapper::after {
  display: table;
  clear: both;
  content: "";
}

.sb-table-wrapper::before {
  display: table;
  content: "";
}

.sb-table-wrapper::after {
  display: table;
  clear: both;
  content: "";
}

.sb-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 2px;
}

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

.sb-table-thead > tr > th,
.sb-table-tbody > tr > td,
.sb-table tfoot > tr > th,
.sb-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}

.sb-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.sb-table-cell-ellipsis.sb-table-cell-fix-left-last,
.sb-table-cell-ellipsis.sb-table-cell-fix-right-first {
  overflow: visible;
}

.sb-table-cell-ellipsis.sb-table-cell-fix-left-last .sb-table-cell-content,
.sb-table-cell-ellipsis.sb-table-cell-fix-right-first .sb-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sb-table-cell-ellipsis .sb-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.sb-table-title {
  padding: 16px 16px;
}

.sb-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}

.sb-table-thead > tr > th {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: background 0.3s ease;
}

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

.sb-table-thead > tr > th:not(:last-child):not(.sb-table-selection-column):not(.sb-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: "";
}

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

.sb-table-tbody > tr > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: background 0.3s;
}

.sb-table-tbody > tr > td > .sb-table-wrapper:only-child .sb-table,
.sb-table-tbody > tr > td > .sb-table-expanded-row-fixed > .sb-table-wrapper:only-child .sb-table {
  margin: -16px -16px -16px 32px;
}

.sb-table-tbody > tr > td > .sb-table-wrapper:only-child .sb-table-tbody > tr:last-child > td,
.sb-table-tbody > tr > td > .sb-table-expanded-row-fixed > .sb-table-wrapper:only-child .sb-table-tbody > tr:last-child > td {
  border-bottom: 0;
}

.sb-table-tbody > tr > td > .sb-table-wrapper:only-child .sb-table-tbody > tr:last-child > td:first-child,
.sb-table-tbody > tr > td > .sb-table-expanded-row-fixed > .sb-table-wrapper:only-child .sb-table-tbody > tr:last-child > td:first-child,
.sb-table-tbody > tr > td > .sb-table-wrapper:only-child .sb-table-tbody > tr:last-child > td:last-child,
.sb-table-tbody > tr > td > .sb-table-expanded-row-fixed > .sb-table-wrapper:only-child .sb-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}

.sb-table-tbody > tr.sb-table-row:hover > td,
.sb-table-tbody > tr > td.sb-table-cell-row-hover {
  background: #fafafa;
}

.sb-table-tbody > tr.sb-table-row-selected > td {
  background: var(--sb-primary-1);
  border-color: rgba(0, 0, 0, 0.03);
}

.sb-table-tbody > tr.sb-table-row-selected:hover > td {
  background: var(--sb-primary-color-active-deprecated-d-02);
}

.sb-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}

div.sb-table-summary {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
}

.sb-table-summary > tr > th,
.sb-table-summary > tr > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-table-pagination.sb-pagination {
  margin: 16px 0;
}

.sb-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}

.sb-table-pagination > * {
  flex: none;
}

.sb-table-pagination-left {
  justify-content: flex-start;
}

.sb-table-pagination-center {
  justify-content: center;
}

.sb-table-pagination-right {
  justify-content: flex-end;
}

.sb-table-thead th.sb-table-column-has-sorters {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}

.sb-table-thead th.sb-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}

.sb-table-thead th.sb-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}

.sb-table-thead th.sb-table-column-has-sorters:focus-visible {
  color: var(--sb-primary-color);
}

.sb-table-thead th.sb-table-column-has-sorters.sb-table-cell-fix-left:hover,
.sb-table-thead th.sb-table-column-has-sorters.sb-table-cell-fix-right:hover {
  background: #f5f5f5;
}

.sb-table-thead th.sb-table-column-sort {
  background: #f5f5f5;
}

.sb-table-thead th.sb-table-column-sort::before {
  background-color: transparent !important;
}

td.sb-table-column-sort {
  background: #fafafa;
}

.sb-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1;
}

.sb-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}

.sb-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.sb-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}

.sb-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.sb-table-column-sorter-up,
.sb-table-column-sorter-down {
  font-size: 11px;
}

.sb-table-column-sorter-up.active,
.sb-table-column-sorter-down.active {
  color: var(--sb-primary-color);
}

.sb-table-column-sorter-up + .sb-table-column-sorter-down {
  margin-top: -0.3em;
}

.sb-table-column-sorters:hover .sb-table-column-sorter {
  color: #a6a6a6;
}

.sb-table-filter-column {
  display: flex;
  justify-content: space-between;
}

.sb-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}

.sb-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.04);
}

.sb-table-filter-trigger.active {
  color: var(--sb-primary-color);
}

.sb-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  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);
}

.sb-table-filter-dropdown .sb-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}

.sb-table-filter-dropdown .sb-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  content: "Not Found";
}

.sb-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}

.sb-table-filter-dropdown-tree .sb-tree-treenode .sb-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}

.sb-table-filter-dropdown-tree .sb-tree-treenode-checkbox-checked .sb-tree-node-content-wrapper,
.sb-table-filter-dropdown-tree .sb-tree-treenode-checkbox-checked .sb-tree-node-content-wrapper:hover {
  background-color: var(--sb-primary-2);
}

.sb-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px rgba(0, 0, 0, 0.06) solid;
}

.sb-table-filter-dropdown-search-input input {
  min-width: 140px;
}

.sb-table-filter-dropdown-search-input .anticon {
  color: rgba(0, 0, 0, 0.25);
}

.sb-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}

.sb-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}

.sb-table-filter-dropdown .sb-checkbox-wrapper + span,
.sb-table-filter-dropdown-submenu .sb-checkbox-wrapper + span {
  padding-left: 8px;
}

.sb-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-table-selection-col {
  width: 32px;
}

.sb-table-bordered .sb-table-selection-col {
  width: 50px;
}

table tr th.sb-table-selection-column,
table tr td.sb-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}

table tr th.sb-table-selection-column .sb-radio-wrapper,
table tr td.sb-table-selection-column .sb-radio-wrapper {
  margin-right: 0;
}

table tr th.sb-table-selection-column.sb-table-cell-fix-left {
  z-index: 3;
}

table tr th.sb-table-selection-column::after {
  background-color: transparent !important;
}

.sb-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}

.sb-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}

.sb-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}

.sb-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}

.sb-table-expand-icon-col {
  width: 48px;
}

.sb-table-row-expand-icon-cell {
  text-align: center;
}

.sb-table-row-expand-icon-cell .sb-table-row-expand-icon {
  display: inline-flex;
  float: none;
  vertical-align: sub;
}

.sb-table-row-indent {
  float: left;
  height: 1px;
}

.sb-table-row-expand-icon {
  color: var(--sb-primary-color);
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  transform: scale(0.94117647);
  transition: all 0.3s;
  user-select: none;
}

.sb-table-row-expand-icon:focus-visible,
.sb-table-row-expand-icon:hover {
  color: var(--sb-primary-color-hover);
}

.sb-table-row-expand-icon:active {
  color: var(--sb-primary-color-active);
}

.sb-table-row-expand-icon:focus,
.sb-table-row-expand-icon:hover,
.sb-table-row-expand-icon:active {
  border-color: currentcolor;
}

.sb-table-row-expand-icon::before,
.sb-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: transform 0.3s ease-out;
  content: "";
}

.sb-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}

.sb-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}

.sb-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}

.sb-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}

.sb-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}

.sb-table-row-expand-icon-spaced::before,
.sb-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}

.sb-table-row-indent + .sb-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}

tr.sb-table-expanded-row > td,
tr.sb-table-expanded-row:hover > td {
  background: #fbfbfb;
}

tr.sb-table-expanded-row .sb-descriptions-view {
  display: flex;
}

tr.sb-table-expanded-row .sb-descriptions-view table {
  flex: auto;
  width: auto;
}

.sb-table .sb-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}

.sb-table-tbody > tr.sb-table-placeholder {
  text-align: center;
}

.sb-table-empty .sb-table-tbody > tr.sb-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.sb-table-tbody > tr.sb-table-placeholder:hover > td {
  background: #fff;
}

.sb-table-cell-fix-left,
.sb-table-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}

.sb-table-cell-fix-left-first::after,
.sb-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;
}

.sb-table-cell-fix-left-all::after {
  display: none;
}

.sb-table-cell-fix-right-first::after,
.sb-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;
}

.sb-table .sb-table-container::before,
.sb-table .sb-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 30px;
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

.sb-table .sb-table-container::before {
  left: 0;
}

.sb-table .sb-table-container::after {
  right: 0;
}

.sb-table-ping-left:not(.sb-table-has-fix-left) > .sb-table-container {
  position: relative;
}

.sb-table-ping-left:not(.sb-table-has-fix-left) > .sb-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.sb-table-ping-left .sb-table-cell-fix-left-first::after,
.sb-table-ping-left .sb-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.sb-table-ping-left .sb-table-cell-fix-left-last::before {
  background-color: transparent !important;
}

.sb-table-ping-right:not(.sb-table-has-fix-right) > .sb-table-container {
  position: relative;
}

.sb-table-ping-right:not(.sb-table-has-fix-right) > .sb-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.sb-table-ping-right .sb-table-cell-fix-right-first::after,
.sb-table-ping-right .sb-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.sb-table-sticky-holder {
  position: sticky;
  z-index: 3;
  background: #fff;
}

.sb-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  background: rgba(204, 204, 204, 0.06);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  opacity: 0.6;
}

.sb-table-sticky-scroll:hover {
  transform-origin: center bottom;
}

.sb-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}

.sb-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.sb-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}

@media all and (-ms-high-contrast: none) {
  .sb-table-ping-left .sb-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .sb-table-ping-right .sb-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.sb-table {
  /* title + table */
  /* table */
  /* table + footer */
}

.sb-table-title {
  border-radius: 2px 2px 0 0;
}

.sb-table-title + .sb-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.sb-table-title + .sb-table-container table {
  border-radius: 0;
}

.sb-table-title + .sb-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}

.sb-table-title + .sb-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}

.sb-table-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.sb-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}

.sb-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}

.sb-table-footer {
  border-radius: 0 0 2px 2px;
}

.sb-table-wrapper-rtl {
  direction: rtl;
}

.sb-table-rtl {
  direction: rtl;
}

.sb-table-wrapper-rtl .sb-table table {
  text-align: right;
}

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

.sb-table-wrapper-rtl .sb-table-thead > tr > th:not(:last-child):not(.sb-table-selection-column):not(.sb-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}

.sb-table-wrapper-rtl .sb-table-thead > tr > th {
  text-align: right;
}

.sb-table-tbody > tr .sb-table-wrapper:only-child .sb-table.sb-table-rtl {
  margin: -16px 33px -16px -16px;
}

.sb-table-wrapper.sb-table-wrapper-rtl .sb-table-pagination-left {
  justify-content: flex-end;
}

.sb-table-wrapper.sb-table-wrapper-rtl .sb-table-pagination-right {
  justify-content: flex-start;
}

.sb-table-wrapper-rtl .sb-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}

.sb-table-wrapper-rtl .sb-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}

.sb-table-rtl .sb-table-thead tr th.sb-table-column-has-sorters .sb-table-filter-column-title {
  padding: 0 0 0 2.3em;
}

.sb-table-wrapper-rtl .sb-table-filter-trigger {
  margin: -4px 4px -4px -8px;
}

.sb-dropdown-rtl .sb-table-filter-dropdown .sb-checkbox-wrapper + span,
.sb-dropdown-rtl .sb-table-filter-dropdown-submenu .sb-checkbox-wrapper + span,
.sb-dropdown-menu-submenu-rtl.sb-table-filter-dropdown .sb-checkbox-wrapper + span,
.sb-dropdown-menu-submenu-rtl.sb-table-filter-dropdown-submenu .sb-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}

.sb-table-wrapper-rtl .sb-table-selection {
  text-align: center;
}

.sb-table-wrapper-rtl .sb-table-row-indent {
  float: right;
}

.sb-table-wrapper-rtl .sb-table-row-expand-icon {
  float: right;
}

.sb-table-wrapper-rtl .sb-table-row-indent + .sb-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}

.sb-table-wrapper-rtl .sb-table-row-expand-icon::after {
  transform: rotate(-90deg);
}

.sb-table-wrapper-rtl .sb-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}

.sb-table-wrapper-rtl .sb-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}

.sb-tabs-small > .sb-tabs-nav .sb-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}

.sb-tabs-large > .sb-tabs-nav .sb-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}

.sb-tabs-card.sb-tabs-small > .sb-tabs-nav .sb-tabs-tab {
  padding: 6px 16px;
}

.sb-tabs-card.sb-tabs-large > .sb-tabs-nav .sb-tabs-tab {
  padding: 7px 16px 6px;
}

.sb-tabs-rtl {
  direction: rtl;
}

.sb-tabs-rtl .sb-tabs-nav .sb-tabs-tab {
  margin: 0 0 0 32px;
}

.sb-tabs-rtl .sb-tabs-nav .sb-tabs-tab:last-of-type {
  margin-left: 0;
}

.sb-tabs-rtl .sb-tabs-nav .sb-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}

.sb-tabs-rtl .sb-tabs-nav .sb-tabs-tab .sb-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}

.sb-tabs-rtl .sb-tabs-nav .sb-tabs-tab .sb-tabs-tab-remove .anticon {
  margin: 0;
}

.sb-tabs-rtl.sb-tabs-left > .sb-tabs-nav {
  order: 1;
}

.sb-tabs-rtl.sb-tabs-left > .sb-tabs-content-holder {
  order: 0;
}

.sb-tabs-rtl.sb-tabs-right > .sb-tabs-nav {
  order: 0;
}

.sb-tabs-rtl.sb-tabs-right > .sb-tabs-content-holder {
  order: 1;
}

.sb-tabs-rtl.sb-tabs-card.sb-tabs-top > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-rtl.sb-tabs-card.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-rtl.sb-tabs-card.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-rtl.sb-tabs-card.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}

.sb-tabs-rtl.sb-tabs-card.sb-tabs-top > .sb-tabs-nav .sb-tabs-nav-add,
.sb-tabs-rtl.sb-tabs-card.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-nav-add,
.sb-tabs-rtl.sb-tabs-card.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-nav-add,
.sb-tabs-rtl.sb-tabs-card.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}

.sb-tabs-dropdown-rtl {
  direction: rtl;
}

.sb-tabs-dropdown-rtl .sb-tabs-dropdown-menu-item {
  text-align: right;
}

.sb-tabs-top,
.sb-tabs-bottom {
  flex-direction: column;
}

.sb-tabs-top > .sb-tabs-nav,
.sb-tabs-bottom > .sb-tabs-nav,
.sb-tabs-top > div > .sb-tabs-nav,
.sb-tabs-bottom > div > .sb-tabs-nav {
  margin: 0 0 16px 0;
}

.sb-tabs-top > .sb-tabs-nav::before,
.sb-tabs-bottom > .sb-tabs-nav::before,
.sb-tabs-top > div > .sb-tabs-nav::before,
.sb-tabs-bottom > div > .sb-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  content: "";
}

.sb-tabs-top > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-ink-bar {
  height: 2px;
}

.sb-tabs-top > .sb-tabs-nav .sb-tabs-ink-bar-animated,
.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-ink-bar-animated,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-ink-bar-animated,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}

.sb-tabs-top > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-top > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}

.sb-tabs-top > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}

.sb-tabs-top > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}

.sb-tabs-top > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-left::before,
.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-left::before,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-left::before,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}

.sb-tabs-top > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-right::after,
.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-right::after,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-right::after,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}

.sb-tabs-top > .sb-tabs-nav::before,
.sb-tabs-top > div > .sb-tabs-nav::before {
  bottom: 0;
}

.sb-tabs-top > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-ink-bar {
  bottom: 0;
}

.sb-tabs-bottom > .sb-tabs-nav,
.sb-tabs-bottom > div > .sb-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}

.sb-tabs-bottom > .sb-tabs-nav::before,
.sb-tabs-bottom > div > .sb-tabs-nav::before {
  top: 0;
}

.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-ink-bar {
  top: 0;
}

.sb-tabs-bottom > .sb-tabs-content-holder,
.sb-tabs-bottom > div > .sb-tabs-content-holder {
  order: 0;
}

.sb-tabs-left > .sb-tabs-nav,
.sb-tabs-right > .sb-tabs-nav,
.sb-tabs-left > div > .sb-tabs-nav,
.sb-tabs-right > div > .sb-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-tab,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-tab,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-tab,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab {
  margin: 16px 0 0 0;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-wrap,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-wrap,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-wrap,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-wrap {
  flex-direction: column;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-top::before,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-top::before,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-top::before,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-bottom::after,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-bottom::after,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-bottom::after,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-wrap.sb-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-ink-bar {
  width: 2px;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-ink-bar-animated,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-ink-bar-animated,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-ink-bar-animated,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-list,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-list,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-list,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-list,
.sb-tabs-left > .sb-tabs-nav .sb-tabs-nav-operations,
.sb-tabs-right > .sb-tabs-nav .sb-tabs-nav-operations,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-nav-operations,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}

.sb-tabs-left > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-ink-bar {
  right: 0;
}

.sb-tabs-left > .sb-tabs-content-holder,
.sb-tabs-left > div > .sb-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-tabs-left > .sb-tabs-content-holder > .sb-tabs-content > .sb-tabs-tabpane,
.sb-tabs-left > div > .sb-tabs-content-holder > .sb-tabs-content > .sb-tabs-tabpane {
  padding-left: 24px;
}

.sb-tabs-right > .sb-tabs-nav,
.sb-tabs-right > div > .sb-tabs-nav {
  order: 1;
}

.sb-tabs-right > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-ink-bar {
  left: 0;
}

.sb-tabs-right > .sb-tabs-content-holder,
.sb-tabs-right > div > .sb-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-tabs-right > .sb-tabs-content-holder > .sb-tabs-content > .sb-tabs-tabpane,
.sb-tabs-right > div > .sb-tabs-content-holder > .sb-tabs-content > .sb-tabs-tabpane {
  padding-right: 24px;
}

.sb-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}

.sb-tabs-dropdown-hidden {
  display: none;
}

.sb-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);
}

.sb-tabs-dropdown-menu-item {
  display: flex;
  align-items: center;
  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;
}

.sb-tabs-dropdown-menu-item > span {
  flex: 1;
  white-space: nowrap;
}

.sb-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.sb-tabs-dropdown-menu-item-remove:hover {
  color: var(--sb-primary-5);
}

.sb-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}

.sb-tabs-dropdown-menu-item-disabled,
.sb-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}

.sb-tabs-card > .sb-tabs-nav .sb-tabs-tab,
.sb-tabs-card > div > .sb-tabs-nav .sb-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sb-tabs-card > .sb-tabs-nav .sb-tabs-tab-active,
.sb-tabs-card > div > .sb-tabs-nav .sb-tabs-tab-active {
  color: var(--sb-primary-color);
  background: #fff;
}

.sb-tabs-card > .sb-tabs-nav .sb-tabs-ink-bar,
.sb-tabs-card > div > .sb-tabs-nav .sb-tabs-ink-bar {
  visibility: hidden;
}

.sb-tabs-card.sb-tabs-top > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-card.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-card.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-card.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab {
  margin-left: 2px;
}

.sb-tabs-card.sb-tabs-top > .sb-tabs-nav .sb-tabs-tab,
.sb-tabs-card.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-tab {
  border-radius: 2px 2px 0 0;
}

.sb-tabs-card.sb-tabs-top > .sb-tabs-nav .sb-tabs-tab-active,
.sb-tabs-card.sb-tabs-top > div > .sb-tabs-nav .sb-tabs-tab-active {
  border-bottom-color: #fff;
}

.sb-tabs-card.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-tab,
.sb-tabs-card.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-tab {
  border-radius: 0 0 2px 2px;
}

.sb-tabs-card.sb-tabs-bottom > .sb-tabs-nav .sb-tabs-tab-active,
.sb-tabs-card.sb-tabs-bottom > div > .sb-tabs-nav .sb-tabs-tab-active {
  border-top-color: #fff;
}

.sb-tabs-card.sb-tabs-left > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-card.sb-tabs-right > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-card.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab,
.sb-tabs-card.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-tab + .sb-tabs-tab {
  margin-top: 2px;
}

.sb-tabs-card.sb-tabs-left > .sb-tabs-nav .sb-tabs-tab,
.sb-tabs-card.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-tab {
  border-radius: 2px 0 0 2px;
}

.sb-tabs-card.sb-tabs-left > .sb-tabs-nav .sb-tabs-tab-active,
.sb-tabs-card.sb-tabs-left > div > .sb-tabs-nav .sb-tabs-tab-active {
  border-right-color: #fff;
}

.sb-tabs-card.sb-tabs-right > .sb-tabs-nav .sb-tabs-tab,
.sb-tabs-card.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-tab {
  border-radius: 0 2px 2px 0;
}

.sb-tabs-card.sb-tabs-right > .sb-tabs-nav .sb-tabs-tab-active,
.sb-tabs-card.sb-tabs-right > div > .sb-tabs-nav .sb-tabs-tab-active {
  border-left-color: #fff;
}

.sb-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: flex;
}

.sb-tabs > .sb-tabs-nav,
.sb-tabs > div > .sb-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-wrap,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-wrap::before,
.sb-tabs > .sb-tabs-nav .sb-tabs-nav-wrap::after,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: "";
  pointer-events: none;
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-list,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-operations,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-operations-hidden,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-more,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-more::after,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: "";
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-add,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px 2px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-add:hover,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-add:hover {
  color: var(--sb-primary-5);
}

.sb-tabs > .sb-tabs-nav .sb-tabs-nav-add:active,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-add:active,
.sb-tabs > .sb-tabs-nav .sb-tabs-nav-add:focus,
.sb-tabs > div > .sb-tabs-nav .sb-tabs-nav-add:focus {
  color: var(--sb-primary-7);
}

.sb-tabs-extra-content {
  flex: none;
}

.sb-tabs-centered > .sb-tabs-nav .sb-tabs-nav-wrap:not([class*=sb-tabs-nav-wrap-ping]),
.sb-tabs-centered > div > .sb-tabs-nav .sb-tabs-nav-wrap:not([class*=sb-tabs-nav-wrap-ping]) {
  justify-content: center;
}

.sb-tabs-ink-bar {
  position: absolute;
  background: var(--sb-primary-color);
  pointer-events: none;
}

.sb-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}

.sb-tabs-tab-btn:focus,
.sb-tabs-tab-remove:focus,
.sb-tabs-tab-btn:active,
.sb-tabs-tab-remove:active {
  color: var(--sb-primary-7);
}

.sb-tabs-tab-btn {
  outline: none;
  transition: all 0.3s;
}

.sb-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;
}

.sb-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}

.sb-tabs-tab:hover {
  color: var(--sb-primary-5);
}

.sb-tabs-tab.sb-tabs-tab-active .sb-tabs-tab-btn {
  color: var(--sb-primary-color);
  text-shadow: 0 0 0.25px currentcolor;
}

.sb-tabs-tab.sb-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-tabs-tab.sb-tabs-tab-disabled .sb-tabs-tab-btn:focus,
.sb-tabs-tab.sb-tabs-tab-disabled .sb-tabs-tab-remove:focus,
.sb-tabs-tab.sb-tabs-tab-disabled .sb-tabs-tab-btn:active,
.sb-tabs-tab.sb-tabs-tab-disabled .sb-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}

.sb-tabs-tab .sb-tabs-tab-remove .anticon {
  margin: 0;
}

.sb-tabs-tab .anticon {
  margin-right: 12px;
}

.sb-tabs-tab + .sb-tabs-tab {
  margin: 0 0 0 32px;
}

.sb-tabs-content {
  position: relative;
  width: 100%;
}

.sb-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}

.sb-tabs-tabpane-hidden {
  display: none;
}

.sb-tabs-switch-appear,
.sb-tabs-switch-enter {
  transition: none;
}

.sb-tabs-switch-appear-start,
.sb-tabs-switch-enter-start {
  opacity: 0;
}

.sb-tabs-switch-appear-active,
.sb-tabs-switch-enter-active {
  opacity: 1;
  transition: opacity 0.3s;
}

.sb-tabs-switch-leave {
  position: absolute;
  transition: none;
  inset: 0;
}

.sb-tabs-switch-leave-start {
  opacity: 1;
}

.sb-tabs-switch-leave-active {
  opacity: 0;
  transition: opacity 0.3s;
}

.sb-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  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;
  opacity: 1;
  transition: all 0.3s;
}

.sb-tag,
.sb-tag a,
.sb-tag a:hover {
  color: rgba(0, 0, 0, 0.85);
}

.sb-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}

.sb-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}

.sb-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}

.sb-tag-has-color {
  border-color: transparent;
}

.sb-tag-has-color,
.sb-tag-has-color a,
.sb-tag-has-color a:hover,
.sb-tag-has-color .anticon-close,
.sb-tag-has-color .anticon-close:hover {
  color: #fff;
}

.sb-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}

.sb-tag-checkable:not(.sb-tag-checkable-checked):hover {
  color: var(--sb-primary-color);
}

.sb-tag-checkable:active,
.sb-tag-checkable-checked {
  color: #fff;
}

.sb-tag-checkable-checked {
  background-color: var(--sb-primary-6);
}

.sb-tag-checkable:active {
  background-color: var(--sb-primary-7);
}

.sb-tag-hidden {
  display: none;
}

.sb-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}

.sb-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}

.sb-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}

.sb-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}

.sb-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}

.sb-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}

.sb-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}

.sb-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}

.sb-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}

.sb-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}

.sb-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}

.sb-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}

.sb-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}

.sb-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}

.sb-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}

.sb-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}

.sb-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}

.sb-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}

.sb-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}

.sb-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}

.sb-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}

.sb-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}

.sb-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}

.sb-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}

.sb-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}

.sb-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}

.sb-tag-success {
  color: var(--sb-success-color);
  background: var(--sb-success-color-deprecated-bg);
  border-color: var(--sb-success-color-deprecated-border);
}

.sb-tag-processing {
  color: var(--sb-info-color);
  background: var(--sb-info-color-deprecated-bg);
  border-color: var(--sb-info-color-deprecated-border);
}

.sb-tag-error {
  color: var(--sb-error-color);
  background: var(--sb-error-color-deprecated-bg);
  border-color: var(--sb-error-color-deprecated-border);
}

.sb-tag-warning {
  color: var(--sb-warning-color);
  background: var(--sb-warning-color-deprecated-bg);
  border-color: var(--sb-warning-color-deprecated-border);
}

.sb-tag > .anticon + span,
.sb-tag > span + .anticon {
  margin-left: 7px;
}

.sb-tag.sb-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}

.sb-tag-rtl .sb-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}

.sb-tag-rtl.sb-tag > .anticon + span,
.sb-tag-rtl.sb-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}

.sb-timeline {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: "tnum";
  margin: 0;
  padding: 0;
  list-style: none;
}

.sb-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}

.sb-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid rgba(0, 0, 0, 0.06);
}

.sb-timeline-item-pending .sb-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}

.sb-timeline-item-pending .sb-timeline-item-tail {
  display: none;
}

.sb-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}

.sb-timeline-item-head-blue {
  color: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
}

.sb-timeline-item-head-red {
  color: var(--sb-error-color);
  border-color: var(--sb-error-color);
}

.sb-timeline-item-head-green {
  color: var(--sb-success-color);
  border-color: var(--sb-success-color);
}

.sb-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.sb-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%);
}

.sb-timeline-item-content {
  position: relative;
  top: -7.001px;
  margin: 0 0 0 26px;
  word-break: break-word;
}

.sb-timeline-item-last > .sb-timeline-item-tail {
  display: none;
}

.sb-timeline-item-last > .sb-timeline-item-content {
  min-height: 48px;
}

.sb-timeline.sb-timeline-alternate .sb-timeline-item-tail,
.sb-timeline.sb-timeline-right .sb-timeline-item-tail,
.sb-timeline.sb-timeline-label .sb-timeline-item-tail,
.sb-timeline.sb-timeline-alternate .sb-timeline-item-head,
.sb-timeline.sb-timeline-right .sb-timeline-item-head,
.sb-timeline.sb-timeline-label .sb-timeline-item-head,
.sb-timeline.sb-timeline-alternate .sb-timeline-item-head-custom,
.sb-timeline.sb-timeline-right .sb-timeline-item-head-custom,
.sb-timeline.sb-timeline-label .sb-timeline-item-head-custom {
  left: 50%;
}

.sb-timeline.sb-timeline-alternate .sb-timeline-item-head,
.sb-timeline.sb-timeline-right .sb-timeline-item-head,
.sb-timeline.sb-timeline-label .sb-timeline-item-head {
  margin-left: -4px;
}

.sb-timeline.sb-timeline-alternate .sb-timeline-item-head-custom,
.sb-timeline.sb-timeline-right .sb-timeline-item-head-custom,
.sb-timeline.sb-timeline-label .sb-timeline-item-head-custom {
  margin-left: 1px;
}

.sb-timeline.sb-timeline-alternate .sb-timeline-item-left .sb-timeline-item-content,
.sb-timeline.sb-timeline-right .sb-timeline-item-left .sb-timeline-item-content,
.sb-timeline.sb-timeline-label .sb-timeline-item-left .sb-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}

.sb-timeline.sb-timeline-alternate .sb-timeline-item-right .sb-timeline-item-content,
.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-content,
.sb-timeline.sb-timeline-label .sb-timeline-item-right .sb-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}

.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-tail,
.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-head,
.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}

.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-content {
  width: calc(100% - 18px);
}

.sb-timeline.sb-timeline-pending .sb-timeline-item-last .sb-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted rgba(0, 0, 0, 0.06);
}

.sb-timeline.sb-timeline-reverse .sb-timeline-item-last .sb-timeline-item-tail {
  display: none;
}

.sb-timeline.sb-timeline-reverse .sb-timeline-item-pending .sb-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted rgba(0, 0, 0, 0.06);
}

.sb-timeline.sb-timeline-reverse .sb-timeline-item-pending .sb-timeline-item-content {
  min-height: 48px;
}

.sb-timeline.sb-timeline-label .sb-timeline-item-label {
  position: absolute;
  top: -7.001px;
  width: calc(50% - 12px);
  text-align: right;
}

.sb-timeline.sb-timeline-label .sb-timeline-item-right .sb-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}

.sb-timeline-rtl {
  direction: rtl;
}

.sb-timeline-rtl .sb-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid rgba(0, 0, 0, 0.06);
  border-left: none;
}

.sb-timeline-rtl .sb-timeline-item-head-custom {
  right: 5px;
  left: auto;
  transform: translate(50%, -50%);
}

.sb-timeline-rtl .sb-timeline-item-content {
  margin: 0 18px 0 0;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-alternate .sb-timeline-item-tail,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-tail,
.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-tail,
.sb-timeline-rtl.sb-timeline.sb-timeline-alternate .sb-timeline-item-head,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-head,
.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-head,
.sb-timeline-rtl.sb-timeline.sb-timeline-alternate .sb-timeline-item-head-custom,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-head-custom,
.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-head-custom {
  right: 50%;
  left: auto;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-alternate .sb-timeline-item-head,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-head,
.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-alternate .sb-timeline-item-head-custom,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-head-custom,
.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-alternate .sb-timeline-item-left .sb-timeline-item-content,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-left .sb-timeline-item-content,
.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-left .sb-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-alternate .sb-timeline-item-right .sb-timeline-item-content,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-content,
.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-right .sb-timeline-item-content {
  text-align: left;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-tail,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-head,
.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-head-custom {
  right: 0;
  left: auto;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-right .sb-timeline-item-right .sb-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-pending .sb-timeline-item-last .sb-timeline-item-tail {
  border-right: 2px dotted rgba(0, 0, 0, 0.06);
  border-left: none;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-reverse .sb-timeline-item-pending .sb-timeline-item-tail {
  border-right: 2px dotted rgba(0, 0, 0, 0.06);
  border-left: none;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-label {
  text-align: left;
}

.sb-timeline-rtl.sb-timeline.sb-timeline-label .sb-timeline-item-right .sb-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}

.sb-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: absolute;
  z-index: 1070;
  display: block;
  width: max-content;
  width: intrinsic;
  max-width: 250px;
  visibility: visible;
}

.sb-tooltip-content {
  position: relative;
}

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

.sb-tooltip-placement-top,
.sb-tooltip-placement-topLeft,
.sb-tooltip-placement-topRight {
  padding-bottom: 14.3137085px;
}

.sb-tooltip-placement-right,
.sb-tooltip-placement-rightTop,
.sb-tooltip-placement-rightBottom {
  padding-left: 14.3137085px;
}

.sb-tooltip-placement-bottom,
.sb-tooltip-placement-bottomLeft,
.sb-tooltip-placement-bottomRight {
  padding-top: 14.3137085px;
}

.sb-tooltip-placement-left,
.sb-tooltip-placement-leftTop,
.sb-tooltip-placement-leftBottom {
  padding-right: 14.3137085px;
}

.sb-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);
}

.sb-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.sb-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: "";
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}

.sb-tooltip-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: "";
  clip-path: inset(33% 33%);
  clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
}

.sb-tooltip-placement-top .sb-tooltip-arrow,
.sb-tooltip-placement-topLeft .sb-tooltip-arrow,
.sb-tooltip-placement-topRight .sb-tooltip-arrow {
  bottom: 0;
  transform: translateY(100%);
}

.sb-tooltip-placement-top .sb-tooltip-arrow-content,
.sb-tooltip-placement-topLeft .sb-tooltip-arrow-content,
.sb-tooltip-placement-topRight .sb-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}

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

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

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

.sb-tooltip-placement-right .sb-tooltip-arrow,
.sb-tooltip-placement-rightTop .sb-tooltip-arrow,
.sb-tooltip-placement-rightBottom .sb-tooltip-arrow {
  left: 0;
  transform: translateX(-100%);
}

.sb-tooltip-placement-right .sb-tooltip-arrow-content,
.sb-tooltip-placement-rightTop .sb-tooltip-arrow-content,
.sb-tooltip-placement-rightBottom .sb-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}

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

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

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

.sb-tooltip-placement-left .sb-tooltip-arrow,
.sb-tooltip-placement-leftTop .sb-tooltip-arrow,
.sb-tooltip-placement-leftBottom .sb-tooltip-arrow {
  right: 0;
  transform: translateX(100%);
}

.sb-tooltip-placement-left .sb-tooltip-arrow-content,
.sb-tooltip-placement-leftTop .sb-tooltip-arrow-content,
.sb-tooltip-placement-leftBottom .sb-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(315deg);
}

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

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

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

.sb-tooltip-placement-bottom .sb-tooltip-arrow,
.sb-tooltip-placement-bottomLeft .sb-tooltip-arrow,
.sb-tooltip-placement-bottomRight .sb-tooltip-arrow {
  top: 0;
  transform: translateY(-100%);
}

.sb-tooltip-placement-bottom .sb-tooltip-arrow-content,
.sb-tooltip-placement-bottomLeft .sb-tooltip-arrow-content,
.sb-tooltip-placement-bottomRight .sb-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(11px) rotate(225deg);
}

.sb-tooltip-placement-bottom .sb-tooltip-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

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

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

.sb-tooltip-pink .sb-tooltip-inner {
  background-color: #eb2f96;
}

.sb-tooltip-pink .sb-tooltip-arrow-content::before {
  background: #eb2f96;
}

.sb-tooltip-magenta .sb-tooltip-inner {
  background-color: #eb2f96;
}

.sb-tooltip-magenta .sb-tooltip-arrow-content::before {
  background: #eb2f96;
}

.sb-tooltip-red .sb-tooltip-inner {
  background-color: #f5222d;
}

.sb-tooltip-red .sb-tooltip-arrow-content::before {
  background: #f5222d;
}

.sb-tooltip-volcano .sb-tooltip-inner {
  background-color: #fa541c;
}

.sb-tooltip-volcano .sb-tooltip-arrow-content::before {
  background: #fa541c;
}

.sb-tooltip-orange .sb-tooltip-inner {
  background-color: #fa8c16;
}

.sb-tooltip-orange .sb-tooltip-arrow-content::before {
  background: #fa8c16;
}

.sb-tooltip-yellow .sb-tooltip-inner {
  background-color: #fadb14;
}

.sb-tooltip-yellow .sb-tooltip-arrow-content::before {
  background: #fadb14;
}

.sb-tooltip-gold .sb-tooltip-inner {
  background-color: #faad14;
}

.sb-tooltip-gold .sb-tooltip-arrow-content::before {
  background: #faad14;
}

.sb-tooltip-cyan .sb-tooltip-inner {
  background-color: #13c2c2;
}

.sb-tooltip-cyan .sb-tooltip-arrow-content::before {
  background: #13c2c2;
}

.sb-tooltip-lime .sb-tooltip-inner {
  background-color: #a0d911;
}

.sb-tooltip-lime .sb-tooltip-arrow-content::before {
  background: #a0d911;
}

.sb-tooltip-green .sb-tooltip-inner {
  background-color: #52c41a;
}

.sb-tooltip-green .sb-tooltip-arrow-content::before {
  background: #52c41a;
}

.sb-tooltip-blue .sb-tooltip-inner {
  background-color: #1890ff;
}

.sb-tooltip-blue .sb-tooltip-arrow-content::before {
  background: #1890ff;
}

.sb-tooltip-geekblue .sb-tooltip-inner {
  background-color: #2f54eb;
}

.sb-tooltip-geekblue .sb-tooltip-arrow-content::before {
  background: #2f54eb;
}

.sb-tooltip-purple .sb-tooltip-inner {
  background-color: #722ed1;
}

.sb-tooltip-purple .sb-tooltip-arrow-content::before {
  background: #722ed1;
}

.sb-tooltip-rtl {
  direction: rtl;
}

.sb-tooltip-rtl .sb-tooltip-inner {
  text-align: right;
}

.sb-transfer-customize-list .sb-transfer-list {
  flex: 1 1 50%;
  width: auto;
  height: auto;
  min-height: 200px;
}

.sb-transfer-customize-list .sb-table-wrapper .sb-table-small {
  border: 0;
  border-radius: 0;
}

.sb-transfer-customize-list .sb-table-wrapper .sb-table-small .sb-table-selection-column {
  width: 40px;
  min-width: 40px;
}

.sb-transfer-customize-list .sb-table-wrapper .sb-table-small > .sb-table-content > .sb-table-body > table > .sb-table-thead > tr > th {
  background: #fafafa;
}

.sb-transfer-customize-list .sb-table-wrapper .sb-table-small > .sb-table-content .sb-table-row:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-transfer-customize-list .sb-table-wrapper .sb-table-small .sb-table-body {
  margin: 0;
}

.sb-transfer-customize-list .sb-table-wrapper .sb-table-pagination.sb-pagination {
  margin: 16px 0 4px;
}

.sb-transfer-customize-list .sb-input[disabled] {
  background-color: transparent;
}

.sb-transfer-status-error .sb-transfer-list {
  border-color: var(--sb-error-color);
}

.sb-transfer-status-error .sb-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}

.sb-transfer-status-error .sb-transfer-list-search:not([disabled]):hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-transfer-status-error .sb-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-transfer-status-error .sb-transfer-list-search:not([disabled]):focus {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-transfer-status-error .sb-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-transfer-status-warning .sb-transfer-list {
  border-color: var(--sb-warning-color);
}

.sb-transfer-status-warning .sb-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}

.sb-transfer-status-warning .sb-transfer-list-search:not([disabled]):hover {
  border-color: var(--sb-primary-5);
  border-right-width: 1px;
}

.sb-input-rtl .sb-transfer-status-warning .sb-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-transfer-status-warning .sb-transfer-list-search:not([disabled]):focus {
  border-color: var(--sb-primary-color-hover);
  box-shadow: 0 0 0 2px var(--sb-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}

.sb-input-rtl .sb-transfer-status-warning .sb-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}

.sb-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: flex;
  align-items: stretch;
}

.sb-transfer-disabled .sb-transfer-list {
  background: #f5f5f5;
}

.sb-transfer-list {
  display: flex;
  flex-direction: column;
  width: 180px;
  height: 200px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

.sb-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}

.sb-transfer-list-search .anticon-search {
  color: rgba(0, 0, 0, 0.25);
}

.sb-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 rgba(0, 0, 0, 0.06);
  border-radius: 2px 2px 0 0;
}

.sb-transfer-list-header > *:not(:last-child) {
  margin-right: 4px;
}

.sb-transfer-list-header > * {
  flex: none;
}

.sb-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}

.sb-transfer-list-header-dropdown {
  font-size: 10px;
  transform: translateY(10%);
  cursor: pointer;
}

.sb-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}

.sb-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
}

.sb-transfer-list-body-search-wrapper {
  position: relative;
  flex: none;
  padding: 12px;
}

.sb-transfer-list-content {
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}

.sb-transfer-list-content-item {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  line-height: 20px;
  transition: all 0.3s;
}

.sb-transfer-list-content-item > *:not(:last-child) {
  margin-right: 8px;
}

.sb-transfer-list-content-item > * {
  flex: none;
}

.sb-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sb-transfer-list-content-item-remove {
  position: relative;
  color: #d9d9d9;
  cursor: pointer;
  transition: all 0.3s;
}

.sb-transfer-list-content-item-remove:hover {
  color: var(--sb-primary-color-hover);
}

.sb-transfer-list-content-item-remove::after {
  position: absolute;
  top: -6px;
  right: -50%;
  bottom: -6px;
  left: -50%;
  content: "";
}

.sb-transfer-list-content-item:not(.sb-transfer-list-content-item-disabled):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.sb-transfer-list-content-item:not(.sb-transfer-list-content-item-disabled).sb-transfer-list-content-item-checked:hover {
  background-color: var(--sb-primary-color-active-deprecated-d-02);
}

.sb-transfer-list-content-show-remove .sb-transfer-list-content-item:not(.sb-transfer-list-content-item-disabled):hover {
  background: transparent;
  cursor: default;
}

.sb-transfer-list-content-item-checked {
  background-color: var(--sb-primary-1);
}

.sb-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-transfer-list-pagination {
  padding: 8px 0;
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-transfer-list-body-not-found {
  flex: none;
  width: 100%;
  margin: auto 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}

.sb-transfer-list-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sb-transfer-operation {
  display: flex;
  flex: none;
  flex-direction: column;
  align-self: center;
  margin: 0 8px;
  vertical-align: middle;
}

.sb-transfer-operation .sb-btn {
  display: block;
}

.sb-transfer-operation .sb-btn:first-child {
  margin-bottom: 4px;
}

.sb-transfer-operation .sb-btn .anticon {
  font-size: 12px;
}

.sb-transfer .sb-empty-image {
  max-height: -2px;
}

.sb-transfer-rtl {
  direction: rtl;
}

.sb-transfer-rtl .sb-transfer-list-search {
  padding-right: 8px;
  padding-left: 24px;
}

.sb-transfer-rtl .sb-transfer-list-search-action {
  right: auto;
  left: 12px;
}

.sb-transfer-rtl .sb-transfer-list-header > *:not(:last-child) {
  margin-right: 0;
  margin-left: 4px;
}

.sb-transfer-rtl .sb-transfer-list-header {
  right: 0;
  left: auto;
}

.sb-transfer-rtl .sb-transfer-list-header-title {
  text-align: left;
}

.sb-transfer-rtl .sb-transfer-list-content-item > *:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}

.sb-transfer-rtl .sb-transfer-list-pagination {
  text-align: left;
}

.sb-transfer-rtl .sb-transfer-list-footer {
  right: 0;
  left: auto;
}

@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sb-tree.sb-tree-directory .sb-tree-treenode {
  position: relative;
}

.sb-tree.sb-tree-directory .sb-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: "";
  pointer-events: none;
}

.sb-tree.sb-tree-directory .sb-tree-treenode:hover::before {
  background: #f5f5f5;
}

.sb-tree.sb-tree-directory .sb-tree-treenode > * {
  z-index: 1;
}

.sb-tree.sb-tree-directory .sb-tree-treenode .sb-tree-switcher {
  transition: color 0.3s;
}

.sb-tree.sb-tree-directory .sb-tree-treenode .sb-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}

.sb-tree.sb-tree-directory .sb-tree-treenode .sb-tree-node-content-wrapper:hover {
  background: transparent;
}

.sb-tree.sb-tree-directory .sb-tree-treenode .sb-tree-node-content-wrapper.sb-tree-node-selected {
  color: #fff;
  background: transparent;
}

.sb-tree.sb-tree-directory .sb-tree-treenode-selected:hover::before,
.sb-tree.sb-tree-directory .sb-tree-treenode-selected::before {
  background: var(--sb-primary-color);
}

.sb-tree.sb-tree-directory .sb-tree-treenode-selected .sb-tree-switcher {
  color: #fff;
}

.sb-tree.sb-tree-directory .sb-tree-treenode-selected .sb-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}

.sb-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.sb-tree-checkbox-wrapper:hover .sb-tree-checkbox-inner,
.sb-tree-checkbox:hover .sb-tree-checkbox-inner,
.sb-tree-checkbox-input:focus + .sb-tree-checkbox-inner {
  border-color: var(--sb-primary-color);
}

.sb-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--sb-primary-color);
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: "";
}

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

.sb-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;
}

.sb-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  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: " ";
}

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

.sb-tree-checkbox-checked .sb-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: " ";
}

.sb-tree-checkbox-checked .sb-tree-checkbox-inner {
  background-color: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
}

.sb-tree-checkbox-disabled {
  cursor: not-allowed;
}

.sb-tree-checkbox-disabled.sb-tree-checkbox-checked .sb-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}

.sb-tree-checkbox-disabled .sb-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}

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

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

.sb-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

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

.sb-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}

.sb-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: " ";
}

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

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

.sb-tree-checkbox-wrapper.sb-tree-checkbox-wrapper-in-form-item input[type=checkbox] {
  width: 14px;
  height: 14px;
}

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

.sb-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
}

.sb-tree-checkbox-group-item {
  margin-right: 8px;
}

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

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

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

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

.sb-tree-checkbox-indeterminate.sb-tree-checkbox-disabled .sb-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.sb-tree-checkbox-rtl {
  direction: rtl;
}

.sb-tree-checkbox-group-rtl .sb-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}

.sb-tree-checkbox-group-rtl .sb-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}

.sb-tree-checkbox-group-rtl .sb-tree-checkbox-group-item + .sb-tree-checkbox-group-item {
  margin-left: 8px;
}

.sb-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}

.sb-tree-focused:not(:hover):not(.sb-tree-active-focused) {
  background: var(--sb-primary-1);
}

.sb-tree-list-holder-inner {
  align-items: flex-start;
}

.sb-tree.sb-tree-block-node .sb-tree-list-holder-inner {
  align-items: stretch;
}

.sb-tree.sb-tree-block-node .sb-tree-list-holder-inner .sb-tree-node-content-wrapper {
  flex: auto;
}

.sb-tree.sb-tree-block-node .sb-tree-list-holder-inner .sb-tree-treenode.dragging {
  position: relative;
}

.sb-tree.sb-tree-block-node .sb-tree-list-holder-inner .sb-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid var(--sb-primary-color);
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: "";
  pointer-events: none;
}

.sb-tree .sb-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}

.sb-tree .sb-tree-treenode-disabled .sb-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-tree .sb-tree-treenode-disabled .sb-tree-node-content-wrapper:hover {
  background: transparent;
}

.sb-tree .sb-tree-treenode-active .sb-tree-node-content-wrapper {
  background: #f5f5f5;
}

.sb-tree .sb-tree-treenode:not(.sb-tree .sb-tree-treenode-disabled).filter-node .sb-tree-title {
  color: inherit;
  font-weight: 500;
}

.sb-tree .sb-tree-treenode-draggable .sb-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}

.sb-tree-treenode:hover .sb-tree .sb-tree-treenode-draggable .sb-tree-draggable-icon {
  opacity: 0.45;
}

.sb-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}

.sb-tree-indent-unit {
  display: inline-block;
  width: 24px;
}

.sb-tree-draggable-icon {
  visibility: hidden;
}

.sb-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.sb-tree-switcher .sb-tree-switcher-icon,
.sb-tree-switcher .sb-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}

.sb-tree-switcher .sb-tree-switcher-icon svg,
.sb-tree-switcher .sb-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}

.sb-tree-switcher-noop {
  cursor: default;
}

.sb-tree-switcher_close .sb-tree-switcher-icon svg {
  transform: rotate(-90deg);
}

.sb-tree-switcher-loading-icon {
  color: var(--sb-primary-color);
}

.sb-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.sb-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: " ";
}

.sb-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: " ";
}

.sb-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}

.sb-tree .sb-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  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, box-shadow 0s;
}

.sb-tree .sb-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}

.sb-tree .sb-tree-node-content-wrapper.sb-tree-node-selected {
  background-color: var(--sb-primary-2);
}

.sb-tree .sb-tree-node-content-wrapper .sb-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}

.sb-tree .sb-tree-node-content-wrapper .sb-tree-iconEle:empty {
  display: none;
}

.sb-tree-unselectable .sb-tree-node-content-wrapper:hover {
  background-color: transparent;
}

.sb-tree-node-content-wrapper {
  line-height: 24px;
  user-select: none;
}

.sb-tree-node-content-wrapper .sb-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: var(--sb-primary-color);
  border-radius: 1px;
  pointer-events: none;
}

.sb-tree-node-content-wrapper .sb-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid var(--sb-primary-color);
  border-radius: 50%;
  content: "";
}

.sb-tree .sb-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px var(--sb-primary-color);
}

.sb-tree-show-line .sb-tree-indent-unit {
  position: relative;
  height: 100%;
}

.sb-tree-show-line .sb-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: "";
}

.sb-tree-show-line .sb-tree-indent-unit-end::before {
  display: none;
}

.sb-tree-show-line .sb-tree-switcher {
  background: #fff;
}

.sb-tree-show-line .sb-tree-switcher-line-icon {
  vertical-align: -0.15em;
}

.sb-tree .sb-tree-treenode-leaf-last .sb-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}

.sb-tree-rtl {
  direction: rtl;
}

.sb-tree-rtl .sb-tree-node-content-wrapper[draggable=true] .sb-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}

.sb-tree .sb-tree-treenode-rtl {
  direction: rtl;
}

.sb-tree-rtl .sb-tree-switcher_close .sb-tree-switcher-icon svg {
  transform: rotate(90deg);
}

.sb-tree-rtl.sb-tree-show-line .sb-tree-indent-unit::before {
  right: auto;
  left: -13px;
  border-right: none;
  border-left: 1px solid #d9d9d9;
}

.sb-tree-rtl .sb-tree-checkbox {
  margin: 4px 0 0 8px;
}

.sb-tree-select-dropdown-rtl .sb-select-tree-checkbox {
  margin: 4px 0 0 8px;
}

.sb-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.sb-select-tree-checkbox-wrapper:hover .sb-select-tree-checkbox-inner,
.sb-select-tree-checkbox:hover .sb-select-tree-checkbox-inner,
.sb-select-tree-checkbox-input:focus + .sb-select-tree-checkbox-inner {
  border-color: var(--sb-primary-color);
}

.sb-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--sb-primary-color);
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: "";
}

.sb-select-tree-checkbox:hover::after,
.sb-select-tree-checkbox-wrapper:hover .sb-select-tree-checkbox::after {
  visibility: visible;
}

.sb-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;
}

.sb-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  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: " ";
}

.sb-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;
}

.sb-select-tree-checkbox-checked .sb-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: " ";
}

.sb-select-tree-checkbox-checked .sb-select-tree-checkbox-inner {
  background-color: var(--sb-primary-color);
  border-color: var(--sb-primary-color);
}

.sb-select-tree-checkbox-disabled {
  cursor: not-allowed;
}

.sb-select-tree-checkbox-disabled.sb-select-tree-checkbox-checked .sb-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}

.sb-select-tree-checkbox-disabled .sb-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}

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

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

.sb-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-select-tree-checkbox-disabled:hover::after,
.sb-select-tree-checkbox-wrapper:hover .sb-select-tree-checkbox-disabled::after {
  visibility: hidden;
}

.sb-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}

.sb-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: " ";
}

.sb-select-tree-checkbox-wrapper.sb-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}

.sb-select-tree-checkbox-wrapper + .sb-select-tree-checkbox-wrapper {
  margin-left: 8px;
}

.sb-select-tree-checkbox-wrapper.sb-select-tree-checkbox-wrapper-in-form-item input[type=checkbox] {
  width: 14px;
  height: 14px;
}

.sb-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}

.sb-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
}

.sb-select-tree-checkbox-group-item {
  margin-right: 8px;
}

.sb-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}

.sb-select-tree-checkbox-group-item + .sb-select-tree-checkbox-group-item {
  margin-left: 0;
}

.sb-select-tree-checkbox-indeterminate .sb-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}

.sb-select-tree-checkbox-indeterminate .sb-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--sb-primary-color);
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " ";
}

.sb-select-tree-checkbox-indeterminate.sb-select-tree-checkbox-disabled .sb-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.sb-select-tree-checkbox-rtl {
  direction: rtl;
}

.sb-select-tree-checkbox-group-rtl .sb-select-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}

.sb-select-tree-checkbox-group-rtl .sb-select-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}

.sb-select-tree-checkbox-group-rtl .sb-select-tree-checkbox-group-item + .sb-select-tree-checkbox-group-item {
  margin-left: 8px;
}

.sb-tree-select-dropdown {
  padding: 8px 4px;
}

.sb-tree-select-dropdown-rtl {
  direction: rtl;
}

.sb-tree-select-dropdown .sb-select-tree {
  border-radius: 0;
}

.sb-tree-select-dropdown .sb-select-tree-list-holder-inner {
  align-items: stretch;
}

.sb-tree-select-dropdown .sb-select-tree-list-holder-inner .sb-select-tree-treenode .sb-select-tree-node-content-wrapper {
  flex: auto;
}

.sb-select-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}

.sb-select-tree-focused:not(:hover):not(.sb-select-tree-active-focused) {
  background: var(--sb-primary-1);
}

.sb-select-tree-list-holder-inner {
  align-items: flex-start;
}

.sb-select-tree.sb-select-tree-block-node .sb-select-tree-list-holder-inner {
  align-items: stretch;
}

.sb-select-tree.sb-select-tree-block-node .sb-select-tree-list-holder-inner .sb-select-tree-node-content-wrapper {
  flex: auto;
}

.sb-select-tree.sb-select-tree-block-node .sb-select-tree-list-holder-inner .sb-select-tree-treenode.dragging {
  position: relative;
}

.sb-select-tree.sb-select-tree-block-node .sb-select-tree-list-holder-inner .sb-select-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid var(--sb-primary-color);
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: "";
  pointer-events: none;
}

.sb-select-tree .sb-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}

.sb-select-tree .sb-select-tree-treenode-disabled .sb-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-select-tree .sb-select-tree-treenode-disabled .sb-select-tree-node-content-wrapper:hover {
  background: transparent;
}

.sb-select-tree .sb-select-tree-treenode-active .sb-select-tree-node-content-wrapper {
  background: #f5f5f5;
}

.sb-select-tree .sb-select-tree-treenode:not(.sb-select-tree .sb-select-tree-treenode-disabled).filter-node .sb-select-tree-title {
  color: inherit;
  font-weight: 500;
}

.sb-select-tree .sb-select-tree-treenode-draggable .sb-select-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}

.sb-select-tree-treenode:hover .sb-select-tree .sb-select-tree-treenode-draggable .sb-select-tree-draggable-icon {
  opacity: 0.45;
}

.sb-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}

.sb-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}

.sb-select-tree-draggable-icon {
  visibility: hidden;
}

.sb-select-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.sb-select-tree-switcher .sb-tree-switcher-icon,
.sb-select-tree-switcher .sb-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}

.sb-select-tree-switcher .sb-tree-switcher-icon svg,
.sb-select-tree-switcher .sb-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}

.sb-select-tree-switcher-noop {
  cursor: default;
}

.sb-select-tree-switcher_close .sb-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}

.sb-select-tree-switcher-loading-icon {
  color: var(--sb-primary-color);
}

.sb-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.sb-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: " ";
}

.sb-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: " ";
}

.sb-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}

.sb-select-tree .sb-select-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  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, box-shadow 0s;
}

.sb-select-tree .sb-select-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}

.sb-select-tree .sb-select-tree-node-content-wrapper.sb-select-tree-node-selected {
  background-color: var(--sb-primary-2);
}

.sb-select-tree .sb-select-tree-node-content-wrapper .sb-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}

.sb-select-tree .sb-select-tree-node-content-wrapper .sb-select-tree-iconEle:empty {
  display: none;
}

.sb-select-tree-unselectable .sb-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}

.sb-select-tree-node-content-wrapper {
  line-height: 24px;
  user-select: none;
}

.sb-select-tree-node-content-wrapper .sb-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: var(--sb-primary-color);
  border-radius: 1px;
  pointer-events: none;
}

.sb-select-tree-node-content-wrapper .sb-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid var(--sb-primary-color);
  border-radius: 50%;
  content: "";
}

.sb-select-tree .sb-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px var(--sb-primary-color);
}

.sb-select-tree-show-line .sb-select-tree-indent-unit {
  position: relative;
  height: 100%;
}

.sb-select-tree-show-line .sb-select-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: "";
}

.sb-select-tree-show-line .sb-select-tree-indent-unit-end::before {
  display: none;
}

.sb-select-tree-show-line .sb-select-tree-switcher {
  background: #fff;
}

.sb-select-tree-show-line .sb-select-tree-switcher-line-icon {
  vertical-align: -0.15em;
}

.sb-select-tree .sb-select-tree-treenode-leaf-last .sb-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}

.sb-tree-select-dropdown-rtl .sb-select-tree .sb-select-tree-switcher_close .sb-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}

.sb-tree-select-dropdown-rtl .sb-select-tree .sb-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}

.sb-typography {
  color: rgba(0, 0, 0, 0.85);
  overflow-wrap: break-word;
}

.sb-typography.sb-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}

.sb-typography.sb-typography-success {
  color: var(--sb-success-color);
}

.sb-typography.sb-typography-warning {
  color: var(--sb-warning-color);
}

.sb-typography.sb-typography-danger {
  color: var(--sb-error-color);
}

a.sb-typography.sb-typography-danger:active,
a.sb-typography.sb-typography-danger:focus {
  color: var(--sb-error-color-active);
}

a.sb-typography.sb-typography-danger:hover {
  color: var(--sb-error-color-hover);
}

.sb-typography.sb-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}

div.sb-typography,
.sb-typography p {
  margin-bottom: 1em;
}

h1.sb-typography,
div.sb-typography-h1,
div.sb-typography-h1 > textarea,
.sb-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}

h2.sb-typography,
div.sb-typography-h2,
div.sb-typography-h2 > textarea,
.sb-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}

h3.sb-typography,
div.sb-typography-h3,
div.sb-typography-h3 > textarea,
.sb-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}

h4.sb-typography,
div.sb-typography-h4,
div.sb-typography-h4 > textarea,
.sb-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}

h5.sb-typography,
div.sb-typography-h5,
div.sb-typography-h5 > textarea,
.sb-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}

.sb-typography + h1.sb-typography,
.sb-typography + h2.sb-typography,
.sb-typography + h3.sb-typography,
.sb-typography + h4.sb-typography,
.sb-typography + h5.sb-typography {
  margin-top: 1.2em;
}

.sb-typography div + h1,
.sb-typography ul + h1,
.sb-typography li + h1,
.sb-typography p + h1,
.sb-typography h1 + h1,
.sb-typography h2 + h1,
.sb-typography h3 + h1,
.sb-typography h4 + h1,
.sb-typography h5 + h1,
.sb-typography div + h2,
.sb-typography ul + h2,
.sb-typography li + h2,
.sb-typography p + h2,
.sb-typography h1 + h2,
.sb-typography h2 + h2,
.sb-typography h3 + h2,
.sb-typography h4 + h2,
.sb-typography h5 + h2,
.sb-typography div + h3,
.sb-typography ul + h3,
.sb-typography li + h3,
.sb-typography p + h3,
.sb-typography h1 + h3,
.sb-typography h2 + h3,
.sb-typography h3 + h3,
.sb-typography h4 + h3,
.sb-typography h5 + h3,
.sb-typography div + h4,
.sb-typography ul + h4,
.sb-typography li + h4,
.sb-typography p + h4,
.sb-typography h1 + h4,
.sb-typography h2 + h4,
.sb-typography h3 + h4,
.sb-typography h4 + h4,
.sb-typography h5 + h4,
.sb-typography div + h5,
.sb-typography ul + h5,
.sb-typography li + h5,
.sb-typography p + h5,
.sb-typography h1 + h5,
.sb-typography h2 + h5,
.sb-typography h3 + h5,
.sb-typography h4 + h5,
.sb-typography h5 + h5 {
  margin-top: 1.2em;
}

a.sb-typography-ellipsis,
span.sb-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}

a.sb-typography,
.sb-typography a {
  color: var(--sb-primary-color);
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}

a.sb-typography:focus-visible,
.sb-typography a:focus-visible,
a.sb-typography:hover,
.sb-typography a:hover {
  color: var(--sb-primary-color-hover);
}

a.sb-typography:active,
.sb-typography a:active {
  color: var(--sb-primary-color-active);
}

a.sb-typography:active,
.sb-typography a:active,
a.sb-typography:hover,
.sb-typography a:hover {
  text-decoration: none;
}

a.sb-typography[disabled],
.sb-typography a[disabled],
a.sb-typography.sb-typography-disabled,
.sb-typography a.sb-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

a.sb-typography[disabled]:active,
.sb-typography a[disabled]:active,
a.sb-typography.sb-typography-disabled:active,
.sb-typography a.sb-typography-disabled:active,
a.sb-typography[disabled]:hover,
.sb-typography a[disabled]:hover,
a.sb-typography.sb-typography-disabled:hover,
.sb-typography a.sb-typography-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}

a.sb-typography[disabled]:active,
.sb-typography a[disabled]:active,
a.sb-typography.sb-typography-disabled:active,
.sb-typography a.sb-typography-disabled:active {
  pointer-events: none;
}

.sb-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;
}

.sb-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;
}

.sb-typography mark {
  padding: 0;
  background-color: #ffe58f;
}

.sb-typography u,
.sb-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}

.sb-typography s,
.sb-typography del {
  text-decoration: line-through;
}

.sb-typography strong {
  font-weight: 600;
}

.sb-typography-expand,
.sb-typography-edit,
.sb-typography-copy {
  color: var(--sb-primary-color);
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}

.sb-typography-expand:focus-visible,
.sb-typography-edit:focus-visible,
.sb-typography-copy:focus-visible,
.sb-typography-expand:hover,
.sb-typography-edit:hover,
.sb-typography-copy:hover {
  color: var(--sb-primary-color-hover);
}

.sb-typography-expand:active,
.sb-typography-edit:active,
.sb-typography-copy:active {
  color: var(--sb-primary-color-active);
}

.sb-typography-copy-success,
.sb-typography-copy-success:hover,
.sb-typography-copy-success:focus {
  color: var(--sb-success-color);
}

.sb-typography-edit-content {
  position: relative;
}

div.sb-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}

.sb-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}

.sb-typography-edit-content textarea {
  height: 1em;
  margin: 0 !important;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transition: none;
}

.sb-typography ul,
.sb-typography ol {
  margin: 0 0 1em;
  padding: 0;
}

.sb-typography ul li,
.sb-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}

.sb-typography ul {
  list-style-type: circle;
}

.sb-typography ul ul {
  list-style-type: disc;
}

.sb-typography ol {
  list-style-type: decimal;
}

.sb-typography pre,
.sb-typography blockquote {
  margin: 1em 0;
}

.sb-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;
}

.sb-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}

.sb-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}

.sb-typography-single-line {
  white-space: nowrap;
}

.sb-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}

a.sb-typography-ellipsis-single-line,
span.sb-typography-ellipsis-single-line {
  vertical-align: bottom;
}

.sb-typography-ellipsis-multiple-line {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}

.sb-typography-rtl {
  direction: rtl;
}

.sb-typography-rtl .sb-typography-expand,
.sb-typography-rtl .sb-typography-edit,
.sb-typography-rtl .sb-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}

.sb-typography-rtl .sb-typography-expand {
  float: left;
}

div.sb-typography-edit-content.sb-typography-rtl {
  right: -12px;
  left: auto;
}

.sb-typography-rtl .sb-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}

.sb-typography-rtl.sb-typography ul li,
.sb-typography-rtl.sb-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}

.sb-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  outline: 0;
}

.sb-upload p {
  margin: 0;
}

.sb-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}

.sb-upload input[type=file] {
  cursor: pointer;
}

.sb-upload.sb-upload-select {
  display: inline-block;
}

.sb-upload.sb-upload-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.sb-upload.sb-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;
}

.sb-upload.sb-upload-select-picture-card > .sb-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}

.sb-upload.sb-upload-select-picture-card:hover {
  border-color: var(--sb-primary-color);
}

.sb-upload-disabled.sb-upload.sb-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}

.sb-upload.sb-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;
}

.sb-upload.sb-upload-drag .sb-upload {
  padding: 16px 0;
}

.sb-upload.sb-upload-drag.sb-upload-drag-hover:not(.sb-upload-disabled) {
  border-color: var(--sb-primary-7);
}

.sb-upload.sb-upload-drag.sb-upload-disabled {
  cursor: not-allowed;
}

.sb-upload.sb-upload-drag .sb-upload-btn {
  display: table;
  height: 100%;
}

.sb-upload.sb-upload-drag .sb-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}

.sb-upload.sb-upload-drag:not(.sb-upload-disabled):hover {
  border-color: var(--sb-primary-5);
}

.sb-upload.sb-upload-drag p.sb-upload-drag-icon {
  margin-bottom: 20px;
}

.sb-upload.sb-upload-drag p.sb-upload-drag-icon .anticon {
  color: var(--sb-primary-5);
  font-size: 48px;
}

.sb-upload.sb-upload-drag p.sb-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}

.sb-upload.sb-upload-drag p.sb-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.sb-upload.sb-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}

.sb-upload.sb-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}

.sb-upload.sb-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}

.sb-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}

.sb-upload-picture-card-wrapper::before {
  display: table;
  content: "";
}

.sb-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: "";
}

.sb-upload-picture-card-wrapper::before {
  display: table;
  content: "";
}

.sb-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: "";
}

.sb-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  line-height: 1.5715;
}

.sb-upload-list::before {
  display: table;
  content: "";
}

.sb-upload-list::after {
  display: table;
  clear: both;
  content: "";
}

.sb-upload-list::before {
  display: table;
  content: "";
}

.sb-upload-list::after {
  display: table;
  clear: both;
  content: "";
}

.sb-upload-list-item {
  position: relative;
  height: 22.001px;
  margin-top: 8px;
  font-size: 14px;
}

.sb-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sb-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}

.sb-upload-list-item-card-actions-btn {
  opacity: 0;
}

.sb-upload-list-item-card-actions-btn.sb-btn-sm {
  height: 22.001px;
  line-height: 1;
  vertical-align: top;
}

.sb-upload-list-item-card-actions.picture {
  top: 22px;
  line-height: 0;
}

.sb-upload-list-item-card-actions-btn:focus,
.sb-upload-list-item-card-actions.picture .sb-upload-list-item-card-actions-btn {
  opacity: 1;
}

.sb-upload-list-item-card-actions .anticon {
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}

.sb-upload-list-item-card-actions:hover .anticon {
  color: rgba(0, 0, 0, 0.85);
}

.sb-upload-list-item-info {
  height: 100%;
  transition: background-color 0.3s;
}

.sb-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}

.sb-upload-list-item-info .anticon-loading .anticon,
.sb-upload-list-item-info .sb-upload-text-icon .anticon {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.sb-upload-list-item:hover .sb-upload-list-item-info {
  background-color: #f5f5f5;
}

.sb-upload-list-item:hover .sb-upload-list-item-card-actions-btn {
  opacity: 1;
}

.sb-upload-list-item-error,
.sb-upload-list-item-error .sb-upload-text-icon > .anticon,
.sb-upload-list-item-error .sb-upload-list-item-name {
  color: var(--sb-error-color);
}

.sb-upload-list-item-error .sb-upload-list-item-card-actions .anticon {
  color: var(--sb-error-color);
}

.sb-upload-list-item-error .sb-upload-list-item-card-actions-btn {
  opacity: 1;
}

.sb-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}

.sb-upload-list-picture .sb-upload-list-item,
.sb-upload-list-picture-card .sb-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

.sb-upload-list-picture .sb-upload-list-item:hover,
.sb-upload-list-picture-card .sb-upload-list-item:hover {
  background: transparent;
}

.sb-upload-list-picture .sb-upload-list-item-error,
.sb-upload-list-picture-card .sb-upload-list-item-error {
  border-color: var(--sb-error-color);
}

.sb-upload-list-picture .sb-upload-list-item-info,
.sb-upload-list-picture-card .sb-upload-list-item-info {
  padding: 0;
}

.sb-upload-list-picture .sb-upload-list-item:hover .sb-upload-list-item-info,
.sb-upload-list-picture-card .sb-upload-list-item:hover .sb-upload-list-item-info {
  background: transparent;
}

.sb-upload-list-picture .sb-upload-list-item-uploading,
.sb-upload-list-picture-card .sb-upload-list-item-uploading {
  border-style: dashed;
}

.sb-upload-list-picture .sb-upload-list-item-thumbnail,
.sb-upload-list-picture-card .sb-upload-list-item-thumbnail {
  width: 48px;
  height: 48px;
  line-height: 60px;
  text-align: center;
  opacity: 0.8;
}

.sb-upload-list-picture .sb-upload-list-item-thumbnail .anticon,
.sb-upload-list-picture-card .sb-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}

.sb-upload-list-picture .sb-upload-list-item-error .sb-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"],
.sb-upload-list-picture-card .sb-upload-list-item-error .sb-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"] {
  fill: var(--sb-error-color-deprecated-bg);
}

.sb-upload-list-picture .sb-upload-list-item-error .sb-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"],
.sb-upload-list-picture-card .sb-upload-list-item-error .sb-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"] {
  fill: var(--sb-error-color);
}

.sb-upload-list-picture .sb-upload-list-item-icon,
.sb-upload-list-picture-card .sb-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}

.sb-upload-list-picture .sb-upload-list-item-icon .anticon,
.sb-upload-list-picture-card .sb-upload-list-item-icon .anticon {
  font-size: 26px;
}

.sb-upload-list-picture .sb-upload-list-item-image,
.sb-upload-list-picture-card .sb-upload-list-item-image {
  max-width: 100%;
}

.sb-upload-list-picture .sb-upload-list-item-thumbnail img,
.sb-upload-list-picture-card .sb-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.sb-upload-list-picture .sb-upload-list-item-name,
.sb-upload-list-picture-card .sb-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;
}

.sb-upload-list-picture .sb-upload-list-item-uploading .sb-upload-list-item-name,
.sb-upload-list-picture-card .sb-upload-list-item-uploading .sb-upload-list-item-name {
  margin-bottom: 12px;
}

.sb-upload-list-picture .sb-upload-list-item-progress,
.sb-upload-list-picture-card .sb-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}

.sb-upload-list-picture-card-container {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
}

.sb-upload-list-picture-card .sb-upload-list-item {
  height: 100%;
  margin: 0;
}

.sb-upload-list-picture-card .sb-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.sb-upload-list-picture-card .sb-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: " ";
}

.sb-upload-list-picture-card .sb-upload-list-item:hover .sb-upload-list-item-info::before {
  opacity: 1;
}

.sb-upload-list-picture-card .sb-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;
}

.sb-upload-list-picture-card .sb-upload-list-item-actions .anticon-eye,
.sb-upload-list-picture-card .sb-upload-list-item-actions .anticon-download,
.sb-upload-list-picture-card .sb-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;
}

.sb-upload-list-picture-card .sb-upload-list-item-actions .anticon-eye:hover,
.sb-upload-list-picture-card .sb-upload-list-item-actions .anticon-download:hover,
.sb-upload-list-picture-card .sb-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}

.sb-upload-list-picture-card .sb-upload-list-item-info:hover + .sb-upload-list-item-actions,
.sb-upload-list-picture-card .sb-upload-list-item-actions:hover {
  opacity: 1;
}

.sb-upload-list-picture-card .sb-upload-list-item-thumbnail,
.sb-upload-list-picture-card .sb-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sb-upload-list-picture-card .sb-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5715;
  text-align: center;
}

.sb-upload-list-picture-card .sb-upload-list-item-file + .sb-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}

.sb-upload-list-picture-card .sb-upload-list-item-uploading.sb-upload-list-item {
  background-color: #fafafa;
}

.sb-upload-list-picture-card .sb-upload-list-item-uploading .sb-upload-list-item-info {
  height: auto;
}

.sb-upload-list-picture-card .sb-upload-list-item-uploading .sb-upload-list-item-info::before,
.sb-upload-list-picture-card .sb-upload-list-item-uploading .sb-upload-list-item-info .anticon-eye,
.sb-upload-list-picture-card .sb-upload-list-item-uploading .sb-upload-list-item-info .anticon-delete {
  display: none;
}

.sb-upload-list-picture-card .sb-upload-list-item-progress {
  bottom: 32px;
  width: calc(100% - 14px);
  padding-left: 0;
}

.sb-upload-list-text-container,
.sb-upload-list-picture-container {
  transition: opacity 0.3s, height 0.3s;
}

.sb-upload-list-text-container::before,
.sb-upload-list-picture-container::before {
  display: table;
  width: 0;
  height: 0;
  content: "";
}

.sb-upload-list-text-container .sb-upload-span,
.sb-upload-list-picture-container .sb-upload-span {
  display: block;
  flex: auto;
}

.sb-upload-list-text .sb-upload-span,
.sb-upload-list-picture .sb-upload-span {
  display: flex;
  align-items: center;
}

.sb-upload-list-text .sb-upload-span > *,
.sb-upload-list-picture .sb-upload-span > * {
  flex: none;
}

.sb-upload-list-text .sb-upload-list-item-name,
.sb-upload-list-picture .sb-upload-list-item-name {
  flex: auto;
  margin: 0;
  padding: 0 8px;
}

.sb-upload-list-text .sb-upload-list-item-card-actions,
.sb-upload-list-picture .sb-upload-list-item-card-actions {
  position: static;
}

.sb-upload-list-text .sb-upload-text-icon .anticon {
  position: static;
}

.sb-upload-list .sb-upload-animate-inline-appear,
.sb-upload-list .sb-upload-animate-inline-enter,
.sb-upload-list .sb-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: forwards;
}

.sb-upload-list .sb-upload-animate-inline-appear,
.sb-upload-list .sb-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}

.sb-upload-list .sb-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}

@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;
  }
}
.sb-upload-rtl {
  direction: rtl;
}

.sb-upload-rtl.sb-upload.sb-upload-select-picture-card {
  margin-right: auto;
  margin-left: 8px;
}

.sb-upload-list-rtl {
  direction: rtl;
}

.sb-upload-list-rtl .sb-upload-list-item-list-type-text:hover .sb-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px;
}

.sb-upload-list-rtl .sb-upload-list-item-list-type-text:hover .sb-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px;
}

.sb-upload-list-rtl .sb-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0;
}

.sb-upload-list-rtl .sb-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}

.sb-upload-list-rtl .sb-upload-list-item-card-actions {
  right: auto;
  left: 0;
}

.sb-upload-list-rtl .sb-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}

.sb-upload-list-rtl .sb-upload-list-item-info {
  padding: 0 4px 0 12px;
}

.sb-upload-list-rtl .sb-upload-list-item-error .sb-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}

.sb-upload-list-rtl .sb-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0;
}

.sb-upload-list-picture .sb-upload-list-item-info,
.sb-upload-list-picture-card .sb-upload-list-item-info {
  padding: 0;
}

.sb-upload-list-rtl.sb-upload-list-picture .sb-upload-list-item-thumbnail,
.sb-upload-list-rtl.sb-upload-list-picture-card .sb-upload-list-item-thumbnail {
  right: 8px;
  left: auto;
}

.sb-upload-list-rtl.sb-upload-list-picture .sb-upload-list-item-icon,
.sb-upload-list-rtl.sb-upload-list-picture-card .sb-upload-list-item-icon {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}

.sb-upload-list-rtl.sb-upload-list-picture .sb-upload-list-item-name,
.sb-upload-list-rtl.sb-upload-list-picture-card .sb-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-right: 48px;
  padding-left: 8px;
}

.sb-upload-list-rtl.sb-upload-list-picture .sb-upload-list-item-name-icon-count-1,
.sb-upload-list-rtl.sb-upload-list-picture-card .sb-upload-list-item-name-icon-count-1 {
  padding-right: 48px;
  padding-left: 18px;
}

.sb-upload-list-rtl.sb-upload-list-picture .sb-upload-list-item-name-icon-count-2,
.sb-upload-list-rtl.sb-upload-list-picture-card .sb-upload-list-item-name-icon-count-2 {
  padding-right: 48px;
  padding-left: 36px;
}

.sb-upload-list-rtl.sb-upload-list-picture .sb-upload-list-item-progress,
.sb-upload-list-rtl.sb-upload-list-picture-card .sb-upload-list-item-progress {
  padding-right: 0;
  padding-left: 0;
}

.sb-upload-list-rtl .sb-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}

.sb-upload-list-rtl.sb-upload-list-picture-card .sb-upload-list-item-actions {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}

.sb-upload-list-rtl.sb-upload-list-picture-card .sb-upload-list-item-file + .sb-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./public/sass/basic.scss ***!
  \*********************************************************************************************************************************************/
@charset "UTF-8";
/*flex*/
.flex-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-inline {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}

.flex-row-reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
}

.flex-column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}

.flex-column-reverse {
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  -moz-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.justify-content-flex-start {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
}

.justify-content-flex-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}

.justify-content-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.justify-content-space-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.justify-content-space-around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: center;
}

.align-items-flex-start {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
}

.align-items-flex-end {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
}

.align-items-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}

.align-items-baseline {
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
}

.align-items-stretch {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
}

.align-content-flex-start {
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-line-pack: start;
}

.align-content-flex-end {
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  align-content: flex-end;
  -ms-flex-line-pack: end;
}

.align-content-center {
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
}

.align-content-space-between {
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  align-content: space-between;
  -ms-flex-line-pack: justify;
}

.align-content-space-around {
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  align-content: space-around;
  -ms-flex-line-pack: distribute;
}

.align-content-stretch {
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  align-content: stretch;
  -ms-flex-line-pack: stretch;
}

.order-1 {
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
}

.order-2 {
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
}

.order-3 {
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
}

.order-4 {
  -webkit-order: 4;
  -moz-order: 4;
  order: 4;
  -ms-flex-order: 4;
}

.order-5 {
  -webkit-order: 5;
  -moz-order: 5;
  order: 5;
  -ms-flex-order: 5;
}

.order-6 {
  -webkit-order: 6;
  -moz-order: 6;
  order: 6;
  -ms-flex-order: 6;
}

.order-7 {
  -webkit-order: 7;
  -moz-order: 7;
  order: 7;
  -ms-flex-order: 7;
}

.order-8 {
  -webkit-order: 8;
  -moz-order: 8;
  order: 8;
  -ms-flex-order: 8;
}

.order-9 {
  -webkit-order: 9;
  -moz-order: 9;
  order: 9;
  -ms-flex-order: 9;
}

.order-10 {
  -webkit-order: 10;
  -moz-order: 10;
  order: 10;
  -ms-flex-order: 10;
}

.flex-grow-0 {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
}

.flex-grow-1 {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}

.flex-grow-2 {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}

.flex-grow-3 {
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  flex-grow: 3;
  -ms-flex-positive: 3;
}

.flex-grow-4 {
  -webkit-flex-grow: 4;
  -moz-flex-grow: 4;
  flex-grow: 4;
  -ms-flex-positive: 4;
}

.flex-grow-5 {
  -webkit-flex-grow: 5;
  -moz-flex-grow: 5;
  flex-grow: 5;
  -ms-flex-positive: 5;
}

.flex-grow-6 {
  -webkit-flex-grow: 6;
  -moz-flex-grow: 6;
  flex-grow: 6;
  -ms-flex-positive: 6;
}

.flex-grow-7 {
  -webkit-flex-grow: 7;
  -moz-flex-grow: 7;
  flex-grow: 7;
  -ms-flex-positive: 7;
}

.flex-grow-8 {
  -webkit-flex-grow: 8;
  -moz-flex-grow: 8;
  flex-grow: 8;
  -ms-flex-positive: 8;
}

.flex-grow-9 {
  -webkit-flex-grow: 9;
  -moz-flex-grow: 9;
  flex-grow: 9;
  -ms-flex-positive: 9;
}

.flex-grow-10 {
  -webkit-flex-grow: 10;
  -moz-flex-grow: 10;
  flex-grow: 10;
  -ms-flex-positive: 10;
}

.flex-shrink-0 {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}

.flex-shrink-1 {
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
}

.flex-shrink-2 {
  -webkit-flex-shrink: 2;
  -moz-flex-shrink: 2;
  flex-shrink: 2;
  -ms-flex-negative: 2;
}

.flex-shrink-3 {
  -webkit-flex-shrink: 3;
  -moz-flex-shrink: 3;
  flex-shrink: 3;
  -ms-flex-negative: 3;
}

.flex-shrink-4 {
  -webkit-flex-shrink: 4;
  -moz-flex-shrink: 4;
  flex-shrink: 4;
  -ms-flex-negative: 4;
}

.flex-shrink-5 {
  -webkit-flex-shrink: 5;
  -moz-flex-shrink: 5;
  flex-shrink: 5;
  -ms-flex-negative: 5;
}

.flex-shrink-6 {
  -webkit-flex-shrink: 6;
  -moz-flex-shrink: 6;
  flex-shrink: 6;
  -ms-flex-negative: 6;
}

.flex-shrink-7 {
  -webkit-flex-shrink: 7;
  -moz-flex-shrink: 7;
  flex-shrink: 7;
  -ms-flex-negative: 7;
}

.flex-shrink-8 {
  -webkit-flex-shrink: 8;
  -moz-flex-shrink: 8;
  flex-shrink: 8;
  -ms-flex-negative: 8;
}

.flex-shrink-9 {
  -webkit-flex-shrink: 9;
  -moz-flex-shrink: 9;
  flex-shrink: 9;
  -ms-flex-negative: 9;
}

.flex-shrink-10 {
  -webkit-flex-shrink: 10;
  -moz-flex-shrink: 10;
  flex-shrink: 10;
  -ms-flex-negative: 10;
}

.flex-0 {
  -webkit-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.flex-1 {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-flex: 3;
  -moz-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-4 {
  -webkit-flex: 4;
  -moz-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.flex-5 {
  -webkit-flex: 5;
  -moz-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.flex-6 {
  -webkit-flex: 6;
  -moz-flex: 6;
  -ms-flex: 6;
  flex: 6;
}

.flex-7 {
  -webkit-flex: 7;
  -moz-flex: 7;
  -ms-flex: 7;
  flex: 7;
}

.flex-8 {
  -webkit-flex: 8;
  -moz-flex: 8;
  -ms-flex: 8;
  flex: 8;
}

.flex-9 {
  -webkit-flex: 9;
  -moz-flex: 9;
  -ms-flex: 9;
  flex: 9;
}

.flex-10 {
  -webkit-flex: 10;
  -moz-flex: 10;
  -ms-flex: 10;
  flex: 10;
}

.align-self-auto {
  -webkit-align-self: auto;
  -moz-align-self: auto;
  align-self: auto;
  -ms-flex-item-align: auto;
}

.align-self-flex-start {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
}

.align-self-flex-end {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
}

.align-self-center {
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}

.align-self-baseline {
  -webkit-align-self: baseline;
  -moz-align-self: baseline;
  align-self: baseline;
  -ms-flex-item-align: baseline;
}

.align-self-stretch {
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
}

.margin-auto {
  margin: auto !important;
}

.m-top-auto {
  margin-top: auto !important;
}

.margin-0 {
  margin: 0px !important;
}

.m-top-0 {
  margin-top: 0px;
}

.m-top-1 {
  margin-top: 4px;
}

.m-top-2 {
  margin-top: 8px;
}

.m-top-3 {
  margin-top: 12px;
}

.m-top-4 {
  margin-top: 16px;
}

.m-top-5 {
  margin-top: 20px;
}

.m-top-6 {
  margin-top: 24px;
}

.m-top-7 {
  margin-top: 28px;
}

.m-top-8 {
  margin-top: 32px;
}

.m-top-10 {
  margin-top: 40px;
}

.m-top-13 {
  margin-top: 52px;
}

.m-top-16 {
  margin-top: 64px;
}

.m-bottom-1 {
  margin-bottom: 4px;
}

.m-bottom-2 {
  margin-bottom: 8px;
}

.m-bottom-3 {
  margin-bottom: 12px;
}

.m-bottom-3-force {
  margin-bottom: 12px !important;
}

.m-bottom-4 {
  margin-bottom: 16px;
}

.m-bottom-5 {
  margin-bottom: 20px;
}

.m-bottom-6 {
  margin-bottom: 24px;
}

.m-bottom-7 {
  margin-bottom: 28px;
}

.m-bottom-8 {
  margin-bottom: 32px;
}

.m-bottom-9 {
  margin-bottom: 36px;
}

.m-bottom-10 {
  margin-bottom: 40px;
}

.m-bottom-11 {
  margin-bottom: 44px;
}

.m-bottom-12 {
  margin-bottom: 48px;
}

.m-bottom-13 {
  margin-bottom: 52px;
}

.m-bottom-20 {
  margin-bottom: 80px;
}

.m-bottom-25 {
  margin-bottom: 25px;
}

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

.m-bottom-100 {
  margin-bottom: 100px;
}

/* margin left */
.m-left-0 {
  margin-left: 0px;
}

.m-left-1 {
  margin-left: 4px;
}

.m-left-2 {
  margin-left: 8px;
}

.m-left-3 {
  margin-left: 12px;
}

.m-left-4 {
  margin-left: 16px;
}

.m-left-5 {
  margin-left: 20px;
}

.m-left-6 {
  margin-left: 24px;
}

.m-left-7 {
  margin-left: 28px;
}

.m-left-8 {
  margin-left: 32px;
}

.m-left-9 {
  margin-left: 36px;
}

.m-left-10 {
  margin-left: 40px;
}

.m-left-10 {
  margin-left: 40px;
}

.m-left-12 {
  margin-left: 48px;
}

/* margin right */
.m-right-0 {
  margin-right: 0px;
}

.m-right-1 {
  margin-right: 4px;
}

.m-right-2 {
  margin-right: 8px;
}

.m-right-3 {
  margin-right: 12px;
}

.m-right-4 {
  margin-right: 16px;
}

.m-right-5 {
  margin-right: 20px;
}

.m-right-6 {
  margin-right: 24px;
}

.m-right-7 {
  margin-right: 28px;
}

.m-right-8 {
  margin-right: 32px;
}

.m-right-9 {
  margin-right: 36px;
}

.m-right-10 {
  margin-right: 40px;
}

.m-right-11 {
  margin-right: 44px;
}

.m-right-12 {
  margin-right: 48px;
}

.m-right-13 {
  margin-right: 52px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-10 {
  margin: 10px !important;
}

.m-2 {
  margin: 8px !important;
}

.m-6 {
  margin: 24px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

/* padding */
.p-0 {
  padding: 0px !important;
}

.p-2 {
  padding: 8px !important;
}

.p-3 {
  padding: 12px;
}

.p-4 {
  padding: 16px;
}

.p-6 {
  padding: 24px !important;
}

.p-16 {
  padding: 64px;
}

.p-top-2 {
  padding: 8px !important;
}

.p-top-3 {
  padding: 12px !important;
}

.p-top-10 {
  padding-top: 40px !important;
}

.p-bottom-0 {
  padding-bottom: 0px !important;
}

.p-bottom-2 {
  padding-bottom: 8px !important;
}

.p-bottom-4 {
  padding-bottom: 16px;
}

.p-bottom-10 {
  padding-bottom: 40px !important;
}

.p-left-6 {
  padding-left: 24px;
}

.p-left-8 {
  padding-left: 32px;
}

.p-left-12 {
  padding-left: 48px;
}

.p-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.p-x-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.p-y-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.p-left-0 {
  padding-left: 0px !important;
}

.p-right-0 {
  padding-right: 0px !important;
}

.p-right-6 {
  padding-right: 24px;
}

.p-no-right-0 {
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* z-index */
.z-0 {
  z-index: 0;
}

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

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

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

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

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

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

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66666%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66666%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}

.gap-1 {
  gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-3 {
  gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-6 {
  gap: 24px;
}

body {
  padding: 0px !important;
  padding-top: constant(safe-area-inset-top);
  padding-right: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-left: constant(safe-area-inset-left);
  /* 兼容 iOS >= 11.2 */
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  scrollbar-color: #e0e1e3 transparent;
}
body::-webkit-scrollbar {
  width: 10px;
  background: transparent;
}
body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #e0e1e3;
  width: 10px;
}

.w-100 {
  width: 100%;
}

.relative {
  position: relative;
}

body.ant-scrolling-effect {
  width: unset !important;
}

a {
  text-decoration: none;
}

button {
  box-sizing: border-box;
  border: none;
  outline: none !important;
  background: transparent;
}

.blueButton {
  font-size: 16px;
  display: inline-block;
  padding: 6px 24px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: white;
  border: 3px solid transparent;
  border-radius: 23px;
  background: white;
  background: #3753fa;
}
.blueButton:hover {
  color: #3753fa;
  border-color: #3753fa;
  background: none;
}
.blueButton.light {
  background: white;
  border-color: #3753fa;
  color: #3753fa;
}
.blueButton.light:hover {
  color: white;
  border-color: #3753fa;
  background: #3753fa;
}

input {
  font-weight: 400;
  line-height: 1.5;
  padding: 0 6px;
  resize: none;
  color: #b5b4b2;
  border: none;
  border-radius: 0 !important;
  outline: none !important;
  outline: none !important;
  background: transparent;
}
input::placeholder {
  color: #b5b4b2;
}

.modalContainer {
  position: fixed;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.6);
  inset: 0 0 0 0;
  /* 子元素窗口全局居中 */
}
.modalContainer > div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/slick-carousel/slick/slick.css ***!
  \******************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/slick-carousel/slick/slick-theme.css ***!
  \************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(/assets/fb6f3c230cb846e25247.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url(/assets/a4e97f5a2a64f0ab1323.eot);
  src: url(/assets/a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"), url(/assets/295183786cd8a1389865.woff) format("woff"), url(/assets/c94f7671dcc99dce43e2.ttf) format("truetype"), url(/assets/2630a3e3eab21c607e21.svg#slick) format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}