@charset "UTF-8"; /*!
 * 
 * antd v4.16.13
 * 
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *       
 */
[class*="ant-"] input::-ms-clear,
[class*="ant-"] input::-ms-reveal,
[class*="ant-"]::-ms-clear,
[class^="ant-"] input::-ms-clear,
[class^="ant-"] input::-ms-reveal,
[class^="ant-"]::-ms-clear {
  display: none;
}
body,
html {
  height: 100%;
  width: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  line-height: 1.15;
}
@-ms-viewport {
  width: device-width;
}
body {
  font-feature-settings: "tnum";
  color: #000000d9;
  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-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000d9;
  font-weight: 500;
  margin-bottom: 0.5em;
  margin-top: 0;
}
p {
  margin-bottom: 1em;
  margin-top: 0;
}
abbr[data-original-title],
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1em;
}
input[type="number"],
input[type="password"],
input[type="text"],
textarea {
  -webkit-appearance: none;
}
dl,
ol,
ul {
  margin-bottom: 1em;
  margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  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 {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  -webkit-text-decoration-skip: objects;
  color: #1890ff;
  cursor: pointer;
  outline: none;
  transition: color 0.3s;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:focus,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: #00000040;
  cursor: not-allowed;
}
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
    monospace;
  font-size: 1em;
}
pre {
  margin-bottom: 1em;
  margin-top: 0;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  border-style: none;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
[role="button"],
a,
area,
button,
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  caption-side: bottom;
  color: #00000073;
  padding-bottom: 0.3em;
  padding-top: 0.75em;
  text-align: left;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  color: inherit;
  display: block;
  font-size: 1.5em;
  line-height: inherit;
  margin-bottom: 0.5em;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}
progress {
  vertical-align: initial;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: none;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  background-color: #feffe6;
  padding: 0.2em;
}
::-moz-selection {
  background: #1890ff;
  color: #fff;
}
::selection {
  background: #1890ff;
  color: #fff;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.anticon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  vertical-align: -0.125em;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon:before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin:before {
  animation: loadingCircle 1s linear infinite;
  display: inline-block;
}
.ant-fade-appear,
.ant-fade-enter,
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-appear.ant-fade-appear-active,
.ant-fade-enter.ant-fade-enter-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-appear,
.ant-fade-enter {
  opacity: 0;
}
.ant-fade-appear,
.ant-fade-enter,
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ant-move-up-appear,
.ant-move-up-enter,
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-appear.ant-move-up-appear-active,
.ant-move-up-enter.ant-move-up-enter-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-appear,
.ant-move-up-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-appear,
.ant-move-down-enter,
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-appear.ant-move-down-appear-active,
.ant-move-down-enter.ant-move-down-enter-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-appear,
.ant-move-down-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-appear,
.ant-move-left-enter,
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-appear.ant-move-left-appear-active,
.ant-move-left-enter.ant-move-left-enter-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-appear,
.ant-move-left-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-appear,
.ant-move-right-enter,
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-appear.ant-move-right-appear-active,
.ant-move-right-enter.ant-move-right-enter-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-appear,
.ant-move-right-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    transform-origin: 0 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 0 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateX(-100%);
    transform-origin: 0 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 0 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateX(100%);
    transform-origin: 0 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    transform-origin: 0 0;
  }
}
@keyframes loadingCircle {
  to {
    transform: rotate(1turn);
  }
}
[ant-click-animating-without-extra-node="true"],
[ant-click-animating="true"] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
.ant-click-animating-node,
[ant-click-animating-without-extra-node="true"]:after {
  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;
  border-radius: inherit;
  bottom: 0;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  content: "";
  display: block;
  left: 0;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
@keyframes waveEffect {
  to {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
.ant-slide-up-appear,
.ant-slide-up-enter,
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-appear.ant-slide-up-appear-active,
.ant-slide-up-enter.ant-slide-up-enter-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-appear,
.ant-slide-up-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-appear,
.ant-slide-down-enter,
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-appear.ant-slide-down-appear-active,
.ant-slide-down-enter.ant-slide-down-enter-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-appear,
.ant-slide-down-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-appear,
.ant-slide-left-enter,
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-appear.ant-slide-left-appear-active,
.ant-slide-left-enter.ant-slide-left-enter-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-appear,
.ant-slide-left-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-appear,
.ant-slide-right-enter,
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-appear.ant-slide-right-appear-active,
.ant-slide-right-enter.ant-slide-right-enter-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-appear,
.ant-slide-right-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 0 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
}
@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
  }
}
@keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 0 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 100% 0;
  }
  to {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
  to {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 100% 0;
  }
}
.ant-zoom-appear,
.ant-zoom-enter,
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-appear.ant-zoom-appear-active,
.ant-zoom-enter.ant-zoom-enter-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-appear,
.ant-zoom-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-appear-prepare,
.ant-zoom-enter-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-appear,
.ant-zoom-big-enter,
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-appear.ant-zoom-big-appear-active,
.ant-zoom-big-enter.ant-zoom-big-enter-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-appear,
.ant-zoom-big-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-big-appear-prepare,
.ant-zoom-big-enter-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-appear,
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-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-appear,
.ant-zoom-big-fast-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-big-fast-appear-prepare,
.ant-zoom-big-fast-enter-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-appear,
.ant-zoom-up-enter,
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-appear.ant-zoom-up-appear-active,
.ant-zoom-up-enter.ant-zoom-up-enter-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-appear,
.ant-zoom-up-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-up-appear-prepare,
.ant-zoom-up-enter-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-appear,
.ant-zoom-down-enter,
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-appear.ant-zoom-down-appear-active,
.ant-zoom-down-enter.ant-zoom-down-enter-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-appear,
.ant-zoom-down-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-down-appear-prepare,
.ant-zoom-down-enter-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-appear,
.ant-zoom-left-enter,
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-appear.ant-zoom-left-appear-active,
.ant-zoom-left-enter.ant-zoom-left-enter-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-appear,
.ant-zoom-left-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-left-appear-prepare,
.ant-zoom-left-enter-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-appear,
.ant-zoom-right-enter,
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-appear.ant-zoom-right-appear-active,
.ant-zoom-right-enter.ant-zoom-right-enter-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-appear,
.ant-zoom-right-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-right-appear-prepare,
.ant-zoom-right-enter-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.2);
  }
}
@keyframes antZoomBigIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes antZoomUpIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 0;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 0 50%;
  }
  to {
    transform: scale(1);
    transform-origin: 0 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0 50%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 0 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 100% 50%;
  }
  to {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomDownIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 100%;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 100%;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse,
.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;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  font-feature-settings: "tnum";
  word-wrap: break-word;
  align-items: center;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 8px 15px;
  position: relative;
}
.ant-alert-content {
  flex: 1 1;
  min-width: 0;
}
.ant-alert-icon {
  margin-right: 8px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
}
.ant-alert-error .ant-alert-icon {
  color: #ff4d4f;
}
.ant-alert-error .ant-alert-description > pre {
  margin: 0;
  padding: 0;
}
.ant-alert-action {
  margin-left: 8px;
}
.ant-alert-close-icon {
  background-color: initial;
  border: none;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  margin-left: 8px;
  outline: none;
  overflow: hidden;
  padding: 0;
}
.ant-alert-close-icon .anticon-close {
  color: #00000073;
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: #000000bf;
}
.ant-alert-close-text {
  color: #00000073;
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: #000000bf;
}
.ant-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  font-size: 24px;
  margin-right: 15px;
}
.ant-alert-with-description .ant-alert-message {
  color: #000000d9;
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}
.ant-alert-message {
  color: #000000d9;
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
    opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
    padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
    padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
    margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  margin-bottom: 0 !important;
  max-height: 0;
  opacity: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.ant-alert-banner {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.ant-alert.ant-alert-rtl {
  direction: rtl;
}
.ant-alert-rtl.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert-rtl .ant-alert-icon {
  margin-left: 8px;
  margin-right: auto;
}
.ant-alert-rtl .ant-alert-action,
.ant-alert-rtl .ant-alert-close-icon {
  margin-left: auto;
  margin-right: 8px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  margin-left: 15px;
  margin-right: auto;
}
.ant-anchor {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0 0 0 2px;
  position: relative;
}
.ant-anchor-wrapper {
  background-color: initial;
  margin-left: -4px;
  overflow: auto;
  padding-left: 4px;
}
.ant-anchor-ink {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.ant-anchor-ink:before {
  background-color: #f0f0f0;
  content: " ";
  display: block;
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 2px;
}
.ant-anchor-ink-ball {
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  display: none;
  height: 8px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
  width: 8px;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  line-height: 1.143;
  padding: 7px 0 7px 16px;
}
.ant-anchor-link-title {
  color: #000000d9;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-bottom: 5px;
  padding-top: 5px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-left: 0;
  margin-right: -4px;
  padding-left: 0;
  padding-right: 4px;
}
.ant-anchor-rtl .ant-anchor-ink {
  left: auto;
  right: 0;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  left: 0;
  right: 50%;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 7px 16px 7px 0;
}
.ant-select-auto-complete {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}
.ant-avatar {
  font-feature-settings: "tnum";
  background: #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  color: #000000d9;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 32px;
  line-height: 1.5715;
  line-height: 32px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 32px;
}
.ant-avatar-image {
  background: #0000;
}
.ant-avatar .ant-image-img {
  display: block;
}
.ant-avatar-string {
  left: 50%;
  position: absolute;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  border-radius: 50%;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ant-avatar-lg-string {
  left: 50%;
  position: absolute;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  border-radius: 50%;
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.ant-avatar-sm-string {
  left: 50%;
  position: absolute;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 2px;
}
.ant-avatar > img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-left: 0;
  margin-right: -8px;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-left: 0;
  margin-right: 3px;
}
.ant-back-top {
  font-feature-settings: "tnum";
  bottom: 50px;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 40px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 100px;
  width: 40px;
  z-index: 10;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  direction: rtl;
  left: 100px;
  right: auto;
}
.ant-back-top-content {
  background-color: #00000073;
  border-radius: 20px;
  color: #fff;
  height: 40px;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s;
  width: 40px;
}
.ant-back-top-content:hover {
  background-color: #000000d9;
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-badge-count {
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  z-index: auto;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  border-radius: 7px;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  min-width: 14px;
  padding: 0;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
  height: 6px;
  min-width: 6px;
  width: 6px;
  z-index: auto;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge .ant-scroll-number-custom-component,
.ant-badge-count,
.ant-badge-dot {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0;
}
.ant-badge .ant-scroll-number-custom-component.anticon-spin,
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin {
  animation: antBadgeLoadingCircle 1s linear infinite;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: initial;
}
.ant-badge-status-dot {
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 6px;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  background-color: #1890ff;
  position: relative;
}
.ant-badge-status-processing:after {
  animation: antStatusProcessing 1.2s ease-in-out infinite;
  border: 1px solid #1890ff;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #ff4d4f;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-magenta,
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  color: #000000d9;
  font-size: 14px;
  margin-left: 8px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number,
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component {
  display: block;
  position: relative;
  top: auto;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
    transform: scale(2.4);
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only,
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  -webkit-backface-visibility: hidden;
  height: 20px;
  -webkit-transform-style: preserve-3d;
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    opacity: 0;
    transform: scale(0) translate(50%, -50%);
  }
  to {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  to {
    opacity: 0;
    transform: scale(0) translate(50%, -50%);
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  to {
    transform: translate(50%, -50%) rotate(1turn);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  font-feature-settings: "tnum";
  background-color: #1890ff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  color: #fff;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 22px;
  line-height: 1.5715;
  line-height: 22px;
  list-style: none;
  margin: 0;
  padding: 0 8px;
  position: absolute;
  top: 8px;
  white-space: nowrap;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  border: 4px solid;
  color: currentColor;
  height: 8px;
  position: absolute;
  top: 100%;
  transform: scaleY(0.75);
  transform-origin: top;
  width: 8px;
}
.ant-ribbon-corner:after {
  border: inherit;
  color: #00000040;
  content: "";
  height: inherit;
  left: -4px;
  position: absolute;
  top: -4px;
  width: inherit;
}
.ant-ribbon-color-magenta,
.ant-ribbon-color-pink {
  background: #eb2f96;
  color: #eb2f96;
}
.ant-ribbon-color-red {
  background: #f5222d;
  color: #f5222d;
}
.ant-ribbon-color-volcano {
  background: #fa541c;
  color: #fa541c;
}
.ant-ribbon-color-orange {
  background: #fa8c16;
  color: #fa8c16;
}
.ant-ribbon-color-yellow {
  background: #fadb14;
  color: #fadb14;
}
.ant-ribbon-color-gold {
  background: #faad14;
  color: #faad14;
}
.ant-ribbon-color-cyan {
  background: #13c2c2;
  color: #13c2c2;
}
.ant-ribbon-color-lime {
  background: #a0d911;
  color: #a0d911;
}
.ant-ribbon-color-green {
  background: #52c41a;
  color: #52c41a;
}
.ant-ribbon-color-blue {
  background: #1890ff;
  color: #1890ff;
}
.ant-ribbon-color-geekblue {
  background: #2f54eb;
  color: #2f54eb;
}
.ant-ribbon-color-purple {
  background: #722ed1;
  color: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  border-bottom-right-radius: 0;
  right: -8px;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  border-color: currentColor #0000 #0000 currentColor;
  right: 0;
}
.ant-ribbon.ant-ribbon-placement-start {
  border-bottom-left-radius: 0;
  left: -8px;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  border-color: currentColor currentColor #0000 #0000;
  left: 0;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl .ant-badge .ant-scroll-number-custom-component,
.ant-badge-rtl .ant-badge-count,
.ant-badge-rtl .ant-badge-dot {
  direction: ltr;
  left: 0;
  right: auto;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
}
.ant-badge-rtl.ant-badge .ant-scroll-number-custom-component {
  left: 0;
  right: auto;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-left: 0;
  margin-right: 8px;
}
.ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  left: -8px;
  right: auto;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  left: 0;
  right: auto;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner,
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner:after {
  border-color: currentColor currentColor #0000 #0000;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  left: auto;
  right: -8px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  left: auto;
  right: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner,
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner:after {
  border-color: currentColor #0000 #0000 currentColor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
  }
  to {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  to {
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
  }
}
.ant-breadcrumb {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  color: #00000073;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: #00000073;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #40a9ff;
}
.ant-breadcrumb > span:last-child,
.ant-breadcrumb > span:last-child a {
  color: #000000d9;
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  color: #00000073;
  margin: 0 8px;
}
.ant-breadcrumb-link > .anticon + a,
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl:before {
  content: "";
  display: table;
}
.ant-breadcrumb-rtl:after {
  clear: both;
  content: "";
  display: table;
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-left: 0;
  margin-right: 4px;
}
.ant-btn {
  background-image: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 1.5715;
  padding: 4px 15px;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.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 {
  box-shadow: none;
  outline: 0;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  border-radius: 2px;
  font-size: 16px;
  height: 40px;
  padding: 6.4px 15px;
}
.ant-btn-sm {
  border-radius: 2px;
  font-size: 14px;
  height: 24px;
  padding: 0 7px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn:focus,
.ant-btn:hover {
  background: #fff;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn:focus > a:only-child,
.ant-btn:hover > a:only-child {
  color: currentColor;
}
.ant-btn:focus > a:only-child:after,
.ant-btn:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn:active {
  background: #fff;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn:active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn[disabled],
.ant-btn[disabled]:active,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn[disabled]:active > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn[disabled]:active > a:only-child:after,
.ant-btn[disabled]:focus > a:only-child:after,
.ant-btn[disabled]:hover > a:only-child:after,
.ant-btn[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn:active,
.ant-btn:focus,
.ant-btn:hover {
  background: #fff;
  text-decoration: none;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  background: #1890ff;
  border-color: #1890ff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  color: #fff;
  text-shadow: 0 -1px 0 #0000001f;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-primary:focus,
.ant-btn-primary:hover {
  background: #40a9ff;
  border-color: #40a9ff;
  color: #fff;
}
.ant-btn-primary:focus > a:only-child,
.ant-btn-primary:hover > a:only-child {
  color: currentColor;
}
.ant-btn-primary:focus > a:only-child:after,
.ant-btn-primary:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-primary:active {
  background: #096dd9;
  border-color: #096dd9;
  color: #fff;
}
.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:active,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-primary[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-left-color: #40a9ff;
  border-right-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 + .ant-btn-primary,
.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled],
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  background: #0000;
  border-color: #d9d9d9;
  color: #000000d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-ghost:focus,
.ant-btn-ghost:hover {
  background: #0000;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-ghost:focus > a:only-child,
.ant-btn-ghost:hover > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:focus > a:only-child:after,
.ant-btn-ghost:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-ghost:active {
  background: #0000;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-ghost:active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-ghost[disabled]:active > a:only-child:after,
.ant-btn-ghost[disabled]:focus > a:only-child:after,
.ant-btn-ghost[disabled]:hover > a:only-child:after,
.ant-btn-ghost[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dashed {
  background: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
  color: #000000d9;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dashed:focus,
.ant-btn-dashed:hover {
  background: #fff;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-dashed:focus > a:only-child,
.ant-btn-dashed:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:focus > a:only-child:after,
.ant-btn-dashed:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dashed:active {
  background: #fff;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-dashed:active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dashed[disabled]:active > a:only-child:after,
.ant-btn-dashed[disabled]:focus > a:only-child:after,
.ant-btn-dashed[disabled]:hover > a:only-child:after,
.ant-btn-dashed[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-danger {
  background: #ff4d4f;
  border-color: #ff4d4f;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  color: #fff;
  text-shadow: 0 -1px 0 #0000001f;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-danger:focus,
.ant-btn-danger:hover {
  background: #ff7875;
  border-color: #ff7875;
  color: #fff;
}
.ant-btn-danger:focus > a:only-child,
.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}
.ant-btn-danger:focus > a:only-child:after,
.ant-btn-danger:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-danger:active {
  background: #d9363e;
  border-color: #d9363e;
  color: #fff;
}
.ant-btn-danger:active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:active,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-danger[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-link {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #1890ff;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-link:focus,
.ant-btn-link:hover {
  background: #0000;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-link:focus > a:only-child,
.ant-btn-link:hover > a:only-child {
  color: currentColor;
}
.ant-btn-link:focus > a:only-child:after,
.ant-btn-link:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-link:active {
  background: #0000;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-link:hover {
  background: #0000;
}
.ant-btn-link:active,
.ant-btn-link:focus,
.ant-btn-link:hover {
  border-color: #0000;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-link[disabled]:active > a:only-child:after,
.ant-btn-link[disabled]:focus > a:only-child:after,
.ant-btn-link[disabled]:hover > a:only-child:after,
.ant-btn-link[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-text {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #000000d9;
}
.ant-btn-text > a:only-child {
  color: currentColor;
}
.ant-btn-text > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-text:focus,
.ant-btn-text:hover {
  background: #0000;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-text:focus > a:only-child,
.ant-btn-text:hover > a:only-child {
  color: currentColor;
}
.ant-btn-text:focus > a:only-child:after,
.ant-btn-text:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-text:active {
  background: #0000;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-text:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:active,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-text:focus,
.ant-btn-text:hover {
  background: rgba(0, 0, 0, 0.018);
  border-color: #0000;
  color: #000000d9;
}
.ant-btn-text:active {
  background: rgba(0, 0, 0, 0.028);
  border-color: #0000;
  color: #000000d9;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:active,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:hover {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-text[disabled]:active > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-text[disabled]:active > a:only-child:after,
.ant-btn-text[disabled]:focus > a:only-child:after,
.ant-btn-text[disabled]:hover > a:only-child:after,
.ant-btn-text[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous {
  background: #fff;
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.ant-btn-dangerous > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous:focus,
.ant-btn-dangerous:hover {
  background: #fff;
  border-color: #ff7875;
  color: #ff7875;
}
.ant-btn-dangerous:focus > a:only-child,
.ant-btn-dangerous:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous:focus > a:only-child:after,
.ant-btn-dangerous:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous:active {
  background: #fff;
  border-color: #d9363e;
  color: #d9363e;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:active,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dangerous[disabled]:active > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous[disabled]:active > a:only-child:after,
.ant-btn-dangerous[disabled]:focus > a:only-child:after,
.ant-btn-dangerous[disabled]:hover > a:only-child:after,
.ant-btn-dangerous[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-primary {
  background: #ff4d4f;
  border-color: #ff4d4f;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  color: #fff;
  text-shadow: 0 -1px 0 #0000001f;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-primary:focus,
.ant-btn-dangerous.ant-btn-primary:hover {
  background: #ff7875;
  border-color: #ff7875;
  color: #fff;
}
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-primary:active {
  background: #d9363e;
  border-color: #d9363e;
  color: #fff;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:active,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-link {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #ff4d4f;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-dangerous.ant-btn-link:hover {
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-dangerous.ant-btn-link:active {
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-dangerous.ant-btn-link:hover {
  background: #0000;
  border-color: #0000;
  color: #ff7875;
}
.ant-btn-dangerous.ant-btn-link:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-link:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-link:active {
  background: #0000;
  border-color: #0000;
  color: #d9363e;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-text {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #ff4d4f;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-text:focus,
.ant-btn-dangerous.ant-btn-text:hover {
  background: #0000;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-dangerous.ant-btn-text:active {
  background: #0000;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:active,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-dangerous.ant-btn-text:focus,
.ant-btn-dangerous.ant-btn-text:hover {
  background: rgba(0, 0, 0, 0.018);
  border-color: #0000;
  color: #ff7875;
}
.ant-btn-dangerous.ant-btn-text:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-text:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-text:active {
  background: rgba(0, 0, 0, 0.028);
  border-color: #0000;
  color: #d9363e;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:active,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:hover {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-icon-only {
  border-radius: 2px;
  font-size: 16px;
  height: 32px;
  padding: 2.4px 0;
  vertical-align: -3px;
  width: 32px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  border-radius: 2px;
  font-size: 18px;
  height: 40px;
  padding: 4.9px 0;
  width: 40px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  border-radius: 2px;
  font-size: 14px;
  height: 24px;
  padding: 0;
  width: 24px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-round {
  border-radius: 32px;
  font-size: 14px;
  height: 32px;
  padding: 4px 16px;
}
.ant-btn-round.ant-btn-lg {
  border-radius: 40px;
  font-size: 16px;
  height: 40px;
  padding: 6.4px 20px;
}
.ant-btn-round.ant-btn-sm {
  border-radius: 24px;
  font-size: 14px;
  height: 24px;
  padding: 0 12px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  border-radius: 50%;
  min-width: 32px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.ant-btn-circle.ant-btn-lg {
  border-radius: 50%;
  min-width: 40px;
}
.ant-btn-circle.ant-btn-sm {
  border-radius: 50%;
  min-width: 24px;
}
.ant-btn:before {
  background: #fff;
  border-radius: inherit;
  bottom: -1px;
  content: "";
  display: none;
  left: -1px;
  opacity: 0.35;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
  transition: opacity 0.2s;
  z-index: 1;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-minus > svg,
.ant-btn .anticon.anticon-plus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading:before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  animation: none;
  padding-right: 8px;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s linear infinite;
}
.ant-btn-group {
  display: inline-flex;
}
.ant-btn-group,
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:active,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:hover {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  border-radius: 0;
  font-size: 16px;
  height: 40px;
  padding: 6.4px 15px;
}
.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  width: 40px;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  border-radius: 0;
  font-size: 14px;
  height: 24px;
  padding: 0 7px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
  height: 24px;
  padding-left: 0;
  padding-right: 0;
  width: 24px;
}
.ant-btn + .ant-btn-group,
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group span + .ant-btn,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group,
.ant-btn-group > span + span {
  margin-left: -1px;
}
.ant-btn-group
  .ant-btn-primary
  + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: #0000;
}
.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,
.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-bottom-left-radius: 2px;
  border-top-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-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child,
.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-bottom-left-radius: 2px;
  border-top-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-bottom-right-radius: 2px;
  border-top-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 {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ant-btn-group
  > .ant-btn-group:last-child:not(:first-child)
  > .ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-rtl.ant-btn-group > span + span {
  margin-left: auto;
  margin-right: -1px;
}
.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-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
}
.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-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
}
.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-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
}
.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-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
}
.ant-btn:active > span,
.ant-btn:focus > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  border-color: #fff;
  color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus,
.ant-btn.ant-btn-background-ghost:hover {
  background: #0000;
}
.ant-btn-background-ghost.ant-btn-primary {
  border-color: #1890ff;
  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 {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-primary:focus,
.ant-btn-background-ghost.ant-btn-primary:hover {
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-primary:active {
  border-color: #096dd9;
  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 {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > 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]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-danger {
  border-color: #ff4d4f;
  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 {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-danger:focus,
.ant-btn-background-ghost.ant-btn-danger:hover {
  border-color: #ff7875;
  color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-danger:active {
  border-color: #d9363e;
  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 {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > 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]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous {
  border-color: #ff4d4f;
  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 {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous:focus,
.ant-btn-background-ghost.ant-btn-dangerous:hover {
  border-color: #ff7875;
  color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  border-color: #d9363e;
  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 {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active
  > 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]:hover
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  border-color: #0000;
  color: #ff4d4f;
  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 {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover {
  border-color: #0000;
  color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover
  > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  border-color: #0000;
  color: #d9363e;
}
.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 {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active
  > 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]:hover
  > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]
  > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active
  > 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]:hover
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]
  > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-two-chinese-chars:first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > :not(.anticon) {
  letter-spacing: 0.34em;
  margin-right: -0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  content: "\a0";
  display: inline-block;
  visibility: hidden;
  width: 0;
}
a.ant-btn {
  line-height: 30px;
  padding-top: 0.01px !important;
}
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 + .ant-btn-primary,
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #d9d9d9;
  border-right-color: #40a9ff;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled],
.ant-btn-group-rtl.ant-btn-group
  .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #40a9ff;
  border-right-color: #d9d9d9;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-left: 8px;
  padding-right: 0;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
  padding-left: 0;
  padding-right: 0;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-left: 0;
  margin-right: 8px;
}
.ant-picker-calendar {
  font-feature-settings: "tnum";
  background: #fff;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-left: 8px;
  min-width: 70px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-radius: 0;
  border-top: 1px solid #f0f0f0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  line-height: 18px;
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel {
  background: #fff;
  border: 0;
  display: block;
  text-align: right;
  width: 100%;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  line-height: 18px;
  padding: 0 12px 5px 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:before {
  display: none;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell:hover
  .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell
  .ant-picker-calendar-date-today:before {
  display: none;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected
  .ant-picker-calendar-date,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected
  .ant-picker-calendar-date-today,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected:hover
  .ant-picker-calendar-date,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected:hover
  .ant-picker-calendar-date-today {
  background: #e6f7ff;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected
  .ant-picker-calendar-date
  .ant-picker-calendar-date-value,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected
  .ant-picker-calendar-date-today
  .ant-picker-calendar-date-value,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected:hover
  .ant-picker-calendar-date
  .ant-picker-calendar-date-value,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected:hover
  .ant-picker-calendar-date-today
  .ant-picker-calendar-date-value {
  color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  border: 0;
  border-radius: 0;
  border-top: 2px solid #f0f0f0;
  display: block;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  transition: background 0.3s;
  width: auto;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  color: #000000d9;
  height: 86px;
  line-height: 1.5715;
  overflow-y: auto;
  position: static;
  text-align: left;
  width: auto;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #1890ff;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-calendar-date-today
  .ant-picker-calendar-date-value {
  color: #000000d9;
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    margin-left: 0;
    margin-top: 8px;
    width: 100%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    text-align: center;
    width: 50%;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl
  .ant-picker-calendar-header
  .ant-picker-calendar-mode-switch,
.ant-picker-calendar-rtl
  .ant-picker-calendar-header
  .ant-picker-calendar-month-select {
  margin-left: 0;
  margin-right: 8px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-body
  th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-calendar-date-content {
  text-align: right;
}
.ant-card {
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: #0000;
  box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px 0 #0000001f,
    0 5px 12px 4px #00000017;
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  background: #0000;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  color: #000000d9;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: -1px;
  min-height: 48px;
  padding: 0 24px;
}
.ant-card-head:after,
.ant-card-head:before {
  content: "";
  display: table;
}
.ant-card-head:after {
  clear: both;
}
.ant-card-head-wrapper {
  align-items: center;
  display: flex;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1 1;
  overflow: hidden;
  padding: 16px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.ant-card-head .ant-tabs {
  clear: both;
  color: #000000d9;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: -17px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  color: #000000d9;
  float: right;
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
  padding: 16px 0;
}
.ant-card-rtl .ant-card-extra {
  margin-left: 0;
  margin-right: auto;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body:after,
.ant-card-body:before {
  content: "";
  display: table;
}
.ant-card-body:after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0,
    inset 1px 0 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0;
  float: left;
  padding: 24px;
  transition: all 0.3s;
  width: 33.33%;
}
.ant-card-rtl .ant-card-grid {
  float: right;
}
.ant-card-grid-hoverable:hover {
  box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px 0 #0000001f,
    0 5px 12px 4px #00000017;
  position: relative;
  z-index: 1;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  background: #fff;
  border-top: 1px solid #f0f0f0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-card-actions:after,
.ant-card-actions:before {
  content: "";
  display: table;
}
.ant-card-actions:after {
  clear: both;
}
.ant-card-actions > li {
  color: #00000073;
  float: left;
  margin: 12px 0;
  text-align: center;
}
.ant-card-rtl .ant-card-actions > li {
  float: right;
}
.ant-card-actions > li > span {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1.5715;
  min-width: 32px;
  position: relative;
}
.ant-card-actions > li > span:hover {
  color: #1890ff;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  color: #00000073;
  display: inline-block;
  line-height: 22px;
  transition: color 0.3s;
  width: 100%;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1890ff;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
  border-left: 1px solid #f0f0f0;
  border-right: none;
}
.ant-card-type-inner .ant-card-head {
  background: #fafafa;
  padding: 0 24px;
}
.ant-card-type-inner .ant-card-head-title {
  font-size: 14px;
  padding: 12px 0;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
}
.ant-card-meta:after,
.ant-card-meta:before {
  content: "";
  display: table;
}
.ant-card-meta:after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  float: right;
  padding-left: 16px;
  padding-right: 0;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  color: #000000d9;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-card-meta-description {
  color: #00000073;
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  animation: card-loading 1.4s ease infinite;
  background: linear-gradient(90deg, #cfd8dc33, #cfd8dc66, #cfd8dc33);
  background-size: 600% 600%;
  border-radius: 2px;
  height: 14px;
  margin: 4px 0;
}
@keyframes card-loading {
  0%,
  to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  font-size: 14px;
  min-height: 36px;
  padding: 0 12px;
}
.ant-card-small
  > .ant-card-head
  > .ant-card-head-wrapper
  > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  font-size: 14px;
  padding: 8px 0;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-carousel .slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
}
.ant-carousel .slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide input.ant-radio-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-list,
.ant-carousel .slick-slider .slick-track {
  touch-action: pan-y;
  transform: translateZ(0);
}
.ant-carousel .slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
}
.ant-carousel .slick-track:after,
.ant-carousel .slick-track:before {
  content: "";
  display: table;
}
.ant-carousel .slick-track:after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-next,
.ant-carousel .slick-prev {
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin-top: -10px;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 20px;
}
.ant-carousel .slick-next,
.ant-carousel .slick-next:focus,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-prev:hover {
  background: #0000;
  color: #0000;
  outline: none;
}
.ant-carousel .slick-next:focus:before,
.ant-carousel .slick-next:hover:before,
.ant-carousel .slick-prev:focus:before,
.ant-carousel .slick-prev:hover:before {
  opacity: 1;
}
.ant-carousel .slick-next.slick-disabled:before,
.ant-carousel .slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev:before {
  content: "←";
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next:before {
  content: "→";
}
.ant-carousel .slick-dots {
  bottom: 0;
  display: flex !important;
  justify-content: center;
  left: 0;
  list-style: none;
  margin-left: 15%;
  margin-right: 15%;
  padding-left: 0;
  position: absolute;
  right: 0;
  z-index: 15;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  bottom: auto;
  top: 12px;
}
.ant-carousel .slick-dots li {
  box-sizing: initial;
  display: inline-block;
  flex: 0 1 auto;
  height: 3px;
  margin: 0 3px;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: -999px;
  transition: all 0.5s;
  vertical-align: top;
  width: 16px;
}
.ant-carousel .slick-dots li button {
  background: #fff;
  border: 0;
  border-radius: 1px;
  color: #0000;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 3px;
  opacity: 0.3;
  outline: none;
  padding: 0;
  transition: all 0.5s;
  width: 100%;
}
.ant-carousel .slick-dots li button:focus,
.ant-carousel .slick-dots li button:hover {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:focus,
.ant-carousel .slick-dots li.slick-active:hover {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  bottom: auto;
  flex-direction: column;
  height: auto;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
  right: auto;
}
.ant-carousel-vertical .slick-dots-right {
  left: auto;
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  height: 16px;
  margin: 4px 2px;
  vertical-align: initial;
  width: 3px;
}
.ant-carousel-vertical .slick-dots li button {
  height: 16px;
  width: 3px;
}
.ant-carousel-vertical .slick-dots li.slick-active,
.ant-carousel-vertical .slick-dots li.slick-active button {
  height: 24px;
  width: 3px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  left: auto;
  right: 0;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  left: auto;
  right: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-prev:before {
  content: "→";
}
.ant-carousel-rtl .ant-carousel .slick-next {
  left: -25px;
  right: auto;
}
.ant-carousel-rtl .ant-carousel .slick-next:before {
  content: "←";
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}
.ant-cascader {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-cascader-input.ant-input {
  background-color: initial !important;
  cursor: pointer;
  padding-right: 24px;
  position: static;
  width: 100%;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  font-feature-settings: "tnum";
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  position: relative;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: #0000;
}
.ant-cascader-picker-disabled {
  background: #f5f5f5;
  color: #00000040;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-cascader-picker-borderless .ant-cascader-input {
  border-color: #0000 !important;
  box-shadow: none !important;
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: #00000040;
}
.ant-cascader-picker-label {
  height: 20px;
  left: 0;
  line-height: 20px;
  margin-top: -10px;
  overflow: hidden;
  padding: 0 20px 0 12px;
  position: absolute;
  text-overflow: ellipsis;
  top: 50%;
  white-space: nowrap;
  width: 100%;
}
.ant-cascader-picker-clear {
  background: #fff;
  color: #00000040;
  cursor: pointer;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  margin-top: -6px;
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transition: color 0.3s ease, opacity 0.15s ease;
  width: 12px;
  z-index: 2;
}
.ant-cascader-picker-clear:hover {
  color: #00000073;
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  color: #00000040;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  margin-top: -6px;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 12px;
  z-index: 1;
}
.ant-cascader-picker-label:hover
  + .ant-cascader-input:not(
    .ant-cascader-picker-disabled
      .ant-cascader-picker-label:hover
      + .ant-cascader-input
  ) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-arrow,
.ant-cascader-picker-small .ant-cascader-picker-clear {
  right: 8px;
}
.ant-cascader-menus {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
  z-index: 1050;
}
.ant-cascader-menus ol,
.ant-cascader-menus ul {
  list-style: none;
  margin: 0;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border-right: 1px solid #f0f0f0;
  display: inline-block;
  height: 180px;
  list-style: none;
  margin: 0;
  min-width: 111px;
  overflow: auto;
  padding: 4px 0;
  vertical-align: top;
}
.ant-cascader-menu:first-child {
  border-radius: 2px 0 0 2px;
}
.ant-cascader-menu:last-child {
  border-radius: 0 2px 2px 0;
  border-right-color: #0000;
  margin-right: -1px;
}
.ant-cascader-menu:only-child {
  border-radius: 2px;
}
.ant-cascader-menu-item {
  cursor: pointer;
  line-height: 22px;
  overflow: hidden;
  padding: 5px 12px;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: #0000;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: #00000040;
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background-color: #e6f7ff;
  font-weight: 600;
}
.ant-cascader-menu-item-expand {
  padding-right: 24px;
  position: relative;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  color: #00000073;
  font-size: 10px;
  position: absolute;
  right: 12px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand
  .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: #00000040;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #ff4d4f;
}
.ant-cascader-picker-rtl .ant-cascader-input.ant-input {
  padding-left: 24px;
  padding-right: 11px;
  text-align: right;
}
.ant-cascader-picker-rtl {
  direction: rtl;
}
.ant-cascader-picker-rtl .ant-cascader-picker-label {
  padding: 0 12px 0 20px;
  text-align: right;
}
.ant-cascader-picker-rtl .ant-cascader-picker-arrow,
.ant-cascader-picker-rtl .ant-cascader-picker-clear {
  left: 12px;
  right: auto;
}
.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow,
.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear {
  left: 8px;
  right: auto;
}
.ant-cascader-menu-rtl .ant-cascader-menu {
  border-left: 1px solid #f0f0f0;
  border-right: none;
  direction: rtl;
}
.ant-cascader-menu-rtl .ant-cascader-menu:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-cascader-menu-rtl .ant-cascader-menu:last-child {
  border-left-color: #0000;
  border-radius: 2px 0 0 2px;
  margin-left: -1px;
  margin-right: 0;
}
.ant-cascader-menu-rtl .ant-cascader-menu:only-child {
  border-radius: 2px;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-expand {
  padding-left: 24px;
  padding-right: 12px;
}
.ant-cascader-menu-rtl
  .ant-cascader-menu-item-expand
  .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
  left: 12px;
  right: auto;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
  transform: scaleY(-1);
}
.ant-checkbox {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.2em;
  white-space: nowrap;
}
.ant-checkbox-input:focus + .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
  border-color: #1890ff;
}
.ant-checkbox-checked:after {
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-checkbox-wrapper:hover .ant-checkbox:after,
.ant-checkbox:hover:after {
  visibility: visible;
}
.ant-checkbox-inner {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-collapse: initial;
  border-radius: 2px;
  direction: ltr;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 16px;
}
.ant-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  height: 9.14285714px;
  left: 21.5%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  width: 5.71428571px;
}
.ant-checkbox-input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-checkbox-checked .ant-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  opacity: 1;
  position: absolute;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.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 {
  animation-name: none;
  border-color: #00000040;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner:after {
  animation-name: none;
  border-collapse: initial;
  border-color: #f5f5f5;
}
.ant-checkbox-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover:after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled:after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  font-feature-settings: "tnum";
  align-items: baseline;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-checkbox-wrapper:after {
  content: "\a0";
  display: inline-block;
  overflow: hidden;
  width: 0;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-checkbox-group {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.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 {
  background-color: #1890ff;
  border: 0;
  content: " ";
  height: 8px;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 8px;
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
  background-color: #00000040;
  border-color: #00000040;
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-left: 8px;
  margin-right: 0;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}
.ant-collapse {
  font-feature-settings: "tnum";
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  color: #000000d9;
  cursor: pointer;
  line-height: 1.5715;
  padding: 12px 16px;
  position: relative;
  transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:before {
  content: "";
  display: table;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:after {
  clear: both;
  content: "";
  display: table;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  font-size: 12px;
  margin-right: 12px;
  vertical-align: -1px;
}
.ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-arrow
  svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse
  > .ant-collapse-item
  .ant-collapse-header-collapsible-only
  .ant-collapse-header-text {
  cursor: pointer;
}
.ant-collapse
  > .ant-collapse-item.ant-collapse-no-arrow
  > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 40px 12px 16px;
}
.ant-collapse-icon-position-right
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-arrow {
  left: auto;
  margin: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.ant-collapse-content {
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
  color: #000000d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-hidden {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: initial;
  border-top: 0;
}
.ant-collapse-borderless
  > .ant-collapse-item
  > .ant-collapse-content
  > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: initial;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: initial;
  border-top: 0;
}
.ant-collapse-ghost
  > .ant-collapse-item
  > .ant-collapse-content
  > .ant-collapse-content-box {
  padding-bottom: 12px;
  padding-top: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: #00000040;
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 40px 12px 16px;
}
.ant-collapse-rtl.ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-arrow
  svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-extra {
  float: left;
}
.ant-collapse-rtl.ant-collapse
  > .ant-collapse-item.ant-collapse-no-arrow
  > .ant-collapse-header {
  padding-left: 0;
  padding-right: 12px;
}
.ant-comment {
  background-color: inherit;
  position: relative;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  cursor: pointer;
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}
.ant-comment-avatar img {
  border-radius: 50%;
  height: 32px;
  width: 32px;
}
.ant-comment-content {
  word-wrap: break-word;
  flex: 1 1 auto;
  font-size: 14px;
  min-width: 1px;
  position: relative;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  justify-content: flex-start;
  margin-bottom: 4px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  font-size: 12px;
  line-height: 18px;
  padding-right: 8px;
}
.ant-comment-content-author-name {
  color: #00000073;
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > *,
.ant-comment-content-author-name > :hover {
  color: #00000073;
}
.ant-comment-content-author-time {
  color: #ccc;
  cursor: auto;
  white-space: nowrap;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-bottom: inherit;
  margin-top: 12px;
  padding-left: 0;
}
.ant-comment-actions > li {
  color: #00000073;
  display: inline-block;
}
.ant-comment-actions > li > span {
  color: #00000073;
  cursor: pointer;
  font-size: 12px;
  margin-right: 10px;
  transition: color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-left: 12px;
  margin-right: 0;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-left: 8px;
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-left: 10px;
  margin-right: 0;
}
.ant-comment-rtl .ant-comment-nested {
  margin-left: 0;
  margin-right: 44px;
}
.ant-picker {
  font-feature-settings: "tnum";
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 4px 11px;
  position: relative;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker-focused,
.ant-picker:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-picker-focused {
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: #00000040;
}
.ant-picker.ant-picker-borderless {
  background-color: initial !important;
  border-color: #0000 !important;
  box-shadow: none !important;
}
.ant-picker-input {
  align-items: center;
  display: inline-flex;
  position: relative;
  width: 100%;
}
.ant-picker-input > input {
  background-color: #fff;
  background-image: none;
  background: #0000;
  border: 0;
  border-radius: 2px;
  color: #000000d9;
  display: inline-block;
  flex: auto;
  font-size: 14px;
  height: auto;
  line-height: 1.5715;
  min-width: 0;
  min-width: 1px;
  padding: 0;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.ant-picker-input > input::-moz-placeholder {
  opacity: 1;
}
.ant-picker-input > input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
}
.ant-picker-input > input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-picker-input > input-focused,
.ant-picker-input > input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-picker-input > input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-picker-input > input[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition: all 0.3s, height 0s;
  vertical-align: bottom;
}
.ant-picker-input > input-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-picker-input > input-sm {
  padding: 0 7px;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: #0000;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #bfbfbf;
}
.ant-picker-large {
  padding: 6.5px 11px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 0 7px;
}
.ant-picker-suffix {
  align-self: center;
  color: #00000040;
  line-height: 1;
  margin-left: 4px;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-clear {
  background: #fff;
  color: #00000040;
  cursor: pointer;
  line-height: 1;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: #00000073;
}
.ant-picker-separator {
  color: #00000040;
  cursor: default;
  display: inline-block;
  font-size: 16px;
  height: 16px;
  position: relative;
  vertical-align: top;
  width: 1em;
}
.ant-picker-focused .ant-picker-separator {
  color: #00000073;
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  display: inline-flex;
  position: relative;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  background: #1890ff;
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  line-height: 1;
  padding: 0 8px;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 7px;
}
.ant-picker-dropdown {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  display: block;
  top: 1.66666667px;
  transform: rotate(-45deg);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 1.66666667px;
  display: block;
  transform: rotate(135deg);
}
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 6.66666667px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  line-height: 34px;
  list-style: none;
  margin-bottom: 0;
  overflow: hidden;
  padding: 4px 12px;
  text-align: left;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  background: #e6f7ff;
  border-color: #91d5ff;
  color: #1890ff;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  box-shadow: 2px -2px 6px #0000000f;
  display: none;
  height: 10px;
  margin-left: 16.5px;
  position: absolute;
  transition: left 0.3s ease-out;
  width: 10px;
  z-index: 1;
}
.ant-picker-range-arrow:after {
  border-color: #fff #fff #0000 #0000;
  border-style: solid;
  border-width: 5px;
  content: "";
  height: 10px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 10px;
}
.ant-picker-panel-container {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  overflow: hidden;
  transition: margin 0.3s;
  vertical-align: top;
}
.ant-picker-panel-container .ant-picker-panels {
  direction: ltr;
  display: inline-flex;
  flex-wrap: nowrap;
}
.ant-picker-panel-container .ant-picker-panel {
  background: #0000;
  border-radius: 0;
  border-width: 0 0 1px;
  vertical-align: top;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
  text-align: center;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0;
}
.ant-picker-panel {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  display: inline-flex;
  flex-direction: column;
  outline: none;
  text-align: center;
}
.ant-picker-panel-focused {
  border-color: #1890ff;
}
.ant-picker-date-panel,
.ant-picker-decade-panel,
.ant-picker-month-panel,
.ant-picker-quarter-panel,
.ant-picker-time-panel,
.ant-picker-week-panel,
.ant-picker-year-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  border-bottom: 1px solid #f0f0f0;
  color: #000000d9;
  display: flex;
  padding: 0 8px;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  background: #0000;
  border: 0;
  color: #00000040;
  cursor: pointer;
  line-height: 40px;
  padding: 0;
  transition: color 0.3s;
}
.ant-picker-header > button {
  font-size: 14px;
  min-width: 1.6em;
}
.ant-picker-header > button:hover {
  color: #000000d9;
}
.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.ant-picker-header-view button:hover {
  color: #1890ff;
}
.ant-picker-next-icon,
.ant-picker-prev-icon,
.ant-picker-super-next-icon,
.ant-picker-super-prev-icon {
  display: inline-block;
  height: 7px;
  position: relative;
  width: 7px;
}
.ant-picker-next-icon:before,
.ant-picker-prev-icon:before,
.ant-picker-super-next-icon:before,
.ant-picker-super-prev-icon:before {
  border: 0 solid;
  border-width: 1.5px 0 0 1.5px;
  content: "";
  display: inline-block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
}
.ant-picker-super-next-icon:after,
.ant-picker-super-prev-icon:after {
  border: 0 solid;
  border-width: 1.5px 0 0 1.5px;
  content: "";
  display: inline-block;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 7px;
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.ant-picker-content td,
.ant-picker-content th {
  font-weight: 400;
  min-width: 24px;
  position: relative;
}
.ant-picker-content th {
  color: #000000d9;
  height: 30px;
  line-height: 30px;
}
.ant-picker-cell {
  color: #00000040;
  cursor: pointer;
  padding: 3px 0;
}
.ant-picker-cell-in-view {
  color: #000000d9;
}
.ant-picker-cell:before {
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  z-index: 1;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(
    .ant-picker-cell-range-start
  ):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(
    .ant-picker-cell-range-hover-end
  )
  .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
  border: 1px solid #1890ff;
  border-radius: 2px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range:before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
  background: #1890ff;
  color: #fff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ):before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ):before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(
    .ant-picker-cell-in-range
  ):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(
    .ant-picker-cell-in-range
  ):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
    .ant-picker-cell-in-range
  ):after {
  border-bottom: 1px dashed #7ec1ff;
  border-top: 1px dashed #7ec1ff;
  content: "";
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  z-index: 0;
}
.ant-picker-cell-range-hover-end:after,
.ant-picker-cell-range-hover-start:after,
.ant-picker-cell-range-hover:after {
  left: 2px;
  right: 0;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover:before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ).ant-picker-cell-range-hover-end:before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover:before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ).ant-picker-cell-range-hover-start:before,
.ant-picker-panel
  > :not(.ant-picker-date-panel)
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before,
.ant-picker-panel
  > :not(.ant-picker-date-panel)
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before {
  background: #cbe6ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ):not(.ant-picker-cell-range-end)
  .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ):not(.ant-picker-cell-range-start)
  .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
  .ant-picker-cell-inner:after,
.ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
  .ant-picker-cell-inner:after {
  background: #cbe6ff;
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  transition: all 0.3s;
  z-index: -1;
}
.ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
  .ant-picker-cell-inner:after {
  left: 0;
  right: -6px;
}
.ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
  .ant-picker-cell-inner:after {
  left: -6px;
  right: 0;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover-edge-start-near-range
  ):after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child:after {
  border-bottom-left-radius: 2px;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  left: 6px;
}
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
    .ant-picker-cell-range-hover-edge-end-near-range
  ):after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after,
tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child:after {
  border-bottom-right-radius: 2px;
  border-right: 1px dashed #7ec1ff;
  border-top-right-radius: 2px;
  right: 6px;
}
.ant-picker-cell-disabled {
  color: #00000040;
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: #0000;
}
.ant-picker-cell-disabled:before {
  background: #0000000a;
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner:before {
  border-color: #00000040;
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  border-bottom: 1px solid #0000;
  line-height: 38px;
  min-width: 100%;
  text-align: center;
  width: -moz-min-content;
  width: min-content;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  line-height: 38px;
  padding: 0 12px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #1890ff;
}
.ant-picker-today-btn:hover {
  color: #40a9ff;
}
.ant-picker-today-btn:active {
  color: #096dd9;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell:before {
  display: none;
}
.ant-picker-month-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-year-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-month-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-month-panel .ant-picker-cell-range-hover-start:after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after,
.ant-picker-year-panel .ant-picker-cell-range-hover-start:after {
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
  left: 14px;
}
.ant-picker-month-panel .ant-picker-cell-range-hover-end:after,
.ant-picker-panel-rtl
  .ant-picker-month-panel
  .ant-picker-cell-range-hover-start:after,
.ant-picker-panel-rtl
  .ant-picker-quarter-panel
  .ant-picker-cell-range-hover-start:after,
.ant-picker-panel-rtl
  .ant-picker-year-panel
  .ant-picker-cell-range-hover-start:after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after,
.ant-picker-year-panel .ant-picker-cell-range-hover-end:after {
  border-radius: 0 2px 2px 0;
  border-right: 1px dashed #7ec1ff;
  right: 14px;
}
.ant-picker-panel-rtl
  .ant-picker-month-panel
  .ant-picker-cell-range-hover-end:after,
.ant-picker-panel-rtl
  .ant-picker-quarter-panel
  .ant-picker-cell-range-hover-end:after,
.ant-picker-panel-rtl
  .ant-picker-year-panel
  .ant-picker-cell-range-hover-end:after {
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
  left: 14px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner {
  background: #0000 !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #1890ff;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: #ffffff80;
}
.ant-picker-week-panel-row-selected
  td.ant-picker-cell-today
  .ant-picker-cell-inner:before,
.ant-picker-week-panel-row-selected:hover
  td.ant-picker-cell-today
  .ant-picker-cell-inner:before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  min-width: auto;
  width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  list-style: none;
  margin: 0;
  overflow-y: hidden;
  padding: 0;
  text-align: left;
  transition: background 0.3s;
  width: 56px;
}
.ant-picker-time-panel-column:after {
  content: "";
  display: block;
  height: 196px;
}
.ant-picker-datetime-panel .ant-picker-time-panel-column:after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: #e6f7ff33;
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell
  .ant-picker-time-panel-cell-inner {
  border-radius: 0;
  color: #000000d9;
  cursor: pointer;
  display: block;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  transition: background 0.3s;
  width: 100%;
}
.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell
  .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell-selected
  .ant-picker-time-panel-cell-inner {
  background: #e6f7ff;
}
.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell-disabled
  .ant-picker-time-panel-cell-inner {
  background: #0000;
  color: #00000040;
  cursor: not-allowed;
}
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
_:-ms-fullscreen
  .ant-picker-range-wrapper
  .ant-picker-month-panel
  .ant-picker-cell,
_:-ms-fullscreen
  .ant-picker-range-wrapper
  .ant-picker-year-panel
  .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-left: 0;
  margin-right: 4px;
}
.ant-picker-rtl .ant-picker-clear {
  left: 0;
  right: auto;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-left: 0;
  margin-right: 8px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  left: 11px;
  right: auto;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-left: 0;
  margin-right: 11px;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-right: 7px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-left: 0;
  margin-right: 8px;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  border-radius: 2px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  min-width: 24px;
  position: relative;
  transition: background 0.3s, border 0.3s;
  z-index: 2;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-start:before {
  left: 0;
  right: 50%;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-end:before {
  left: 50%;
  right: 0;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end:before {
  left: 50%;
  right: 50%;
}
.ant-picker-panel-rtl
  .ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
  .ant-picker-cell-inner:after {
  left: -6px;
  right: 0;
}
.ant-picker-panel-rtl
  .ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
  .ant-picker-cell-inner:after {
  left: 0;
  right: -6px;
}
.ant-picker-panel-rtl
  .ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
  left: 50%;
  right: 0;
}
.ant-picker-panel-rtl
  .ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
  left: 0;
  right: 50%;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ):not(.ant-picker-cell-range-end)
  .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ):not(.ant-picker-cell-range-start)
  .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover-edge-start-near-range
  ):after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
    .ant-picker-cell-selected
  ):first-child:after {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-left: none;
  border-right: 1px dashed #7ec1ff;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  left: 0;
  right: 6px;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
    .ant-picker-cell-range-hover-edge-end-near-range
  ):after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
    .ant-picker-cell-selected
  ):last-child:after {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-left: 1px dashed #7ec1ff;
  border-right: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  left: 6px;
  right: 0;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(
    .ant-picker-cell-range-hover
  ):after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover
  ):after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover
  ):after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child:after {
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px;
  border-right: 1px dashed #7ec1ff;
  left: 6px;
  right: 6px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}
.ant-descriptions-header {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  color: #000000d9;
  flex: auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5715;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-descriptions-extra {
  color: #000000d9;
  font-size: 14px;
  margin-left: auto;
}
.ant-descriptions-view {
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
}
.ant-descriptions-view table {
  table-layout: fixed;
  width: 100%;
}
.ant-descriptions-row > td,
.ant-descriptions-row > th {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: #000000d9;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label:after {
  content: ":";
  margin: 0 8px 0 2px;
  position: relative;
  top: -0.5px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon:after {
  content: " ";
}
.ant-descriptions-item-no-label:after {
  content: "";
  margin: 0;
}
.ant-descriptions-item-content {
  color: #000000d9;
  display: table-cell;
  flex: 1 1;
  font-size: 14px;
  line-height: 1.5715;
  overflow-wrap: break-word;
  word-break: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-content,
.ant-descriptions-item-container .ant-descriptions-item-label {
  align-items: baseline;
  display: inline-flex;
}
.ant-descriptions-middle .ant-descriptions-row > td,
.ant-descriptions-middle .ant-descriptions-row > th {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > td,
.ant-descriptions-small .ant-descriptions-row > th {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  border-collapse: collapse;
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-content,
.ant-descriptions-bordered .ant-descriptions-item-label {
  border-right: 1px solid #f0f0f0;
  padding: 16px 24px;
}
.ant-descriptions-bordered .ant-descriptions-item-content:last-child,
.ant-descriptions-bordered .ant-descriptions-item-label:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label:after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle
  .ant-descriptions-item-content,
.ant-descriptions-bordered.ant-descriptions-middle
  .ant-descriptions-item-label {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small
  .ant-descriptions-item-content,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label:after {
  margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label {
  border-left: 1px solid #f0f0f0;
  border-right: none;
}
.ant-descriptions-rtl.ant-descriptions-bordered
  .ant-descriptions-item-content:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered
  .ant-descriptions-item-label:last-child {
  border-left: none;
}
.ant-divider {
  font-feature-settings: "tnum";
  border-top: 1px solid #0000000f;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-divider-vertical {
  border-left: 1px solid #0000000f;
  border-top: 0;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  position: relative;
  top: -0.06em;
  vertical-align: middle;
}
.ant-divider-horizontal {
  clear: both;
  display: flex;
  margin: 24px 0;
  min-width: 100%;
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text {
  border-top: 0;
  border-top-color: #0000000f;
  color: #000000d9;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  margin: 16px 0;
  text-align: center;
  white-space: nowrap;
}
.ant-divider-horizontal.ant-divider-with-text:after,
.ant-divider-horizontal.ant-divider-with-text:before {
  border-bottom: 0;
  border-top: 1px solid #0000;
  border-top-color: inherit;
  content: "";
  position: relative;
  top: 50%;
  transform: translateY(50%);
  width: 50%;
}
.ant-divider-horizontal.ant-divider-with-text-left:before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-horizontal.ant-divider-with-text-right:before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right:after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border: dashed #0000000f;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: #000000d9;
  font-size: 14px;
  font-weight: 400;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:after {
  width: 95%;
}
.ant-drawer {
  height: 100%;
  position: fixed;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s,
    width 0s ease 0.3s;
  width: 0;
  z-index: 1000;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
    box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  height: 100%;
  position: absolute;
  width: 100%;
}
.ant-drawer .ant-drawer-content {
  height: 100%;
  width: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  height: 100%;
  top: 0;
  width: 0;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  width: 100%;
}
.ant-drawer-left,
.ant-drawer-left .ant-drawer-content-wrapper {
  left: 0;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 6px 0 16px -8px #00000014, 9px 0 28px 0 #0000000d,
    12px 0 48px 16px #00000008;
}
.ant-drawer-right,
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -6px 0 16px -8px #00000014, -9px 0 28px 0 #0000000d,
    -12px 0 48px 16px #00000008;
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-bottom,
.ant-drawer-top {
  height: 0;
  left: 0;
  width: 100%;
}
.ant-drawer-bottom .ant-drawer-content-wrapper,
.ant-drawer-top .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-bottom.ant-drawer-open,
.ant-drawer-top.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 6px 16px -8px #00000014, 0 9px 28px 0 #0000000d,
    0 12px 48px 16px #00000008;
}
.ant-drawer-bottom,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -6px 16px -8px #00000014, 0 -9px 28px 0 #0000000d,
    0 -12px 48px 16px #00000008;
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  height: 100%;
  opacity: 1;
  pointer-events: auto;
  transition: none;
}
.ant-drawer-title {
  color: #000000d9;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
}
.ant-drawer-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.ant-drawer-close {
  background: #0000;
  border: 0;
  color: #00000073;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  outline: 0;
  padding: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  top: 0;
  transition: color 0.3s;
  z-index: 10;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: #000000bf;
  text-decoration: none;
}
.ant-drawer-header-no-title .ant-drawer-close {
  margin-right: 0;
  margin-right: var(--scroll-bar);
  padding-right: 20px;
  padding-right: calc(20px - var(--scroll-bar));
}
.ant-drawer-header {
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  padding: 16px 24px;
  position: relative;
}
.ant-drawer-header,
.ant-drawer-header-no-title {
  background: #fff;
  color: #000000d9;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
}
.ant-drawer-body {
  word-wrap: break-word;
  flex-grow: 1;
  font-size: 14px;
  line-height: 1.5715;
  overflow: auto;
  padding: 24px;
}
.ant-drawer-footer {
  border-top: 1px solid #f0f0f0;
  flex-shrink: 0;
  padding: 10px 16px;
}
.ant-drawer-mask {
  background-color: #00000073;
  filter: alpha(opacity=45);
  height: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.3s linear, height 0s ease 0.3s;
  width: 100%;
}
.ant-drawer-open-content {
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
}
.ant-drawer .ant-picker-clear {
  background: #fff;
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  left: 0;
  right: auto;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  background-color: #ff4d4f;
  color: #fff;
}
.ant-dropdown {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: block;
  font-size: 14px;
  font-variant: tabular-nums;
  left: -9999px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -9999px;
  z-index: 1050;
}
.ant-dropdown:before {
  bottom: -4px;
  content: " ";
  left: -7px;
  opacity: 0.0001;
  position: absolute;
  right: 0;
  top: -4px;
  z-index: -9999;
}
.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-topCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 10px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 10px;
}
.ant-dropdown-arrow {
  background: #0000;
  border-style: solid;
  border-width: 4.24264069px;
  display: block;
  height: 8.48528137px;
  position: absolute;
  transform: rotate(45deg);
  width: 8.48528137px;
  z-index: 1;
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  border-color: #0000 #fff #fff #0000;
  bottom: 6.2px;
  box-shadow: 3px 3px 7px #00000012;
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  border-color: #fff #0000 #0000 #fff;
  box-shadow: -2px -2px 5px #0000000f;
  top: 6px;
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  list-style-type: none;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: relative;
  text-align: left;
}
.ant-dropdown-menu-item-group-title {
  color: #00000073;
  padding: 5px 12px;
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  background: #0000;
  box-shadow: none;
  position: absolute;
  transform-origin: 0 0;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup li,
.ant-dropdown-menu-submenu-popup ul {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.ant-dropdown-menu-item {
  align-items: center;
  display: flex;
  position: relative;
}
.ant-dropdown-menu-item-icon {
  font-size: 12px;
  margin-right: 8px;
  min-width: 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 {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 5px 12px;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  background-color: #e6f7ff;
  color: #1890ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  background-color: #fff;
  color: #00000040;
  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 {
  background-color: #f0f0f0;
  height: 1px;
  line-height: 0;
  margin: 4px 0;
  overflow: hidden;
}
.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 {
  color: #00000073;
  font-size: 10px;
  font-style: normal;
  margin-right: 0 !important;
}
.ant-dropdown-menu-item-group-list {
  list-style: none;
  margin: 0 8px;
  padding: 0;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  left: 100%;
  margin-left: 4px;
  min-width: 100%;
  position: absolute;
  top: 0;
  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 {
  background-color: #fff;
  color: #00000040;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.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-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter,
.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-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-button > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-trigger > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: initial;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group
  > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-left: 8px;
  padding-right: 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-item
  .ant-dropdown-menu-submenu-arrow:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-item
  > .anticon
  + span
  > a
  .ant-dropdown-menu-submenu-arrow:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-item
  > a
  .ant-dropdown-menu-submenu-arrow:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow:after {
  color: #ffffffa6;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover {
  background: #0000;
  color: #fff;
}
.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 {
  background: #1890ff;
  color: #fff;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown:before {
  left: 0;
  right: -7px;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl,
.ant-dropdown-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-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.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-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl
  .ant-dropdown-menu-submenu-title
  > span
  > .anticon:first-child {
  margin-left: 8px;
  margin-right: 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-rtl
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow {
  left: 8px;
  right: auto;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-left: 24px;
  padding-right: 12px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  left: 0;
  margin-left: 0;
  margin-right: 4px;
  right: 100%;
}
.ant-empty {
  font-size: 14px;
  line-height: 1.5715;
  margin: 0 8px;
  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 {
  color: #00000040;
  margin: 32px 0;
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  color: #00000040;
  margin: 8px 0;
}
.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,
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-rtl {
  direction: rtl;
}
.ant-form-item .ant-mentions,
.ant-form-item textarea.ant-input {
  height: auto;
}
.ant-form-item .ant-upload {
  background: #0000;
}
.ant-form-item .ant-upload.ant-upload-drag {
  background: #fafafa;
}
.ant-form-item input[type="checkbox"],
.ant-form-item input[type="radio"] {
  height: 14px;
  width: 14px;
}
.ant-form-item .ant-checkbox-inline,
.ant-form-item .ant-radio-inline {
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin-left: 8px;
  vertical-align: middle;
}
.ant-form-item .ant-checkbox-inline:first-child,
.ant-form-item .ant-radio-inline:first-child {
  margin-left: 0;
}
.ant-form-item .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical {
  display: block;
}
.ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-item .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-form-item .ant-cascader-picker,
.ant-form-item .ant-select {
  width: 100%;
}
.ant-form-item .ant-input-group .ant-cascader-picker,
.ant-form-item .ant-input-group .ant-select,
.ant-form-item .ant-picker-calendar-month-select,
.ant-form-item .ant-picker-calendar-year-select {
  width: auto;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-bottom: 0;
  margin-right: 16px;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  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-item-has-feedback,
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1;
}
.ant-form-vertical .ant-form-item {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label,
.ant-form-vertical .ant-form-item-label {
  line-height: 1.5715;
  padding: 0 0 8px;
  text-align: left;
  white-space: normal;
}
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label,
.ant-form-vertical .ant-form-item-label > label {
  margin: 0;
}
.ant-col-24.ant-form-item-label > label:after,
.ant-col-xl-24.ant-form-item-label > label:after,
.ant-form-vertical .ant-form-item-label > label:after {
  display: none;
}
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label,
.ant-form-rtl.ant-form-vertical .ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .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-control,
  .ant-form .ant-form-item .ant-form-item-label {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .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 {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .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 {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .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 {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .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 {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .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-explain.ant-form-item-explain-error {
  color: #ff4d4f;
}
.ant-form-item-explain.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
.ant-form-item-has-feedback
  .ant-input-search:not(.ant-input-search-enter-button)
  .ant-input-suffix {
  right: 28px;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-arrow,
.ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-clear,
.ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback > .ant-select .ant-select-clear {
  right: 32px;
}
.ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection-selected-value,
.ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
.ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 19px;
}
.ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: 32px;
}
.ant-form-item-has-feedback .ant-picker,
.ant-form-item-has-feedback .ant-picker-large {
  padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-small {
  padding-right: 25.2px;
}
.ant-form-item-has-feedback.ant-form-item-has-error
  .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-success
  .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-warning
  .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-is-validating
  .ant-form-item-children-icon {
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  visibility: visible;
  width: 32px;
  z-index: 1;
}
.ant-form-item-has-success.ant-form-item-has-feedback
  .ant-form-item-children-icon {
  animation-name: diffZoomIn1 !important;
  color: #52c41a;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-warning
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper,
.ant-form-item-has-warning
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper:hover,
.ant-form-item-has-warning
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-form-item-has-warning
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input,
.ant-form-item-has-warning
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper-focused,
.ant-form-item-has-warning
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper:focus,
.ant-form-item-has-warning
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,
.ant-form-item-has-warning
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #faad1433;
  outline: 0;
}
.ant-form-item-has-warning .ant-input-prefix {
  color: #faad14;
}
.ant-form-item-has-warning .ant-input-group-addon {
  border-color: #faad14;
  color: #faad14;
}
.ant-form-item-has-warning .has-feedback {
  color: #faad14;
}
.ant-form-item-has-warning.ant-form-item-has-feedback
  .ant-form-item-children-icon {
  animation-name: diffZoomIn3 !important;
  color: #faad14;
}
.ant-form-item-has-warning
  .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: #fff;
  border-color: #faad14 !important;
}
.ant-form-item-has-warning
  .ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ).ant-select-focused
  .ant-select-selector,
.ant-form-item-has-warning
  .ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ).ant-select-open
  .ant-select-selector {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #faad1433;
  outline: 0;
}
.ant-form-item-has-warning .ant-input-number,
.ant-form-item-has-warning .ant-picker {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-input-number-focused,
.ant-form-item-has-warning .ant-input-number:focus,
.ant-form-item-has-warning .ant-picker-focused,
.ant-form-item-has-warning .ant-picker:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #faad1433;
  outline: 0;
}
.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
.ant-form-item-has-warning .ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #faad1433;
  outline: 0;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}
.ant-form-item-has-error
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper,
.ant-form-item-has-error
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper:hover,
.ant-form-item-has-error
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-form-item-has-error
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input,
.ant-form-item-has-error
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper-focused,
.ant-form-item-has-error
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper:focus,
.ant-form-item-has-error
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,
.ant-form-item-has-error
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-group-addon {
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.ant-form-item-has-error .has-feedback {
  color: #ff4d4f;
}
.ant-form-item-has-error.ant-form-item-has-feedback
  .ant-form-item-children-icon {
  animation-name: diffZoomIn2 !important;
  color: #ff4d4f;
}
.ant-form-item-has-error
  .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: #fff;
  border-color: #ff4d4f !important;
}
.ant-form-item-has-error
  .ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ).ant-select-focused
  .ant-select-selector,
.ant-form-item-has-error
  .ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ).ant-select-open
  .ant-select-selector {
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error
  .ant-input-group-addon
  .ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: inherit;
  border: 0;
  box-shadow: none;
}
.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number,
.ant-form-item-has-error .ant-picker {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number-focused,
.ant-form-item-has-error .ant-input-number:focus,
.ant-form-item-has-error .ant-picker-focused,
.ant-form-item-has-error .ant-picker:focus {
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error .ant-input-number:not([disabled]):hover,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
.ant-form-item-has-error
  .ant-mention-wrapper
  .ant-mention-editor:not([disabled]):hover,
.ant-form-item-has-error .ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error
  .ant-mention-wrapper
  .ant-mention-editor:not([disabled]):focus,
.ant-form-item-has-error
  .ant-mention-wrapper.ant-mention-active:not([disabled])
  .ant-mention-editor {
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error
  .ant-cascader-picker:hover
  .ant-cascader-picker-label:hover
  + .ant-cascader-input.ant-input {
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
  background-color: #fff;
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error .ant-transfer-list {
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-form-item-has-error .ant-radio-button-wrapper {
  border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child):before {
  background-color: #ff4d4f;
}
.ant-form-item-is-validating.ant-form-item-has-feedback
  .ant-form-item-children-icon {
  color: #1890ff;
  display: inline-block;
}
.ant-form {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-form legend {
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  color: #00000073;
  display: block;
  font-size: 16px;
  line-height: inherit;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type="search"] {
  box-sizing: border-box;
}
.ant-form input[type="checkbox"],
.ant-form input[type="radio"] {
  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="checkbox"]:focus,
.ant-form input[type="file"]:focus,
.ant-form input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  color: #000000d9;
  display: block;
  font-size: 14px;
  line-height: 1.5715;
  padding-top: 15px;
}
.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 {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  vertical-align: top;
}
.ant-form-item-with-help {
  margin-bottom: 0;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label > label {
  align-items: center;
  color: #000000d9;
  display: inline-flex;
  font-size: 14px;
  height: 32px;
  max-width: 100%;
  position: relative;
}
.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 {
  color: #ff4d4f;
  content: "*";
  display: inline-block;
  font-family: SimSun, sans-serif;
  font-size: 14px;
  line-height: 1;
  margin-right: 4px;
}
.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 {
  color: #00000073;
  display: inline-block;
  margin-left: 4px;
}
.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: #00000073;
  cursor: help;
  margin-inline-start: 4px;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
}
.ant-form-item-label > label:after {
  content: ":";
  margin: 0 8px 0 2px;
  position: relative;
  top: -0.5px;
}
.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 {
  align-items: center;
  display: flex;
  min-height: 32px;
  position: relative;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: #00000073;
  font-size: 14px;
  line-height: 1.5715;
  min-height: 24px;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item .ant-input-textarea-show-count:after {
  margin-bottom: -22px;
}
.ant-show-help-appear,
.ant-show-help-enter,
.ant-show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-show-help-appear.ant-show-help-appear-active,
.ant-show-help-enter.ant-show-help-enter-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.ant-show-help-leave.ant-show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear,
.ant-show-help-enter,
.ant-show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes antShowHelpOut {
  to {
    opacity: 0;
    transform: translateY(-5px);
  }
}
@keyframes diffZoomIn1 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required:before {
  margin-left: 4px;
  margin-right: 0;
}
.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-left: 0;
  margin-right: 4px;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-left: 24px;
  padding-right: 11px;
}
.ant-form-rtl
  .ant-form-item-has-feedback
  .ant-input-affix-wrapper
  .ant-input-suffix {
  padding-left: 18px;
  padding-right: 11px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl
  .ant-form-item-has-feedback
  .ant-input-search:not(.ant-input-search-enter-button)
  .ant-input-suffix {
  left: 28px;
  right: auto;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.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 > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear {
  left: 32px;
  right: auto;
}
.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
  > .ant-select
  .ant-select-selection-selected-value {
  padding-left: 42px;
  padding-right: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-left: 19px;
  margin-right: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  left: 32px;
  right: auto;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker,
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-left: 29.2px;
  padding-right: 11px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-left: 25.2px;
  padding-right: 7px;
}
.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-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-is-validating
  .ant-form-item-children-icon {
  left: 0;
  right: auto;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-left: 16px;
  margin-right: 0;
}
.ant-row {
  flex-flow: row wrap;
}
.ant-row,
.ant-row:after,
.ant-row:before {
  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-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  max-width: 100%;
  min-height: 1px;
  position: relative;
}
.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-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  left: auto;
  right: 4.16666667%;
}
.ant-col-pull-1.ant-col-rtl {
  left: 4.16666667%;
  right: auto;
}
.ant-col-offset-1.ant-col-rtl {
  margin-left: 0;
  margin-right: 4.16666667%;
}
.ant-col-push-2.ant-col-rtl {
  left: auto;
  right: 8.33333333%;
}
.ant-col-pull-2.ant-col-rtl {
  left: 8.33333333%;
  right: auto;
}
.ant-col-offset-2.ant-col-rtl {
  margin-left: 0;
  margin-right: 8.33333333%;
}
.ant-col-push-3.ant-col-rtl {
  left: auto;
  right: 12.5%;
}
.ant-col-pull-3.ant-col-rtl {
  left: 12.5%;
  right: auto;
}
.ant-col-offset-3.ant-col-rtl {
  margin-left: 0;
  margin-right: 12.5%;
}
.ant-col-push-4.ant-col-rtl {
  left: auto;
  right: 16.66666667%;
}
.ant-col-pull-4.ant-col-rtl {
  left: 16.66666667%;
  right: auto;
}
.ant-col-offset-4.ant-col-rtl {
  margin-left: 0;
  margin-right: 16.66666667%;
}
.ant-col-push-5.ant-col-rtl {
  left: auto;
  right: 20.83333333%;
}
.ant-col-pull-5.ant-col-rtl {
  left: 20.83333333%;
  right: auto;
}
.ant-col-offset-5.ant-col-rtl {
  margin-left: 0;
  margin-right: 20.83333333%;
}
.ant-col-push-6.ant-col-rtl {
  left: auto;
  right: 25%;
}
.ant-col-pull-6.ant-col-rtl {
  left: 25%;
  right: auto;
}
.ant-col-offset-6.ant-col-rtl {
  margin-left: 0;
  margin-right: 25%;
}
.ant-col-push-7.ant-col-rtl {
  left: auto;
  right: 29.16666667%;
}
.ant-col-pull-7.ant-col-rtl {
  left: 29.16666667%;
  right: auto;
}
.ant-col-offset-7.ant-col-rtl {
  margin-left: 0;
  margin-right: 29.16666667%;
}
.ant-col-push-8.ant-col-rtl {
  left: auto;
  right: 33.33333333%;
}
.ant-col-pull-8.ant-col-rtl {
  left: 33.33333333%;
  right: auto;
}
.ant-col-offset-8.ant-col-rtl {
  margin-left: 0;
  margin-right: 33.33333333%;
}
.ant-col-push-9.ant-col-rtl {
  left: auto;
  right: 37.5%;
}
.ant-col-pull-9.ant-col-rtl {
  left: 37.5%;
  right: auto;
}
.ant-col-offset-9.ant-col-rtl {
  margin-left: 0;
  margin-right: 37.5%;
}
.ant-col-push-10.ant-col-rtl {
  left: auto;
  right: 41.66666667%;
}
.ant-col-pull-10.ant-col-rtl {
  left: 41.66666667%;
  right: auto;
}
.ant-col-offset-10.ant-col-rtl {
  margin-left: 0;
  margin-right: 41.66666667%;
}
.ant-col-push-11.ant-col-rtl {
  left: auto;
  right: 45.83333333%;
}
.ant-col-pull-11.ant-col-rtl {
  left: 45.83333333%;
  right: auto;
}
.ant-col-offset-11.ant-col-rtl {
  margin-left: 0;
  margin-right: 45.83333333%;
}
.ant-col-push-12.ant-col-rtl {
  left: auto;
  right: 50%;
}
.ant-col-pull-12.ant-col-rtl {
  left: 50%;
  right: auto;
}
.ant-col-offset-12.ant-col-rtl {
  margin-left: 0;
  margin-right: 50%;
}
.ant-col-push-13.ant-col-rtl {
  left: auto;
  right: 54.16666667%;
}
.ant-col-pull-13.ant-col-rtl {
  left: 54.16666667%;
  right: auto;
}
.ant-col-offset-13.ant-col-rtl {
  margin-left: 0;
  margin-right: 54.16666667%;
}
.ant-col-push-14.ant-col-rtl {
  left: auto;
  right: 58.33333333%;
}
.ant-col-pull-14.ant-col-rtl {
  left: 58.33333333%;
  right: auto;
}
.ant-col-offset-14.ant-col-rtl {
  margin-left: 0;
  margin-right: 58.33333333%;
}
.ant-col-push-15.ant-col-rtl {
  left: auto;
  right: 62.5%;
}
.ant-col-pull-15.ant-col-rtl {
  left: 62.5%;
  right: auto;
}
.ant-col-offset-15.ant-col-rtl {
  margin-left: 0;
  margin-right: 62.5%;
}
.ant-col-push-16.ant-col-rtl {
  left: auto;
  right: 66.66666667%;
}
.ant-col-pull-16.ant-col-rtl {
  left: 66.66666667%;
  right: auto;
}
.ant-col-offset-16.ant-col-rtl {
  margin-left: 0;
  margin-right: 66.66666667%;
}
.ant-col-push-17.ant-col-rtl {
  left: auto;
  right: 70.83333333%;
}
.ant-col-pull-17.ant-col-rtl {
  left: 70.83333333%;
  right: auto;
}
.ant-col-offset-17.ant-col-rtl {
  margin-left: 0;
  margin-right: 70.83333333%;
}
.ant-col-push-18.ant-col-rtl {
  left: auto;
  right: 75%;
}
.ant-col-pull-18.ant-col-rtl {
  left: 75%;
  right: auto;
}
.ant-col-offset-18.ant-col-rtl {
  margin-left: 0;
  margin-right: 75%;
}
.ant-col-push-19.ant-col-rtl {
  left: auto;
  right: 79.16666667%;
}
.ant-col-pull-19.ant-col-rtl {
  left: 79.16666667%;
  right: auto;
}
.ant-col-offset-19.ant-col-rtl {
  margin-left: 0;
  margin-right: 79.16666667%;
}
.ant-col-push-20.ant-col-rtl {
  left: auto;
  right: 83.33333333%;
}
.ant-col-pull-20.ant-col-rtl {
  left: 83.33333333%;
  right: auto;
}
.ant-col-offset-20.ant-col-rtl {
  margin-left: 0;
  margin-right: 83.33333333%;
}
.ant-col-push-21.ant-col-rtl {
  left: auto;
  right: 87.5%;
}
.ant-col-pull-21.ant-col-rtl {
  left: 87.5%;
  right: auto;
}
.ant-col-offset-21.ant-col-rtl {
  margin-left: 0;
  margin-right: 87.5%;
}
.ant-col-push-22.ant-col-rtl {
  left: auto;
  right: 91.66666667%;
}
.ant-col-pull-22.ant-col-rtl {
  left: 91.66666667%;
  right: auto;
}
.ant-col-offset-22.ant-col-rtl {
  margin-left: 0;
  margin-right: 91.66666667%;
}
.ant-col-push-23.ant-col-rtl {
  left: auto;
  right: 95.83333333%;
}
.ant-col-pull-23.ant-col-rtl {
  left: 95.83333333%;
  right: auto;
}
.ant-col-offset-23.ant-col-rtl {
  margin-left: 0;
  margin-right: 95.83333333%;
}
.ant-col-push-24.ant-col-rtl {
  left: auto;
  right: 100%;
}
.ant-col-pull-24.ant-col-rtl {
  left: 100%;
  right: auto;
}
.ant-col-offset-24.ant-col-rtl {
  margin-left: 0;
  margin-right: 100%;
}
.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 {
  left: auto;
  right: 4.16666667%;
}
.ant-col-xs-pull-1.ant-col-rtl {
  left: 4.16666667%;
  right: auto;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-left: 0;
  margin-right: 4.16666667%;
}
.ant-col-xs-push-2.ant-col-rtl {
  left: auto;
  right: 8.33333333%;
}
.ant-col-xs-pull-2.ant-col-rtl {
  left: 8.33333333%;
  right: auto;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-left: 0;
  margin-right: 8.33333333%;
}
.ant-col-xs-push-3.ant-col-rtl {
  left: auto;
  right: 12.5%;
}
.ant-col-xs-pull-3.ant-col-rtl {
  left: 12.5%;
  right: auto;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-left: 0;
  margin-right: 12.5%;
}
.ant-col-xs-push-4.ant-col-rtl {
  left: auto;
  right: 16.66666667%;
}
.ant-col-xs-pull-4.ant-col-rtl {
  left: 16.66666667%;
  right: auto;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-left: 0;
  margin-right: 16.66666667%;
}
.ant-col-xs-push-5.ant-col-rtl {
  left: auto;
  right: 20.83333333%;
}
.ant-col-xs-pull-5.ant-col-rtl {
  left: 20.83333333%;
  right: auto;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-left: 0;
  margin-right: 20.83333333%;
}
.ant-col-xs-push-6.ant-col-rtl {
  left: auto;
  right: 25%;
}
.ant-col-xs-pull-6.ant-col-rtl {
  left: 25%;
  right: auto;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-left: 0;
  margin-right: 25%;
}
.ant-col-xs-push-7.ant-col-rtl {
  left: auto;
  right: 29.16666667%;
}
.ant-col-xs-pull-7.ant-col-rtl {
  left: 29.16666667%;
  right: auto;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-left: 0;
  margin-right: 29.16666667%;
}
.ant-col-xs-push-8.ant-col-rtl {
  left: auto;
  right: 33.33333333%;
}
.ant-col-xs-pull-8.ant-col-rtl {
  left: 33.33333333%;
  right: auto;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-left: 0;
  margin-right: 33.33333333%;
}
.ant-col-xs-push-9.ant-col-rtl {
  left: auto;
  right: 37.5%;
}
.ant-col-xs-pull-9.ant-col-rtl {
  left: 37.5%;
  right: auto;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-left: 0;
  margin-right: 37.5%;
}
.ant-col-xs-push-10.ant-col-rtl {
  left: auto;
  right: 41.66666667%;
}
.ant-col-xs-pull-10.ant-col-rtl {
  left: 41.66666667%;
  right: auto;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-left: 0;
  margin-right: 41.66666667%;
}
.ant-col-xs-push-11.ant-col-rtl {
  left: auto;
  right: 45.83333333%;
}
.ant-col-xs-pull-11.ant-col-rtl {
  left: 45.83333333%;
  right: auto;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-left: 0;
  margin-right: 45.83333333%;
}
.ant-col-xs-push-12.ant-col-rtl {
  left: auto;
  right: 50%;
}
.ant-col-xs-pull-12.ant-col-rtl {
  left: 50%;
  right: auto;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-left: 0;
  margin-right: 50%;
}
.ant-col-xs-push-13.ant-col-rtl {
  left: auto;
  right: 54.16666667%;
}
.ant-col-xs-pull-13.ant-col-rtl {
  left: 54.16666667%;
  right: auto;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-left: 0;
  margin-right: 54.16666667%;
}
.ant-col-xs-push-14.ant-col-rtl {
  left: auto;
  right: 58.33333333%;
}
.ant-col-xs-pull-14.ant-col-rtl {
  left: 58.33333333%;
  right: auto;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-left: 0;
  margin-right: 58.33333333%;
}
.ant-col-xs-push-15.ant-col-rtl {
  left: auto;
  right: 62.5%;
}
.ant-col-xs-pull-15.ant-col-rtl {
  left: 62.5%;
  right: auto;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-left: 0;
  margin-right: 62.5%;
}
.ant-col-xs-push-16.ant-col-rtl {
  left: auto;
  right: 66.66666667%;
}
.ant-col-xs-pull-16.ant-col-rtl {
  left: 66.66666667%;
  right: auto;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-left: 0;
  margin-right: 66.66666667%;
}
.ant-col-xs-push-17.ant-col-rtl {
  left: auto;
  right: 70.83333333%;
}
.ant-col-xs-pull-17.ant-col-rtl {
  left: 70.83333333%;
  right: auto;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-left: 0;
  margin-right: 70.83333333%;
}
.ant-col-xs-push-18.ant-col-rtl {
  left: auto;
  right: 75%;
}
.ant-col-xs-pull-18.ant-col-rtl {
  left: 75%;
  right: auto;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-left: 0;
  margin-right: 75%;
}
.ant-col-xs-push-19.ant-col-rtl {
  left: auto;
  right: 79.16666667%;
}
.ant-col-xs-pull-19.ant-col-rtl {
  left: 79.16666667%;
  right: auto;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-left: 0;
  margin-right: 79.16666667%;
}
.ant-col-xs-push-20.ant-col-rtl {
  left: auto;
  right: 83.33333333%;
}
.ant-col-xs-pull-20.ant-col-rtl {
  left: 83.33333333%;
  right: auto;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-left: 0;
  margin-right: 83.33333333%;
}
.ant-col-xs-push-21.ant-col-rtl {
  left: auto;
  right: 87.5%;
}
.ant-col-xs-pull-21.ant-col-rtl {
  left: 87.5%;
  right: auto;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-left: 0;
  margin-right: 87.5%;
}
.ant-col-xs-push-22.ant-col-rtl {
  left: auto;
  right: 91.66666667%;
}
.ant-col-xs-pull-22.ant-col-rtl {
  left: 91.66666667%;
  right: auto;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-left: 0;
  margin-right: 91.66666667%;
}
.ant-col-xs-push-23.ant-col-rtl {
  left: auto;
  right: 95.83333333%;
}
.ant-col-xs-pull-23.ant-col-rtl {
  left: 95.83333333%;
  right: auto;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-left: 0;
  margin-right: 95.83333333%;
}
.ant-col-xs-push-24.ant-col-rtl {
  left: auto;
  right: 100%;
}
.ant-col-xs-pull-24.ant-col-rtl {
  left: 100%;
  right: auto;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-left: 0;
  margin-right: 100%;
}
@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 {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
@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 {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-md-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-md-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-md-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-md-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-md-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-md-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-md-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-md-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-md-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-md-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-md-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-md-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-md-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-md-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-md-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-md-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-md-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-md-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-md-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-md-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-md-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-md-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-md-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
@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 {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
@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 {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
@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 {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
.ant-row-rtl {
  direction: rtl;
}
.ant-image {
  display: inline-block;
  position: relative;
}
.ant-image-img {
  display: block;
  height: auto;
  width: 100%;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjUgMi41aC0xM0EuNS41IDAgMCAwIDEgM3YxMGEuNS41IDAgMCAwIC41LjVoMTNhLjUuNSAwIDAgMCAuNS0uNVYzYS41LjUgMCAwIDAtLjUtLjV6TTUuMjgxIDQuNzVhMSAxIDAgMCAxIDAgMiAxIDEgMCAwIDEgMC0yem04LjAzIDYuODNhLjEyNy4xMjcgMCAwIDEtLjA4MS4wM0gyLjc2OWEuMTI1LjEyNSAwIDAgMS0uMDk2LS4yMDdsMi42NjEtMy4xNTZhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTYuMDE2TDcuMDggMTAuMDlsMi40Ny0yLjkzYS4xMjYuMTI2IDAgMCAxIC4xNzctLjAxNmwuMDE1LjAxNiAzLjU4OCA0LjI0NGEuMTI3LjEyNyAwIDAgMS0uMDIuMTc1eiIgZmlsbD0iIzhDOEM4QyIvPjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
}
.ant-image-mask {
  align-items: center;
  background: #00000080;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-image-preview {
  height: 100%;
  pointer-events: none;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.antzoom-appear {
  animation-duration: 0.3s;
  opacity: 0;
  transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-image-preview-mask {
  background-color: #00000073;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  left: 0;
  outline: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
}
.ant-image-preview-body {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-image-preview-img {
  cursor: grab;
  max-height: 100%;
  max-width: 100%;
  pointer-events: auto;
  transform: scaleX(1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.ant-image-preview-img,
.ant-image-preview-img-wrapper {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-image-preview-img-wrapper:before {
  content: "";
  display: inline-block;
  height: 50%;
  margin-right: -1px;
  width: 1px;
}
.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 {
  font-feature-settings: "tnum";
  align-items: center;
  background: #0000001a;
  box-sizing: border-box;
  color: #000000d9;
  color: #ffffffd9;
  display: flex;
  flex-direction: row-reverse;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-image-preview-operations-operation {
  cursor: pointer;
  margin-left: 12px;
  padding: 12px;
}
.ant-image-preview-operations-operation-disabled {
  color: #ffffff40;
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  align-items: center;
  background: #0000001a;
  border-radius: 50%;
  color: #ffffffd9;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-top: -22px;
  pointer-events: auto;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 44px;
  z-index: 1;
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
  color: #ffffff40;
  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;
}
.ant-input-number {
  font-feature-settings: "tnum";
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 0;
  position: relative;
  transition: all 0.3s;
  width: 100%;
  width: 90px;
}
.ant-input-number::-moz-placeholder {
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
}
.ant-input-number:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-focused,
.ant-input-number:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-input-number[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-borderless,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless-focused,
.ant-input-number-borderless:focus,
.ant-input-number-borderless:hover,
.ant-input-number-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition: all 0.3s, height 0s;
  vertical-align: bottom;
}
.ant-input-number-lg {
  padding: 6.5px 11px;
}
.ant-input-number-sm {
  padding: 0 7px;
}
.ant-input-number-handler {
  border-left: 1px solid #d9d9d9;
  color: #00000073;
  display: block;
  font-weight: 700;
  height: 50%;
  line-height: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: all 0.1s linear;
  width: 100%;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-down-inner,
.ant-input-number-handler:hover .ant-input-number-handler-up-inner {
  color: #40a9ff;
}
.ant-input-number-handler-down-inner,
.ant-input-number-handler-up-inner {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  color: #00000073;
  display: inline-block;
  font-style: normal;
  height: 12px;
  line-height: 0;
  line-height: 12px;
  position: absolute;
  right: 4px;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  transition: all 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: -0.125em;
  width: 12px;
}
.ant-input-number-handler-down-inner > *,
.ant-input-number-handler-up-inner > * {
  line-height: 1;
}
.ant-input-number-handler-down-inner svg,
.ant-input-number-handler-up-inner svg {
  display: inline-block;
}
.ant-input-number-handler-down-inner:before,
.ant-input-number-handler-up-inner:before {
  display: none;
}
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-input-number-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap,
.ant-input-number-readonly .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  -moz-appearance: textfield !important;
  background-color: initial;
  border: 0;
  border-radius: 2px;
  height: 30px;
  outline: 0;
  padding: 0 11px;
  text-align: left;
  transition: all 0.3s linear;
  width: 100%;
}
.ant-input-number-input::-moz-placeholder {
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type="number"]::-webkit-inner-spin-button,
.ant-input-number-input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ant-input-number-lg {
  font-size: 16px;
  padding: 0;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  background: #fff;
  border-radius: 0 2px 2px 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.24s linear 0.1s;
  width: 22px;
}
.ant-input-number-handler-wrap
  .ant-input-number-handler
  .ant-input-number-handler-down-inner,
.ant-input-number-handler-wrap
  .ant-input-number-handler
  .ant-input-number-handler-up-inner {
  font-size: 7px;
  margin-right: 0;
  min-width: auto;
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-left-width: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  margin-top: -5px;
  text-align: center;
  top: 50%;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  border-bottom-right-radius: 2px;
  border-top: 1px solid #d9d9d9;
  cursor: pointer;
  top: 0;
}
.ant-input-number-handler-down-inner {
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-borderless .ant-input-number-handler-down {
  border-top-width: 0;
}
.ant-input-number-handler-down-disabled,
.ant-input-number-handler-up-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-down-disabled:hover
  .ant-input-number-handler-down-inner,
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner {
  color: #00000040;
}
.ant-input-number-borderless {
  box-shadow: none;
}
.ant-input-number-out-of-range input {
  color: #ff4d4f;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  border-left: 0;
  border-radius: 2px 0 0 2px;
  border-right: 1px solid #d9d9d9;
  left: 0;
  right: auto;
}
.ant-input-number-rtl.ant-input-number-borderless
  .ant-input-number-handler-wrap {
  border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: ltr;
  text-align: right;
}
.ant-input-affix-wrapper {
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #000000d9;
  display: inline-block;
  display: inline-flex;
  font-size: 14px;
  line-height: 1.5715;
  min-width: 0;
  padding: 4px 11px;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.ant-input-affix-wrapper::-moz-placeholder {
  opacity: 1;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
}
.ant-input-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper-focused,
.ant-input-rtl .ant-input-affix-wrapper:focus {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-affix-wrapper-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition: all 0.3s, height 0s;
  vertical-align: bottom;
}
.ant-input-affix-wrapper-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-input-affix-wrapper-sm {
  padding: 0 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 !important;
  z-index: 1;
}
.ant-input-rtl
  .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.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: #0000;
}
.ant-input-affix-wrapper > input.ant-input {
  border: none;
  outline: none;
  padding: 0;
}
.ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper:before {
  content: "\a0";
  visibility: hidden;
  width: 0;
}
.ant-input-prefix,
.ant-input-suffix {
  align-items: center;
  display: flex;
  flex: none;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon {
  color: #00000040;
  cursor: pointer;
  font-size: 12px;
  margin: 0;
  transition: color 0.3s;
  vertical-align: -1px;
}
.anticon.ant-input-clear-icon:hover {
  color: #00000073;
}
.anticon.ant-input-clear-icon:active {
  color: #000000d9;
}
.anticon.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
  border: 0 !important;
  padding: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
}
.ant-input {
  font-feature-settings: "tnum";
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 4px 11px;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.ant-input::-moz-placeholder {
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::placeholder {
  color: #bfbfbf;
}
.ant-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input:hover {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-focused,
.ant-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-input-rtl .ant-input-focused,
.ant-input-rtl .ant-input:focus {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-borderless,
.ant-input-borderless-disabled,
.ant-input-borderless-focused,
.ant-input-borderless:focus,
.ant-input-borderless:hover,
.ant-input-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition: all 0.3s, height 0s;
  vertical-align: bottom;
}
.ant-input-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-input-sm {
  padding: 0 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  font-feature-settings: "tnum";
  border-collapse: initial;
  border-spacing: 0;
  box-sizing: border-box;
  color: #000000d9;
  display: table;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.ant-input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 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 {
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  margin-bottom: 0;
  text-align: inherit;
  width: 100%;
}
.ant-input-group .ant-input:focus,
.ant-input-group .ant-input:hover {
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #000000d9;
  font-size: 14px;
  font-weight: 400;
  padding: 0 11px;
  position: relative;
  text-align: center;
  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 #0000;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-focused .ant-select-selector,
.ant-input-group-addon .ant-select-open .ant-select-selector {
  color: #1890ff;
}
.ant-input-group-addon .ant-cascader-picker {
  background-color: initial;
  margin: -9px -12px;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  border: 0;
  box-shadow: none;
  text-align: left;
}
.ant-input-group-addon:first-child,
.ant-input-group-addon:first-child .ant-select .ant-select-selector,
.ant-input-group > .ant-input:first-child,
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group-addon:last-child,
.ant-input-group-addon:last-child .ant-select .ant-select-selector,
.ant-input-group > .ant-input:last-child,
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact:before {
  content: "";
  display: table;
}
.ant-input-group.ant-input-group-compact:after {
  clear: both;
  content: "";
  display: table;
}
.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
  ):focus,
.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
  ):focus,
.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):focus,
.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 > * {
  border-radius: 0;
  display: inline-block;
  float: none;
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > :not(:last-child) {
  border-right-width: 1px;
  margin-right: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.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,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector {
  border-radius: 0;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker
  .ant-input:focus,
.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:focus,
.ant-input-group.ant-input-group-compact
  > .ant-input-group-wrapper
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-focused,
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow,
.ant-input-group.ant-input-group-compact
  > .ant-select
  > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact
  > .ant-select
  > .ant-select-selector:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:first-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete:first-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select:first-child
  > .ant-select-selector,
.ant-input-group.ant-input-group-compact > :first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker-focused:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select:last-child
  > .ant-select-selector,
.ant-input-group.ant-input-group-compact > :last-child {
  border-bottom-right-radius: 2px;
  border-right-width: 1px;
  border-top-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,
.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-rtl .ant-input-group-addon:first-child,
.ant-input-group > .ant-input-rtl:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-left: 0;
  border-right: 1px solid #d9d9d9;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-left: 1px solid #d9d9d9;
  border-right: 0;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-group-rtl.ant-input-group-addon:last-child,
.ant-input-group-rtl.ant-input-group > .ant-input:last-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) {
  border-left-width: 1px;
  margin-left: -1px;
  margin-right: 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:first-child
  .ant-input,
.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-select:first-child
  > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > :first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker-focused: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-select-auto-complete:last-child
  .ant-input,
.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 > :last-child {
  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-left: 0;
  margin-right: -1px;
}
.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;
  text-align: start;
  vertical-align: top;
  width: 100%;
}
.ant-input-password-icon {
  color: #00000073;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #000000d9;
}
.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-bottom: 3px;
  padding-top: 3px;
}
.ant-input-textarea-show-count:after {
  color: #00000073;
  content: attr(data-count);
  float: right;
  pointer-events: none;
  white-space: nowrap;
}
.ant-input-search .ant-input:focus,
.ant-input-search .ant-input:hover {
  border-color: #40a9ff;
}
.ant-input-search
  .ant-input:focus
  + .ant-input-group-addon
  .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search
  .ant-input:hover
  + .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 {
  border: 0;
  left: -1px;
  padding: 0;
}
.ant-input-search
  > .ant-input-group
  > .ant-input-group-addon:last-child
  .ant-input-search-button {
  border-radius: 0 2px 2px 0;
  padding-bottom: 0;
  padding-top: 0;
}
.ant-input-search
  > .ant-input-group
  > .ant-input-group-addon:last-child
  .ant-input-search-button:not(.ant-btn-primary) {
  color: #00000073;
}
.ant-input-search
  > .ant-input-group
  > .ant-input-group-addon:last-child
  .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading:before {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.ant-input-search-button {
  height: 32px;
}
.ant-input-search-button:focus,
.ant-input-search-button:hover {
  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-rtl,
.ant-input-group-wrapper-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-left: 4px;
  margin-right: 0;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  left: 8px;
  right: auto;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl
  .ant-input:focus
  + .ant-input-group-addon
  .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl
  .ant-input:hover
  + .ant-input-group-addon
  .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #d9d9d9;
  border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover {
  border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
  left: auto;
  right: -1px;
}
.ant-input-search-rtl
  > .ant-input-group
  > .ant-input-group-addon
  .ant-input-search-button {
  border-radius: 2px 0 0 2px;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ant-input {
    height: 32px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}
.ant-layout {
  background: #f0f2f5;
  display: flex;
  flex: auto;
  flex-direction: column;
  min-height: 0;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}
.ant-layout-footer,
.ant-layout-header {
  flex: 0 0 auto;
}
.ant-layout-header {
  background: #001529;
  color: #000000d9;
  height: 64px;
  line-height: 64px;
  padding: 0 50px;
}
.ant-layout-footer {
  background: #f0f2f5;
  color: #000000d9;
  font-size: 14px;
  padding: 24px 50px;
}
.ant-layout-content {
  flex: auto;
  min-height: 0;
}
.ant-layout-sider {
  background: #001529;
  min-width: 0;
  position: relative;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: auto;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  background: #002140;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  position: fixed;
  text-align: center;
  transition: all 0.2s;
  z-index: 1;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  background: #001529;
  border-radius: 0 2px 2px 0;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  position: absolute;
  right: -36px;
  text-align: center;
  top: 64px;
  transition: background 0.3s ease;
  width: 36px;
  z-index: 1;
}
.ant-layout-sider-zero-width-trigger:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
}
.ant-layout-sider-zero-width-trigger:hover:after {
  background: #ffffff1a;
}
.ant-layout-sider-zero-width-trigger-right {
  border-radius: 2px 0 0 2px;
  left: -36px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger,
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  background: #fff;
  color: #000000d9;
}
.ant-layout-rtl {
  direction: rtl;
}
.ant-list {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-left: 32px;
  padding-right: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  color: #00000040;
  font-size: 14px;
  padding: 16px;
  text-align: center;
}
.ant-list-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-list-item {
  align-items: center;
  color: #000000d9;
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.ant-list-item-meta {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  color: #000000d9;
  flex: 1 0;
  width: 0;
}
.ant-list-item-meta-title {
  color: #000000d9;
  font-size: 14px;
  line-height: 1.5715;
  margin-bottom: 4px;
}
.ant-list-item-meta-title > a {
  color: #000000d9;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: #00000073;
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-action {
  flex: 0 0 auto;
  font-size: 0;
  list-style: none;
  margin-left: 48px;
  padding: 0;
}
.ant-list-item-action > li {
  color: #00000073;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5715;
  padding: 0 8px;
  position: relative;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  background-color: #f0f0f0;
  height: 14px;
  margin-top: -7px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}
.ant-list-footer,
.ant-list-header {
  background: #0000;
  padding-bottom: 12px;
  padding-top: 12px;
}
.ant-list-empty {
  color: #00000073;
  font-size: 12px;
  padding: 16px 0;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item
  .ant-spin-container
  > .ant-list-items
  > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: normal;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  color: #000000d9;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
.ant-list-vertical .ant-list-item-action {
  margin-left: auto;
  margin-top: 16px;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  border-bottom: none;
  display: block;
  margin-bottom: 16px;
  max-width: 100%;
  padding-bottom: 0;
  padding-top: 0;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-list-bordered .ant-list-footer,
.ant-list-bordered .ant-list-header,
.ant-list-bordered .ant-list-item {
  padding-left: 24px;
  padding-right: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-footer,
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-footer,
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action,
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-left: 16px;
  margin-right: 0;
}
.ant-list-rtl .ant-list-item-action {
  margin-left: 0;
  margin-right: 48px;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-left: 16px;
  padding-right: 0;
}
.ant-list-rtl .ant-list-item-action-split {
  left: 0;
  right: auto;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-left: 0;
  margin-right: 40px;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 16px;
  padding-right: 0;
}
.ant-list-rtl
  .ant-list:not(.ant-list-vertical)
  .ant-list-item-no-flex
  .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action,
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-left: 0;
    margin-right: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-left: 0;
    margin-right: 22px;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions {
  font-feature-settings: "tnum";
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  height: auto;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 0.3s;
  vertical-align: bottom;
  white-space: pre-wrap;
  width: 100%;
}
.ant-mentions::-moz-placeholder {
  opacity: 1;
}
.ant-mentions:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions::placeholder {
  color: #bfbfbf;
}
.ant-mentions:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-focused,
.ant-mentions:focus,
.ant-mentions:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-mentions-focused,
.ant-mentions:focus {
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-mentions-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-borderless,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless-focused,
.ant-mentions-borderless:focus,
.ant-mentions-borderless:hover,
.ant-mentions-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition: all 0.3s, height 0s;
  vertical-align: bottom;
}
.ant-mentions-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-mentions-sm {
  padding: 0 7px;
}
.ant-mentions-disabled > textarea {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-mentions-measure,
.ant-mentions > textarea {
  font-feature-settings: inherit;
  word-wrap: break-word;
  direction: inherit;
  font-family: inherit;
  font-size: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  min-height: 30px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 11px;
  -moz-tab-size: inherit;
  -o-tab-size: inherit;
  tab-size: inherit;
  text-align: inherit;
  vertical-align: top;
  white-space: inherit;
  word-break: inherit;
}
.ant-mentions > textarea {
  border: none;
  outline: none;
  resize: none;
  width: 100%;
}
.ant-mentions > textarea::-moz-placeholder {
  opacity: 1;
}
.ant-mentions > textarea:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea::placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  bottom: 0;
  color: #0000;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  font-feature-settings: "tnum", normal;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  font-variant: normal;
  left: -9999px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: -9999px;
  z-index: 1050;
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  list-style: none;
  margin-bottom: 0;
  max-height: 250px;
  outline: none;
  overflow: auto;
  padding-left: 0;
}
.ant-mentions-dropdown-menu-item {
  color: #000000d9;
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 1.5715;
  min-width: 100px;
  overflow: hidden;
  padding: 5px 12px;
  position: relative;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
  white-space: nowrap;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  background-color: #fff;
  color: #00000040;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  background-color: #fafafa;
  color: #000000d9;
  font-weight: 600;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-menu-item-danger.ant-menu-item,
.ant-menu-item-danger.ant-menu-item-active,
.ant-menu-item-danger.ant-menu-item:hover {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected,
.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 {
  background-color: #ff4d4f;
  color: #fff;
}
.ant-menu {
  font-feature-settings: "tnum";
  background: #fff;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 0;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: left;
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu:after,
.ant-menu:before {
  content: "";
  display: table;
}
.ant-menu:after {
  clear: both;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #1890ff33;
}
.ant-menu ol,
.ant-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.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 {
  color: #00000073;
  font-size: 14px;
  height: 1.5715;
  line-height: 1.5715;
  padding: 8px 16px;
  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: auto;
  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: #000000d9;
}
.ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-item a:before {
  background-color: initial;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-menu-item > .ant-badge a {
  color: #000000d9;
}
.ant-menu-item > .ant-badge a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  background-color: #f0f0f0;
  height: 1px;
  line-height: 0;
  overflow: hidden;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: initial;
}
.ant-menu-item-selected,
.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-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub,
.ant-menu-vertical.ant-menu-sub {
  border-right: 0;
  max-height: calc(100vh - 100px);
  min-width: 160px;
  overflow: hidden;
  padding: 0;
}
.ant-menu-vertical-left.ant-menu-sub:not([class*="-active"]),
.ant-menu-vertical-right.ant-menu-sub:not([class*="-active"]),
.ant-menu-vertical.ant-menu-sub:not([class*="-active"]) {
  overflow-x: hidden;
  overflow-y: auto;
}
.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-item {
  border-right: 0;
  left: 0;
  margin-left: 0;
}
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after,
.ant-menu-vertical.ant-menu-sub .ant-menu-item:after {
  border-right: 0;
}
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.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 {
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0 20px;
  position: relative;
  transition: border-color 0.3s, background 0.3s,
    padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  white-space: nowrap;
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-submenu-title .anticon {
  font-size: 14px;
  min-width: 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-item .anticon + span,
.ant-menu-submenu-title .ant-menu-item-icon + 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 > .ant-menu-item-icon,
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-right: 0;
}
.ant-menu-item:focus-visible,
.ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #1890ff33;
}
.ant-menu > .ant-menu-item-divider {
  background-color: #f0f0f0;
  height: 1px;
  line-height: 0;
  margin: 1px 0;
  overflow: hidden;
  padding: 0;
}
.ant-menu-submenu-popup {
  background: #0000;
  border-radius: 2px;
  box-shadow: none;
  position: absolute;
  transform-origin: 0 0;
  z-index: 1050;
}
.ant-menu-submenu-popup:before {
  bottom: 0;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0.0001;
  position: absolute;
  right: 0;
  top: -7px;
  width: 100%;
  z-index: -1;
}
.ant-menu-submenu-placement-rightTop:before {
  left: -7px;
  top: 0;
}
.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-arrow,
.ant-menu-submenu-expand-icon {
  color: #000000d9;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 10px;
}
.ant-menu-submenu-arrow:after,
.ant-menu-submenu-arrow:before {
  background-color: currentColor;
  border-radius: 2px;
  content: "";
  height: 1.5px;
  position: absolute;
  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);
  width: 6px;
}
.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-arrow,
.ant-menu-submenu:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-expand-icon {
  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 {
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
  line-height: 46px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-bottom: 0;
  margin-top: -1px;
  padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover {
  color: #1890ff;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover:after {
  border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  display: inline-block;
  position: relative;
  top: 1px;
  vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item:after,
.ant-menu-horizontal > .ant-menu-submenu:after {
  border-bottom: 2px solid #0000;
  bottom: 0;
  content: "";
  left: 20px;
  position: absolute;
  right: 20px;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: #000000d9;
}
.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 {
  clear: both;
  content: "\20";
  display: block;
  height: 0;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item {
  position: relative;
}
.ant-menu-inline .ant-menu-item:after,
.ant-menu-vertical .ant-menu-item:after,
.ant-menu-vertical-left .ant-menu-item:after,
.ant-menu-vertical-right .ant-menu-item:after {
  border-right: 3px solid #1890ff;
  bottom: 0;
  content: "";
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0.0001);
  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);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-vertical-right .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  margin-bottom: 4px;
  margin-top: 4px;
  overflow: hidden;
  padding: 0 16px;
  text-overflow: ellipsis;
}
.ant-menu-inline .ant-menu-submenu,
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-inline .ant-menu-item:not(:last-child),
.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) {
  margin-bottom: 8px;
}
.ant-menu-inline > .ant-menu-item,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical > .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-item-selected:after,
.ant-menu-inline .ant-menu-selected:after {
  opacity: 1;
  transform: scaleY(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 {
  align-items: center;
  display: flex;
  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% - 8px);
  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 .anticon,
.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-item
  .anticon,
.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-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
  .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon {
  font-size: 16px;
  line-height: 40px;
  margin: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .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
  .ant-menu-item-icon
  + 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
  .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
  .anticon
  + 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-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: #ffffffd9;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  overflow: hidden;
  padding-left: 4px;
  padding-right: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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-inline,
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right {
  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 {
  background: #fafafa;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.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 {
  background: none;
  color: #00000040 !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled:after,
.ant-menu-submenu-disabled:after {
  border-color: #0000 !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: #00000040 !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: #00000040 !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.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:after,
.ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before {
  background: #00000040 !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
  color: #1890ff;
}
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark,
.ant-menu.ant-menu-dark .ant-menu-sub {
  background: #001529;
  color: #ffffffa6;
}
.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,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.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:after,
.ant-menu.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: #0000;
}
.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 {
  border-color: #001529;
  border-bottom: 0;
  margin-top: 0;
  padding: 0 20px;
  top: 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: #ffffffa6;
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  border-right: 0;
  left: 0;
  margin-left: 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-active,
.ant-menu-dark .ant-menu-item:hover,
.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 {
  background-color: initial;
  color: #fff;
}
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-item:hover
  > .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-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-item: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-submenu-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:before,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.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:after,
.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:after,
.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: initial;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-selected {
  border-right: 0;
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected:after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon,
.ant-menu-dark .ant-menu-item-selected .anticon + span,
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,
.ant-menu.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: #ffffff59 !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: #ffffff59 !important;
}
.ant-menu-dark
  .ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.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:after,
.ant-menu-dark
  .ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before {
  background: #ffffff59 !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-left: 1px solid #f0f0f0;
  border-right: none;
}
.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-left.ant-menu-sub > .ant-menu-item,
.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-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.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-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-left: 10px;
  margin-right: auto;
}
.ant-menu-rtl .ant-menu-item.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
  > .ant-menu-item-icon,
.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-inline
  > .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-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow {
  left: 16px;
  right: auto;
}
.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,
.ant-menu-rtl
  .ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before {
  transform: rotate(-45deg) translateY(-2px);
}
.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,
.ant-menu-rtl
  .ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-inline .ant-menu-item:after,
.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 {
  left: 0;
  right: auto;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-left: 34px;
  padding-right: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-left: 34px;
  padding-right: 16px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical
  .ant-menu-submenu-title {
  padding: 0 calc(50% - 8px);
}
.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-left: 0;
  padding-right: 32px;
}
.ant-message {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  left: 0;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: none;
  position: fixed;
  top: 8px;
  width: 100%;
  z-index: 1010;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  display: inline-block;
  padding: 10px 16px;
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #ff4d4f;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation-duration: 0.3s;
  animation-name: MessageMoveOut;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    opacity: 1;
    padding: 8px;
  }
  to {
    max-height: 0;
    opacity: 0;
    padding: 0;
  }
}
.ant-message-rtl,
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-left: 8px;
  margin-right: 0;
}
.ant-modal {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0 auto;
  max-width: calc(100vw - 32px);
  padding: 0 0 24px;
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
}
.ant-modal.ant-zoom-enter,
.ant-modal.antzoom-appear {
  animation-duration: 0.3s;
  opacity: 0;
  transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-modal-mask {
  background-color: #00000073;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  left: 0;
  outline: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.ant-modal-title {
  word-wrap: break-word;
  color: #000000d9;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
}
.ant-modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  pointer-events: auto;
  position: relative;
}
.ant-modal-close {
  background: #0000;
  border: 0;
  color: #00000073;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
  transition: color 0.3s;
  z-index: 10;
}
.ant-modal-close-x {
  display: block;
  font-size: 16px;
  font-style: normal;
  height: 56px;
  line-height: 56px;
  text-align: center;
  text-rendering: auto;
  text-transform: none;
  width: 56px;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: #000000bf;
  text-decoration: none;
}
.ant-modal-header {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  color: #000000d9;
  padding: 16px 24px;
}
.ant-modal-body {
  word-wrap: break-word;
  font-size: 14px;
  line-height: 1.5715;
  padding: 24px;
}
.ant-modal-footer {
  background: #0000;
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #f0f0f0;
  padding: 10px 16px;
  text-align: right;
}
.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 {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.ant-modal-centered .ant-modal {
  display: inline-block;
  text-align: left;
  top: 0;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    margin: 8px auto;
    max-width: calc(100vw - 16px);
  }
  .ant-modal-centered .ant-modal {
    flex: 1 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 {
  content: "";
  display: table;
}
.ant-modal-confirm-body-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  color: #000000d9;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  overflow: hidden;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  color: #000000d9;
  font-size: 14px;
  margin-top: 8px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  font-size: 22px;
  margin-right: 16px;
}
.ant-modal-confirm-body
  > .anticon
  + .ant-modal-confirm-title
  + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #ff4d4f;
}
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-warning .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 {
  left: 0;
  right: auto;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-left: 0;
  margin-right: 8px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-left: 16px;
  margin-right: 0;
}
.ant-modal-wrap-rtl
  .ant-modal-confirm-body
  > .anticon
  + .ant-modal-confirm-title
  + .ant-modal-confirm-content {
  margin-left: 0;
  margin-right: 38px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  float: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-left: 0;
  margin-right: 8px;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}
.ant-notification {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0 24px 0 0;
  padding: 0;
  position: fixed;
  z-index: 1010;
}
.ant-notification-bottomLeft,
.ant-notification-topLeft {
  margin-left: 24px;
  margin-right: 0;
}
.ant-notification-bottomLeft
  .ant-notification-fade-appear.ant-notification-fade-appear-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-topLeft
  .ant-notification-fade-enter.ant-notification-fade-enter-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  cursor: pointer;
  font-size: 14px;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  word-wrap: break-word;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  line-height: 1.5715;
  margin-bottom: 16px;
  margin-left: auto;
  max-width: calc(100vw - 48px);
  overflow: hidden;
  padding: 16px 24px;
  position: relative;
  width: 384px;
}
.ant-notification-bottomLeft .ant-notification-notice,
.ant-notification-topLeft .ant-notification-notice {
  margin-left: 0;
  margin-right: auto;
}
.ant-notification-notice-message {
  color: #000000d9;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.ant-notification-notice-message-single-line-auto-margin {
  background-color: initial;
  display: block;
  max-width: 4px;
  pointer-events: none;
  width: calc(264px - 100%);
}
.ant-notification-notice-message-single-line-auto-margin:before {
  content: "";
  display: block;
}
.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 {
  font-size: 16px;
  margin-bottom: 4px;
  margin-left: 48px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  font-size: 14px;
  margin-left: 48px;
}
.ant-notification-notice-icon {
  font-size: 24px;
  line-height: 24px;
  margin-left: 4px;
  position: absolute;
}
.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 {
  color: #00000073;
  outline: none;
  position: absolute;
  right: 22px;
  top: 16px;
}
.ant-notification-notice-close:hover {
  color: #000000ab;
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-notification-fade-appear,
.ant-notification-fade-enter {
  animation-play-state: paused;
  opacity: 0;
}
.ant-notification-fade-appear,
.ant-notification-fade-enter,
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-notification-fade-leave {
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-fade-enter.ant-notification-fade-enter-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;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    opacity: 0;
    right: 384px;
  }
  to {
    opacity: 1;
    right: 0;
  }
}
@keyframes NotificationFadeOut {
  0% {
    margin-bottom: 16px;
    max-height: 150px;
    opacity: 1;
  }
  to {
    margin-bottom: 0;
    max-height: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl
  .ant-notification-notice-closable
  .ant-notification-notice-message {
  padding-left: 24px;
  padding-right: 0;
}
.ant-notification-rtl
  .ant-notification-notice-with-icon
  .ant-notification-notice-description,
.ant-notification-rtl
  .ant-notification-notice-with-icon
  .ant-notification-notice-message {
  margin-left: 0;
  margin-right: 48px;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-left: 0;
  margin-right: 4px;
}
.ant-notification-rtl .ant-notification-notice-close {
  left: 22px;
  right: auto;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-page-header {
  font-feature-settings: "tnum";
  background-color: #fff;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 16px 24px;
  position: relative;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  font-size: 16px;
  line-height: 1;
  margin-right: 16px;
}
.ant-page-header-back-button {
  color: #1890ff;
  color: #000;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color 0.3s;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: #40a9ff;
}
.ant-page-header-back-button:active {
  color: #096dd9;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  align-items: center;
  display: flex;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  color: #000000d9;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 0;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  color: #00000073;
  font-size: 14px;
  line-height: 1.5715;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  margin-left: 12px;
  white-space: inherit;
}
.ant-page-header-heading-extra > :first-child {
  margin-left: 0;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav:before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  font-size: 16px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-left: 16px;
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar,
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-left: 12px;
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-left: 12px;
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-left: 0;
  margin-right: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-extra > :first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: right;
}
.ant-pagination {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
}
.ant-pagination,
.ant-pagination ol,
.ant-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-pagination:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.ant-pagination-item,
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  margin-right: 8px;
  vertical-align: middle;
}
.ant-pagination-item {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  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;
  list-style: none;
  min-width: 32px;
  outline: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-pagination-item a {
  color: #000000d9;
  display: block;
  padding: 0 6px;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus-visible,
.ant-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a,
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item-active {
  background: #fff;
  border-color: #1890ff;
  font-weight: 500;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:focus-visible,
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus-visible a,
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-jump-next,
.ant-pagination-jump-prev {
  outline: 0;
}
.ant-pagination-jump-next .ant-pagination-item-container,
.ant-pagination-jump-prev .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-link-icon,
.ant-pagination-jump-prev
  .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-next
  .ant-pagination-item-container
  .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-link-icon-svg {
  bottom: 0;
  left: 0;
  margin: auto;
  right: 0;
  top: 0;
}
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis {
  bottom: 0;
  color: #00000040;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  left: 0;
  letter-spacing: 2px;
  margin: auto;
  opacity: 1;
  position: absolute;
  right: 0;
  text-align: center;
  text-indent: 0.13em;
  top: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-next,
.ant-pagination-jump-prev,
.ant-pagination-prev {
  margin-right: 8px;
}
.ant-pagination-jump-next,
.ant-pagination-jump-prev,
.ant-pagination-next,
.ant-pagination-prev {
  border-radius: 2px;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  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;
  height: 32px;
  line-height: 32px;
  list-style: none;
  min-width: 32px;
  text-align: center;
  transition: all 0.3s;
  vertical-align: middle;
}
.ant-pagination-next,
.ant-pagination-prev {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-next button,
.ant-pagination-prev button {
  color: #000000d9;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-pagination-next:hover button,
.ant-pagination-prev:hover button {
  border-color: #40a9ff;
}
.ant-pagination-next .ant-pagination-item-link,
.ant-pagination-prev .ant-pagination-item-link {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  display: block;
  font-size: 12px;
  height: 100%;
  outline: none;
  padding: 0;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
.ant-pagination-next:focus-visible .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link,
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link {
  border-color: #1890ff;
  color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:focus-visible,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:focus-visible .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  border-color: #d9d9d9;
  color: #00000040;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media (-ms-high-contrast: none) {
  .ant-pagination-options,
  .ant-pagination-options ::-ms-backdrop {
    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;
  line-height: 32px;
  margin-left: 8px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 1.5715;
  margin: 0 8px;
  min-width: 0;
  padding: 4px 11px;
  position: relative;
  transition: all 0.3s;
  width: 100%;
  width: 50px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-focused,
.ant-pagination-options-quick-jumper input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-pagination-options-quick-jumper input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition: all 0.3s, height 0s;
  vertical-align: bottom;
}
.ant-pagination-options-quick-jumper input-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0 7px;
}
.ant-pagination-simple .ant-pagination-next,
.ant-pagination-simple .ant-pagination-prev {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link {
  background-color: initial;
  border: 0;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after,
.ant-pagination-simple .ant-pagination-prev .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 {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  outline: none;
  padding: 0 6px;
  text-align: center;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  background: #f5f5f5;
  border-color: #d9d9d9;
  color: #00000040;
  cursor: not-allowed;
}
.ant-pagination.mini .ant-pagination-simple-pager,
.ant-pagination.mini .ant-pagination-total-text {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  height: 24px;
  line-height: 22px;
  margin: 0;
  min-width: 24px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: #0000;
  border-color: #0000;
}
.ant-pagination.mini .ant-pagination-next,
.ant-pagination.mini .ant-pagination-prev {
  height: 24px;
  line-height: 24px;
  margin: 0;
  min-width: 24px;
}
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link {
  background: #0000;
  border-color: #0000;
}
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after,
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-next,
.ant-pagination.mini .ant-pagination-jump-prev {
  height: 24px;
  line-height: 24px;
  margin-right: 0;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-size-changer {
  top: 0;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 0 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  background: #0000;
  border: none;
  color: #00000040;
  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: #00000040;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: #f5f5f5;
  border-color: #d9d9d9;
  color: #00000040;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled
  .ant-pagination-item-link {
  background: #0000;
}
.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: #00000040;
}
@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-item,
.ant-pagination-rtl .ant-pagination-jump-next,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-total-text {
  margin-left: 8px;
  margin-right: 0;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-left: 0;
  margin-right: 16px;
}
.ant-pagination-rtl
  .ant-pagination-options
  .ant-pagination-options-size-changer.ant-select {
  margin-left: 8px;
  margin-right: 0;
}
.ant-pagination-rtl
  .ant-pagination-options
  .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager,
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-left: 8px;
  margin-right: 0;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-left: 0;
  margin-right: 2px;
}
.ant-popconfirm {
  z-index: 1060;
}
.ant-popover {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: auto;
  font-size: 14px;
  font-variant: tabular-nums;
  font-weight: 400;
  left: 0;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: normal;
  z-index: 1030;
}
.ant-popover:after {
  background: #ffffff03;
  content: "";
  position: absolute;
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightBottom,
.ant-popover-placement-rightTop {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftBottom,
.ant-popover-placement-leftTop {
  padding-right: 10px;
}
.ant-popover-inner {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-shadow: 0 0 8px #00000026\9;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ant-popover-inner {
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
      0 9px 28px 8px #0000000d;
  }
}
.ant-popover-title {
  border-bottom: 1px solid #f0f0f0;
  color: #000000d9;
  font-weight: 500;
  margin: 0;
  min-height: 32px;
  min-width: 177px;
  padding: 5px 16px 4px;
}
.ant-popover-inner-content {
  color: #000000d9;
  padding: 12px 16px;
}
.ant-popover-message {
  color: #000000d9;
  font-size: 14px;
  padding: 4px 0 12px;
  position: relative;
}
.ant-popover-message > .anticon {
  color: #faad14;
  font-size: 14px;
  position: absolute;
  top: 8.0005px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  background: #0000;
  display: block;
  height: 8.48528137px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 8.48528137px;
}
.ant-popover-arrow-content {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  margin: auto;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 1.51471863px;
}
.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 #00000012;
  transform: translateY(-4.24264069px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: 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-rightBottom .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow {
  left: 1.51471863px;
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content {
  box-shadow: -3px 3px 7px #00000012;
  transform: translateX(4.24264069px) rotate(45deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: 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: 1.51471863px;
}
.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 #0000000f;
  transform: translateY(4.24264069px) rotate(45deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: 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-leftBottom .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow {
  right: 1.51471863px;
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content {
  box-shadow: 3px -3px 7px #00000012;
  transform: translateX(-4.24264069px) rotate(45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-magenta .ant-popover-arrow-content,
.ant-popover-magenta .ant-popover-inner,
.ant-popover-pink .ant-popover-arrow-content,
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-arrow-content,
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-arrow-content,
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-arrow-content,
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-arrow-content,
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-arrow-content,
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-arrow-content,
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-arrow-content,
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-arrow-content,
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-arrow-content,
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-arrow-content,
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-arrow-content,
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-left: 16px;
  padding-right: 22px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-left: 0;
  margin-right: 8px;
}
.ant-progress {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-progress-line {
  font-size: 14px;
  position: relative;
  width: 100%;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.ant-progress-steps-item {
  background: #f3f3f3;
  flex-shrink: 0;
  margin-right: 2px;
  min-width: 2px;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  margin-right: 0;
  padding-right: 0;
  width: 100%;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  background-color: #f5f5f5;
  border-radius: 100px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient)
  .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-bg,
.ant-progress-success-bg {
  background-color: #1890ff;
  border-radius: 100px;
  position: relative;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  background-color: #52c41a;
  left: 0;
  position: absolute;
  top: 0;
}
.ant-progress-text {
  color: #000000d9;
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  margin-left: 8px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 2em;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg:before {
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  background: #fff;
  border-radius: 10px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-status-exception
  .ant-progress-inner:not(.ant-progress-circle-gradient)
  .ant-progress-circle-path {
  stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success
  .ant-progress-inner:not(.ant-progress-circle-gradient)
  .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  background-color: initial;
  line-height: 1;
  position: relative;
}
.ant-progress-circle .ant-progress-text {
  color: #000000d9;
  font-size: 1em;
  left: 50%;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: normal;
  width: 100%;
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    opacity: 0.1;
    transform: translateX(-100%) scaleX(0);
  }
  20% {
    opacity: 0.5;
    transform: translateX(-100%) scaleX(0);
  }
  to {
    opacity: 0;
    transform: translateX(0) scaleX(1);
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-left: calc(-2em - 8px);
  margin-right: 0;
  padding-left: calc(2em + 8px);
  padding-right: 0;
}
.ant-progress-rtl .ant-progress-success-bg {
  left: auto;
  right: 0;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-left: 0;
  margin-right: 8px;
  text-align: right;
}
.ant-radio-group {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-size: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 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 {
  font-feature-settings: "tnum";
  align-items: baseline;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0 8px 0 0;
  padding: 0;
  position: relative;
}
.ant-radio-wrapper:after {
  content: "\a0";
  display: inline-block;
  overflow: hidden;
  width: 0;
}
.ant-radio {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.2em;
}
.ant-radio-input:focus + .ant-radio-inner,
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px #1890ff14;
}
.ant-radio-checked:after {
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  border: 1px solid #1890ff;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-radio-wrapper:hover .ant-radio:after,
.ant-radio:hover:after {
  visibility: visible;
}
.ant-radio-inner {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 16px;
}
.ant-radio-inner:after {
  background-color: #1890ff;
  border-left: 0;
  border-radius: 8px;
  border-top: 0;
  content: " ";
  display: block;
  height: 8px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  width: 8px;
}
.ant-radio-input {
  bottom: 0;
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner:after {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner:after {
  background-color: #0003;
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-radio-button-wrapper {
  background: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1.02px 1px 1px 0;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 30px;
  margin: 0;
  padding: 0 15px;
  position: relative;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: #000000d9;
}
.ant-radio-button-wrapper > .ant-radio-button {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  font-size: 16px;
  height: 40px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  line-height: 22px;
  padding: 0 7px;
}
.ant-radio-button-wrapper:not(:first-child):before {
  background-color: #d9d9d9;
  box-sizing: initial;
  content: "";
  display: block;
  height: 100%;
  left: -1px;
  padding: 1px 0;
  position: absolute;
  top: -1px;
  transition: background-color 0.3s;
  width: 1px;
}
.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 {
  color: #1890ff;
  position: relative;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px #1890ff14;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type="checkbox"],
.ant-radio-button-wrapper input[type="radio"] {
  height: 0;
  opacity: 0;
  pointer-events: none;
  width: 0;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #fff;
  border-color: #1890ff;
  color: #1890ff;
  z-index: 1;
}
.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 {
  border-color: #40a9ff;
  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 {
  border-color: #096dd9;
  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 #1890ff14;
}
.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #1890ff;
  border-color: #1890ff;
  color: #fff;
}
.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover {
  background: #40a9ff;
  border-color: #40a9ff;
  color: #fff;
}
.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):active {
  background: #096dd9;
  border-color: #096dd9;
  color: #fff;
}
.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):focus-within {
  box-shadow: 0 0 0 3px #1890ff14;
}
.ant-radio-button-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled,
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  color: #00000040;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
}
@keyframes antRadioEffect {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.6);
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  direction: rtl;
  margin-left: 8px;
  margin-right: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-left-width: 1px;
  border-right-width: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(
    :first-child
  ):before {
  left: 0;
  right: -1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-radius: 0 2px 2px 0;
  border-right: 1px solid #d9d9d9;
}
.ant-radio-button-wrapper-checked:not(
    [class*=" ant-radio-button-wrapper-disabled"]
  ).ant-radio-button-wrapper:first-child {
  border-right-color: #40a9ff;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}
.ant-rate {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  color: #fadb14;
  display: inline-block;
  font-size: 14px;
  font-size: 20px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: inherit;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  color: inherit;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div {
  transition: all 0.3s, outline 0s;
}
.ant-rate-star > div:focus-visible,
.ant-rate-star > div:hover {
  transform: scale(1.1);
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:focus-visible {
  outline: 1px dashed #fadb14;
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-full .ant-rate-star-second,
.ant-rate-star-half .ant-rate-star-first {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  font-size: 14px;
  margin: 0 8px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-left: 8px;
  margin-right: 0;
}
.ant-rate-rtl .ant-rate-star-first {
  left: auto;
  right: 0;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #ff4d4f;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  height: 295px;
  margin: auto;
  width: 250px;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: #000000d9;
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: #00000073;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > :last-child {
  margin-right: 0;
}
.ant-result-content {
  background-color: #fafafa;
  margin-top: 24px;
  padding: 24px 40px;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-left: 8px;
  margin-right: 0;
}
.ant-result-rtl .ant-result-extra > :last-child {
  margin-left: 0;
}
.ant-select-single .ant-select-selector {
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  bottom: 0;
  left: 11px;
  position: absolute;
  right: 11px;
  top: 0;
}
.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 {
  line-height: 30px;
  padding: 0;
  transition: all 0.3s;
}
@supports (-moz-appearance: meterbar) {
  .ant-select-single .ant-select-selector .ant-select-selection-item,
  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    line-height: 30px;
  }
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  pointer-events: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-item:after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder:after,
.ant-select-single .ant-select-selector:after {
  content: "\a0";
  display: inline-block;
  visibility: hidden;
  width: 0;
}
.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 {
  height: 32px;
  padding: 0 11px;
  width: 100%;
}
.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 {
  left: 0;
  padding: 0 11px;
  position: absolute;
  right: 0;
}
.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
  .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-placeholder,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input)
  .ant-select-selector:after {
  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
  .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-placeholder,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input)
  .ant-select-selector:after {
  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 {
  left: 7px;
  right: 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;
}
.ant-select-selection-overflow {
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
  position: relative;
}
.ant-select-selection-overflow-item {
  align-self: center;
  flex: none;
  max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  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 {
  content: "\a0";
  display: inline-block;
  line-height: 24px;
  margin: 2px 0;
  width: 0;
}
.ant-select-multiple.ant-select-allow-clear .ant-select-selector,
.ant-select-multiple.ant-select-show-arrow .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: default;
  display: flex;
  flex: none;
  height: 24px;
  line-height: 22px;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-inline-end: 4px;
  max-width: 100%;
  padding-inline-end: 4px;
  padding-inline-start: 8px;
  position: relative;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  border-color: #d9d9d9;
  color: #bfbfbf;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.ant-select-multiple .ant-select-selection-item-remove {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  color: #00000073;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 0;
  line-height: inherit;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  vertical-align: -0.125em;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove:before {
  display: none;
}
.ant-select-multiple
  .ant-select-selection-item-remove
  .ant-select-multiple
  .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: -0.2em;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: #000000bf;
}
.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 {
  margin-bottom: 2px;
  margin-top: 2px;
  margin-inline-start: 7px;
  max-width: 100%;
  position: relative;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  height: 24px;
  line-height: 24px;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  min-width: 4.1px;
  width: 100%;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  white-space: pre;
  z-index: 999;
}
.ant-select-multiple .ant-select-selection-placeholder {
  left: 11px;
  position: absolute;
  right: 11px;
  top: 50%;
  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 {
  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 {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  position: relative;
  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;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  background: #f5f5f5;
  color: #00000040;
  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 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #0000;
  border: none;
  margin: 0;
  outline: none;
  padding: 0;
}
.ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-selection-item {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (-ms-high-contrast: none) {
  .ant-select-selection-item,
  .ant-select-selection-item ::-ms-backdrop {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  color: #bfbfbf;
  flex: 1 1;
  overflow: hidden;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (-ms-high-contrast: none) {
  .ant-select-selection-placeholder,
  .ant-select-selection-placeholder ::-ms-backdrop {
    flex: auto;
  }
}
.ant-select-arrow {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  color: #00000040;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  height: 12px;
  line-height: 0;
  line-height: 1;
  margin-top: -6px;
  pointer-events: none;
  position: absolute;
  right: 11px;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  top: 50%;
  vertical-align: -0.125em;
  width: 12px;
}
.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 {
  transition: transform 0.3s;
  vertical-align: top;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-clear {
  background: #fff;
  color: #00000040;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  height: 12px;
  line-height: 1;
  margin-top: -6px;
  opacity: 0;
  position: absolute;
  right: 11px;
  text-align: center;
  text-rendering: auto;
  text-transform: none;
  top: 50%;
  transition: color 0.3s ease, opacity 0.15s ease;
  width: 12px;
  z-index: 1;
}
.ant-select-clear:before {
  display: block;
}
.ant-select-clear:hover {
  color: #00000073;
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  font-feature-settings: "tnum", normal;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  font-variant: normal;
  left: -9999px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 4px 0;
  position: absolute;
  top: -9999px;
  z-index: 1050;
}
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-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: #00000040;
}
.ant-select-item-empty {
  color: #000000d9;
  color: #00000040;
}
.ant-select-item,
.ant-select-item-empty {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  min-height: 32px;
  padding: 5px 12px;
  position: relative;
}
.ant-select-item {
  color: #000000d9;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: #00000073;
  cursor: default;
  font-size: 12px;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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) {
  background-color: #e6f7ff;
  color: #000000d9;
  font-weight: 600;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled)
  .ant-select-item-option-state {
  color: #1890ff;
}
.ant-select-item-option-disabled {
  color: #00000040;
  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: initial !important;
  border-color: #0000 !important;
  box-shadow: none !important;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow,
.ant-select-rtl .ant-select-clear {
  left: 11px;
  right: auto;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-left: 12px;
  padding-right: 24px;
}
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector {
  padding-left: 24px;
  padding-right: 4px;
}
.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-left: 4px;
  margin-right: 0;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  left: auto;
  right: 0;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  left: auto;
  right: 11px;
}
.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 {
  left: 9px;
  right: 0;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow
  .ant-select-selection-search {
  left: 25px;
  right: 11px;
}
.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-left: 18px;
  padding-right: 0;
}
.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-left: 21px;
  padding-right: 0;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  background: #bebebe33;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  width: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.ant-skeleton-content .ant-skeleton-title {
  background: #bebebe33;
  border-radius: 4px;
  height: 16px;
  margin-top: 16px;
  width: 100%;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  background: #bebebe33;
  border-radius: 4px;
  height: 16px;
  list-style: none;
  width: 100%;
}
.ant-skeleton-content
  .ant-skeleton-paragraph
  > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar
  .ant-skeleton-content
  .ant-skeleton-title
  + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title {
  border-radius: 100px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton.ant-skeleton-active
  .ant-skeleton-content
  .ant-skeleton-paragraph
  > li,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-image,
.ant-skeleton.ant-skeleton-active .ant-skeleton-input {
  animation: ant-skeleton-loading 1.4s ease infinite;
  background: linear-gradient(
    90deg,
    #bebebe33 25%,
    #8181813d 37%,
    #bebebe33 63%
  );
  background-size: 400% 100%;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  background: #bebebe33;
  border-radius: 2px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  width: 64px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  border-radius: 50%;
  width: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  height: 40px;
  line-height: 40px;
  width: 80px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  border-radius: 50%;
  width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  height: 24px;
  line-height: 24px;
  width: 48px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  border-radius: 50%;
  width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  background: #bebebe33;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  width: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  background: #bebebe33;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  width: 100%;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  height: 40px;
  line-height: 40px;
  width: 100%;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  height: 24px;
  line-height: 24px;
  width: 100%;
}
.ant-skeleton-element .ant-skeleton-image {
  align-items: center;
  background: #bebebe33;
  display: flex;
  height: 96px;
  justify-content: center;
  line-height: 96px;
  vertical-align: top;
  width: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  height: 48px;
  line-height: 48px;
  max-height: 192px;
  max-width: 192px;
  width: 48px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-left: 16px;
  padding-right: 0;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active
  .ant-skeleton-content
  .ant-skeleton-paragraph
  > li,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active
  .ant-skeleton-content
  .ant-skeleton-title {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
.ant-slider {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 12px;
  line-height: 1.5715;
  list-style: none;
  margin: 10px 6px;
  padding: 4px 0;
  position: relative;
  touch-action: none;
}
.ant-slider-vertical {
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
  width: 12px;
}
.ant-slider-vertical .ant-slider-rail {
  height: 100%;
  width: 4px;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-left: -5px;
  margin-top: -6px;
}
.ant-slider-vertical .ant-slider-mark {
  height: 100%;
  left: 12px;
  top: 0;
  width: 18px;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  height: 100%;
  width: 4px;
}
.ant-slider-vertical .ant-slider-dot {
  left: 2px;
  margin-bottom: -4px;
  top: auto;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: 0;
  min-width: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-left: 0;
  margin-right: -5px;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  left: auto;
  right: 12px;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  left: auto;
  right: 4px;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  left: auto;
  right: 2px;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  background-color: #f5f5f5;
  width: 100%;
}
.ant-slider-rail,
.ant-slider-track {
  border-radius: 2px;
  height: 4px;
  position: absolute;
  transition: background-color 0.3s;
}
.ant-slider-track {
  background-color: #91d5ff;
}
.ant-slider-handle {
  background-color: #fff;
  border: 2px solid #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  height: 14px;
  margin-top: -5px;
  position: absolute;
  transition: border-color 0.3s, box-shadow 0.6s,
    transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  width: 14px;
}
.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging,
.ant-slider-handle:focus {
  border-color: #46a6ff;
  box-shadow: 0 0 0 5px #1890ff1f;
}
.ant-slider-handle:focus {
  outline: none;
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 100%;
}
.ant-slider-mark-text {
  color: #00000073;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: keep-all;
}
.ant-slider-mark-text-active {
  color: #000000d9;
}
.ant-slider-step {
  background: #0000;
  height: 4px;
  position: absolute;
  width: 100%;
}
.ant-slider-dot {
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
  height: 8px;
  position: absolute;
  top: -2px;
  width: 8px;
}
.ant-slider-dot,
.ant-slider-dot:first-child,
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: #00000040 !important;
}
.ant-slider-disabled .ant-slider-dot,
.ant-slider-disabled .ant-slider-handle {
  background-color: #fff;
  border-color: #00000040 !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-dot,
.ant-slider-disabled .ant-slider-mark-text {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  left: auto;
  right: 0;
}
.ant-slider-rtl .ant-slider-dot,
.ant-slider-rtl .ant-slider-dot:first-child,
.ant-slider-rtl .ant-slider-dot:last-child {
  margin-left: 0;
  margin-right: -4px;
}
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-spin {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  color: #1890ff;
  display: none;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  vertical-align: middle;
}
.ant-spin-spinning {
  display: inline-block;
  opacity: 1;
  position: static;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  display: block;
  height: 100%;
  left: 0;
  max-height: 400px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  left: 50%;
  margin: -10px;
  position: absolute;
  top: 50%;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  padding-top: 5px;
  position: absolute;
  text-shadow: 0 1px 2px #fff;
  top: 50%;
  width: 100%;
}
.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 {
  background: #fff;
  bottom: 0;
  content: "";
  display: none\9;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  z-index: 10;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-spin-blur:after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: #00000073;
}
.ant-spin-dot {
  display: inline-block;
  font-size: 20px;
  height: 1em;
  position: relative;
  width: 1em;
}
.ant-spin-dot-item {
  animation: antSpinMove 1s linear infinite alternate;
  background-color: #1890ff;
  border-radius: 100%;
  display: block;
  height: 9px;
  opacity: 0.3;
  position: absolute;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  width: 9px;
}
.ant-spin-dot-item:first-child {
  left: 0;
  top: 0;
}
.ant-spin-dot-item:nth-child(2) {
  animation-delay: 0.4s;
  right: 0;
  top: 0;
}
.ant-spin-dot-item:nth-child(3) {
  animation-delay: 0.8s;
  bottom: 0;
  right: 0;
}
.ant-spin-dot-item:nth-child(4) {
  animation-delay: 1.2s;
  bottom: 0;
  left: 0;
}
.ant-spin-dot-spin {
  animation: antRotate 1.2s linear infinite;
  transform: rotate(45deg);
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  height: 6px;
  width: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  height: 14px;
  width: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  animation-name: antRotateRtl;
  transform: rotate(-45deg);
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}
.ant-statistic {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-statistic-title {
  color: #00000073;
  font-size: 14px;
  margin-bottom: 4px;
}
.ant-statistic-content {
  color: #000000d9;
  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-size: 24px;
}
.ant-statistic-content-value {
  direction: ltr;
  display: inline-block;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
}
.ant-statistic-rtl {
  direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
  margin-left: 4px;
  margin-right: 0;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
  margin-left: 0;
  margin-right: 4px;
}
.ant-steps {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: flex;
  font-size: 14px;
  font-size: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-align: initial;
  width: 100%;
}
.ant-steps-item {
  display: inline-block;
  flex: 1 1;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail {
  display: none;
}
.ant-steps-item-content,
.ant-steps-item-icon {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  border: 1px solid #00000040;
  border-radius: 32px;
  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-size: 16px;
  height: 32px;
  line-height: 32px;
  margin: 0 8px 0 0;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s;
  width: 32px;
}
.ant-steps-item-icon .ant-steps-icon {
  color: #1890ff;
  line-height: 1;
  position: relative;
  top: -0.5px;
}
.ant-steps-item-tail {
  left: 0;
  padding: 0 10px;
  position: absolute;
  top: 12px;
  width: 100%;
}
.ant-steps-item-tail:after {
  background: #f0f0f0;
  border-radius: 1px;
  content: "";
  display: inline-block;
  height: 1px;
  transition: background 0.3s;
  width: 100%;
}
.ant-steps-item-title {
  color: #000000d9;
  display: inline-block;
  font-size: 16px;
  line-height: 32px;
  padding-right: 16px;
  position: relative;
}
.ant-steps-item-title:after {
  background: #f0f0f0;
  content: "";
  display: block;
  height: 1px;
  left: 100%;
  position: absolute;
  top: 16px;
  width: 9999px;
}
.ant-steps-item-subtitle {
  display: inline;
  font-weight: 400;
  margin-left: 8px;
}
.ant-steps-item-description,
.ant-steps-item-subtitle {
  color: #00000073;
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: #00000040;
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: #00000040;
}
.ant-steps-item-wait
  .ant-steps-item-icon
  > .ant-steps-icon
  .ant-steps-icon-dot {
  background: #00000040;
}
.ant-steps-item-wait
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title {
  color: #00000073;
}
.ant-steps-item-wait
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  background-color: #f0f0f0;
}
.ant-steps-item-wait
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-description {
  color: #00000073;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail:after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-process
  .ant-steps-item-icon
  > .ant-steps-icon
  .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title {
  color: #000000d9;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  background-color: #f0f0f0;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-description {
  color: #000000d9;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-tail:after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #1890ff;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-icon
  .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-finish
  .ant-steps-item-icon
  > .ant-steps-icon
  .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-finish
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title {
  color: #000000d9;
}
.ant-steps-item-finish
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  background-color: #1890ff;
}
.ant-steps-item-finish
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-description {
  color: #00000073;
}
.ant-steps-item-finish
  > .ant-steps-item-container
  > .ant-steps-item-tail:after {
  background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #ff4d4f;
}
.ant-steps-item-error
  .ant-steps-item-icon
  > .ant-steps-icon
  .ant-steps-icon-dot {
  background: #ff4d4f;
}
.ant-steps-item-error
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title {
  color: #ff4d4f;
}
.ant-steps-item-error
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  background-color: #f0f0f0;
}
.ant-steps-item-error
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-description {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail:after {
  background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title:after {
  background: #ff4d4f;
}
.ant-steps-item-disabled {
  cursor: not-allowed;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"] {
  cursor: pointer;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]
  .ant-steps-item-description,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]
  .ant-steps-item-icon
  .ant-steps-icon,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]
  .ant-steps-item-subtitle,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]
  .ant-steps-item-title {
  transition: color 0.3s;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-description,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-subtitle,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-title {
  color: #1890ff;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-icon {
  border-color: #1890ff;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-icon
  .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:last-child
  .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
  background: none;
  border: 0;
  height: auto;
}
.ant-steps-item-custom
  > .ant-steps-item-container
  > .ant-steps-item-icon
  > .ant-steps-icon {
  font-size: 24px;
  height: 32px;
  left: 0.5px;
  line-height: 32px;
  top: 0;
  width: 32px;
}
.ant-steps-item-custom.ant-steps-item-process
  .ant-steps-item-icon
  > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical)
  .ant-steps-item-custom
  .ant-steps-item-icon {
  background: none;
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item {
  padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
  border-radius: 24px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  margin: 0 8px 0 0;
  text-align: center;
  width: 24px;
}
.ant-steps-small .ant-steps-item-title {
  font-size: 14px;
  line-height: 24px;
  padding-right: 12px;
}
.ant-steps-small .ant-steps-item-title:after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: #00000073;
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  background: none;
  border: 0;
  border-radius: 0;
  height: inherit;
  line-height: inherit;
  width: inherit;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: flex;
  flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
  display: block;
  flex: 1 0 auto;
  overflow: visible;
  padding-left: 0;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  height: 100%;
  left: 16px;
  padding: 38px 0 6px;
  position: absolute;
  top: 0;
  width: 1px;
}
.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail:after {
  height: 100%;
  width: 1px;
}
.ant-steps-vertical
  > .ant-steps-item:not(:last-child)
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  display: none;
}
.ant-steps-vertical.ant-steps-small
  .ant-steps-item-container
  .ant-steps-item-tail {
  left: 12px;
  padding: 30px 0 6px;
  position: absolute;
  top: 0;
}
.ant-steps-vertical.ant-steps-small
  .ant-steps-item-container
  .ant-steps-item-title {
  line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  margin-top: 8px;
  text-align: center;
  width: 116px;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title:after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  line-height: 1.5715;
  margin-bottom: 4px;
  margin-left: 0;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot)
  .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 0 0 70px;
  padding: 0;
  top: 2px;
  width: 100%;
}
.ant-steps-dot .ant-steps-item-tail:after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail:after {
  height: 3px;
  margin-left: 12px;
  width: calc(100% - 20px);
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  background: #0000;
  border: 0;
  height: 8px;
  line-height: 8px;
  margin-left: 67px;
  padding-right: 0;
  width: 8px;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  border-radius: 100px;
  float: left;
  height: 100%;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot:after {
  background: rgba(0, 0, 0, 0.001);
  content: "";
  height: 32px;
  left: -26px;
  position: absolute;
  top: -12px;
  width: 60px;
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  background: none;
  height: 10px;
  line-height: 10px;
  position: relative;
  top: -1px;
  width: 10px;
}
.ant-steps-dot
  .ant-steps-item-process
  .ant-steps-icon:first-child
  .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small
  .ant-steps-item-process
  .ant-steps-icon:first-child
  .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  background: none;
  margin-left: 0;
  margin-top: 8px;
}
.ant-steps-vertical.ant-steps-dot
  .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
  top: 2px;
}
.ant-steps-vertical.ant-steps-dot
  .ant-steps-item:first-child
  .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
  width: inherit;
}
.ant-steps-vertical.ant-steps-dot
  .ant-steps-item-process
  .ant-steps-item-container
  .ant-steps-item-icon
  .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  overflow: hidden;
  padding-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title:after {
  display: none;
}
.ant-steps-navigation
  .ant-steps-item:not(.ant-steps-item-active)
  .ant-steps-item-container[role="button"] {
  cursor: pointer;
}
.ant-steps-navigation
  .ant-steps-item:not(.ant-steps-item-active)
  .ant-steps-item-container[role="button"]:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1 1;
}
.ant-steps-navigation .ant-steps-item:last-child:after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:after {
  border: 1px solid #00000040;
  border-bottom: none;
  border-left: none;
  content: "";
  display: inline-block;
  height: 12px;
  left: 100%;
  margin-left: -2px;
  margin-top: -14px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 12px;
}
.ant-steps-navigation .ant-steps-item:before {
  background-color: #1890ff;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  width: 0;
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active:before {
  left: 0;
  width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
  margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item:before {
  display: none;
}
.ant-steps-navigation.ant-steps-vertical
  > .ant-steps-item.ant-steps-item-active:before {
  display: block;
  height: calc(100% - 24px);
  left: auto;
  right: 0;
  top: 0;
  width: 3px;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item:after {
  display: block;
  height: 8px;
  left: 50%;
  margin-bottom: 8px;
  position: relative;
  text-align: center;
  top: -2px;
  transform: rotate(135deg);
  width: 8px;
}
.ant-steps-navigation.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-left: 8px;
  margin-right: 0;
}
.ant-steps-rtl .ant-steps-item-tail {
  left: auto;
  right: 0;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-left: 16px;
  padding-right: 0;
}
.ant-steps-rtl .ant-steps-item-title:after {
  left: auto;
  right: 100%;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item {
  padding-left: 0;
  padding-right: 16px;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:last-child
  .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  left: auto;
  right: 0.5px;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: 0;
  margin-right: -12px;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-left: 0;
  margin-right: -16px;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation
  .ant-steps-item-container
  .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item:after {
  left: auto;
  margin-left: 0;
  margin-right: -2px;
  right: 100%;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(
    .ant-steps-label-vertical
  )
  .ant-steps-item {
  padding-left: 0;
  padding-right: 12px;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(
    .ant-steps-label-vertical
  )
  .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-left: 12px;
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: right;
  margin-left: 16px;
  margin-right: 0;
}
.ant-steps-rtl.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  left: auto;
  right: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small
  .ant-steps-item-container
  .ant-steps-item-tail {
  left: auto;
  right: 12px;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail:after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail:after {
  margin-left: 0;
  margin-right: 12px;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small
  .ant-steps-item:first-child
  .ant-steps-icon-dot {
  left: auto;
  right: 2px;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-left: 0;
  margin-right: 67px;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small
  .ant-steps-item-icon
  .ant-steps-icon-dot {
  float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small
  .ant-steps-item-icon
  .ant-steps-icon-dot:after {
  left: auto;
  right: -26px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-left: 16px;
  margin-right: 0;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot
  .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  left: auto;
  right: -9px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot
  .ant-steps-item:first-child
  .ant-steps-icon-dot {
  left: auto;
  right: 0;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot
  .ant-steps-item-process
  .ant-steps-icon-dot {
  left: auto;
  right: -2px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal
  .ant-steps-item:first-child.ant-steps-item-active {
  padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
  padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
  top: 4px !important;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
  padding-bottom: 4px;
  padding-left: 4px;
}
.ant-steps-with-progress .ant-steps-item-icon {
  position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
  bottom: -5px;
  left: -5px;
  position: absolute;
  right: -5px;
  top: -5px;
}
.ant-switch {
  font-feature-settings: "tnum";
  background-color: #00000040;
  border: 0;
  border-radius: 100px;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 22px;
  line-height: 1.5715;
  line-height: 22px;
  list-style: none;
  margin: 0;
  min-width: 44px;
  padding: 0;
  position: relative;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.ant-switch:focus {
  box-shadow: 0 0 0 2px #0000001a;
  outline: 0;
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #1890ff33;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #1890ff;
}
.ant-switch-disabled,
.ant-switch-loading {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-disabled *,
.ant-switch-loading * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  color: #fff;
  display: block;
  font-size: 12px;
  margin: 0 7px 0 25px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  height: 18px;
  left: 2px;
  top: 2px;
  width: 18px;
}
.ant-switch-handle,
.ant-switch-handle:before {
  position: absolute;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle:before {
  background-color: #fff;
  border-radius: 9px;
  bottom: 0;
  box-shadow: 0 2px 4px 0 #00230b33;
  content: "";
  left: 0;
  right: 0;
  top: 0;
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 20px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle:before {
  left: 0;
  right: -30%;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked
  .ant-switch-handle:before {
  left: -30%;
  right: 0;
}
.ant-switch-loading-icon {
  color: #000000a6;
  position: relative;
  top: 2px;
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #1890ff;
}
.ant-switch-small {
  height: 16px;
  line-height: 16px;
  min-width: 28px;
}
.ant-switch-small .ant-switch-inner {
  font-size: 12px;
  margin: 0 5px 0 18px;
}
.ant-switch-small .ant-switch-handle {
  height: 12px;
  width: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  font-size: 9px;
  top: 1.5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 14px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  left: auto;
  right: 2px;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle:before {
  left: -30%;
  right: 0;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked
  .ant-switch-handle:before {
  left: 0;
  right: -30%;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 20px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 14px);
}
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle tfoot > tr > td,
.ant-table.ant-table-middle tfoot > tr > th {
  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 25px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small tfoot > tr > td,
.ant-table.ant-table-small tfoot > tr > th {
  padding: 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;
}
.ant-table.ant-table-small
  .ant-table-tbody
  .ant-table-wrapper:only-child
  .ant-table {
  margin: -8px -8px -8px 25px;
}
.ant-table-small .ant-table-thead > tr > th {
  background-color: #fafafa;
}
.ant-table-small .ant-table-selection-column {
  min-width: 46px;
  width: 46px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.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-body
  > table
  > tfoot
  > tr
  > td,
.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-body
  > table
  > thead
  > tr
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tfoot
  > 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-content
  > table
  > thead
  > tr
  > th,
.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-header
  > table
  > tfoot
  > tr
  > td,
.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-header
  > table
  > thead
  > tr
  > th,
.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-summary
  > table
  > tfoot
  > tr
  > td,
.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-summary
  > table
  > thead
  > tr
  > th {
  border-right: 1px solid #f0f0f0;
}
.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-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-summary
  > table
  > thead
  > tr:not(:last-child)
  > th {
  border-bottom: 1px solid #f0f0f0;
}
.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-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-summary
  > table
  > thead
  > tr
  > th:before {
  background-color: initial !important;
}
.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-body
  > table
  > tfoot
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > thead
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tfoot
  > tr
  > .ant-table-cell-fix-right-first:after,
.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
  > tbody
  > 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-header
  > table
  > thead
  > 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-summary
  > table
  > tfoot
  > 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 {
  border-right: 1px solid #f0f0f0;
}
.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-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-summary
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.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-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-summary
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed:after {
  border-right: 1px solid #f0f0f0;
  bottom: 0;
  content: "";
  position: absolute;
  right: 1px;
  top: 0;
}
.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-body
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle
  > .ant-table-container
  > .ant-table-content
  > 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-body
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper:before {
  content: "";
  display: table;
}
.ant-table-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.ant-table {
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-table table {
  border-collapse: initial;
  border-radius: 2px 2px 0 0;
  border-spacing: 0;
  text-align: left;
  width: 100%;
}
.ant-table tfoot > tr > td,
.ant-table tfoot > tr > th,
.ant-table-tbody > tr > td,
.ant-table-thead > tr > th {
  overflow-wrap: break-word;
  padding: 16px;
  position: relative;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  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;
}
.ant-table-footer {
  background: #fafafa;
  color: #000000d9;
  padding: 16px;
}
.ant-table-thead > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  color: #000000d9;
  font-weight: 500;
  position: relative;
  text-align: left;
  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 {
  background-color: #0000000f;
  content: "";
  height: 1.6em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s;
  width: 1px;
}
.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-expanded-row-fixed
  > .ant-table-wrapper:only-child
  .ant-table,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 33px;
}
.ant-table-tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td,
.ant-table-tbody
  > tr
  > td
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td {
  border-bottom: 0;
}
.ant-table-tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed
  > .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:last-child,
.ant-table-tbody
  > tr
  > td
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td:first-child,
.ant-table-tbody
  > tr
  > td
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #e6f7ff;
  border-color: #00000008;
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #dcf4ff;
}
.ant-table-summary {
  background: #fff;
  position: relative;
  z-index: 2;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > td,
.ant-table-summary > tr > th {
  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 {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: #0000000a;
}
.ant-table-thead th.ant-table-column-has-sorters:hover:before {
  background-color: initial !important;
}
.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,
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort:before {
  background-color: initial !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  flex: 1 1;
  position: relative;
  z-index: 1;
}
.ant-table-column-sorters {
  align-items: center;
  display: flex;
  flex: auto;
  justify-content: space-between;
}
.ant-table-column-sorters:after {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.ant-table-column-sorter {
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-column-sorter-down,
.ant-table-column-sorter-up {
  font-size: 11px;
}
.ant-table-column-sorter-down.active,
.ant-table-column-sorter-up.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 {
  align-items: center;
  border-radius: 2px;
  color: #bfbfbf;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  position: relative;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  background: #0000000a;
  color: #00000073;
}
.ant-table-filter-trigger.active {
  color: #1890ff;
}
.ant-table-filter-dropdown {
  font-feature-settings: "tnum";
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  min-width: 120px;
  padding: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  box-shadow: none;
  max-height: 264px;
  overflow-x: hidden;
}
.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 {
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 7px 8px 7px 3px;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr td.ant-table-selection-column,
table tr th.ant-table-selection-column {
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
table tr td.ant-table-selection-column .ant-radio-wrapper,
table tr th.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column:after {
  background-color: initial !important;
}
.ant-table-selection {
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.ant-table-selection-extra {
  cursor: pointer;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  z-index: 1;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #1890ff;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  float: left;
  height: 17px;
  line-height: 17px;
  outline: none;
  padding: 0;
  position: relative;
  text-decoration: none;
  transform: scale(0.94117647);
  transition: color 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 17px;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #40a9ff;
}
.ant-table-row-expand-icon:active {
  color: #096dd9;
}
.ant-table-row-expand-icon:active,
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  border-color: currentColor;
}
.ant-table-row-expand-icon:after,
.ant-table-row-expand-icon:before {
  background: currentColor;
  content: "";
  position: absolute;
  transition: transform 0.3s ease-out;
}
.ant-table-row-expand-icon:before {
  height: 1px;
  left: 3px;
  right: 3px;
  top: 7px;
}
.ant-table-row-expand-icon:after {
  bottom: 3px;
  left: 7px;
  top: 3px;
  transform: rotate(90deg);
  width: 1px;
}
.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: #0000;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced:after,
.ant-table-row-expand-icon-spaced:before {
  content: none;
  display: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
  margin-top: 2.5005px;
}
tr.ant-table-expanded-row:hover > td,
tr.ant-table-expanded-row > 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 {
  margin: -16px;
  padding: 16px;
  position: relative;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: #00000040;
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  background: #fff;
  position: sticky !important;
  z-index: 2;
}
.ant-table-cell-fix-left-first:after,
.ant-table-cell-fix-left-last:after {
  bottom: -1px;
  content: "";
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  width: 30px;
}
.ant-table-cell-fix-right-first:after,
.ant-table-cell-fix-right-last:after {
  bottom: -1px;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  width: 30px;
}
.ant-table .ant-table-container:after,
.ant-table .ant-table-container:before {
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: box-shadow 0.3s;
  width: 30px;
  z-index: 1;
}
.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 .ant-table-cell-fix-left-first:after,
.ant-table-ping-left .ant-table-cell-fix-left-last:after,
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container:before {
  box-shadow: inset 10px 0 8px -8px #00000026;
}
.ant-table-ping-left .ant-table-cell-fix-left-last:before {
  background-color: initial !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
  position: relative;
}
.ant-table-ping-right .ant-table-cell-fix-right-first:after,
.ant-table-ping-right .ant-table-cell-fix-right-last:after,
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container:after {
  box-shadow: inset -10px 0 8px -8px #00000026;
}
.ant-table-sticky-holder,
.ant-table-sticky-scroll {
  background: #fff;
  position: sticky;
  z-index: 3;
}
.ant-table-sticky-scroll {
  align-items: center;
  border-top: 1px solid #f0f0f0;
  bottom: 0;
  display: flex;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  background-color: #00000059;
  border-radius: 4px;
  height: 8px;
}
.ant-table-sticky-scroll-bar-active,
.ant-table-sticky-scroll-bar:hover {
  background-color: #000c;
}
@media (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last:after,
  .ant-table-ping-right .ant-table-cell-fix-right-first:after {
    box-shadow: none !important;
  }
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title
  + .ant-table-container
  table
  > thead
  > tr:first-child
  th:first-child,
.ant-table-title
  + .ant-table-container
  table
  > thead
  > tr:first-child
  th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-right-radius: 2px;
}
.ant-table-container,
.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-rtl,
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan="1"]) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-left: 0;
  margin-right: 8px;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl
  .ant-table-thead
  tr
  th.ant-table-column-has-sorters
  .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger-container {
  left: 0;
  right: auto;
}
.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,
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl
  .ant-table-filter-dropdown-submenu
  .ant-checkbox-wrapper
  + span {
  padding-left: 0;
  padding-right: 8px;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon,
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-left: 8px;
  margin-right: 0;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon:after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:after {
  transform: rotate(0deg);
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  font-size: 14px;
  padding: 8px 0;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  font-size: 16px;
  padding: 16px 0;
}
.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-left: 12px;
  margin-right: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-left: -4px;
  margin-right: 8px;
}
.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,
.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-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.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-bottom
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom
  > div
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.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-top
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top
  > div
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab {
  margin-left: 0;
  margin-right: 2px;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-bottom,
.ant-tabs-top {
  flex-direction: column;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav,
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav {
  margin: 0 0 16px;
}
.ant-tabs-bottom > .ant-tabs-nav:before,
.ant-tabs-bottom > div > .ant-tabs-nav:before,
.ant-tabs-top > .ant-tabs-nav:before,
.ant-tabs-top > div > .ant-tabs-nav:before {
  border-bottom: 1px solid #f0f0f0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.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-top > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  bottom: 0;
  top: 0;
  width: 30px;
}
.ant-tabs-bottom > .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:before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  box-shadow: inset 10px 0 8px -8px #00000014;
  left: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
  box-shadow: inset -10px 0 8px -8px #00000014;
  right: 0;
}
.ant-tabs-bottom
  > .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-right:after,
.ant-tabs-bottom
  > 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-right:after,
.ant-tabs-top
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-top
  > .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-left:before,
.ant-tabs-top
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > .ant-tabs-nav:before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav:before {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin-bottom: 0;
  margin-top: 16px;
  order: 1;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav:before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav:before {
  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-left > div > .ant-tabs-nav,
.ant-tabs-right > .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-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .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-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .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;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .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:after,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  height: 30px;
  left: 0;
  right: 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  box-shadow: inset 0 10px 8px -8px #00000014;
  top: 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right > .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 #00000014;
}
.ant-tabs-left
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-left
  > .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-bottom:after,
.ant-tabs-left
  > div
  > .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-bottom:after,
.ant-tabs-right
  > .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-bottom:after,
.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-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .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-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .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-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.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 {
  border-left: 1px solid #f0f0f0;
  margin-left: -1px;
}
.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 {
  border-right: 1px solid #f0f0f0;
  margin-right: -1px;
  order: 0;
}
.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 {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: block;
  font-size: 14px;
  font-variant: tabular-nums;
  left: -9999px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -9999px;
  z-index: 1050;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  list-style-type: none;
  margin: 0;
  max-height: 200px;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 0;
  text-align: left;
}
.ant-tabs-dropdown-menu-item {
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  min-width: 120px;
  overflow: hidden;
  padding: 5px 12px;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  background: #0000;
  color: #00000040;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  margin: 0;
  padding: 8px 16px;
  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 {
  background: #fff;
  color: #1890ff;
}
.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-bottom > .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,
.ant-tabs-card.ant-tabs-top > .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 {
  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-left
  > div
  > .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-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 {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  align-items: center;
  display: flex;
  flex: none;
  position: relative;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  align-self: stretch;
  display: inline-block;
  display: flex;
  flex: auto;
  overflow: hidden;
  position: relative;
  transform: translate(0);
  white-space: nowrap;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s;
  z-index: 1;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  display: flex;
  position: relative;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  align-self: stretch;
  display: flex;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  pointer-events: none;
  position: absolute;
  visibility: hidden;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  background: #0000;
  border: 0;
  padding: 8px 16px;
  position: relative;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more:after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more:after {
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  transform: translateY(100%);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  cursor: pointer;
  margin-left: 2px;
  min-width: 40px;
  outline: none;
  padding: 0 8px;
  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 > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.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 {
  background: #1890ff;
  pointer-events: none;
  position: absolute;
}
.ant-tabs-tab {
  align-items: center;
  background: #0000;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  outline: none;
  padding: 12px 0;
  position: relative;
}
.ant-tabs-tab-btn:active,
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:active,
.ant-tabs-tab-remove:focus {
  color: #096dd9;
}
.ant-tabs-tab-btn,
.ant-tabs-tab-remove {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  background: #0000;
  border: none;
  color: #00000073;
  cursor: pointer;
  flex: none;
  font-size: 12px;
  margin-left: 8px;
  margin-right: -4px;
}
.ant-tabs-tab-remove:hover {
  color: #000000d9;
}
.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: #00000040;
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus {
  color: #00000040;
}
.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 {
  display: flex;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-height: 0;
  min-width: 0;
}
.ant-tabs-content-animated {
  transition: margin 0.3s;
}
.ant-tabs-tabpane {
  flex: none;
  outline: none;
  width: 100%;
}
.ant-tag {
  font-feature-settings: "tnum";
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  font-size: 12px;
  font-variant: tabular-nums;
  height: auto;
  line-height: 1.5715;
  line-height: 20px;
  list-style: none;
  margin: 0 8px 0 0;
  opacity: 1;
  padding: 0 7px;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: #000000d9;
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  color: #00000073;
  cursor: pointer;
  font-size: 10px;
  margin-left: 3px;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: #000000d9;
}
.ant-tag-has-color {
  border-color: #0000;
}
.ant-tag-has-color,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover,
.ant-tag-has-color a,
.ant-tag-has-color a:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: initial;
  border-color: #0000;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable-checked,
.ant-tag-checkable:active {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  background: #fff0f6;
  border-color: #ffadd2;
  color: #c41d7f;
}
.ant-tag-pink-inverse {
  background: #eb2f96;
  border-color: #eb2f96;
  color: #fff;
}
.ant-tag-magenta {
  background: #fff0f6;
  border-color: #ffadd2;
  color: #c41d7f;
}
.ant-tag-magenta-inverse {
  background: #eb2f96;
  border-color: #eb2f96;
  color: #fff;
}
.ant-tag-red {
  background: #fff1f0;
  border-color: #ffa39e;
  color: #cf1322;
}
.ant-tag-red-inverse {
  background: #f5222d;
  border-color: #f5222d;
  color: #fff;
}
.ant-tag-volcano {
  background: #fff2e8;
  border-color: #ffbb96;
  color: #d4380d;
}
.ant-tag-volcano-inverse {
  background: #fa541c;
  border-color: #fa541c;
  color: #fff;
}
.ant-tag-orange {
  background: #fff7e6;
  border-color: #ffd591;
  color: #d46b08;
}
.ant-tag-orange-inverse {
  background: #fa8c16;
  border-color: #fa8c16;
  color: #fff;
}
.ant-tag-yellow {
  background: #feffe6;
  border-color: #fffb8f;
  color: #d4b106;
}
.ant-tag-yellow-inverse {
  background: #fadb14;
  border-color: #fadb14;
  color: #fff;
}
.ant-tag-gold {
  background: #fffbe6;
  border-color: #ffe58f;
  color: #d48806;
}
.ant-tag-gold-inverse {
  background: #faad14;
  border-color: #faad14;
  color: #fff;
}
.ant-tag-cyan {
  background: #e6fffb;
  border-color: #87e8de;
  color: #08979c;
}
.ant-tag-cyan-inverse {
  background: #13c2c2;
  border-color: #13c2c2;
  color: #fff;
}
.ant-tag-lime {
  background: #fcffe6;
  border-color: #eaff8f;
  color: #7cb305;
}
.ant-tag-lime-inverse {
  background: #a0d911;
  border-color: #a0d911;
  color: #fff;
}
.ant-tag-green {
  background: #f6ffed;
  border-color: #b7eb8f;
  color: #389e0d;
}
.ant-tag-green-inverse {
  background: #52c41a;
  border-color: #52c41a;
  color: #fff;
}
.ant-tag-blue {
  background: #e6f7ff;
  border-color: #91d5ff;
  color: #096dd9;
}
.ant-tag-blue-inverse {
  background: #1890ff;
  border-color: #1890ff;
  color: #fff;
}
.ant-tag-geekblue {
  background: #f0f5ff;
  border-color: #adc6ff;
  color: #1d39c4;
}
.ant-tag-geekblue-inverse {
  background: #2f54eb;
  border-color: #2f54eb;
  color: #fff;
}
.ant-tag-purple {
  background: #f9f0ff;
  border-color: #d3adf7;
  color: #531dab;
}
.ant-tag-purple-inverse {
  background: #722ed1;
  border-color: #722ed1;
  color: #fff;
}
.ant-tag-success {
  background: #f6ffed;
  border-color: #b7eb8f;
  color: #52c41a;
}
.ant-tag-processing {
  background: #e6f7ff;
  border-color: #91d5ff;
  color: #1890ff;
}
.ant-tag-error {
  background: #fff1f0;
  border-color: #ffa39e;
  color: #f5222d;
}
.ant-tag-warning {
  background: #fff7e6;
  border-color: #ffd591;
  color: #fa8c16;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  direction: rtl;
  margin-left: 8px;
  margin-right: 0;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-left: 0;
  margin-right: 3px;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-left: 0;
  margin-right: 7px;
}
.ant-timeline {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-timeline-item {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
}
.ant-timeline-item-tail {
  border-left: 2px solid #f0f0f0;
  height: calc(100% - 10px);
  left: 4px;
  position: absolute;
  top: 10px;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  background-color: initial;
  font-size: 12px;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 100px;
  height: 10px;
  position: absolute;
  width: 10px;
}
.ant-timeline-item-head-blue {
  border-color: #1890ff;
  color: #1890ff;
}
.ant-timeline-item-head-red {
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.ant-timeline-item-head-green {
  border-color: #52c41a;
  color: #52c41a;
}
.ant-timeline-item-head-gray {
  border-color: #00000040;
  color: #00000040;
}
.ant-timeline-item-head-custom {
  border: 0;
  border-radius: 0;
  height: auto;
  left: 5px;
  line-height: 1;
  margin-top: 0;
  padding: 3px 1px;
  position: absolute;
  text-align: center;
  top: 5.5px;
  transform: translate(-50%, -50%);
  width: auto;
}
.ant-timeline-item-content {
  margin: 0 0 0 26px;
  position: relative;
  top: -7.001px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-left
  .ant-timeline-item-content,
.ant-timeline.ant-timeline-label
  .ant-timeline-item-left
  .ant-timeline-item-content,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-left
  .ant-timeline-item-content {
  left: calc(50% - 4px);
  text-align: left;
  width: calc(50% - 14px);
}
.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-right
  .ant-timeline-item-content,
.ant-timeline.ant-timeline-label
  .ant-timeline-item-right
  .ant-timeline-item-content,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  margin: 0;
  text-align: right;
  width: calc(50% - 12px);
}
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-head,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-tail {
  left: calc(100% - 6px);
}
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending
  .ant-timeline-item-last
  .ant-timeline-item-tail {
  border-left: 2px dotted #f0f0f0;
  display: block;
  height: calc(100% - 14px);
}
.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-last
  .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-pending
  .ant-timeline-item-tail {
  border-left: 2px dotted #f0f0f0;
  display: block;
  height: calc(100% - 15px);
  top: 15px;
}
.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-pending
  .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  text-align: right;
  top: -7.001px;
  width: calc(50% - 12px);
}
.ant-timeline.ant-timeline-label
  .ant-timeline-item-right
  .ant-timeline-item-label {
  left: calc(50% + 14px);
  text-align: left;
  width: calc(50% - 14px);
}
.ant-timeline-rtl {
  direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
  border-left: none;
  border-right: 2px solid #f0f0f0;
  left: auto;
  right: 4px;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
  left: auto;
  right: 5px;
  transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
  margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail {
  left: auto;
  right: 50%;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: 0;
  margin-right: -4px;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-head-custom {
  margin-left: 0;
  margin-right: 1px;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-left
  .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-left
  .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-left
  .ant-timeline-item-content {
  left: auto;
  right: calc(50% - 4px);
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-right
  .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-right
  .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-tail {
  left: auto;
  right: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  margin-right: 18px;
  text-align: right;
  width: 100%;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending
  .ant-timeline-item-last
  .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-pending
  .ant-timeline-item-tail {
  border-left: none;
  border-right: 2px dotted #f0f0f0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-right
  .ant-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}
.ant-tooltip {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  max-width: 250px;
  padding: 0;
  position: absolute;
  visibility: visible;
  width: -moz-max-content;
  width: max-content;
  z-index: 1070;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightBottom,
.ant-tooltip-placement-rightTop {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftBottom,
.ant-tooltip-placement-leftTop {
  padding-right: 8px;
}
.ant-tooltip-inner {
  word-wrap: break-word;
  background-color: #000000bf;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  color: #fff;
  min-height: 32px;
  min-width: 30px;
  padding: 6px 8px;
  text-align: left;
  text-decoration: none;
}
.ant-tooltip-arrow {
  background: #0000;
  display: block;
  height: 13.07106781px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 13.07106781px;
}
.ant-tooltip-arrow-content {
  background-color: #000000bf;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  margin: auto;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px #00000012;
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px #00000012;
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px #00000012;
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px #00000012;
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content,
.ant-tooltip-magenta .ant-tooltip-inner,
.ant-tooltip-pink .ant-tooltip-arrow-content,
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-arrow-content,
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content,
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-arrow-content,
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content,
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content,
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content,
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-arrow-content,
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-green .ant-tooltip-arrow-content,
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-arrow-content,
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content,
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-arrow-content,
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  height: auto;
  min-height: 200px;
  width: auto;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-small
  .ant-table-selection-column {
  min-width: 40px;
  width: 40px;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-small
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th {
  background: #fafafa;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-small
  > .ant-table-content
  .ant-table-row:last-child
  td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-small
  .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
  background-color: initial;
}
.ant-transfer {
  font-feature-settings: "tnum";
  align-items: stretch;
  box-sizing: border-box;
  color: #000000d9;
  display: flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  height: 200px;
  width: 180px;
}
.ant-transfer-list-with-pagination {
  height: auto;
  width: 250px;
}
.ant-transfer-list-search {
  padding-left: 8px;
  padding-right: 24px;
}
.ant-transfer-list-search-action {
  bottom: 12px;
  color: #00000040;
  line-height: 32px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 12px;
  width: 28px;
}
.ant-transfer-list-search-action .anticon {
  color: #00000040;
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: #00000073;
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  color: #000000d9;
  display: flex;
  flex: none;
  height: 40px;
  padding: 8px 12px 9px;
}
.ant-transfer-list-header > :not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-transfer-list-header-dropdown {
  cursor: pointer;
  font-size: 10px;
  transform: translateY(10%);
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  font-size: 14px;
  overflow: hidden;
}
.ant-transfer-list-body-search-wrapper {
  flex: none;
  padding: 12px;
  position: relative;
}
.ant-transfer-list-content {
  flex: auto;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}
.ant-transfer-list-content-item {
  align-items: center;
  display: flex;
  line-height: 20px;
  min-height: 32px;
  padding: 6px 12px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > :not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-transfer-list-content-item-remove {
  color: #1890ff;
  color: #d9d9d9;
  cursor: pointer;
  outline: none;
  position: relative;
  text-decoration: none;
  transition: color 0.3s;
}
.ant-transfer-list-content-item-remove:focus,
.ant-transfer-list-content-item-remove:hover {
  color: #40a9ff;
}
.ant-transfer-list-content-item-remove:active {
  color: #096dd9;
}
.ant-transfer-list-content-item-remove:after {
  bottom: -6px;
  content: "";
  left: -50%;
  position: absolute;
  right: -50%;
  top: -6px;
}
.ant-transfer-list-content-item-remove:hover {
  color: #40a9ff;
}
.ant-transfer-list-content-item:not(
    .ant-transfer-list-content-item-disabled
  ):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.ant-transfer-list-content-item:not(
    .ant-transfer-list-content-item-disabled
  ).ant-transfer-list-content-item-checked:hover {
  background-color: #dcf4ff;
}
.ant-transfer-list-content-show-remove
  .ant-transfer-list-content-item:not(
    .ant-transfer-list-content-item-disabled
  ):hover {
  background: #0000;
  cursor: default;
}
.ant-transfer-list-content-item-checked {
  background-color: #e6f7ff;
}
.ant-transfer-list-content-item-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-transfer-list-pagination {
  border-top: 1px solid #f0f0f0;
  padding: 8px 0;
  text-align: right;
}
.ant-transfer-list-body-not-found {
  color: #00000040;
  flex: none;
  margin: auto 0;
  text-align: center;
  width: 100%;
}
.ant-transfer-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
  align-self: center;
  display: flex;
  flex: none;
  flex-direction: column;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-left: 24px;
  padding-right: 8px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  left: 12px;
  right: auto;
}
.ant-transfer-rtl .ant-transfer-list-header > :not(:last-child) {
  margin-left: 4px;
  margin-right: 0;
}
.ant-transfer-rtl .ant-transfer-list-header {
  left: auto;
  right: 0;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > :not(:last-child) {
  margin-left: 8px;
  margin-right: 0;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  left: auto;
  right: 0;
}
.ant-select-tree-checkbox {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.2em;
  white-space: nowrap;
}
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-select-tree-checkbox-checked:after {
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox:after,
.ant-select-tree-checkbox:hover:after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-collapse: initial;
  border-radius: 2px;
  direction: ltr;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 16px;
}
.ant-select-tree-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  height: 9.14285714px;
  left: 21.5%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  width: 5.71428571px;
}
.ant-select-tree-checkbox-input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  opacity: 1;
  position: absolute;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked
  .ant-select-tree-checkbox-inner:after {
  animation-name: none;
  border-color: #00000040;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
  animation-name: none;
  border-collapse: initial;
  border-color: #f5f5f5;
}
.ant-select-tree-checkbox-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover:after,
.ant-select-tree-checkbox-wrapper:hover
  .ant-select-tree-checkbox-disabled:after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  font-feature-settings: "tnum";
  align-items: baseline;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-select-tree-checkbox-wrapper:after {
  content: "\a0";
  display: inline-block;
  overflow: hidden;
  width: 0;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-select-tree-checkbox-group {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-select-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
  background-color: #1890ff;
  border: 0;
  content: " ";
  height: 8px;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 8px;
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled
  .ant-select-tree-checkbox-inner:after {
  background-color: #00000040;
  border-color: #00000040;
}
.ant-tree-select-dropdown {
  padding: 8px 4px 0;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown
  .ant-select-tree-list-holder-inner
  .ant-select-tree-treenode {
  padding-bottom: 8px;
}
.ant-tree-select-dropdown
  .ant-select-tree-list-holder-inner
  .ant-select-tree-treenode
  .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #e6f7ff;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node
  .ant-select-tree-list-holder-inner
  .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree .ant-select-tree-treenode {
  align-items: flex-start;
  display: flex;
  outline: none;
  padding: 0 0 4px;
}
.ant-select-tree
  .ant-select-tree-treenode-disabled
  .ant-select-tree-node-content-wrapper {
  color: #00000040;
  cursor: not-allowed;
}
.ant-select-tree
  .ant-select-tree-treenode-disabled
  .ant-select-tree-node-content-wrapper:hover {
  background: #0000;
}
.ant-select-tree
  .ant-select-tree-treenode-active
  .ant-select-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-select-tree
  .ant-select-tree-treenode:not(
    .ant-select-tree .ant-select-tree-treenode-disabled
  ).filter-node
  .ant-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-select-tree-indent {
  align-self: stretch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree-switcher {
  align-self: stretch;
  cursor: pointer;
  flex: none;
  line-height: 24px;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 24px;
}
.ant-select-tree-switcher .ant-select-tree-switcher-icon,
.ant-select-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: initial;
}
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-select-tree-switcher-leaf-line {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.ant-select-tree-switcher-leaf-line:before {
  border-left: 1px solid #d9d9d9;
  bottom: -4px;
  content: " ";
  margin-left: -1px;
  position: absolute;
  top: 0;
}
.ant-select-tree-switcher-leaf-line:after {
  border-bottom: 1px solid #d9d9d9;
  content: " ";
  height: 14px;
  margin-left: -1px;
  position: absolute;
  width: 10px;
}
.ant-select-tree-checkbox {
  margin: 4px 8px 0 0;
  top: auto;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  background: #0000;
  border-radius: 2px;
  color: inherit;
  cursor: pointer;
  line-height: 24px;
  margin: 0;
  min-height: 24px;
  padding: 0 4px;
  position: relative;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
  z-index: auto;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-select-tree
  .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff;
}
.ant-select-tree
  .ant-select-tree-node-content-wrapper
  .ant-select-tree-iconEle {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  width: 24px;
}
.ant-select-tree
  .ant-select-tree-node-content-wrapper
  .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
  background-color: initial;
}
.ant-select-tree-node-content-wrapper[draggable="true"] {
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-select-tree-node-content-wrapper[draggable="true"]
  .ant-tree-drop-indicator {
  background-color: #1890ff;
  border-radius: 1px;
  height: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.ant-select-tree-node-content-wrapper[draggable="true"]
  .ant-tree-drop-indicator:after {
  background-color: initial;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -6px;
  position: absolute;
  top: -3px;
  width: 8px;
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  height: 100%;
  position: relative;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit:before {
  border-right: 1px solid #d9d9d9;
  bottom: -4px;
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end:before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
  vertical-align: -0.225em;
}
.ant-tree-select-dropdown-rtl
  .ant-select-tree
  .ant-select-tree-switcher_close
  .ant-select-tree-switcher-icon
  svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl
  .ant-select-tree
  .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}
@keyframes antCheckboxEffect {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.6);
  }
}
.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line:before {
  bottom: auto !important;
  height: 14px !important;
  top: auto !important;
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:before {
  bottom: 4px;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover:before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-tree.ant-tree-directory
  .ant-tree-treenode
  .ant-tree-node-content-wrapper:hover {
  background: #0000;
}
.ant-tree.ant-tree-directory
  .ant-tree-treenode
  .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background: #0000;
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover: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 {
  background: #0000;
  color: #fff;
}
.ant-tree-checkbox {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.2em;
  white-space: nowrap;
}
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree-checkbox-checked:after {
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after,
.ant-tree-checkbox:hover:after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-collapse: initial;
  border-radius: 2px;
  direction: ltr;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 16px;
}
.ant-tree-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  height: 9.14285714px;
  left: 21.5%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  width: 5.71428571px;
}
.ant-tree-checkbox-input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  opacity: 1;
  position: absolute;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.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 {
  animation-name: none;
  border-color: #00000040;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
  animation-name: none;
  border-collapse: initial;
  border-color: #f5f5f5;
}
.ant-tree-checkbox-disabled + span {
  color: #00000040;
  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 {
  font-feature-settings: "tnum";
  align-items: baseline;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-wrapper:after {
  content: "\a0";
  display: inline-block;
  overflow: hidden;
  width: 0;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-tree-checkbox-group {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.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 {
  background-color: #1890ff;
  border: 0;
  content: " ";
  height: 8px;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 8px;
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled
  .ant-tree-checkbox-inner:after {
  background-color: #00000040;
  border-color: #00000040;
}
.ant-tree {
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #e6f7ff;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node
  .ant-tree-list-holder-inner
  .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree .ant-tree-treenode {
  align-items: flex-start;
  display: flex;
  outline: none;
  padding: 0 0 4px;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: #00000040;
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: #0000;
}
.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-indent {
  align-self: stretch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-switcher {
  align-self: stretch;
  cursor: pointer;
  flex: none;
  line-height: 24px;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 24px;
}
.ant-tree-switcher .ant-select-tree-switcher-icon,
.ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: initial;
}
.ant-tree-switcher .ant-select-tree-switcher-icon svg,
.ant-tree-switcher .ant-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 {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.ant-tree-switcher-leaf-line:before {
  border-left: 1px solid #d9d9d9;
  bottom: -4px;
  content: " ";
  margin-left: -1px;
  position: absolute;
  top: 0;
}
.ant-tree-switcher-leaf-line:after {
  border-bottom: 1px solid #d9d9d9;
  content: " ";
  height: 14px;
  margin-left: -1px;
  position: absolute;
  width: 10px;
}
.ant-tree-checkbox {
  margin: 4px 8px 0 0;
  top: auto;
}
.ant-tree .ant-tree-node-content-wrapper {
  background: #0000;
  border-radius: 2px;
  color: inherit;
  cursor: pointer;
  line-height: 24px;
  margin: 0;
  min-height: 24px;
  padding: 0 4px;
  position: relative;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
  z-index: auto;
}
.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;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  width: 24px;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: initial;
}
.ant-tree-node-content-wrapper[draggable="true"] {
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-tree-node-content-wrapper[draggable="true"] .ant-tree-drop-indicator {
  background-color: #1890ff;
  border-radius: 1px;
  height: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.ant-tree-node-content-wrapper[draggable="true"]
  .ant-tree-drop-indicator:after {
  background-color: initial;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -6px;
  position: absolute;
  top: -3px;
  width: 8px;
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.ant-tree-show-line .ant-tree-indent-unit {
  height: 100%;
  position: relative;
}
.ant-tree-show-line .ant-tree-indent-unit:before {
  border-right: 1px solid #d9d9d9;
  bottom: -4px;
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
}
.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.225em;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl
  .ant-tree-node-content-wrapper[draggable="true"]
  .ant-tree-drop-indicator:after {
  left: auto;
  right: -6px;
}
.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 {
  border-left: 1px solid #d9d9d9;
  border-right: none;
  left: -13px;
  right: auto;
}
.ant-tree-rtl.ant-tree-checkbox,
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-typography {
  color: #000000d9;
  overflow-wrap: break-word;
}
.ant-typography.ant-typography-secondary {
  color: #00000073;
}
.ant-typography.ant-typography-success {
  color: #52c41a;
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus,
a.ant-typography.ant-typography-danger:hover {
  color: #ff7875;
}
.ant-typography.ant-typography-disabled {
  color: #00000040;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-typography p,
div.ant-typography {
  margin-bottom: 1em;
}
.ant-typography h1,
h1.ant-typography {
  color: #000000d9;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.23;
  margin-bottom: 0.5em;
}
.ant-typography h2,
h2.ant-typography {
  color: #000000d9;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.5em;
}
.ant-typography h3,
h3.ant-typography {
  color: #000000d9;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.5em;
}
.ant-typography h4,
h4.ant-typography {
  color: #000000d9;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.ant-typography h5,
h5.ant-typography {
  color: #000000d9;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.ant-typography div + h1,
.ant-typography div + h2,
.ant-typography div + h3,
.ant-typography div + h4,
.ant-typography div + h5,
.ant-typography h1 + h1,
.ant-typography h1 + h2,
.ant-typography h1 + h3,
.ant-typography h1 + h4,
.ant-typography h1 + h5,
.ant-typography h2 + h1,
.ant-typography h2 + h2,
.ant-typography h2 + h3,
.ant-typography h2 + h4,
.ant-typography h2 + h5,
.ant-typography h3 + h1,
.ant-typography h3 + h2,
.ant-typography h3 + h3,
.ant-typography h3 + h4,
.ant-typography h3 + h5,
.ant-typography h4 + h1,
.ant-typography h4 + h2,
.ant-typography h4 + h3,
.ant-typography h4 + h4,
.ant-typography h4 + h5,
.ant-typography h5 + h1,
.ant-typography h5 + h2,
.ant-typography h5 + h3,
.ant-typography h5 + h4,
.ant-typography h5 + h5,
.ant-typography li + h1,
.ant-typography li + h2,
.ant-typography li + h3,
.ant-typography li + h4,
.ant-typography li + h5,
.ant-typography p + h1,
.ant-typography p + h2,
.ant-typography p + h3,
.ant-typography p + h4,
.ant-typography p + h5,
.ant-typography ul + h1,
.ant-typography ul + h2,
.ant-typography ul + h3,
.ant-typography ul + h4,
.ant-typography ul + h5,
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.ant-typography a,
a.ant-typography {
  color: #1890ff;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover,
a.ant-typography:focus,
a.ant-typography:hover {
  color: #40a9ff;
}
.ant-typography a:active,
a.ant-typography:active {
  color: #096dd9;
}
.ant-typography a:active,
.ant-typography a:hover,
a.ant-typography:active,
a.ant-typography:hover {
  text-decoration: none;
}
.ant-typography a.ant-typography-disabled,
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
a.ant-typography[disabled] {
  color: #00000040;
  cursor: not-allowed;
}
.ant-typography a.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:hover,
.ant-typography a[disabled]:active,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:active,
a.ant-typography.ant-typography-disabled:hover,
a.ant-typography[disabled]:active,
a.ant-typography[disabled]:hover {
  color: #00000040;
}
.ant-typography a.ant-typography-disabled:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
a.ant-typography[disabled]:active {
  pointer-events: none;
}
.ant-typography code {
  background: #9696961a;
  border: 1px solid #64646433;
  border-radius: 3px;
  font-size: 85%;
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
}
.ant-typography kbd {
  background: #9696960f;
  border: solid #64646433;
  border-radius: 3px;
  border-width: 1px 1px 2px;
  font-size: 90%;
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
}
.ant-typography mark {
  background-color: #ffe58f;
  padding: 0;
}
.ant-typography ins,
.ant-typography u {
  -webkit-text-decoration-skip: ink;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography del,
.ant-typography s {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-copy,
.ant-typography-edit,
.ant-typography-expand {
  color: #1890ff;
  cursor: pointer;
  margin-left: 4px;
  outline: none;
  text-decoration: none;
  transition: color 0.3s;
}
.ant-typography-copy:focus,
.ant-typography-copy:hover,
.ant-typography-edit:focus,
.ant-typography-edit:hover,
.ant-typography-expand:focus,
.ant-typography-expand:hover {
  color: #40a9ff;
}
.ant-typography-copy:active,
.ant-typography-edit:active,
.ant-typography-expand:active {
  color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:focus,
.ant-typography-copy-success:hover {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-bottom: calc(1em - 5px);
  margin-top: -5px;
}
.ant-typography-edit-content-confirm {
  bottom: 8px;
  color: #00000073;
  pointer-events: none;
  position: absolute;
  right: 10px;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ol,
.ant-typography ul {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ol li,
.ant-typography ul li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography blockquote,
.ant-typography pre {
  margin: 1em 0;
}
.ant-typography pre {
  word-wrap: break-word;
  background: #9696961a;
  border: 1px solid #64646433;
  border-radius: 3px;
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
}
.ant-typography pre code {
  background: #0000;
  border: 0;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
}
.ant-typography blockquote {
  border-left: 4px solid #64646433;
  opacity: 0.85;
  padding: 0 0 0 0.6em;
}
.ant-typography-single-line {
  white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-copy,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-expand {
  margin-left: 0;
  margin-right: 4px;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  left: auto;
  right: -12px;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  left: 10px;
  right: auto;
}
.ant-typography-rtl.ant-typography ol li,
.ant-typography-rtl.ant-typography ul li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}
.ant-upload {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  outline: none;
  width: 100%;
}
.ant-upload input[type="file"] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  height: 104px;
  margin-bottom: 8px;
  margin-right: 8px;
  text-align: center;
  transition: border-color 0.3s;
  vertical-align: top;
  width: 104px;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  height: 100%;
  position: relative;
  text-align: center;
  transition: border-color 0.3s;
  width: 100%;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  color: #000000d9;
  font-size: 16px;
  margin: 0 0 4px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: #00000073;
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: #00000040;
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover,
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: #00000073;
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper:before {
  content: "";
  display: table;
}
.ant-upload-picture-card-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.ant-upload-list {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-upload-list:after,
.ant-upload-list:before {
  content: "";
  display: table;
}
.ant-upload-list:after {
  clear: both;
}
.ant-upload-list-item {
  font-size: 14px;
  height: 22.001px;
  margin-top: 8px;
  position: relative;
}
.ant-upload-list-item-name {
  display: inline-block;
  line-height: 1.5715;
  overflow: hidden;
  padding-left: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 20px;
  line-height: 1;
}
.ant-upload-list-item-card-actions.picture {
  line-height: 0;
  top: 22px;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture
  .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: #00000073;
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  height: 100%;
  width: 100%;
}
.ant-upload-list-item-info .ant-upload-text-icon .anticon,
.ant-upload-list-item-info .anticon-loading .anticon {
  color: #00000073;
  font-size: 14px;
  position: absolute;
  top: 5px;
}
.ant-upload-list-item .anticon-close {
  color: #00000073;
  cursor: pointer;
  font-size: 10px;
  line-height: 0;
  opacity: 0;
  position: absolute;
  right: 4px;
  top: 6px;
  transition: all 0.3s;
}
.ant-upload-list-item .anticon-close:hover {
  color: #000000d9;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn,
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  bottom: -12px;
  font-size: 14px;
  line-height: 0;
  padding-left: 26px;
  position: absolute;
  width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  height: 66px;
  padding: 8px;
  position: relative;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: #0000;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card
  .ant-upload-list-item:hover
  .ant-upload-list-item-info {
  background: #0000;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  height: 48px;
  line-height: 54px;
  opacity: 0.8;
  text-align: center;
  width: 48px;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture
  .ant-upload-list-item-error
  .ant-upload-list-item-thumbnail
  .anticon
  svg
  path[fill="#e6f7ff"],
.ant-upload-list-picture-card
  .ant-upload-list-item-error
  .ant-upload-list-item-thumbnail
  .anticon
  svg
  path[fill="#e6f7ff"] {
  fill: #fff2f0;
}
.ant-upload-list-picture
  .ant-upload-list-item-error
  .ant-upload-list-item-thumbnail
  .anticon
  svg
  path[fill="#1890ff"],
.ant-upload-list-picture-card
  .ant-upload-list-item-error
  .ant-upload-list-item-thumbnail
  .anticon
  svg
  path[fill="#1890ff"] {
  fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  font-size: 26px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  height: 48px;
  overflow: hidden;
  width: 48px;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  box-sizing: border-box;
  display: inline-block;
  line-height: 44px;
  margin: 0 0 0 8px;
  max-width: 100%;
  overflow: hidden;
  padding-left: 48px;
  padding-right: 8px;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-upload-list-picture
  .ant-upload-list-item-uploading
  .ant-upload-list-item-name,
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  margin-top: 0;
  padding-left: 56px;
  width: calc(100% - 24px);
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  line-height: 1;
  opacity: 1;
  position: absolute;
  right: 8px;
  top: 8px;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
  width: 104px;
}
.ant-upload-list-picture-card.ant-upload-list:after {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  height: 100%;
  margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:before {
  background-color: #00000080;
  content: " ";
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: all 0.3s;
  width: 100%;
  z-index: 1;
}
.ant-upload-list-picture-card
  .ant-upload-list-item:hover
  .ant-upload-list-item-info:before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  white-space: nowrap;
  z-index: 10;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye {
  color: #ffffffd9;
  cursor: pointer;
  font-size: 16px;
  margin: 0 4px;
  transition: all 0.3s;
  width: 16px;
  z-index: 10;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-actions
  .anticon-delete:hover,
.ant-upload-list-picture-card
  .ant-upload-list-item-actions
  .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,
.ant-upload-list-picture-card
  .ant-upload-list-item-info:hover
  + .ant-upload-list-item-actions {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: static;
  width: 100%;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  line-height: 1.5715;
  margin: 8px 0 0;
  padding: 0;
  text-align: center;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-file
  + .ant-upload-list-item-name {
  bottom: 10px;
  display: block;
  position: absolute;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-info
  .anticon-delete,
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-info
  .anticon-eye,
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-info:before {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
  width: calc(100% - 14px);
}
.ant-upload-list-picture-container,
.ant-upload-list-text-container {
  transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-picture-container:before,
.ant-upload-list-text-container:before {
  content: "";
  display: table;
  height: 0;
  width: 0;
}
.ant-upload-list-picture-container .ant-upload-span,
.ant-upload-list-text-container .ant-upload-span {
  display: block;
  flex: auto;
}
.ant-upload-list-picture .ant-upload-span,
.ant-upload-list-text .ant-upload-span {
  align-items: center;
  display: flex;
}
.ant-upload-list-picture .ant-upload-span > *,
.ant-upload-list-text .ant-upload-span > * {
  flex: none;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-text .ant-upload-list-item-name {
  flex: auto;
  padding: 0 8px;
}
.ant-upload-list-picture .ant-upload-list-item-card-actions,
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-text .ant-upload-text-icon .anticon {
  position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateInlineIn {
  0% {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    width: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    width: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-left: 8px;
  margin-right: auto;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl
  .ant-upload-list-item-list-type-text:hover
  .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
  padding-right: 22px;
}
.ant-upload-list-rtl
  .ant-upload-list-item-list-type-text:hover
  .ant-upload-list-item-name-icon-count-2 {
  padding-left: 28px;
  padding-right: 22px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-left: 0;
  padding-right: 22px;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  left: 0;
  right: auto;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-left: 5px;
  padding-right: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item .anticon-close {
  left: 4px;
  right: auto;
}
.ant-upload-list-rtl
  .ant-upload-list-item-error
  .ant-upload-list-item-card-actions
  .anticon {
  padding-left: 5px;
  padding-right: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-left: 0;
  padding-right: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-thumbnail {
  left: auto;
  right: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-left: 8px;
  padding-right: 48px;
}
.ant-upload-list-rtl.ant-upload-list-picture
  .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-name-icon-count-1 {
  padding-left: 18px;
  padding-right: 48px;
}
.ant-upload-list-rtl.ant-upload-list-picture
  .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-name-icon-count-2 {
  padding-left: 36px;
  padding-right: 48px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-progress {
  padding-left: 0;
  padding-right: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
  left: 8px;
  right: auto;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-actions {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-file
  + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 500;
  src: local("FS PFBeauSansPro Bbook"),
    url(/vx/static/media/FS%20PFBeauSansPro-Bbook.39b4154a83b78f8f5dc4.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 600;
  src: local("FS PFBeauSansPro SemiBold"),
    url(/vx/static/media/FS%20PFBeauSansPro-SemiBold.31f0edd99d363952eb84.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: italic;
  font-weight: 600;
  src: local("FS PFBeauSansPro SemiBoldItalic"),
    url(/vx/static/media/FS%20PFBeauSansPro-SemiBoldItalic.4fb11804f3206207209f.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 700;
  src: local("FS PFBeauSansPro Bold"),
    url(/vx/static/media/FS%20PFBeauSansPro-Bold.c9cf0cb5618ed785ca60.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 400;
  src: local("FS PFBeauSansPro Regular"),
    url(/vx/static/media/FS%20PFBeauSansPro-Regular.939b3ce6ab0823d7568e.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 300;
  src: local("FS PFBeauSansPro Regular"),
    url(/vx/static/media/FS%20PFBeauSansPro-Light.e24535ca7c52139072d7.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: italic;
  font-weight: 400;
  src: local("FS PFBeauSansPro Regular"),
    url(/vx/static/media/FS%20PFBeauSansPro-LightItalic.0898b8b61eb033637230.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local("Roboto-Bold"),
    url(/vx/static/media/Roboto-Bold.002079d85a6f27587d17.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local("Roboto-Regular"),
    url(/vx/static/media/Roboto-Regular.9429985be4f46ec8fcfc.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local("Roboto-Medium"),
    url(/vx/static/media/Roboto-Medium.70ace3870f471997ceb7.woff2)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local("Roboto-Medium"),
    url(/vx/static/media/Roboto-Light.839cb7309f46fed11436.ttf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: local("Roboto-Italic"),
    url(/vx/static/media/Roboto-Italic.c58a86b450e831fb3d3e.ttf) format("ttf");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: local("Roboto-Italic"),
    url(/vx/static/media/Roboto-LightItalic.43cbee784f9194c54b2c.ttf)
      format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local("Roboto"),
    url(/vx/static/media/Roboto-Light.8f977c8591803dd0978f.ttf) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local("Roboto-Medium"),
    url(/vx/static/media/Roboto-Medium.70ace3870f471997ceb7.woff2)
      format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: local("Roboto-MediumItalic"),
    url(/vx/static/media/Roboto-MediumItalic.a4e38056cca427132ea4.ttf)
      format("woff2");
}
@font-face {
  font-display: swap;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 400;
  src: local("SF-Pro-Text-RegularItalic"),
    url(/vx/static/media/SF-Pro-Text-Regular.d51632cf48c118224c3b.woff2);
}
@font-face {
  font-display: swap;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 500;
  src: local("SF-Pro-Text-Medium"),
    url(/vx/static/media/SF-Pro-Text-Medium.1d8f2ad5204d9b822806.woff2);
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: italic;
  font-weight: 200;
  src: local("Sarabun-ThinItalic"),
    url(/vx/static/media/Sarabun-ThinItalic.1ea96be0f6e09fb28020.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 200;
  src: local("Sarabun-Thin"),
    url(/vx/static/media/Sarabun-Thin.15b151333d11acee33be.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: italic;
  font-weight: 600;
  src: local("Sarabun-SemiBoldItalic"),
    url(/vx/static/media/Sarabun-SemiBoldItalic.ba3f791a038cd02e7571.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 600;
  src: local("Sarabun-Bold"),
    url(/vx/static/media/Sarabun-Bold.bf525c98f35c56d7aab9.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 400;
  src: local("Sarabun-Regular"),
    url(/vx/static/media/Sarabun-Regular.6620546d7e20154fd04d.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: italic;
  font-weight: 500;
  src: local("Sarabun-MediumItalic"),
    url(/vx/static/media/Sarabun-MediumItalic.36314f039a4b3a1cda81.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 500;
  src: local("Sarabun-Medium"),
    url(/vx/static/media/Sarabun-Medium.1e54abd50a32a9ba2ef0.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: italic;
  font-weight: 300;
  src: local("Sarabun-LightItalic"),
    url(/vx/static/media/Sarabun-LightItalic.c0a28bf302359306ad79.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 300;
  src: local("Sarabun-Light"),
    url(/vx/static/media/Sarabun-Light.0f087e83f6ea3dec4d85.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: italic;
  font-weight: 400;
  src: local("Sarabun-Italic"),
    url(/vx/static/media/Sarabun-Italic.128bf0f8f9657a8b3da3.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: italic;
  font-weight: 200;
  src: local("Sarabun-ExtraLightItalic"),
    url(/vx/static/media/Sarabun-ExtraLightItalic.7402536791392004ddc3.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 200;
  src: local("Sarabun-ExtraLight"),
    url(/vx/static/media/Sarabun-ExtraLight.1f3e68d6057b8090446b.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: italic;
  font-weight: 650;
  src: local("Sarabun-ExtraBoldItalic"),
    url(/vx/static/media/Sarabun-ExtraBoldItalic.b078fdd1240a6e0c32c1.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 650;
  src: local("Sarabun-ExtraBold"),
    url(/vx/static/media/Sarabun-ExtraBold.82a848095b4d26bf1303.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: italic;
  font-weight: 600;
  src: local("Sarabun-BoldItalic"),
    url(/vx/static/media/Sarabun-BoldItalic.b3ca490639b3f8d13215.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: FS Magistral;
  font-style: normal;
  font-weight: 700;
  src: url(/vx/static/media/FS%20Magistral-ExtraBold.3e90871a8c7f502cfa16.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: FS Magistral;
  font-style: normal;
  font-weight: 600;
  src: url(/vx/static/media/FS%20Magistral-Bold.7a9216f255a0911d9707.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: FS Magistral;
  font-style: normal;
  font-weight: 500;
  src: url(/vx/static/media/FS%20Magistral-Book.3de44ee479f2ae1dfc30.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: FS Magistral;
  font-style: normal;
  font-weight: 400;
  src: url(/vx/static/media/FS%20Magistral-Light.80a3212d1091bff62245.ttf)
    format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 700;
  src: local("Sarabun-Bold"),
    url(/vx/static/media/Sarabun-Bold.bf525c98f35c56d7aab9.ttf)
      format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarabun;
  font-style: normal;
  font-weight: 800;
  src: local("Sarabun-ExtraBold"),
    url(/vx/static/media/Sarabun-ExtraBold.07f998a013bd72c2957d.woff);
}
#root {
  height: 100%;
}
body,
html {
  overflow-x: hidden;
  visibility: visible;
  width: auto;
}
body {
  font-family: Roboto, sans-serif;
  padding: 0;
}
img {
  aspect-ratio: auto 640/360;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
*,
:after,
:before {
  box-sizing: border-box;
}
::placeholder {
  color: #e7e7e7;
}
li,
ol,
ul {
  list-style: none;
}
a,
button,
input,
select,
textarea {
  outline: none;
}
a {
  background-color: initial;
  color: inherit;
  text-decoration: none;
}
.img-hover {
  display: flex;
  overflow: hidden;
}
.img-hover img {
  transition: all 0.5s;
  width: 100%;
}
.img-hover img:hover {
  transform: scale(1.05);
  transition: all 0.5s;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}
dl,
ol,
ul {
  margin: 0;
  padding: 0;
}
::-webkit-scrollbar {
  background-color: inherit;
  height: 2px;
  position: absolute;
  width: 5px;
}
::-webkit-scrollbar-thumb {
  background-color: #b5b4b4;
  border-radius: 10px;
}
.button {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 8px 8px 8px 0;
  color: #e03;
  cursor: pointer;
  display: block;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 20px;
  padding: 9px 20px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  z-index: 1;
}
.button:before {
  transition: all 0.3s;
  width: 0;
  z-index: -1;
}
.button:after,
.button:before {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
}
.button:after {
  border-radius: 8px 8px 8px 0;
  width: 100%;
  z-index: -2;
}
.button:hover:before {
  width: 100%;
}
.button--primary {
  background-color: #e03 !important;
  border-color: #e03 !important;
  color: #fff !important;
}
.button.button--primary:hover {
  border-color: #be0129;
  color: #fff;
}
.button--primary:before {
  background-color: #be0129;
}
.button--normal {
  background-color: #fff;
  border-color: #979797;
  color: #4b4b4b;
}
.button--normal:hover {
  border-color: #979797 !important;
  color: #fff;
}
.button--normal:before,
.button--normal:hover {
  background-color: #979797;
}
.button--disabled {
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  pointer-events: none;
}
.skeleton1 {
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.skeleton2 {
  height: 14px;
  margin: 0.5rem 0.5rem 0;
  width: auto;
}
.skeleton3 {
  height: 14px;
  margin: 0.875rem 0.5rem 0;
  width: 66%;
}
.skeleton4 {
  height: 14px;
  margin: 0.875rem 0.5rem 0.5rem;
  width: 33%;
}
.loading3 {
  grid-gap: 0 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.loading4 {
  grid-gap: 0 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 20px;
}
.loading-news {
  margin-top: 25px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-button {
  width: 100%;
}
select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAMAAABLuo1aAAAAPFBMVEUAAABAQFVHR1JDSU9GS0tESk9HR0xFSk5DSExDSUxFSk5ESk5ESU1FSUxESU5ESU1DSU1ESU1ESU3///825dFeAAAAE3RSTlMADBkqLC0vNDlbb4CIiaHN3+LoFLQz7AAAAAFiS0dEEwy7XJYAAAAsSURBVAgdBcGHAYAgAAAg1MpRuf4/VnAXoFzyrlB3Js2Xth6Io/cRgfB/AQcamAD27W06uAAAAABJRU5ErkJggg==)
    no-repeat #fff;
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
}
select:focus {
  border-color: #b70d02;
}
a:hover {
  color: inherit;
}
@media (max-width: 500px) {
  ::-webkit-scrollbar {
    background-color: inherit;
    position: absolute;
  }
  .loading4 {
    grid-gap: 20px 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
iframe#chatbot_iframe {
  z-index: 999 !important;
}
.container {
  padding: 0 20px;
  width: 100% !important;
}
@media (max-width: 500px) {
  ::-webkit-scrollbar {
    background-color: inherit;
    height: 2px;
    position: absolute;
    width: 5px;
  }
  .loading4 {
    grid-gap: 20px 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .container {
    padding: 0 20px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    padding: 0 16px;
    width: 920px !important;
  }
}
@media screen and (min-width: 1280px) {
  .container {
    padding: 0 40px;
    width: 1080px !important;
  }
}
@media screen and (min-width: 1440px) {
  .container {
    padding: 0 150px;
    width: 1440px !important;
  }
}
.similar-pack__value-price-old {
  color: #b5b4b4;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 5px;
  text-align: left;
  text-decoration: line-through;
}
.similar-pack__value_last,
.similar-pack__value_last_small {
  display: none;
  opacity: 0;
}
@media (max-width: 500px) {
  .similar-pack__value_roaming {
    -webkit-line-clamp: 1 !important;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
  }
  .similar-pack__value_roaming span {
    display: inline-block;
    padding-right: 40px;
  }
  .similar-pack__value_animation,
  .similar-pack__value_last {
    animation: marquee 10s linear infinite;
    opacity: 1;
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
iframe#survey-frame {
  z-index: 9999 !important;
}
.sale-component {
  background-color: #f0f0f0;
  border-radius: 16px 16px 16px 0;
  bottom: 16px;
  box-shadow: 0 4px 20px 0 #0000000a, 0 0 10px 0 #0000000a;
  gap: 12px;
  height: 102px;
  left: 16px;
  min-width: 192px;
  padding: 16px;
  position: fixed;
  transition: all 0.4s;
  width: 186px;
  z-index: 99;
}
.sale-title {
  color: #d1022f;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 4px;
  text-align: left;
}
.sale-title img {
  margin-right: 4px;
}
.sale-phone {
  font-size: 14px;
  margin-bottom: 4px;
  text-decoration: underline;
}
.sale-name,
.sale-phone {
  color: #d1022f;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
.sale-name {
  font-size: 12px;
}
.sale-close {
  color: #d1022f;
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 10px;
}
@media (max-width: 768px) {
  .content {
    max-width: 100% !important;
  }
}
@font-face {
  font-display: swap;
  font-display: block;
  font-family: icon-theme;
  font-style: normal;
  font-weight: 700;
  src: url(/vx/static/media/icon-theme.1efd08e1393bac74f81c.eot);
  src: url(/vx/static/media/icon-theme.1efd08e1393bac74f81c.eot#iefix)
      format("embedded-opentype"),
    url(/vx/static/media/icon-theme.82e5f721e53126273fef.ttf) format("truetype"),
    url(/vx/static/media/icon-theme.fe8c38c96fdd57b1cdfb.woff) format("woff"),
    url(/vx/static/media/icon-theme.2cd916b36eb239dbbece.svg#icon-theme)
      format("svg");
}
[class*=" icon-"],
[class^="icon-"] {
  speak: none;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
  font-family: icon-theme !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
.icon-i-book:before {
  content: "\e900";
}
.icon-i-check:before {
  content: "\e901";
}
.icon-i-facebook:before {
  content: "\e902";
}
.icon-i-globe:before {
  content: "\e903";
}
.icon-i-newspaper:before {
  content: "\e904";
}
.icon-i-prev:before {
  content: "\e905";
}
.icon-i-phone:before {
  content: "\e906";
}
.icon-i-menu:before {
  content: "\e907";
}
.icon-i-shuffle:before {
  content: "\e908";
}
.icon-i-triangle:before {
  content: "\e909";
}
.icon-i-youtube:before {
  content: "\e90a";
}
.icon-i-search:before {
  content: "\e90b";
}
.icon-i-next:before {
  content: "\e90c";
}
.icon-i-bell:before {
  content: "\e90d";
}
.icon-next:before {
  content: "\e90e";
}
.icon-i-coc:before {
  content: "\e90f";
}
.icon-i-star:before {
  content: "\e910";
}
.icon-i-call:before {
  content: "\e911";
}
.icon-i-checkmark-circle:before {
  content: "\e912";
}
.icon-close:before {
  content: "\e913";
}
.icon-mini:before {
  content: "\e914";
}
.icon-i-star-full:before {
  content: "\e915";
}
.icon-i-wishlist:before {
  content: "\e916";
}
.icon-i-wishlist-full:before {
  content: "\e917";
}
.icon-i-fail:before {
  content: "\e918";
}
.icon-i-success:before {
  content: "\e919";
}
.icon-i-cart:before {
  content: "\e91a";
}
.icon-address-book:before {
  content: "\e91b";
}
.icon-i-tags:before {
  content: "\e91c";
}
.icon-caculate:before {
  content: "\e91d";
}
.icon-camera:before {
  content: "\e91e";
}
.icon-cart:before {
  content: "\e91f";
}
.icon-check:before {
  content: "\e920";
}
.icon-cycle:before {
  content: "\e921";
}
.icon-fa-share:before {
  content: "\e922";
}
.icon-headphones-mic:before {
  content: "\e923";
}
.icon-hotnew:before {
  content: "\e924";
}
.icon-hour:before {
  content: "\e925";
}
.icon-like:before {
  content: "\e926";
}
.icon-map:before {
  content: "\e927";
}
.icon-phone-s:before {
  content: "\e929";
}
.icon-social:before {
  content: "\e92b";
}
.icon-star-s:before {
  content: "\e92c";
}
.icon-video:before {
  content: "\e92d";
}
.icon-continue:before {
  content: "\e928";
}
.icon-edit:before {
  content: "\e92a";
}
.icon-eye:before {
  content: "\e92e";
}
.icon-round:before {
  content: "\e92f";
}
.icon-check2:before {
  content: "\e930";
}
.icon-zalo:before {
  content: "\e931";
}
.icon-phoneft:before {
  content: "\e932";
}
.icon-store:before {
  content: "\e933";
}
.icon-links:before {
  content: "\e934";
}
.icon-locked:before {
  content: "\e935";
}
.icon-reply:before {
  content: "\e936";
}
.icon-caret-down:before {
  content: "\e938";
}
.icon-diamond:before {
  content: "\e939";
}
.icon-gift:before {
  content: "\e93a";
}
.icon-hand-shake:before {
  content: "\e93b";
}
.icon-hv-b:before {
  content: "\e93c";
}
.icon-hv-kc:before {
  content: "\e93d";
}
.icon-hv-tn:before {
  content: "\e93e";
}
.icon-hv-tt:before {
  content: "\e93f";
}
.icon-hv-v:before {
  content: "\e940";
}
.icon-laptop:before {
  content: "\e941";
}
.icon-load:before {
  content: "\e942";
}
.icon-phone:before {
  content: "\e943";
}
.icon-skew-right:before {
  content: "\e944";
}
.icon-sms:before {
  content: "\e945";
}
.icon-sort:before {
  content: "\e946";
}
.icon-support:before {
  content: "\e947";
}
.icon-ticket:before {
  content: "\e948";
}
.icon-time:before {
  content: "\e949";
}
.icon-chevron-left:before {
  content: "\e94a";
}
.icon-chevron-right:before {
  content: "\e94b";
}
.icon-flash:before {
  content: "\e94c";
}
.icon-birthday:before {
  content: "\e94d";
}
.icon-calendar-month:before {
  content: "\e94e";
}
.icon-mobile_data:before {
  content: "\e94f";
}
.icon-multi-phone:before {
  content: "\e950";
}
.icon-phone1:before {
  content: "\e951";
}
.icon-remove:before {
  content: "\e952";
}
.icon-router:before {
  content: "\e953";
}
.icon-shop:before {
  content: "\e954";
}
.icon-add-circle:before {
  content: "\e955";
}
.icon-amicable:before {
  content: "\e956";
}
.icon-potential:before {
  content: "\e957";
}
.icon-user-diamond:before {
  content: "\e958";
}
.icon-user-diamond1:before {
  content: "\e959";
}
.icon-user-gold:before {
  content: "\e95a";
}
.icon-arrow-right:before {
  content: "\e95b";
}
.icon-chevron-down:before {
  content: "\e95c";
}
.icon-chevron-right1:before {
  content: "\e95d";
}
.icon-share:before {
  content: "\e95e";
}
.icon-price:before {
  content: "\e95f";
}
.icon-user-sliver:before {
  content: "\e960";
}
.icon-new-edit:before {
  content: "\e961";
}
.icon-clock:before {
  content: "\e962";
}
.icon-gray-star:before {
  color: #e7e7e7;
  content: "\e963";
}
.icon-add:before {
  content: "\e964";
}
.icon-yellow-star:before {
  color: #ffd500;
  content: "\e965";
}
.icon-delete:before {
  content: "\e966";
}
.icon-minimize:before {
  content: "\e967";
}
.icon-location:before {
  content: "\e968";
}
.icon-mail:before {
  content: "\e969";
}
.icon-account:before {
  content: "\e96a";
}
.icon-bill:before {
  content: "\e96b";
}
.icon-call-2:before {
  content: "\e96c";
}
.icon-call:before {
  content: "\e96d";
}
.icon-email:before {
  content: "\e96e";
}
.icon-facebook:before {
  content: "\e96f";
}
.icon-globe:before {
  content: "\e970";
}
.icon-news:before {
  content: "\e971";
}
.icon-poi:before {
  content: "\e972";
}
.icon-search:before {
  content: "\e973";
}
.icon-shop-2:before {
  content: "\e974";
}
.icon-youtube:before {
  content: "\e975";
}
.icon-comment:before {
  content: "\e976";
}
.icon-data:before {
  content: "\e977";
}
.icon-barcode:before {
  content: "\e978";
}
.icon-line:before {
  content: "\e979";
}
.icon-deposit:before {
  content: "\e97a";
}
.icon-handshake:before {
  content: "\e97b";
}
.icon-pack:before {
  content: "\e97c";
}
.icon-swap:before {
  content: "\e97d";
}
.icon-card:before {
  content: "\e97e";
}
.icon-gift-2:before {
  content: "\e97f";
}
.icon-history:before {
  content: "\e980";
}
.icon-calendar:before {
  content: "\e981";
}
.icon-location-2:before {
  content: "\e982";
}
.icon-crown:before {
  content: "\e983";
}
.icon-hotest:before {
  content: "\e984";
}
.icon-screen:before {
  content: "\e985";
}
.icon-setting:before {
  content: "\e986";
}
.icon-user:before {
  content: "\e987";
}
.icon-wifi:before {
  content: "\e988";
}
.icon-select:before {
  content: "\e989";
}
.icon-call-3:before {
  content: "\e98a";
}
.icon-copy:before {
  content: "\e98b";
}
.icon-first:before {
  content: "\e98c";
}
.icon-flight:before {
  content: "\e98d";
}
.icon-poll:before {
  content: "\e98e";
}
.icon-qr-code:before {
  content: "\e98f";
}
.icon-time-money:before {
  content: "\e990";
}
.icon-tool:before {
  content: "\e991";
}
.icon-papers:before {
  content: "\e992";
}
.icon-data-2:before {
  content: "\e993";
}
.icon-sms-chat:before {
  content: "\e994";
}
.icon-trash:before {
  content: "\e995";
}
.icon-arrow-next:before {
  content: "\e996";
}
.icon-arrow-prev:before {
  content: "\e997";
}
.icon-calendar-2:before {
  content: "\e998";
}
.icon-position:before {
  content: "\e999";
}
.icon-phone-2:before {
  content: "\e99a";
}
.icon-time-2:before {
  content: "\e99b";
}
.icon-user-2:before {
  content: "\e99c";
}
.icon-eye-2:before {
  content: "\e99d";
}
.icon-lock:before {
  content: "\e99e";
}
.icon-tick:before {
  content: "\e99f";
}
.icon-edit-2:before {
  content: "\e9a0";
}
.icon-refresh-2:before {
  content: "\e9a3";
}
.icon-filter:before {
  content: "\e9a4";
}
.icon-price-down:before {
  content: "\e9a5";
}
.icon-price-up:before {
  content: "\e9a6";
}
.icon-clock-2:before {
  content: "\e9a7";
}
.icon-store-2:before {
  content: "\e9a8";
}
.icon-dolla:before {
  content: "\e9a9";
}
.icon-order:before {
  content: "\e9aa";
}
.icon-arrow-down:before {
  content: "\e9ab";
}
#slug_pack_content .slick-slide {
  max-width: 300px;
}
#slug_pack_content .slick-track {
  display: flex;
  justify-content: center;
}
.main--pack:before {
  background: url(/vx/static/media/bg-internet-pack.90b772c40b1ea8a50b8d.png) 0
    0 no-repeat;
  background-size: cover;
  content: "";
  height: 238px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.pathway ul li a:hover {
  color: #e03 !important;
}
.content {
  margin: 0 auto;
}
.internet-pack__top-list {
  align-items: center;
  display: flex;
  height: 156px;
}
.internet-pack__top-item {
  align-items: center;
  border-right: 2px dashed #d1d1d1;
  display: flex;
  flex: 1 1;
  height: 100%;
  overflow: hidden;
  padding: 0 30px;
}
.internet-pack__inner {
  margin: -10px auto;
  max-width: 950px;
  position: relative;
  width: 100%;
}
.internet-pack__top-icon {
  display: flex;
  flex: 0 0 60px;
  height: 60px;
  margin: 0 8px 0 0;
  width: 60px;
}
.internet-pack__info-menu {
  max-height: 180px;
}
.internet-pack__top-info {
  flex: 1 1;
  overflow: hidden;
  width: 100%;
}
.internet-pack__top-name {
  color: #727272;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  margin: 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.internet-pack__top-name,
.internet-pack__top-value.highlight {
  font-family: FS PFBeauSansPro, sans-serif;
}
.internet-pack__top-value {
  color: #2c2f31;
  display: block;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.internet-pack__top-item:last-child {
  border-right: 0;
  flex: 0 0 220px;
}
.internet-pack__title {
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 55px;
  margin: 0 0 20px;
  text-align: center;
}
.internet-pack__top {
  background: linear-gradient(270.22deg, #fff 0.19%, #f0f0f0 134.59%);
  border: 4px solid #fff;
  border-radius: 10px;
  margin: 0 0 20px;
}
.internet-pack__detail {
  display: flex;
  margin: 20px 0 0;
}
.internet-pack__left {
  flex: 0 0 264px;
  margin: 0 30px 0 0;
  width: 264px;
}
.internet-pack__images {
  display: flex;
  margin: 0 0 20px;
}
.internet-pack__images:hover img {
  opacity: 0.8;
}
iframe,
img,
video {
  margin-top: 0;
  max-width: 100%;
}
.internet-pack__info {
  margin: 20px 0 0;
}
.internet-pack__btn {
  margin: 30px 0 0;
}
.internet-pack__info-name {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.internet-pack__right {
  flex: 1 1;
  width: calc(100% - 294px);
}
.internet-pack__row {
  margin: 0 0 15px;
}
.internet-pack__label {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 5px;
}
.internet-pack__list {
  margin: 8px 0 0 8px;
}
.internet-pack__item {
  color: #2c2f31;
  font-size: 16px;
  line-height: 24px;
}
.internet-pack .it-pack {
  padding: 0 0 60px;
}
.internet-pack__info-choosen {
  margin: 10px 0 20px;
}
.internet-pack__info-menu {
  max-height: 70px;
  overflow-y: auto;
}
.radio-custom1 {
  padding-left: 24px;
}
.internet-pack__info .radio-custom1 {
  font-size: 16px;
  margin: 0 0 20px;
}
.internet-pack__info .radio-custom1:last-child {
  font-size: 16px;
  margin: 0;
}
input:read-only {
  color: #e7e7e7;
}
.radio-custom1 input {
  cursor: pointer;
}
.internet-pack__info-list {
  max-height: 315px;
  overflow-y: auto;
  padding: 0 11px 0 0;
}
.internet-pack__info-item:not(:last-child) {
  margin: 0 0 12px;
}
.internet-pack__info-item.active,
.internet-pack__info-item:hover {
  background: linear-gradient(0deg, #ee00331a, #ee00331a), #fff;
  border-color: #e03;
}
.internet-pack__info-item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  transition: all 0.5s;
}
.internet-pack__info-item.active .internet-pack__info-top,
.internet-pack__info-item:hover .internet-pack__info-top {
  border-color: #fab3c2;
}
.internet-pack__info-top {
  border-bottom: 1px solid #d1d1d1;
  padding: 5px 20px;
}
.internet-pack__info-sub {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.internet-pack__info-detail {
  padding: 6px 20px;
}
.internet-pack__info-price {
  color: #2c2f31;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.internet-pack__info-des,
.internet-pack__info-price {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.internet-pack__info-des {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 2px 0 0;
}
.internet-pack .it-pack {
  margin: 40px 0 0;
  position: relative;
}
.it-head {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px;
}
.lists-slider {
  margin: 0 -15px;
  position: relative;
  z-index: 1;
}
.it-sub {
  color: #2c2f31;
  flex: 1 1;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  text-transform: uppercase;
}
.internet-pack:before {
  background: url(/vx/static/media/bg-internet-pack-2.9ac677d8e86b32250049.png)
    0 0 no-repeat;
  background-size: cover;
  content: "";
  height: 1007px;
  left: 0;
  position: absolute;
  top: 150px;
  width: 546px;
}
.txt-radio {
  color: #0c0033;
  font-size: 16px;
  font-style: normal;
}
.active-txt-radio {
  font-weight: 600;
}
.radio-custom1:last-child:hover .checkmark {
  border: 2px solid #e03;
}
@media only screen and (max-width: 1023px) {
  .pathway ul li {
    font-size: 15px !important;
  }
}
@media (max-width: 991px) {
  .main--pack:before {
    background-size: cover;
    height: 160px;
  }
  .pathway {
    margin: 0 !important;
  }
  .internet-pack {
    padding: 0 0 30px;
  }
  .internet-pack__inner {
    max-width: 100%;
  }
  .internet-pack__title {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 15px;
    text-transform: uppercase;
  }
  .internet-pack__top {
    border-width: 2px;
    margin: 0 0 15px;
  }
  .internet-pack__top-list {
    height: 94px;
  }
  .internet-pack__top-item {
    align-items: flex-start;
    border-width: 1px;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 0 12px;
  }
  .internet-pack__top-item:first-child {
    border-width: 1px;
    flex: 0 0 145px;
  }
  .internet-pack__top-icon {
    flex: 0 0 30px;
    height: 30px;
    margin: 0 0 5px;
    width: 30px;
  }
  .internet-pack__top-info {
    flex: 0 0 auto;
    min-height: 32px;
  }
  .internet-pack__top-item:first-child .internet-pack__top-info {
    min-height: auto;
  }
  .internet-pack__top-name {
    color: #2c2f31;
    font-weight: 400;
    margin: 0 0 5px;
  }
  .internet-pack__top-value.highlight {
    font-size: 16px;
    text-align: center;
  }
  .internet-pack__top-value {
    font-size: 14px;
  }
  .internet-pack__top-item:last-child {
    flex: 0 0 110px;
  }
  .internet-pack__detail {
    flex-direction: column;
    margin: 15px 0 0;
  }
  .internet-pack__left {
    flex: 1 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .internet-pack__images {
    display: none;
  }
  .internet-pack__info {
    margin: 0;
  }
  .internet-pack__info-name {
    font-size: 16px;
    line-height: 24px;
  }
  .internet-pack__info-choosen {
    background-color: #eee;
    border-radius: 16px;
    margin: 10px 0 15px;
    padding: 15px 10px 15px 25px;
  }
  .internet-pack__info-menu {
    max-height: 160px;
  }
  .internet-pack__info .radio-custom1 {
    font-size: 14px;
    margin: 0 0 15px;
  }
  .internet-pack__info-top {
    padding: 5px 15px;
  }
  .internet-pack__info-sub {
    font-size: 16px;
    line-height: 24px;
  }
  .internet-pack__info-detail {
    padding: 6px 15px;
  }
  .internet-pack__info-price {
    font-size: 18px;
    line-height: 28px;
  }
  .internet-pack__btn {
    margin: 20px 0 0;
  }
  .internet-pack__right {
    width: 100%;
  }
  .internet-pack__label {
    font-size: 20px;
    letter-spacing: 0.15px;
    line-height: 30px;
  }
  .internet-pack__item {
    font-size: 14px;
    line-height: 20px;
  }
  .internet-pack__row:last-child {
    margin: 0;
  }
  .internet-pack .it-pack {
    margin: 15px 0 0;
  }
  .it-head {
    margin: 0 0 12px;
  }
  .it-sub {
    font-size: 20px;
    line-height: 30px;
    text-transform: inherit;
  }
  .lists-slider {
    margin: 0 -8px;
  }
}
.internet-pack .slick-prev,
.slick-next {
  top: 45%;
}
.custom-contact-now {
  bottom: 15px;
  z-index: 100;
}
.contact-now {
  left: 15px;
  min-width: 175px;
  position: fixed;
}
.contact-now__content {
  background-color: #fff;
  border: 2px solid #fe9a00;
  border-radius: 8px;
  padding: 12px 16px;
  position: relative;
}
.contact-now__close {
  cursor: pointer;
  display: block;
  position: absolute;
  right: -15px;
  top: -15px;
}
.contact-now__close i {
  color: #fe9a00;
  font-size: 16px;
}
.contact-now__icon,
.contact-now__top {
  align-items: center;
  display: flex;
  position: relative;
}
.contact-now__icon {
  background-color: #fe9a00;
  border-radius: 100%;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  margin: 0 10px 0 0;
  width: 32px;
  z-index: 2;
}
.contact-now__icon i {
  color: #fff;
  font-size: 25px;
}
.contact-now__info {
  align-items: center;
  background-color: #fff;
  border: 1px solid #fe9a00;
  border-radius: 18px;
  display: flex;
  left: 0;
  padding: 6px 18px 6px 40px;
  position: absolute;
  z-index: 1;
}
.contact-now__title {
  color: #fe9a00;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
}
.contact-now__phone {
  color: #fe9a00;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 23px;
  margin: 3px 0;
}
.contact-now__name {
  color: #fe9a00;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}
@media (max-width: 991px) {
  .contact-now__content {
    padding: 24px 15px 12px 16px;
  }
}
a.contact-now.custom-contact-now.p-header {
  display: none;
}
.modal-data__des {
  padding: auto;
}
.button__normal {
  background-color: #fff;
  border-color: #979797;
  color: #4b4b4b;
  padding: 6px 20px;
}
.button__normal:hover {
  border-color: #979797;
  color: #fff;
}
.button.button-sms:before,
.button.button-sms:hover {
  background-color: #4b4b4b;
}
.modal {
  background: none;
  box-shadow: none;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.button__normal:before {
  background-color: #979797;
  border-radius: 7px 7px 7px 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 0.3s;
  width: 0;
  z-index: -1;
}
.button:before {
  border-radius: 8px 8px 8px 0;
}
.button__normal:hover {
  background-color: #979797;
  border-color: #979797 !important;
  color: #fff !important;
}
.modal__title {
  color: #000;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
}
.modal-discount__note-price {
  color: #727272;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 25px;
  margin-top: 0;
  text-align: center;
}
.modal_noLogin .modal-discount__note-price {
  margin-bottom: 0;
}
.modal_noLogin .modal-discount__not_succes {
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: auto;
  padding: 0 0 3px;
  text-align: center;
  width: 80%;
}
.modal-discount__content {
  margin: 15px 0 10px;
}
.modal-discount__choose {
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin: 15px -15px 30px;
}
.modal-discount__item {
  align-items: center;
  background-color: #fbfbfb;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  flex-basis: calc(33.33333% - 30px);
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 15px;
  padding: 15px;
  position: relative;
  width: calc(33.33333% - 30px);
}
.modal-discount__item.selected,
.modal-discount__item:hover {
  border: 1px solid #e03;
  box-shadow: none;
}
.modal-discount__item.disable,
.modal-discount__item.disable:hover {
  background: #d1d1d1;
  border: none;
  opacity: 0.3;
}
.modal-discount__icon {
  display: flex;
  justify-content: center;
  margin: 0 0 10px;
}
.modal-discount__icon img {
  height: 60px;
  object-fit: cover;
  width: 60px;
}
.modal-discount__detail {
  text-align: center;
}
.label-packdata input {
  display: none;
}
input:read-only {
  color: #26292b;
  cursor: default;
}
.packdata-name-v2 {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: auto;
  text-align: center;
  width: 80%;
}
.modal-discount__btn {
  display: flex;
  justify-content: center;
  margin: 10px 0 0;
}
.modal-discount__btn .button {
  margin: 0 8px;
  max-width: 200px;
  width: 100%;
}
.modal a.close-modal {
  display: none !important;
}
.modal-discount__title {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
.ant-modal-body {
  padding: 24px 1px;
}
.modal--discount .modal__body {
  padding: 11px 15px 18px;
}
.regNote {
  color: #e03;
}
.regNote,
.regSubNote {
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  text-align: center;
}
.regSubNote {
  color: #727272;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .modal-discount__choose {
    flex-direction: column;
    margin: 30px 0;
  }
  .modal-discount__item {
    flex: 1 1;
    margin: 0 0 20px;
    width: 100%;
  }
  .label-packdata {
    margin-bottom: 0;
  }
  .modal__content {
    padding: 0;
  }
}
.modal__content {
  border-radius: 14px 14px 14px 0;
}
@media (max-width: 991px) {
  .modal__content {
    border-radius: 6px 6px 6px 0;
  }
}
.modal__body {
  padding: 0 0 30px;
}
.modal-data__title {
  color: #2c2f31;
  font-weight: 600;
  margin: 12px 0 15px;
}
.data-pack-register-phone-verify .modal-data__content {
  margin: auto;
  max-width: 401px;
  width: 100%;
}
.form-customize {
  margin: 15px auto 16px;
  max-width: 414px;
  position: relative;
  width: 100%;
}
@media (max-width: 575px) {
  .form-customize .form-control {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 8px 10px 15px;
  }
}
.button-nologin {
  align-items: center;
  display: flex;
  justify-content: center;
}
svg:not(:root).svg-inline--fa {
  font-size: 1.3em;
  margin-left: 5px;
  overflow: visible;
}
.svg-inline--fa.fa-w-16 {
  width: 1em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}
.fa-pulse {
  animation: fa-spin 1s steps(8) infinite;
}
.fa-lg {
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@media (max-width: 575px) {
  .form-customize .form-control::placeholder {
    font-size: 14px;
    line-height: 20px;
  }
  .modal-discount__btn {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0;
  }
  .modal-discount__btn .button {
    margin: 0;
    max-width: 195px;
    width: 48%;
  }
  .cv-des {
    margin-right: 10px !important;
  }
  .modal-discount__note {
    font-style: italic;
  }
  .modal-discount__title {
    font-size: 20px;
    line-height: 28px;
  }
  .modal-discount__item:last-child {
    margin-bottom: 0;
  }
  .modal--discount .modal__body {
    padding: 22px 0 20px;
  }
  .modal-discount__note-price {
    font-style: italic;
  }
  .ant-modal-body {
    padding: 24px 0 10px;
  }
}
.form-customize .form-control:focus {
  border-color: #58b84f;
}
.form-icon {
  align-items: center;
  background-color: initial;
  border-radius: 50%;
  color: #b5b4b4;
  cursor: pointer;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 24px;
  justify-content: center;
  line-height: 24px;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}
.modal-discount__note_roaming {
  color: #2c2f31;
  font-size: 16px;
  line-height: 25px;
  margin: auto auto 25px;
  text-align: center;
  width: 80%;
}
@media (max-width: 450px) {
  .modal-discount__icon {
    display: none;
  }
}
.cv-des {
  margin-right: 10px;
}
.register_data_post {
  padding: 0 !important;
  width: 558px !important;
}
.register_data_post .modal-discount__btn {
  margin: 25px 0 0;
}
.register_data_post .modal--discount .modal__body {
  padding: 18px 15px 16px;
}
.modal_Login .button--normal,
.modal_noLogin .button--normal {
  border-color: #4b4b4b;
  color: #4b4b4b;
}
.modal_Login .button--normal:hover {
  background-color: #b5b4b4 !important;
  color: #fff;
}
.modal_noLogin .button--normal:hover {
  color: #4b4b4b;
}
.modal_Login.data-pack-register-logged-in .button--normal:before,
.modal_noLogin .data-pack-register-logged-in .button--normal:before {
  background-color: #b5b4b4 !important;
}
.modal_noLogin .form-customize .form-control::placeholder {
  color: #b5b4b4;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  opacity: 0.6;
}
.modal-discount__roaming {
  color: #2c2f31;
  font-size: 16px;
  line-height: 25px;
  margin: auto;
  text-align: center;
  width: 85%;
}
.title_content_popup div {
  color: #2c2f31;
}
::-webkit-scrollbar {
  display: block !important;
  height: 2px !important;
  width: 5px !important;
}
.decree-modal {
  max-width: 754px;
  width: auto !important;
}
.decree-modal .check-all-scroll {
  padding: 2px 0 0 30px;
  position: relative;
}
.decree-modal .modal__content {
  padding: 0 66px 41px 68px;
}
.decree-modal .ant-modal-body {
  padding-top: 32px !important;
  padding: 0;
}
.decree-modal .content_popup_term {
  border-bottom: 1px solid #eee;
  height: 553px;
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: scroll;
  padding-bottom: 15px;
}
.decree-modal .button--normal {
  color: #2c2f31;
}
.decree-modal .title_hedding {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
.decree-modal .title_check,
.decree-modal .title_hedding {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-weight: 700;
}
.decree-modal .title_check {
  font-size: 18px;
  line-height: 27px;
  margin: 10px 0;
}
.decree-modal .footer_popup {
  background: #fff;
  bottom: 1rem;
  flex-direction: column;
  left: 0;
  padding: 0;
  right: 0;
  width: 100%;
}
.decree-modal .checked_true,
.decree-modal .footer_popup {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.decree-modal .checked_true {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 12px;
}
.decree-modal .checked_true.checked-requied {
  background-color: #fee5eb;
  border: 0;
}
.decree-modal .check-box__input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.decree-modal .check-box__checkmark {
  background: #fff;
  border: 2px solid #e03;
  border-radius: 4px 4px 4px 0;
  cursor: pointer;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}
.decree-modal .checked_true .check-box {
  margin-left: 8px;
  padding: 2px 0 0 20px;
  position: relative;
}
.decree-modal .checked_true .check-box__checkmark:after {
  border-color: #fff;
}
.decree-modal .checked_true .check-box__input:checked ~ .check-box__checkmark {
  background: #e03;
  border-color: #e03;
}
.decree-modal .text_danger {
  color: #e03;
}
.decree-modal .text_checked {
  color: #2c2f31;
  font-size: 14px;
  line-height: 24px;
  width: 95%;
}
.decree-modal .check-all .check-box__txt {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.decree-modal .check-all .check-box__checkmark:after {
  border-color: #fff;
}
.decree-modal .check-all .check-box__input:checked ~ .check-box__checkmark {
  background: #e03;
  border-color: #e03;
}
.decree-modal .modal_body_v2 {
  padding: 30px 60px;
}
.decree-modal .modal__content_v2 {
  max-width: 750px;
}
.decree-modal .button--normal {
  border-color: #2c2f31;
}
.decree-modal .error {
  color: #d11313;
  font-size: 12px;
  font-style: italic;
  line-height: 13.8px;
  position: relative;
  top: -8px;
}
.decree-modal .radio_check.check-all {
  align-items: flex-start;
  display: flex;
  margin-right: 10px;
}
.decree-modal .button--primary:disabled {
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  color: #727272;
  pointer-events: none;
}
.decree-modal .click_success {
  width: 100%;
}
.decree-modal .click_success .button {
  margin-top: 20px;
  width: 300px;
}
.decree-modal .button__closev2 {
  margin-right: 18px;
}
.decree-modal .button_footer {
  display: flex;
}
.decree-modal .button_not_close {
  display: flex;
  justify-content: center;
}
.decree-modal .check-box__input:checked ~ .check-box__checkmark {
  background: linear-gradient(0deg, #d1131333, #d1131333), #fff;
  border-color: #e03;
  cursor: pointer;
}
.decree-modal .check-box__input:checked ~ .check-box__checkmark:after {
  display: block;
}
.decree-modal .check-box__input:checked ~ .check-box__txt {
  color: #e03;
}
.decree-modal .check-box__checkmark:after {
  border: solid #e03;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 4px;
}
.decree-modal .title_content_popup div {
  line-height: 24px;
}
@media (max-width: 991px) {
  .decree-modal {
    max-width: 100%;
  }
  .decree-modal .ant-modal-body {
    padding: 0 15px;
  }
  .decree-modal .modal__content {
    padding: 55px 15px 15px;
  }
  .decree-modal .content_popup_term::-webkit-scrollbar {
    display: block;
    height: 5px;
    width: 4px;
  }
  .decree-modal .ant-modal-content {
    border-radius: 6px 6px 6px 0;
  }
}
@media (max-width: 580px) {
  .decree-modal .ant-modal-content {
    top: 13px;
  }
  .decree-modal .modal_body_v2 {
    padding: 15px;
  }
  .decree-modal .footer_popup {
    flex-direction: column;
  }
  .decree-modal .click_success,
  .decree-modal .radio_check.check-all {
    width: 100%;
  }
  .decree-modal .click_success .button {
    margin-top: 15px;
    max-width: 100%;
    width: 100%;
  }
  .decree-modal .title_hedding {
    font-size: 16px;
    line-height: 24px;
  }
  .decree-modal .content_popup_term {
    height: 456px;
    margin-top: 0;
  }
  .decree-modal .modal__content {
    padding: 12px 20px 24px;
  }
  .decree-modal .ant-modal-body {
    padding: 40px 0 0;
  }
  .decree-modal .check-all .check-box__txt {
    font-size: 12px;
  }
  .decree-modal .text_checked {
    line-height: 20px;
  }
  .decree-modal .checked_true {
    padding: 8px;
  }
  .decree-modal .error {
    font-family: SF Pro Text, sans-serif;
    font-size: 10px;
    line-height: 16px;
    top: -12px;
  }
  .decree-modal .radio_check.check-all {
    margin-right: 0;
  }
}
.decree-modal .checked_true.checked-requied.checked-requied-active {
  border: 1px solid #d11313;
}
@media (max-height: 700px) {
  .decree-modal .ant-modal-content {
    top: 0;
  }
}
.ant-modal-close-x .anticon svg {
  font-size: 16.5px;
  font-weight: 700;
  right: -6px;
}
.ant-modal-close-x .anticon svg:hover {
  filter: invert(17%) sepia(79%) saturate(4423%) hue-rotate(337deg)
    brightness(93%) contrast(95%);
}
.modal-data__title {
  color: #282828 !important;
  font-weight: 700 !important;
  margin: 15px 0 !important;
}
.modal-simso {
  max-height: 265px !important;
  max-width: 400px !important;
}
.modal-simso .ant-modal-close-x {
  display: none;
}
.modal-simso .ant-modal-body {
  padding: 32px 0 35px !important;
}
.modal-simso .modal__body {
  padding: 0 !important;
}
.modal-simso .modal__content {
  padding: 0 23.5px;
}
.modal-simso .modal-data__images {
  margin: 0 0 16px;
}
.modal-simso .modal-sub-title {
  font-family: FS PFBeauSansPro;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.modal-simso .modal-data__des,
.modal-simso .modal-sub-title {
  color: #000;
  text-align: center;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
.modal-simso .modal-data__des {
  font-family: Sarabun;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 26px;
  margin: 4px 0 0;
}
.modal-simso .button--primary {
  background-color: #fff !important;
  border: 2px solid #000;
  color: #000;
  font-family: FS PFBeauSansPro;
  font-size: 19px;
  font-weight: 700;
  height: 48px !important;
  line-height: 24px;
  max-width: 154px !important;
  text-align: center;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
.modal-simso .modal-data__btn {
  margin: 16px 0 0 !important;
}
.modal-simso .modal-data__title {
  margin: 0 !important;
}
.modal-simso .button--primary:hover {
  background-color: #f3052c !important;
  border-color: #f3052c !important;
  color: #fff;
}
.modal-simso .button--primary:before {
  background-color: #f3052c;
}
.modal-simso .ant-modal-content {
  border-radius: 16px;
}
@media (max-width: 991px) {
  .modal-data__title {
    font-size: 18px;
    line-height: 28px;
  }
  .btn-group {
    grid-gap: 8px;
  }
  .btn-group button {
    margin-top: 16px;
    max-width: calc(80% - 4px);
    width: 80% !important;
  }
}
.modal-data__images {
  margin: 0 0 15px !important;
}
.modal-data__des {
  color: #727272;
}
.modal-data__btn .button {
  font-size: 16px;
}
@media (max-width: 991px) {
  .modal-data__btn .button {
    width: 100%;
  }
  .ant-modal-close-x .anticon svg {
    color: #576c8a;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    right: -8px;
    top: -6px;
  }
  .modal-data__des {
    padding: 0 !important;
  }
}
@media (max-width: 500px) {
  .modal-simso {
    max-width: 294px !important;
    min-width: 294px !important;
    width: auto !important;
  }
  .modal-simso .error-icon {
    height: 40px !important;
    width: 40px !important;
  }
  .modal-simso .modal-sub-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    text-align: center;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
  }
  .modal-simso .modal-data__images {
    margin-bottom: 8px;
  }
  .modal-simso .modal-data__des {
    font-family: Sarabun;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
  }
  .modal-simso .modal__content {
    padding: 0 15px 0 14px;
  }
  .modal-simso .button--primary {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
  }
  .modal-simso .modal-data__btn {
    margin: 18px 0 0 !important;
  }
  .modal-simso .button--primary {
    border: 1px solid #000 !important;
    height: 44px !important;
    width: 126px !important;
  }
  .modal-simso .ant-modal-body {
    padding: 24px 0 20px !important;
  }
  .ant-modal-close-x {
    font-size: 14px;
  }
  .ant-modal-body {
    padding: 24px 0 10px;
  }
  .modal-discount__btn .button {
    width: 48%;
  }
  .modal--data .modal__body {
    padding: 15px 0 22px;
  }
  .change-date-modal .modal--data .modal__body,
  .change-date-modal .modal__body {
    padding: 0;
  }
  .change-date-modal .modal-data__title {
    font-size: 18px;
    line-height: 28px;
  }
  .change-success-modal .modal-data__title,
  .modal-error .modal-data__title {
    font-size: 20px;
  }
  .change-success-modal .ant-modal-content,
  .confirm-modal .ant-modal-content {
    margin: 0;
  }
  .change-date-modal .ant-modal-body {
    padding: 40px 1px 30px;
  }
  .confirm-modal .modal-data__des {
    font-size: 14px !important;
  }
  .confirm-modal .modal-data__title {
    margin: 0 0 10px;
  }
  .change-date-modal .modal-data__des,
  .change-success-modal .modal-data__des {
    line-height: 21px;
  }
  .change-success-modal .modal__body {
    padding: 0 30px 30px;
  }
  .change-success-modal .ant-modal-body {
    padding-bottom: 0;
  }
  .notify-logout .modal__body {
    padding: 10px !important;
  }
  .notify-logout .modal-digital__btn-2column {
    margin-top: 10px;
  }
  .notify-logout .modal-digital__btn-2column .button {
    max-width: 195px !important;
    width: 48% !important;
  }
}
.modal-data__des {
  font-size: 16px;
  line-height: 24px;
  padding: 0 20px;
}
.ant-modal-content {
  border-radius: 12px 12px 12px 0;
}
.btn-group {
  grid-gap: 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 20px !important;
}
.btn-group button {
  margin: 20px 0 0;
  margin-top: 0 !important;
}
.otp {
  margin: 0 !important;
}
.modal-data__subdes {
  color: #b5b4b4;
  font-size: 16px;
  font-style: italic;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 768px) {
  .modal-data__title {
    margin: 10px 0 !important;
  }
  .otp-group input {
    line-height: 21px;
  }
  .btn-group button {
    padding: 10px 30px !important;
  }
  .ant-modal-body {
    padding: 24px !important;
  }
  .modal-data__des {
    font-size: 16px !important;
  }
  .ant-modal-centered .ant-modal {
    max-width: calc(96vw - 16px) !important;
  }
}
#error-des {
  font-family: Sarabun, sans-serif;
  padding: 0 20px !important;
}
.cuoc-phi-tra-cuu {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1200px;
  padding: 24px;
}
.tra-cuu-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 15px;
  width: 100%;
}
.tra-cuu-header {
  text-align: center;
}
.tra-cuu-title {
  color: #171717 !important;
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.1%;
  line-height: 1.333;
  margin: 0;
}
.tra-cuu-card {
  border-radius: 12px;
  margin: 0 auto;
  max-width: 754px;
  width: 100%;
}
.section-title {
  color: #171717 !important;
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.1%;
  line-height: 24px !important;
}
.search-type-section {
  margin-bottom: 24px;
}
.contract-and-phone {
  gap: 72px;
}
.search-option-text {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.556;
}
.search-inputs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.input-container {
  width: 100%;
}
.floating-input-wrapper .ant-input,
.floating-input-wrapper .ant-picker {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  height: 72px;
  line-height: 1.556;
}
.floating-input-wrapper,
.floating-input-wrapper .ant-input:focus {
  border-color: #409c37 !important;
}
.ant-picker-focused {
  border-color: none;
  box-shadow: none;
}
.floating-label {
  color: #737373;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.429;
  top: 40%;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.floating-input-wrapper .ant-input:focus + .floating-label,
.floating-input-wrapper .ant-picker-focused + .floating-label,
.floating-input-wrapper.has-value .floating-label {
  background-color: #fff;
  padding: 0 4px;
  top: 0;
  transform: translateY(-50%) scale(0.85);
}
.get-otp-button {
  background-color: #e03;
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
  display: block;
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  gap: 12px;
  height: 46px;
  letter-spacing: -0.1%;
  line-height: 1.5;
  margin: 32px auto 0;
  padding: 0 16px;
  transition: background 0.2s, color 0.2s;
  width: 360px;
}
.get-otp-button:focus,
.get-otp-button:hover {
  background-color: #cc002b;
  color: #fff;
}
.get-otp-button:disabled,
.get-otp-button[disabled] {
  background-color: #e5e5e5 !important;
  border: none;
  color: #fff !important;
  cursor: not-allowed;
}
.get-otp-button:not(:disabled):focus,
.get-otp-button:not(:disabled):hover {
  background-color: #e03 !important;
  border: none !important;
  color: #fff !important;
}
@keyframes button-blink {
  0%,
  to {
    box-shadow: 0 0 0 0 #e03;
  }
  50% {
    box-shadow: 0 0 12px 4px #e03;
  }
}
.get-otp-button.blink {
  animation: button-blink 0.7s linear 2;
}
@media (min-width: 769px) {
  .get-otp-button.blink {
    animation: button-blink 0.7s linear 2;
  }
}
.guide-card {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: none;
  margin: 0 auto;
  max-width: 754px;
  width: 100%;
}
.guide-content {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.guide-text {
  color: #171717;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.556;
  margin: 0;
}
@media (max-width: 768px) {
  .cuoc-phi-tra-cuu {
    padding: 1px;
  }
  .tra-cuu-title {
    font-size: 20px;
  }
  .section-title {
    font-size: 18px;
  }
  .contract-and-phone {
    gap: 24px;
  }
  .search-option-text {
    font-size: 16px;
  }
  .get-otp-button {
    width: 100%;
  }
  .guide-text {
    color: #171717 !important;
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
  }
  .ant-picker-dropdown .ant-picker-panel-container {
    border-radius: 12px !important;
    height: 300px !important;
    left: 16px !important;
    overflow: hidden;
    padding-bottom: 8px !important;
    top: 0 !important;
    width: 343px !important;
  }
  .ant-picker-panels {
    gap: 8px !important;
  }
  .ant-picker-month-panel {
    height: 160px !important;
  }
  .get-otp-button {
    background-color: #e03;
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    display: block;
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    gap: 12px;
    height: 46px;
    letter-spacing: -0.1%;
    line-height: 1.5;
    margin: 0;
    padding: 0 16px;
    transition: background 0.2s, color 0.2s;
    width: 360px;
  }
}
.search-type-section .ant-radio-checked .ant-radio-inner {
  background-color: #fff;
  border-color: #e03 !important;
  border-width: 2px;
  border-width: 2px !important;
}
.search-type-section .ant-radio-checked .ant-radio-inner:after {
  background-color: #e03;
  border-width: 2px !important;
  height: 14px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}
.search-type-section .ant-radio:hover .ant-radio-inner {
  border-color: #e03;
  border-width: 2px !important;
}
.search-type-section .ant-radio-inner {
  border-color: #e03 !important;
  border-width: 2px !important;
  height: 24px;
  left: 4px;
  position: relative;
  top: 4px;
  width: 24px !important;
}
@media (max-width: 768px) {
  .tra-cuu-container {
    margin-top: 15px;
  }
  .tra-cuu-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
    text-align: center;
  }
  .search-option-text {
    font-size: 18px;
    line-height: 28px;
  }
  .search-inputs {
    gap: 12px;
    margin-bottom: 24px;
  }
  .search-input {
    border-color: #f5f5f5;
    border-radius: 10px;
    font-size: 16px;
    height: 50px;
    padding: 0 12px;
  }
  .search-input::placeholder {
    color: #737373;
    font-size: 18px !important;
  }
  .get-otp-button {
    border-radius: 6px 6px 6px 0;
    font-size: 18px;
    font-weight: 600;
    height: 44px;
    padding: 12px 16px;
    width: 100%;
  }
  .guide-card {
    border-radius: 8px;
    padding: 0 16px 8px;
  }
  .guide-text {
    font-size: 14px;
    line-height: 1.5;
  }
  .ant-card-body {
    padding: 0;
  }
  .search-type-section .ant-radio-group {
    display: flex;
    gap: 25px;
    justify-content: flex-start;
    width: 100%;
  }
  .search-type-section .ant-space {
    gap: 30px;
    justify-content: center;
    width: 100%;
  }
  .contract-and-phone {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
  }
  .phone-number-input {
    display: none;
  }
  .search-type-section .search-option-text {
    font-family: Roboto, sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 0;
  }
  .search-type-section .ant-radio-inner {
    height: 22px !important;
    width: 22px !important;
  }
  .search-type-section .ant-radio-checked .ant-radio-inner:after {
    height: 10.666666984558105px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10.666666984558105px;
  }
  .custom-form-floating-label,
  .floating-label {
    font-family: Sarabun, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
    vertical-align: middle !important;
  }
  .tra-cuu-title {
    font-size: 22px !important;
    letter-spacing: 1%;
    line-height: 34px;
  }
  .section-title,
  .tra-cuu-title {
    color: #171717;
    font-family: FS PF BeauSans Pro, sans-serif;
    font-weight: 700;
    text-align: center;
  }
  .section-title {
    font-size: 16px !important;
    letter-spacing: 0;
    line-height: 24px;
    padding-left: 0;
    text-align: left;
  }
}
@media (max-width: 375px) {
  .tra-cuu-container {
    margin-top: 15px;
    padding: 0 8px;
  }
  .tra-cuu-title {
    font-size: 18px;
  }
  .ant-card-body {
    padding: 12px;
  }
  .search-input {
    font-size: 18px;
    height: 48px;
  }
  .get-otp-button {
    font-size: 12px;
    height: 40px;
  }
  .guide-text {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .custom-form-input,
  .custom-form-input::placeholder,
  .floating-input-wrapper .ant-picker-input > input,
  .floating-input-wrapper .ant-picker-input > input::placeholder {
    font-family: Sarabun, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
    vertical-align: middle !important;
  }
}
.floating-label {
  margin-bottom: 24px;
}
.floating-label .ant-form-item-label {
  line-height: 1.5;
  padding: 0;
}
.floating-label .ant-form-item-label > label {
  color: #000000a6;
  font-size: 12px;
  height: auto;
  margin-bottom: 4px;
  position: relative;
  top: 0;
}
.floating-label .ant-form-item-label > label.ant-form-item-required:before {
  display: none;
}
.input-container,
.search-inputs .ant-form-item {
  margin-bottom: 16px;
}
.input-container {
  position: relative;
}
.input-container .search-input {
  padding: 8px 11px;
  width: 100%;
}
.input-container .floating-label {
  background: #fff;
  color: #00000073;
  font-size: 12px;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  transition: all 0.2s ease;
}
.input-container .search-input::placeholder {
  transition: all 0.2s ease;
}
.input-container .search-input:not(:placeholder-shown)::placeholder {
  color: #0000;
}
.floating-input-wrapper {
  position: relative;
  width: 100%;
}
.floating-input-wrapper .ant-input-affix-wrapper .ant-input,
.floating-input-wrapper .search-input {
  box-sizing: border-box;
  height: 72px;
  padding: 28px 11px 8px !important;
}
.floating-input-wrapper .ant-input-affix-wrapper .ant-input {
  font-family: Roboto, Arial, sans-serif;
  font-size: 18px;
}
.floating-input-wrapper .floating-label {
  background: #fff;
  color: #00000073;
  font-size: 14px;
  opacity: 0;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  top: 8px;
  transform: translateY(18px);
  transform-origin: left top;
  transition: all 0.2s ease;
  white-space: nowrap;
  z-index: 1;
}
.datepicker-floating-wrapper .floating-label,
.floating-input-wrapper .floating-label {
  align-items: center;
  background: #fafafa;
  border-left: 2px solid #fafafa;
  border-right: 2px solid #fafafa;
  display: flex;
  position: absolute;
  z-index: 2;
}
.datepicker-floating-wrapper.has-value .floating-label,
.floating-input-wrapper .ant-input:focus + .floating-label,
.floating-input-wrapper .ant-picker-focused + .floating-label,
.floating-input-wrapper.has-value .floating-label {
  background: #fafafa;
  border-left: 2px solid #fafafa;
  border-right: 2px solid #fafafa;
  opacity: 1;
  padding: 0 8px;
  top: -12px !important;
  transform: none;
  z-index: 2;
}
.floating-input-wrapper .ant-input,
.floating-input-wrapper .ant-picker,
.floating-input-wrapper .ant-picker-input > input {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-family: Roboto, Arial, sans-serif;
  font-size: 18px !important;
}
.datepicker-floating-wrapper .floating-label,
.floating-input-wrapper .floating-label {
  background: #fff;
  font-size: 14px !important;
  line-height: 1.2;
  padding: 0 4px;
  pointer-events: none;
  top: 8px !important;
  transition: all 0.2s;
  z-index: 1;
}
.floating-input-wrapper .ant-input:focus + .floating-label,
.floating-input-wrapper .ant-picker-focused + .floating-label,
.floating-input-wrapper.has-value .floating-label {
  opacity: 1;
  top: 8px !important;
  transform: translateY(0);
}
.floating-input-wrapper .ant-input-affix-wrapper-focused ~ .floating-label,
.floating-input-wrapper.has-value .floating-label {
  opacity: 1;
  transform: translateY(0);
}
.floating-input-wrapper
  .ant-input-affix-wrapper-focused
  .ant-input::placeholder,
.floating-input-wrapper.has-value
  .ant-input-affix-wrapper
  .ant-input::placeholder {
  color: #0000;
  opacity: 0;
}
.floating-input-wrapper .ant-input:not(:placeholder-shown) + .floating-label,
.floating-input-wrapper.has-value .floating-label {
  opacity: 1;
  transform: translateY(0);
}
.floating-input-wrapper .ant-picker .ant-picker-suffix {
  align-self: center;
  margin-left: 8px;
}
.datepicker-floating-wrapper .floating-label {
  background: #fff;
  color: #00000073;
  font-size: 12px;
  opacity: 0 !important;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  transform: translateY(14px) !important;
  transition: all 0.2s ease;
  white-space: nowrap;
  z-index: 1;
}
.floating-input-wrapper.datepicker-floating-wrapper
  .ant-picker-focused
  ~ .floating-label {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.floating-input-wrapper.datepicker-floating-wrapper
  .ant-picker-focused
  .ant-picker-input
  > input::placeholder {
  color: #0000 !important;
  opacity: 0 !important;
}
.floating-input-wrapper .ant-input::placeholder,
.floating-input-wrapper .ant-picker-input > input::placeholder {
  font-size: 18px !important;
}
.floating-input-wrapper .ant-picker ~ .floating-label,
.floating-input-wrapper .floating-label {
  font-size: 14px !important;
}
.floating-input-wrapper .ant-input,
.floating-input-wrapper .ant-picker-input > input {
  font-size: 18px !important;
}
.datepicker-floating-wrapper.has-value .floating-label {
  background: #fff;
  opacity: 1 !important;
  padding: 0 4px;
  top: 8px !important;
  transform: translateY(0) !important;
}
.datepicker-floating-wrapper
  .ant-picker-focused
  .ant-picker-input
  > input::placeholder,
.datepicker-floating-wrapper.has-value .ant-picker-input > input::placeholder {
  color: #0000 !important;
  opacity: 0 !important;
}
.form-horizontal {
  align-items: flex-start;
  display: flex;
  margin-bottom: 15px;
  position: relative;
}
label {
  color: #0c0033;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 14px;
}
.custom-form-input {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  color: #171717;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: 72px;
  line-height: 28px;
  padding-bottom: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.custom-form-input:focus,
.custom-form-input:not(:placeholder-shown) {
  align-items: center;
  display: flex;
  padding: 1rem 0.55rem 0.065rem;
}
.custom-form-floating {
  position: relative;
}
.custom-form-floating-label {
  align-items: center;
  font-family: Roboto, Arial, sans-serif;
  height: 100%;
  margin-left: 5px;
  padding: 0 0.55rem;
  pointer-events: none;
  position: absolute;
  top: 10px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: color 0.2s;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.custom-form-input:focus ~ .custom-form-floating-label {
  color: #737373;
}
.custom-form-input:focus ~ label,
.custom-form-input:valid ~ label {
  font-size: 14px;
  height: 55%;
}
.wrapper {
  width: 150px;
}
.form-label-group {
  align-items: center;
  display: grid;
  justify-content: center;
  position: relative;
}
.form-label-group > input,
.form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
}
.form-label-group > label {
  align-items: center;
  background-color: initial;
  border: 1px solid #0000;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #8e8e8e;
  display: block;
  font-size: 12px;
  height: 40px;
  justify-content: center;
  left: 0;
  line-height: 1.5;
  margin-bottom: 0;
  position: absolute;
  text-align: left;
  top: 0;
  transition: all 0.1s ease-in-out;
  width: 265px;
}
.form-label-group input::placeholder {
  color: #0000;
}
.form-label-group input:not(:placeholder-shown) {
  padding-bottom: calc(var(--input-padding-y) / 3);
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * 0.66667);
}
.form-label-group input:not(:placeholder-shown) ~ label {
  font-size: 10px;
  padding-bottom: calc(var(--input-padding-y) / 3);
  padding-top: calc(var(--input-padding-y) / 3);
}
.form-control:focus {
  border-color: #a8a8a8;
  outline: none;
}
.form-control {
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: text;
  display: flex;
  flex-direction: column;
}
.form-control,
.full {
  align-items: center;
  justify-content: center;
  width: 265px;
}
.full {
  color: #8e8e8e;
  display: grid;
  font-size: 11px;
  font-weight: 400;
  height: 80px;
  text-align: center;
  text-decoration: none;
}
.contract-and-phone {
  gap: 24px;
}
.contract-and-phone,
.search-type-section .ant-radio {
  align-items: center;
  display: flex;
}
.search-type-section .search-option-text {
  align-items: center;
  display: flex;
  font-size: 18px;
  height: 28px;
  margin-left: 2px;
  margin-top: 8px;
  width: 106px;
}
.floating-input-wrapper .ant-picker,
.floating-input-wrapper .ant-picker-input > input {
  background-color: #fff !important;
  border-radius: 12px;
  color: #171717;
  font-family: Roboto !important;
  font-size: 18px !important;
}
.floating-input-wrapper.has-value .ant-picker-input > input {
  margin-top: 10px;
}
.floating-input-wrapper .ant-picker-input > input {
  color: #171717;
}
.custom-form-floating-label {
  color: #a3a3a3;
  color: var(--Neutral-400, #a3a3a3);
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  transition: all 0.2s;
  vertical-align: middle;
}
.custom-form-input:not(:placeholder-shown) ~ .custom-form-floating-label,
.custom-form-input:valid ~ .custom-form-floating-label {
  color: #737373;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  vertical-align: middle;
}
.custom-form-input::placeholder {
  align-items: center;
  color: #a3a3a3 !important;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: 100%;
  line-height: 28px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .get-otp-button {
    font-family: FS PF BeauSans Pro, sans-serif !important;
    font-weight: 700 !important;
  }
  .get-otp-button,
  .guide-text {
    font-size: 14px !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
  }
  .guide-text {
    color: #171717 !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 400 !important;
  }
  .search-option-text {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
  }
  .floating-input-wrapper .ant-picker-input > input {
    font-size: 16px !important;
  }
  .custom-form-floating-label {
    font-size: 16px;
  }
  .floating-input-wrapper .ant-picker-input > input::placeholder {
    font-family: Sarabun, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
    vertical-align: middle !important;
  }
  .error-message1 {
    font-family: Sarabun;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    vertical-align: middle;
  }
  .ant-picker-header-view .ant-picker-year-btn {
    color: #737373;
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 16px;
    font-weight: 700;
    position: relative;
  }
  .ant-picker-header-view .ant-picker-year-btn:before {
    color: #737373;
    content: "Năm ";
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 16px;
    font-weight: 700;
  }
  .bottom-border-error.ant-picker,
  .bottom-border-error.ant-picker-focused {
    border-bottom: 2.5px solid #d11313 !important;
    border-bottom: 2.5px solid var(--Border-Error, #d11313) !important;
  }
  .bottom-border-error.ant-picker:focus {
    box-shadow: none;
  }
  .input-bottom-error {
    border-bottom: 2.5px solid #d11313 !important;
    border-bottom: 2.5px solid var(--Border-Error, #d11313) !important;
  }
}
.vietnamese-calendar .ant-picker-month-panel {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 2px 8px #00000026;
  padding: 8px 0;
  width: 300px;
}
.vietnamese-calendar .ant-picker-header {
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 8px;
}
.vietnamese-calendar .ant-picker-header-view {
  color: #000;
  flex: 1 1;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.vietnamese-calendar .ant-picker-body {
  padding: 0;
}
.vietnamese-calendar .ant-picker-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.vietnamese-calendar .ant-picker-month-panel .ant-picker-cell {
  padding: 0;
  width: 100%;
}
.vietnamese-calendar
  .ant-picker-month-panel
  .ant-picker-cell
  .ant-picker-cell-inner {
  border-radius: 0;
  color: #000;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0 8px;
  text-align: left;
  transition: background-color 0.2s, color 0.2s;
}
.vietnamese-calendar .ant-picker-cell:hover .ant-picker-cell-inner {
  background-color: #f5f5f5;
}
.vietnamese-calendar .ant-picker-cell-selected .ant-picker-cell-inner,
.vietnamese-calendar .ant-picker-cell-selected:hover .ant-picker-cell-inner {
  background-color: #1890ff !important;
  color: #fff !important;
}
.vietnamese-calendar tr:nth-child(2) td:nth-child(3) .ant-picker-cell-inner {
  background-color: #000 !important;
  color: #fff !important;
}
.vietnamese-calendar
  tr:nth-child(2)
  td:nth-child(3)
  .ant-picker-cell-inner:after {
  background: #000;
  border-radius: 4px;
  color: #fff;
  content: "2025-06";
  font-size: 12px;
  left: 50%;
  padding: 2px 8px;
  position: absolute;
  top: -24px;
  transform: translateX(-50%);
  white-space: nowrap;
}
.vietnamese-calendar .ant-picker-header-next-btn,
.vietnamese-calendar .ant-picker-header-prev-btn,
.vietnamese-calendar .ant-picker-header-super-next-btn,
.vietnamese-calendar .ant-picker-header-super-prev-btn {
  align-items: center;
  color: #000;
  display: inline-flex;
  font-size: 16px;
  height: 32px;
  justify-content: center;
  line-height: 32px;
  padding: 0;
}
@media (max-width: 768px) {
  .vietnamese-calendar .ant-picker-month-panel {
    width: 280px;
  }
  .vietnamese-calendar
    .ant-picker-month-panel
    .ant-picker-cell
    .ant-picker-cell-inner {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
  }
}
.ant-picker-footer,
.ant-picker-panel-container {
  width: 400px;
}
.ant-picker-cell-inner,
.ant-picker-month-panel {
  width: auto !important;
}
.picker-cell-selected .ant-picker-cell-inner {
  background: #e03 !important;
}
.ant-picker-cell .ant-picker-cell-inner {
  border-radius: 8px;
  font-weight: 500;
  padding: 10px 10px 33px !important;
}
.ant-picker-input > input::placeholder {
  color: #a3a3a3 !important;
}
.anticon {
  color: #404040;
}
.error-message1 {
  color: #d11313;
  font-family: Roboto;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
  background: #e03;
  font-weight: 500;
}
.ant-picker-next-icon:before,
.ant-picker-prev-icon:before,
.ant-picker-super-next-icon:before,
.ant-picker-super-prev-icon:before {
  color: #404040;
  height: 10px;
  width: 10px;
}
.ant-picker-super-next-icon:after,
.ant-picker-super-prev-icon:after {
  display: none;
}
.ant-picker-header-view .ant-picker-year-btn {
  color: #737373;
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.ant-picker-header-view .ant-picker-year-btn:before {
  color: #737373;
  content: "Năm ";
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.ant-picker-year-btn {
  cursor: default !important;
  pointer-events: none !important;
}
.ant-picker-dropdown ant-picker-dropdown-placement-topLeft {
  left: 0 !important;
  top: 0 !important;
}
.bottom-border-error.ant-picker,
.bottom-border-error.ant-picker-focused {
  border-bottom: 3.5px solid #d11313 !important;
  border-bottom: 3.5px solid var(--Border-Error, #d11313) !important;
}
.bottom-border-error.ant-picker:focus {
  box-shadow: none;
}
.input-bottom-error {
  border-bottom: 3.5px solid #d11313 !important;
  border-bottom: 3.5px solid var(--Border-Error, #d11313) !important;
}
.search-type-section .ant-radio,
.search-type-section .ant-radio-checked .ant-radio-inner,
.search-type-section .ant-radio-checked .ant-radio-inner:after,
.search-type-section .ant-radio-inner,
.search-type-section .ant-radio-inner:after,
.search-type-section .ant-radio:hover .ant-radio-inner {
  animation: none !important;
  transition: none !important;
}
.search-type-section .ant-radio-wrapper:focus-within {
  outline: none !important;
}
.ant-click-animating-node,
.search-type-section .ant-wave {
  display: none !important;
}
.ant-radio-wrapper:after {
  animation: none !important;
  content: none !important;
  display: none !important;
}
.ant-radio-wrapper .ant-wave {
  display: none !important;
}
.fade-effect {
  animation: none !important;
  opacity: 1 !important;
}
[class*="-clicked"]:after {
  animation: none !important;
  display: none !important;
}
.ant-radio-checked:after {
  border: 2px solid !important;
}
@media (min-width: 500px) {
  .container-pdf-scroll {
    height: 600px;
    justify-content: center;
    overflow-y: scroll;
  }
}
.container-pdf-scroll {
  justify-content: center;
}
.btn-download-pdf-scroll {
  align-items: center;
  display: flex;
  justify-content: center;
}
#pdfViewer {
  width: 100%;
}
.pathway {
  padding: 20px 0;
}
.pathway .ant-breadcrumb-separator:hover {
  color: #be0129 !important;
}
.pathway .ant-breadcrumb > span:last-child .ant-breadcrumb-link,
.pathway .ant-breadcrumb > span:nth-child(3) .ant-breadcrumb-link {
  color: #e03;
}
@media screen and (max-width: 767px) {
  .pathway .ant-breadcrumb-separator {
    margin: 0 5px;
  }
}
@media (max-width: 500px) {
  .pathway .ant-breadcrumb {
    display: flex;
    flex-wrap: wrap;
  }
  .pathway .ant-breadcrumb a {
    font-size: 14px;
  }
  .pathway .ant-breadcrumb-separator {
    margin: 0 5px;
  }
  .pathway .ant-breadcrumb-link {
    font-size: 14px;
  }
  .pathway {
    overflow: auto;
    padding: 15px 0 10px;
  }
}
.textBreadCrum {
  font-weight: 700 !important;
}
.modal--popup-PDF {
  background: #5b5b5bb8;
  font-family: Roboto, sans-serif;
  height: 100%;
  left: 0;
  line-height: 1.15;
  object-fit: cover;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 13;
}
.modal--popup-PDF .pathway {
  display: none;
  padding-bottom: unset;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: unset;
}
.modal--popup-PDF .modal__header {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}
.modal--popup-PDF .modal__body {
  padding: 0 0 30px;
}
.modal--popup-PDF .modal__header .modal__close i {
  color: #576c8a;
  font-size: 22px;
}
.modal--popup-PDF .modal-payment__title {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
.modal--popup-PDF .modal__content {
  background-color: #fff;
  border-radius: 14px 14px 14px 0;
  box-shadow: none;
  height: auto;
  margin: 0 auto;
  max-width: 950px !important;
  padding: 0 15px;
  position: relative;
  top: 10%;
}
.modal--popup-PDF .modal-payment__form {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  max-width: 100%;
  width: 100%;
}
.modal--popup-PDF .modal-payment__form:after {
  content: normal;
}
.modal--popup-PDF .modal-image-data {
  width: 78%;
}
.modal--popup-PDF .modal-image-data canvas,
.modal--popup-PDF .modal-image-data embed,
.modal--popup-PDF .modal-image-data iframe,
.modal--popup-PDF .modal-image-data img {
  height: 100%;
  width: 100%;
}
.modal--popup-PDF .modal-payment__btn {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  max-width: 100%;
  width: 100%;
}
.modal--popup-PDF .modal-payment__btn button.button.button--primary {
  display: flex;
  flex: initial;
  justify-content: center;
  width: 45% !important;
}
.modal--popup-PDF .modal-payment__btn .link-otp {
  font-weight: 700;
}
.modal--popup-PDF div#aligner span {
  display: none;
}
.modal--popup-PDF .modal-payment__title {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .modal--popup-PDF .modal-payment__btn .button {
    flex: initial;
    width: 100%;
  }
  .modal--popup-PDF {
    background: #0000 none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
  }
  .modal--popup-PDF .modal-payment__title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px;
  }
  .modal--popup-PDF .modal__content {
    border-radius: 12px 12px 12px 0;
    max-width: 100% !important;
    top: 6%;
    width: 100% !important;
  }
  .modal--popup-PDF .modal-image-data {
    height: 600px;
    width: 100%;
  }
  .modal--popup-PDF .modal-payment__btn button.button.button--primary {
    width: 95% !important;
  }
  .modal--popup-PDF .modal-payment__btn .link-otp {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 450px) {
  .modal--popup-PDF .pathway {
    display: block;
    padding: 15px;
  }
  .modal--popup-PDF .modal__header {
    display: none;
  }
  .modal--popup-PDF .modal-payment__title {
    text-transform: none;
  }
}
.travel-top img {
  width: 100%;
}
.travel-body {
  background-image: url(/vx/static/media/bgTourist.2e569b3fce05bf3d51dc.jpeg);
  min-height: 80vh;
  padding: 16px;
}
.travel-step {
  background: #fff;
  border-radius: 8px 8px 8px 0;
  box-shadow: 0 4px 16px 0 #0000001a;
  display: block;
  height: 80px;
  justify-content: center;
  margin-bottom: 28px;
  padding: 16px;
}
.travel-step h3 {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin-bottom: 16px;
  text-align: center;
}
ul.travel-steps {
  display: flex;
  gap: 8px;
}
ul.travel-steps li {
  background-color: #b5b4b4;
  border-radius: 24px 8px 8px 0;
  height: 4px;
  width: calc(16.66667% - 6.66667px);
}
ul.travel-steps li.active {
  background-color: #e03;
}
.travel-component {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  box-shadow: 0 4px 16px 0 #0000001a;
  margin-bottom: 8px;
  padding: 20px;
}
.travel-component > h4 {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.travel-component p.des,
.travel-component > h4 {
  color: #44494d;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.travel-component p.des {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  width: 305px;
}
.travel-component > .note {
  margin-bottom: 16px;
}
.note-email {
  color: #727272;
  font-style: italic;
  font-weight: 500;
  vertical-align: middle;
}
.note-email,
.travel-component > .note > h5 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
}
.travel-component > .note > h5 {
  color: #e03;
  font-weight: 700;
  margin-bottom: 4px;
  margin-top: 16px;
}
.travel-component > .note li {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
  list-style-type: disc;
  margin-left: 20px;
}
.travel-component > button {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2%;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.travel-component .form-upload-image {
  display: flex;
  gap: 16px;
  width: 100%;
}
.travel-component .list-pack {
  max-height: 432px;
  overflow: auto;
}
.travel-component .preview-images {
  border: 1.5px dashed #44494d;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 23.5px 24.75px;
  width: calc(50% - 8px);
}
.travel-component .preview-images.active {
  flex-direction: row;
}
.travel-component .preview-images img {
  height: 89px;
}
.travel-component .preview-images label {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.travel-component .preview-images img.upload-icon {
  height: 26px;
  width: 26px;
}
.travel-component .preview-images > div {
  position: relative;
}
.travel-component .preview-images img.mobile-remove-image-icon {
  height: 26px;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 26px;
}
.travel-component .detail-image-upload-label {
  margin-bottom: 0;
}
.travel-component .detail-image-upload-label > span {
  color: #727272;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 8px;
  text-align: center;
}
.travel-component .detail-image-upload-label > input {
  display: none;
}
.travel-component .select-type-sim {
  display: flex;
  flex-direction: column;
}
.travel-component .option-type-sim {
  align-items: center;
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  box-shadow: 0 4px 16px 0 #0000001a;
  display: flex;
  height: 56px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 12px;
}
.travel-component .option-type-sim p {
  align-items: center;
  color: #44494d;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  gap: 4px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}
.travel-component .checkbox_input_container {
  cursor: pointer;
  display: block;
  line-height: 20px;
  margin: 0 16px 0 0;
  padding-left: 24px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.travel-component .checkbox_input_container input[type="checkbox"] {
  cursor: default;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.travel-component .checkbox_mark {
  border: 1.5px solid #e03;
  border-radius: 100%;
  display: block;
  height: 24px;
  left: 16px;
  position: absolute;
  top: -12px;
  width: 24px;
}
.travel-component
  .checkbox_input_container
  input[type="checkbox"]:checked
  ~ .checkbox_mark {
  background-color: #eb00311a;
  border: 1.5px solid #e03;
}
.travel-component
  .checkbox_input_container
  input[type="checkbox"]:checked
  ~ .checkbox_mark:after {
  background: #e03;
  border-radius: 100%;
  content: "";
  display: block;
  height: 14px;
  left: 3.5px;
  position: absolute;
  top: 3.5px;
  width: 14px;
}
.travel-component .pack-component {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 12px;
}
.travel-component .pack-component > img {
  border-radius: 8px;
  flex: 0 0 42px;
  height: 42px;
  width: 42px;
}
.travel-component .package-content {
  flex-basis: calc(100% - 54px);
  flex-grow: 0;
  flex-shrink: 0;
  width: calc(100% - 54px);
}
.travel-component .package-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.travel-component .package-head > p {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  vertical-align: middle;
}
.travel-component .package-body {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.travel-component .package-body p.detail {
  color: #e03;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
}
.travel-component .package-body .package-detail {
  flex-basis: calc(100% - 40px);
  flex-grow: 0;
  flex-shrink: 0;
  width: calc(100% - 40px);
}
.travel-component .package-body .package-detail .desc {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.travel-component .package-body .package-detail .price {
  align-items: center;
  color: #e03;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  gap: 4px;
  letter-spacing: 0;
  line-height: 18px;
  vertical-align: middle;
}
.sim-travel-popup .ant-modal-content {
  border-radius: 16px;
}
.sim-travel-popup .ant-modal-body {
  padding: 32px 20px !important;
}
.sim-travel-popup .modal__content {
  padding: 0 !important;
}
.sim-travel-popup .ant-modal {
  max-width: calc(100vw - 32px);
}
.sim-travel-popup .button {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  letter-spacing: 0;
  line-height: 20px;
}
.sim-travel-popup .modal-data__title {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700 !important;
  vertical-align: middle;
}
.sim-travel-popup .modal-data__des,
.sim-travel-popup .modal-data__title {
  color: #282828 !important;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}
.sim-travel-popup .modal-data__des {
  font-family: Roboto, sans-serif;
  font-size: 14px !important;
  font-weight: 400;
}
.travel-component .form-customize-subject {
  position: relative;
  width: 100%;
}
.travel-component .form-customize-subject .delete-text .icon-close {
  font-size: 20px;
}
.travel-component .floating-label {
  color: #a3a3a3;
  font-size: 18px;
  font-weight: 400;
  height: 100%;
  left: 12px;
  letter-spacing: 0;
  line-height: 28px;
  pointer-events: none;
  position: absolute;
  top: 16px;
  transform: none;
  transition: 0.3s ease;
}
.travel-component .floating-label,
.travel-component .form-subject {
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  text-align: left;
  vertical-align: middle;
}
.travel-component .form-subject {
  align-items: center;
  background: #fff;
  border: initial;
  border-radius: 8px;
  color: #2b2f32;
  font-size: 15px;
  font-weight: 600;
  height: 60px;
  letter-spacing: 2%;
  line-height: 22px;
  margin-bottom: 12px;
  padding: 20px 12px 2px;
  width: 100%;
}
.travel-component .form-customize-subject input:disabled {
  background-color: #e0e0e0;
  border: initial;
}
.floating-label.float,
.travel-component .form-customize-subject .form-subject:focus + .floating-label,
.travel-component
  .form-customize-subject
  .form-subject:not(:placeholder-shown)
  + .floating-label {
  color: #727272;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  transform: translateY(-9px);
}
.travel-component .form {
  margin-bottom: 16px;
}
.travel-component .form-2column {
  display: flex;
  gap: 12px;
}
.travel-component .select-box-subject .select-option-subject {
  border-radius: 8px;
}
.travel-component .select-option-subject input {
  border: initial;
  height: 60px;
}
.travel-list-profile .profile {
  align-items: center;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  display: flex;
  height: 64px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 20px 12px;
  width: 100%;
}
.travel-list-profile .profile .name {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  max-width: calc(100% - 74px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.travel-list-profile .profile .detail,
.travel-list-profile .profile .name {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  vertical-align: middle;
}
.travel-list-profile .profile .detail {
  align-items: center;
  color: #e03;
  display: flex;
  font-size: 14px;
  gap: 11px;
  line-height: 20px;
}
.travel-list-profile .profile .detail i {
  color: #44494d;
  font-size: 10px;
}
.travel-component .signature-zone {
  border: 0.89px solid #d1d1d1;
  border-radius: 7.14px;
  height: 263.47px;
  margin-bottom: 16px;
  padding: 7.14px;
  width: 100%;
}
.travel-component .signature-action {
  align-items: center;
  display: flex;
  height: 25.14px;
  justify-content: center;
  position: relative;
  width: 100%;
}
.travel-component .signature-action .save {
  text-decoration-offset: 0;
  -webkit-text-decoration-skip: ink;
  align-items: center;
  color: #e03;
  display: flex;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 0;
}
.travel-component .signature-action .save img {
  height: 16px;
  margin-right: 3.57px;
  width: 16px;
}
.travel-component .signature-action .digital-sign__name {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 2%;
  line-height: 100%;
  text-align: center;
}
.travel-component .signature-action .edit {
  align-items: center;
  display: flex;
  font-size: 17px;
  position: absolute;
  right: 0;
  top: 3px;
}
.digital-esim__confirm {
  margin-top: 20px;
}
.digital-esim__confirm .check-box__input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.digital-esim__confirm .check-box {
  align-items: baseline;
  display: flex;
  gap: 6px;
}
.digital-esim__confirm .check-box__checkmark {
  background: #fff;
  border: 1.5px solid #e03;
  border-radius: 4px 4px 4px 0;
  flex: 0 0 18px;
  height: 18px;
  left: 0;
  position: relative;
  top: 3px;
  width: 18px;
}
.digital-esim__confirm .check-box__input:checked ~ .check-box__checkmark {
  background: linear-gradient(0deg, #d1131333, #d1131333), #fff;
  border-color: #e03;
  cursor: pointer;
  position: relative;
}
.digital-esim__confirm .check-box__input:checked ~ .check-box__checkmark:after {
  display: block;
}
.digital-esim__confirm .check-box__checkmark:after {
  border: solid #e03;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 8px;
  left: 6px;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 4px;
}
.digital-esim__confirm .check-box__txt {
  color: #727272;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
}
.digital-esim__confirm .check-box__txt a {
  color: #e03;
  text-decoration: underline;
}
.popup-image-profile .ant-modal-body {
  padding: 12px !important;
}
.popup-image-profile .change-language {
  align-items: center;
  border: 1px solid #e03;
  border-radius: 18px;
  display: flex;
  height: 18px;
  justify-content: space-around;
  padding: 1px;
  position: absolute;
  right: 36px;
  text-align: center;
  top: 0;
  width: 44px;
}
.popup-image-profile .ant-modal-close-x {
  width: 40px;
}
.popup-image-profile .change-language .language {
  color: #e03;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  width: 22px;
}
.popup-image-profile .change-language .language.active {
  align-items: center;
  background: #e03;
  border-radius: 18px;
  color: #fff;
  display: flex;
  height: 14px;
  justify-content: center;
  width: 21px;
}
.popup-image-profile .box-regis-form {
  padding-top: 25px;
}
.travel-component .video-call-screen {
  background: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.travel-component .video-call-screen .video-call-screen__close {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
}
.video-call-notify {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 0;
}
.modal__body .video-call-notify {
  padding: 8px;
}
.video-call-notify h4 {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  max-width: 300px;
  text-align: center;
  vertical-align: middle;
}
.video-call-notify img {
  height: 92px;
  width: 112px;
}
.video-call-notify p {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 4px;
  text-align: center;
}
.video-call-notify button {
  width: 100%;
}
.full-travel-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px 11.5px 20px;
}
.travel-info h4 {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 100%;
  margin-bottom: 12px;
}
.travel-infomation {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.travel-infomation li {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}
.travel-infomation li p:first-child {
  color: #737373;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  letter-spacing: 0;
  line-height: 20px;
}
.travel-infomation li p:first-child span,
.travel-infomation li p:last-child {
  color: #44494d;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.travel-infomation li p:last-child {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.travel-infomation li p:last-child.price {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2%;
  line-height: 100%;
  text-align: right;
}
.travel-component-payment {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  box-shadow: 0 4px 16px 0 #0000001a;
  margin-bottom: 72px;
  padding: 12px 12px 30px;
}
.travel-component-payment > h4 {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 12px;
}
.travel-component-payment .select-method__list-fix {
  display: flex;
  margin: 12px 0 0;
  overflow-x: auto;
  padding: 0 0 12px;
}
.travel-component-payment .select-method__list-fix::-webkit-scrollbar-thumb {
  display: none;
}
.travel-component-payment .select-method__item-fix {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  flex-basis: 222px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 108px;
  margin: 0 16px 0 0;
  overflow: hidden;
  padding: 9px 12px 10px;
  position: relative;
  width: calc(66.66667% - 8px);
  z-index: 1;
}
.travel-component-payment .select-method__item-fix.active {
  border: 1px solid #e03;
}
.travel-component-payment .select-method__item-fix:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABjCAIAAAAXe7kLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAe8SURBVHhe7dxrcxM5EIXh/f//kmAvIdwckhDu2QdaSdlWt8iKysIGnQ8pND3SSEeambflKf66WZrV8m5ej8279+/ft391+vTp08ePH1uh04cPH5zQCoe6vr4+Pz/vo827qhoJqdwKnd69e/f58+dWOJSKl5eXX79+beVDvXnz5uLiohUOZYRnZ2fVOP/+rrTZly9fPnny5Pnz5628py9fvjx9+vTk5CQ1V2dU3G63TmuHbuV8IRVfvHjRDt2qeTeYENZUgyTuVN4J6W7fm5Cu7Ha7VjjU69ev9fXq6qqVD8W4Z8+etcKhtKli6p1OCulPug60GdHeWUeEqPTugVTZOha7jbBasI5X8+Fy7oMq6q6sbiDTbD6quRQ1nf1Y1rtiXsu7eS3v5rW8m9fybl7Lux/Lizulwof1rsIF8sqvoo6/ffu2wnUUAhpa4VAQBB6nNKo1ELfZbJBKO7QndAKAndB3yflCpOV26FbNu0HmAJtfvXrVCp2EqrrGjzZTCxhnGBXionwsKg1q5T25lmGIpgsBFQuxoJX3pLVvgJshLgUbUz8WA4wQHSHevdbdYPmMV1a1QNQyzopFzVbKomQVmA9Ko2bLfKSm89psqZh2yZoSUrdv1vlci2g7dKv/3/OO71XKMRZfqucAmZVqHXhKeA700fWumNfybl7Lu3kt7+a1vJvXY/Nu8CbFbt6YrXAo71AsUoEq6En3sZt31euZhAa7yq5XdddxlNsKnbBYtR1thGA1pV9tnp6eQq20w7F1ntLv1dVVQHUKlapUyM04Idput0ds1LxLM5WQ7hpnK3QSSjGVzGT6CwCZDB3lQisfSnexaLrnzlYVKV1BVodQuueun1ExzZEir3DRfh3c5RWiR2P5Zfcsa9KVFarWspmXA8g60ikxi3xP59L5aqmbRs2lpZcuET2xzBnXR9e7Yl7Lu3kt7+a1vJvX8m5ey7t5Pax3cxtteGKALygELqQt4wkUUrGqijAlpR/ABETU7dHH+bARiva82byr0hFSuUplCMpX44wd14qc9TVNAAj6q5hmHXpSJQAUe+79Bi/pTFRM2VgVIep9YHdUpH/NxgafIn6osoaE9LgVOnGhSvUsHFOdtqz3xildSaPWI4hNs66YSNHUu9hzl130zcaPJ9TnSH/Q8459btv+riRPAAs5DXGTs+ayvGeXJrS8m9fybl7Lu3kt7+a1vGsabIBjqZR/f9a7lLNCupLuJoYQQ4XccAETVOkB4EoZjSAIjvW3lfekM5vNRjRlVRQSANzb53wh6rejm3eDzMEYqgSAgGiFuNzR3RSaSJZTWRB5RQXkILZqVj9VTLfyGfoNcE9O2NQO7eluz72fMHlFVKQjZ++17qrx/1CDioNUN0i1OsEAqtkS4nuarglJSLiTrhIHOZ4uWFPINRX7VO8Pet6ZjLlF4GHHwb7uelfMa3k3r+XdvJZ381rezes39a4CY/K+6wk25DjOqKLelRcXFyn6gB40nm6aag2HAuOeN5t34/Sg+uiGZA5VX3GWq1ZYoDfVlz7BsdWeMzAWTTuszTQBIJ0Uqpq9+869J0eGRkXXPfK9eVeBKOllSpshC6RyRy8BZxVleuVOVKymRGIwSEhAbBrVDQaJpmNht9B2u+0vepdXOOFoLI/teVc5TkZe3V5CUos06mAkJH1uvt4V81rezWt5N6/l3byWd/Na3jV5QVc45Xj6+v5Z76rrhSomoOvr62oLc0AMhJxBdXpdGIFgU5IHsCAOwaUZiwYBcPplOde0KQr02qFbNe8Gg4z0oBU6IdXBnjukrFpGqtVWfuBolcxALdHUO3mVUJVXCFHa7F1e0ZNz7BtT3+y91t14cVVSK/15KSRaNWucbK1MN7wq23VcxT7xDMWPRGmzFiz7qoQEG4v2WdB63s1reTev5d28lnfzWt7Na3k3r8fmXcU9BG4qZoKoQLWCG0go2qcW9/IuzUhCyKgCMbUgVbUjjWMr+pVUQKp0g5dQPjxOLxrpQYrczo+t8zEb9yPVjahYsvFgumgQNZNV1DSmWU5ot9tV3sXvFdUqMM7+05DQIK/gHccp/R7l9PRUxXRKeBeh/iOgh71nBz+DjDX4nYyqZq2awe9kfKnSRyEVq5VuFkX7RbDeFfNa3s1reTev5d28lnfzWt7dSz270C/zDoUMkLvCBbq8vKzAEEwgtfRTDViD/qBf6oLLqdjvqpNOIkp43F+0eTdm4wqLCMRXLKaXOtQKnfBtT5uhwNHKPiFKLQg2Ti/KgqiYOqszEe1HiqUjpPF26Fa/bN3pZTr+0GCz3uKiVjiU40bYfzhCFoeposp0mYP11UdV5Kxof9H1vGsyW4O5TEPLu3kt7+a1vJvX8m5ey7t5PTbvBjuG3pWDbcEBM6GT3W7Xk3zzboD4NIhqt7qkYVQgRkLVSFyuAjE6//7f66Qe4QwJQMV3gbgpOcZm/WazaeU9QfTYc++38pt3VUdDg8mE6VVd3U2HEQKi1SdCPIWjVbMwldJEyHwYZJqxRV6hYrrnzjvRdCs/khwqvfvvNZiPsdxcg1tv0KyKqXEUt0g1W9YHc/voelfMa3k3r+XdvJZ381rezWt5N6/f1LsBjSO7FO4IauCJqi4qrhgFvgw+VEapZ2dnx83e3PwDgDLM34ua/GEAAAAASUVORK5CYII=)
    right 0 no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 105px;
}
.travel-component-payment .radio-custom1 .checkmark {
  border: 1.5px solid #e03;
  border: 1.5px solid #e03 !important;
  height: 18px;
  width: 18px;
}
.travel-component-payment .radio-custom1 input:checked ~ .checkmark:after {
  background: #e03;
  border-radius: 100%;
  display: block;
  height: 10px !important;
  left: 3px !important;
  position: absolute;
  top: 3px !important;
  width: 10px !important;
}
.travel-component-payment .radio-payment__name {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}
.travel-component-payment .pay-info ul li {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}
.travel-component-payment .pay-info ul li p:first-child {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
}
.travel-component-payment .pay-info ul li p:last-child {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2%;
  line-height: 100%;
  text-align: right;
}
.travel-component-payment .line {
  border: 1px solid #eee;
  height: 1px;
  margin: 16px 0;
  width: 100%;
}
.travel-component-payment .total {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.travel-component-payment .total p:first-child {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  vertical-align: middle;
}
.travel-component-payment .total p:last-child {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36px;
  text-align: right;
}
.popup-modal-otp-travel .ant-modal-body {
  padding: 32px 20px !important;
}
.popup-modal-otp-travel .ant-modal-close-x {
  position: absolute;
  right: 0;
  top: -24px;
}
.popup-modal-otp-travel .modal__body .modal-digital__title,
.popup-modal-otp-travel .modal__body .title {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 28px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: middle;
}
.popup-modal-otp-travel .modal__body .modal-digital__des,
.popup-modal-otp-travel .modal__body .notice {
  color: #44494d;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 24px;
  text-align: center;
}
.popup-modal-otp-travel .checkbox_input_container {
  cursor: pointer;
  display: block;
  line-height: 20px;
  margin: 0 16px 0 0;
  padding-left: 24px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.popup-modal-otp-travel .checkbox_input_container input[type="checkbox"] {
  cursor: default;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.popup-modal-otp-travel .checkbox_mark {
  border: 1.5px solid #d1d1d1;
  border-radius: 100%;
  display: block;
  height: 18px;
  left: 16px;
  position: absolute;
  top: -12px;
  width: 18px;
}
.popup-modal-otp-travel
  .checkbox_input_container
  input[type="checkbox"]:checked
  ~ .checkbox_mark {
  background-color: #eb00311a;
  border: 1.6px solid #e03;
}
.popup-modal-otp-travel
  .checkbox_input_container
  input[type="checkbox"]:checked
  ~ .checkbox_mark:after {
  background: #e03;
  border-radius: 100%;
  content: "";
  display: block;
  height: 10px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 10px;
}
.popup-modal-otp-travel .list-select-isdn li {
  align-items: center;
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}
.popup-modal-otp-travel .list-select-isdn li p {
  color: #000;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  vertical-align: middle;
}
.popup-modal-otp-travel .modal__content {
  padding: 0 !important;
}
.popup-modal-otp-travel button {
  margin-top: 24px;
  width: 100%;
}
.popup-modal-otp-travel .form-control {
  color: #44494d !important;
  font-family: SF Pro Text, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 48px !important;
  letter-spacing: 0;
  line-height: 20px !important;
  vertical-align: middle;
}
.popup-modal-otp-travel input.form-control::placeholder {
  color: #b5b4b4;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  vertical-align: middle;
}
.popup-modal-otp-travel .form-control.error {
  border: 1px solid #d11313;
}
.popup-modal-otp-travel .delete-text {
  font-size: 20px;
  position: absolute;
  right: 12px;
  top: 10px;
}
.popup-modal-otp-travel .delete-text i {
  color: #44494d;
}
.popup-modal-otp-travel .error-message {
  color: #d11313;
  font-family: SF Pro Text, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 4px;
  vertical-align: middle;
}
.popup-modal-otp-travel .form-input__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 16px;
}
.popup-modal-otp-travel .link-otp {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
}
.popup-modal-otp-travel .note-text {
  color: #727272;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 8px;
  text-align: center;
}
.modal-view-detail-package .ant-modal-body {
  padding: 16px !important;
}
.modal-view-detail-package .modal__body,
.modal-view-detail-package .modal__content {
  padding: 0 !important;
}
.policy-sim-travel-modal .check-box__txt-custom {
  font-family: SF Pro Text, sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0;
  line-height: 18px !important;
}
.policy-sim-travel-modal.ant-modal {
  position: relative;
  top: 0;
}
.detail-package .pack-name {
  color: #282828;
  font-size: 16px;
  margin-bottom: 16px;
}
.detail-package .pack-name,
.detail-package .pack-price {
  font-family: FS PFBeauSansPro, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}
.detail-package .pack-price {
  color: #e03;
  font-size: 24px;
  margin-bottom: 8px;
}
.detail-package .pack-cycle {
  margin-bottom: 16px;
  text-align: center;
}
.detail-package .pack-cycle,
.packa-content h4 {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  vertical-align: middle;
}
.packa-content h4 {
  margin-bottom: 8px;
}
.packa-content .desc {
  color: #000;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  vertical-align: middle;
}
.modal-data__btn.column-2 {
  display: flex;
  gap: 8px;
}
.modal-data__btn.column-2 .button {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
}
.modal-data__btn.column-2 .button.button--normal {
  color: #171717;
}
.ant-notification-notice.send-otp-success {
  border-bottom: 3px solid #e03;
  border-radius: 0 0 8px 0;
  left: 0;
  max-width: 100%;
  position: fixed;
  top: 0;
  width: 100vw;
}
.ant-notification-notice.send-otp-success .ant-notification-notice-message {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  vertical-align: middle;
}
.footer .footer-content .footer-top {
  padding: 30px 0;
}
.footer .footer-content .footer-top .footer-inner {
  display: flex;
  justify-content: space-between;
  margin: 0 -15px;
  text-align: left;
}
.footer .footer-content .footer-top .column {
  padding: 0 15px;
}
.footer .footer-content .footer-top .column.first .infotop {
  word-wrap: break-word;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 18px;
  margin-bottom: 50px;
  max-width: 100%;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
  width: 300px;
}
.footer .footer-content .footer-top .column.first .infotop > div {
  display: flex;
  flex-direction: column;
  height: 296px;
  justify-content: space-between;
  margin-top: 17px;
}
a.sitemap {
  text-decoration: underline;
}
.footer-info .content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.column.first {
  margin-top: -15px;
}
.footer {
  overflow: hidden;
  padding: 0 !important;
}
.footer .footer-content .footer-bottom .content .address-support li {
  display: block;
  line-height: inherit !important;
  text-align: left;
}
.footer .footer-content .footer-bottom {
  left: 0;
  position: absolute;
  width: 100%;
}
.logo-fotter {
  cursor: default !important;
}
.logo-fotter:hover img {
  transition: all 0.3s;
}
.infobellow_image a img,
.link-social li a img {
  transition: all 0.3s;
  width: 100%;
}
.infobellow_image a img:hover,
.link-social li a img:hover {
  transform: scale(1.07);
  transition: all 0.3s;
}
.link-social {
  display: flex;
}
.link-social li {
  padding: 0 3px 10px;
}
.footer .footer-content .footer-top .column .menu .sub-menu li a {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 18px;
}
.footer .footer-content .footer-top .column .menu .sub-menu li {
  line-height: 18px;
}
.footer .footer-content .footer-top .column .menu .sub-menu li a:hover {
  color: #e03 !important;
}
.footer {
  background: #f2f2f2;
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 100%;
}
.logo-fotter {
  cursor: pointer;
  margin-bottom: 10px;
  margin-left: 0 !important;
}
.footer .footer-content .footer-top .column .menu p {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1px;
  line-height: 16px;
  margin-bottom: 15px;
}
.infobellow_group,
.infobellow_image {
  align-items: center;
  display: flex;
}
.boquocphong {
  height: 49px;
  margin-right: 8px;
  width: 86px;
}
.sitemap {
  display: none;
}
.footer .footer-content .footer-top .column .menu {
  margin-bottom: 30px;
}
.infobellow-infor {
  display: none;
}
.infobellow-box p {
  font-size: 12px;
  line-height: 24px;
  width: 70%;
}
.logo-footer-img {
  margin-left: 25px;
}
@media (max-width: 500px) {
  .sitemap {
    display: inline-block;
    margin-right: 20px;
  }
  .logo-footer-img {
    margin-left: 0;
  }
  .footer .footer-content .footer-top {
    padding: 15px 0;
  }
  .footer .footer-content .footer-top .column {
    display: none;
  }
  .footer .footer-content .footer-top .column.column.first {
    display: block;
    width: 100%;
  }
  .footer .footer-content .footer-top .footer-inner {
    display: block;
  }
  .footer .footer-content .footer-top .column.first .infotop > div {
    display: block;
    height: auto;
  }
  .footer .logo-fotter {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 24px;
  }
  .footer .footer-content .footer-top .column.first .infotop {
    margin-bottom: 20px;
    width: 100%;
  }
  .infobellow-infor {
    align-items: center;
    font-size: 13px;
    margin-top: 15px;
  }
  .infobellow-box,
  .infobellow-infor {
    display: flex;
    justify-content: space-between;
  }
  .infobellow-box {
    flex-direction: row-reverse;
    font-size: 13px;
  }
  .infobellow-box p {
    display: none;
  }
  .boquocphong {
    height: 45px;
    margin-right: 8px;
    width: 69px;
  }
  .link-social li {
    padding: 0 3px;
  }
  .link-social li a img {
    height: 10px;
    margin: 0 3px;
    max-width: 10px;
    min-width: 10px;
  }
}
.select-option-subject input,
.select-option-subject label {
  font-family: FS PFBeauSansPro, sans-serif;
}
.options-subject li,
.options-subject li.option,
.select-options-subject li {
  color: #44494d;
}
.policy-sim-travel-modal .contract-type {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.policy-sim-travel-modal .block-info {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 18px 20px 20px;
  width: 100%;
}
.policy-sim-travel-modal .block-info_mt15 {
  margin-top: 15px !important;
}
.policy-sim-travel-modal .block-info:not(:last-child) {
  margin: 0 0 15px;
}
.policy-sim-travel-modal .block-info_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px;
}
.policy-sim-travel-modal .block-info_title {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.policy-sim-travel-modal .content-block {
  display: flex;
  flex-direction: column;
  justify-content: left;
}
.policy-sim-travel-modal .content-block label:not(:last-child) {
  margin-bottom: 15px;
}
.policy-sim-travel-modal .agreeToPolicy {
  align-items: normal !important;
  color: #727272 !important;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.policy-sim-travel-modal .link,
.policy-sim-travel-modal .link:hover {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 0 2px;
  text-decoration: underline;
}
.policy-sim-travel-modal .digital-channel__btn {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  width: 100%;
}
.policy-sim-travel-modal .digital-channel__btn button {
  width: 360px;
}
.policy-sim-travel-modal button:disabled {
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  color: #727272;
}
.policy-sim-travel-modal button:disabled:hover {
  background-color: #e4e4e4 !important;
  border-color: #e4e4e4 !important;
  color: #727272 !important;
}
.policy-sim-travel-modal button:disabled:hover:before {
  display: none;
}
.policy-sim-travel-modal .check-box {
  cursor: pointer;
  display: block;
  line-height: 1.15;
  margin: 0;
  padding: 2px 0 0 30px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.policy-sim-travel-modal input:read-only {
  color: #26292b;
  cursor: default;
}
.policy-sim-travel-modal .check-box__input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.policy-sim-travel-modal .check-box__checkmark {
  background: #fff;
  border: 2px solid #e03;
  border-radius: 4px 4px 4px 0;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.policy-sim-travel-modal .check-box__input:checked ~ .check-box__checkmark {
  background: linear-gradient(0deg, #d1131333, #d1131333), #fff;
  border-color: #e03;
}
.policy-sim-travel-modal
  .check-box__input:checked
  ~ .check-box__checkmark:after {
  display: block;
}
.policy-sim-travel-modal .check-box__checkmark:after {
  border: solid #e03;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 4px;
}
.policy-sim-travel-modal .check-box__txt {
  color: #e03;
  font-size: 14px;
  font-weight: 500;
}
.policy-sim-travel-modal .form {
  display: block;
  unicode-bidi: isolate;
}
.policy-sim-travel-modal .form-2column {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.policy-sim-travel-modal .form-2column .form-customize {
  flex-basis: calc(50% - 30px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 15px 15px;
  width: calc(50% - 30px);
}
.policy-sim-travel-modal .form-customize .form-control {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #44494d;
  display: block;
  font-family: Roboto, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 24px;
  padding: 9px 30px 9px 15px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.policy-sim-travel-modal .form-customize .form-control::placeholder {
  color: #b5b4b4 !important;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.policy-sim-travel-modal {
  width: 750px !important;
}
.policy-sim-travel-modal .ant-modal-content {
  background-color: #fff;
  border-radius: 14px 14px 14px 0;
  box-shadow: none;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}
.policy-sim-travel-modal .ant-modal-body {
  padding: 30px 60px;
}
.policy-sim-travel-modal__tittle {
  align-items: center;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
}
.policy-sim-travel-modal__content {
  border-bottom: 1px solid #eee;
  color: #252525;
  height: 65%;
  margin-bottom: 30px;
  margin-top: 20px;
  max-height: 500px;
  overflow: scroll;
  padding-bottom: 15px;
}
.policy-sim-travel-modal__privacy {
  font-weight: 400;
  line-height: 24px;
}
.policy-sim-travel-modal__term-title {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  margin: 10px 0 12px;
}
.policy-sim-travel-modal__footer {
  align-items: center;
  background: #fff;
  bottom: 1rem;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 10px 0;
  position: relative;
  right: 0;
  width: 100%;
}
.policy-sim-travel-modal .policy-sim-travel-modal__footer .checkAll {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
  margin-right: 10px;
  width: 60%;
}
.policy-sim-travel-modal .checkAll .term-check-box {
  margin-left: 0;
  padding: 2px 0 0 30px;
}
.policy-sim-travel-modal .check-box__txt-custom {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.policy-sim-travel-modal__footer .btn-container {
  align-items: center;
  display: flex;
}
.policy-sim-travel-modal__footer .btn-container .button--normal {
  margin-right: 10px;
}
.policy-sim-travel-modal .checked-true {
  align-items: center;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 12px;
}
.policy-sim-travel-modal .checked-true.checked-required {
  background-color: #fee5eb;
}
.policy-sim-travel-modal
  .checked-true.checked-required.checked-required-active {
  border: 1px solid #e03;
}
.policy-sim-travel-modal .error-msg {
  color: red !important;
  font-size: 12px;
  font-style: italic;
  position: relative;
  top: -8px;
}
.policy-sim-travel-modal .text-checked {
  color: #44494d;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  width: 90%;
}
.policy-sim-travel-modal .text-danger {
  color: #e03;
}
.policy-sim-travel-modal .term-check-box {
  margin-left: 8px;
  padding: 2px 0 0 20px;
}
.policy-sim-travel-modal
  .term-check-box
  .check-box__input:checked
  ~ .check-box__checkmark {
  background: #e03;
  border-color: #e03;
}
.policy-sim-travel-modal .term-check-box .check-box__checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 8px;
  left: 6px;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 4px;
}
.policy-sim-travel-modal .text-error {
  color: red !important;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  padding: 0 0 3px;
}
.policy-sim-travel-modal ::-webkit-scrollbar {
  background-color: inherit !important;
  height: 2px !important;
  position: absolute !important;
  width: 5px !important;
}
.policy-sim-travel-modal .open-content {
  color: #44494d;
  font-family: SF Pro Text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 20px;
  padding-left: 24px;
}
.policy-sim-travel-modal .open-content span {
  color: #e03;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .policy-sim-travel-modal .block-info {
    background-color: initial;
    border-radius: 0;
    padding: 0;
  }
  .policy-sim-travel-modal .block-info_header {
    align-items: flex-start;
    flex-direction: column;
    margin: 0;
  }
  .policy-sim-travel-modal .block-info_title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 12px;
  }
  .policy-sim-travel-modal .check-box {
    margin: 0 0 15px;
  }
  .policy-sim-travel-modal .digital-channel__btn button {
    width: 100%;
  }
  .policy-sim-travel-modal {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .policy-sim-travel-modal .form-2column {
    flex-direction: column;
    margin: 0;
  }
  .policy-sim-travel-modal .form-2column .form-customize {
    flex: 1 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
@media (max-width: 580px) {
  .policy-sim-travel-modal .ant-modal-body {
    padding: 0 !important;
  }
  .policy-sim-travel-modal .policy-sim-travel-modal__tittle {
    color: #44494d;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
  }
  .policy-sim-travel-modal .policy-sim-travel-modal__footer {
    flex-direction: column;
  }
  .policy-sim-travel-modal .policy-sim-travel-modal__footer .checkAll {
    margin-bottom: 15px;
    width: 100%;
  }
  .policy-sim-travel-modal .policy-sim-travel-modal__footer .btn-container {
    width: 100%;
  }
  .policy-sim-travel-modal .policy-sim-travel-modal__footer .button {
    width: 50% !important;
  }
}
@media (max-width: 576px) {
  .policy-sim-travel-modal .form-customize .form-control {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 40px 10px 15px;
  }
  .policy-sim-travel-modal .contract-type .sub-text {
    color: #727272 !important;
    font-size: 10px !important;
    font-style: italic !important;
    line-height: 16px !important;
  }
  .policy-sim-travel-modal .form-customize .form-control::placeholder {
    font-size: 14px;
  }
  .policy-sim-travel-modal .link {
    font-weight: 400;
  }
  .policy-sim-travel-modal .ant-modal-content {
    border-radius: 12px 12px 12px 0;
    padding: 16px !important;
  }
}
@media (max-width: 500px) {
  ::-webkit-scrollbar {
    background-color: inherit !important;
    height: 2px !important;
    position: absolute !important;
    width: 3px !important;
  }
}
.wrap_loading1 {
  align-items: center;
  background: #0006;
  display: flex;
  display: none;
  height: 100vh;
  justify-content: center;
  left: 0;
  max-height: none;
  max-width: none;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10000;
}
.loader {
  height: 50px;
  width: 50px;
}
.digital-channel-travel {
  padding-bottom: 40px;
}
.digital-channel-travel .content {
  background-color: #fff;
  padding-bottom: 40px;
}
.digital-channel-travel .digital-channel__title {
  color: #000;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
}
.digital-channel-travel .digital-channel__subtitle {
  color: #e03;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 15px;
  text-align: center;
}
.form-customize .label-title {
  color: #44494d;
  font-size: 14px;
}
.form-customize .error-text {
  color: #ef0134;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 18px;
  margin-top: 13px;
}
.images-block {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 15px;
  padding-top: 10px;
  width: 100%;
}
.digital-channel-travel__box .preview-images-travel > div {
  height: 100%;
}
.digital-channel-travel__box .preview-images-travel {
  border: 1px dashed #d1d1d1;
  border-radius: 8px;
  flex-basis: calc(50% - 8px);
  flex-grow: 0;
  flex-shrink: 0;
  min-height: 100px;
  padding: 15px 16px;
  position: relative;
}
.digital-channel-travel__box .preview-images-travel.active {
  border: initial !important;
  border-radius: 8px;
  flex-basis: calc(50% - 8px);
  flex-grow: 0;
  flex-shrink: 0;
  height: 160px;
  padding: initial !important;
  position: relative;
}
.digital-channel-travel__box .preview-images-travel.active img {
  border-radius: 8px;
  height: 100%;
  max-height: 160px;
  object-fit: fill !important;
  width: 100%;
}
.digital-channel-travel__box .preview-images-travel.active i {
  bottom: 12px;
  color: #fff;
  font-size: 20px;
  position: absolute;
  right: 0;
}
.digital-channel-travel__box .preview-images-travel label {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  text-align: center;
}
.digital-channel-travel__box .preview-images-travel label span {
  color: #727272;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.preview-images-travel .upload-icon {
  bottom: 15px;
  cursor: pointer;
  display: block;
  height: 20px;
  left: calc(50% - 10px);
  margin: 5px auto 0;
  position: absolute;
  width: 20px;
}
.preview-images-travel input {
  display: none;
}
.digital-channel-travel .digital-channel__sub {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 10px;
}
.digital-channel-travel .floating-label {
  color: #727272;
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400;
  left: 12px;
  line-height: 22px !important;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 6px;
  transform: none;
}
.digital-channel-travel .digital-infor__confirm {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.form-travel {
  margin-bottom: 16px;
  position: relative;
  width: 100%;
}
.digital-channel-travel .digital-infor__confirm[data-v-91b9544c] {
  font-style: normal;
}
.form-customize-travel-email.error-border {
  border: 1px solid #d11313 !important;
}
.digital-channel-travel .form-customize-travel-email {
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  color: #2b2f32;
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 15px;
  font-weight: 600;
  height: 60px;
  letter-spacing: 0.02em;
  line-height: 22px;
  opacity: 1;
  padding: 20px 35px 0 12px;
  text-align: left;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  width: 100%;
}
.floating-label-email {
  color: #727272;
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400;
  left: 12px;
  line-height: 22px !important;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 18px;
}
.digital-channel-travel .form-customize-travel-email:focus {
  border-color: #58b84f;
}
.digital-channel-travel
  .form-customize-travel-email:focus
  + .floating-label-email,
.digital-channel-travel
  .form-customize-travel-email:not(:placeholder-shown)
  + .floating-label-email {
  font-size: 13px !important;
  transform: translateY(-50%);
}
.error-text-travel {
  color: red;
  font-family: SF Pro Text, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 18px;
  margin-top: 4px;
  text-align: left;
}
.digital-channel-travel .form-customize-travel {
  background: #e0e0e0;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  color: #2b2f32;
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 15px;
  font-weight: 600;
  height: 60px;
  letter-spacing: 0.02em;
  line-height: 22px;
  opacity: 1;
  padding: 20px 35px 0 12px;
  text-align: left;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  width: 100%;
}
.digital-channel-travel .ul_digital-infor__confirm li p {
  margin: 0;
}
.digital-channel-travel .ul_digital-infor__confirm li {
  list-style-type: disc;
  margin-left: 14px;
  margin-top: 0;
}
.floating-label {
  color: #727272;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 15px;
  line-height: 22px;
  padding: 0;
  top: 18px;
}
.form-customize .form-control:focus + .floating-label,
.form-customize .form-control:not(:placeholder-shown) + .floating-label {
  font-size: 13px;
  transform: translateY(-9px);
}
@media (max-width: 575px) {
  .digital-channel-travel .form-customize .form-control {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 40px 10px 15px;
  }
}
.digital-channel-travel .form-2column {
  display: flex;
  flex-direction: row;
  margin: 0;
}
.digital-channel-travel .form-2column .form-customize {
  flex-basis: calc(50% - 16px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  position: relative;
  width: calc(50% - 16px);
}
.modal__content {
  border-radius: 12px 12px 12px 0;
  box-sizing: border-box;
}
#popup-check-otp-register-sim-travel {
  background: none;
  border-radius: 8px;
  box-shadow: none;
  box-sizing: border-box;
  margin: 0;
  max-width: 100%;
  padding: 0 !important;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  z-index: 2;
}
.modal-otp-overlay {
  background-color: #000000b3;
  bottom: 0;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  overflow: auto;
  padding: 15px !important;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1001 !important;
}
.modal-otp-overlay:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.05em;
  vertical-align: middle;
}
.modal-otp-overlay .modal-digital {
  background-color: #fff;
  border-radius: 12px 12px 12px 0;
  box-shadow: none;
  margin: 0 auto;
  max-width: 100% !important;
  padding: 0 15px;
  position: relative;
  text-align: left;
  width: 100% !important;
}
.popup-modal-otp-travel-old .modal-digital__title {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 16px;
  text-align: center;
}
.popup-modal-otp-travel-old .modal-digital__des {
  color: #44494d;
  font-size: 14px;
  line-height: 20px;
  margin: 16px 0 20px;
  text-align: center;
}
.popup-modal-otp-travel-old .ant-modal-body {
  padding: 40px 15px 30px !important;
}
.popup-modal-otp-travel-old .confirm-modal-travel {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 16px;
  text-align: center;
}
.form-input-info-travel {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 8px 0 0;
}
.icon-refresh-travel {
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  font-family: icon-theme !important;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 0 5px;
  text-transform: none;
}
.note-text-travel {
  color: #727272;
  flex: 1 1;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-style: inherit;
  line-height: 20px;
  margin: 0;
}
.link-otp-travel {
  -webkit-box-pack: end;
  -webkit-box-align: center;
  align-items: center;
  color: #e03;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 600;
  justify-content: flex-end;
  line-height: 20px;
  margin: 5px 0;
}
.link-otp-travel .icon-refresh {
  margin: 0 0 0 5px;
}
.modal-digital-travel {
  -webkit-box-pack: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 16px;
  width: 100%;
}
.modal-digital-travel .button--normal {
  border-color: #979797 !important;
  color: #44494d !important;
}
.modal-digital-travel div {
  flex-basis: calc(50% - 5px);
  flex-grow: 0;
  flex-shrink: 0;
}
.popup-modal-otp-travel-old .icon-close {
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  font-family: icon-theme !important;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
.popup-modal-otp-travel-old .error-message {
  color: #d11313;
  font-family: SF Pro Text, sans-serif;
  font-size: 10px;
  font-style: italic;
  padding-top: 8px;
}
.popup-modal-otp-travel-old .delete-text {
  color: #576c8a;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 12px;
  top: 6px;
}
.popup-modal-otp-travel-old .icon-close:before {
  content: "\e913";
}
.icon-refresh:before {
  content: "\e937";
}
.popup-modal-otp-travel .ant-modal-content {
  border-radius: 12px 12px 12px 0 !important;
}
.info-check-travel__list {
  list-style: none;
}
.info-check-travel__list .info-check__item {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  margin: 0 0 10px;
}
.info-check-travel__list .info-check__value {
  color: #44494d;
  font-size: 12px;
  line-height: 18px;
  width: 90%;
}
.info-check-travel__list .info-check__icon {
  -webkit-box-align: center;
  align-items: center;
  color: #828282;
  display: flex;
  justify-content: center;
  margin: 0 6px 0 0;
  min-width: 12px !important;
  width: 12px !important;
}
.digital-channel-travel .digital-channel__btn .button--primary {
  padding: 8px 20px 10px;
}
.digital-channel-travel .digital-order__box {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px 8px 8px 0;
  padding: 15px;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-order {
    flex: 1 1;
    margin: 15px 0 0;
    width: 100%;
  }
}
.digital-channel-travel .digital-order__title {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  margin: 0 0 10px;
}
.digital-channel-travel .digital-order__list {
  margin: 10px 0 0;
}
.digital-channel-travel .digital-order__info {
  -webkit-box-flex: 1;
  display: flex;
  flex: 1 1;
  flex-direction: column;
}
.digital-channel-travel .digital-order__sub {
  color: #e03;
  font-weight: 600;
  margin: 2px 0 0;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-order__item.total {
    align-items: center;
    flex-direction: column;
    margin: 15px -15px 0;
    padding: 12px 15px 0;
  }
}
.digital-channel-travel .digital-order__item.total {
  border-top: 1px solid #eaeaea;
}
.digital-channel-travel .digital-order__item {
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-between;
}
.digital-channel-travel .package-detail__travel {
  color: #898989;
  font-family: SF Pro Text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
@media (max-width: 991px) {
  .digital-channel-travel .check-box__link {
    font-weight: 400;
  }
}
.digital-channel-travel .check-box__link {
  color: #e03;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0 0 0 2px;
  text-align: left;
  text-decoration: underline;
}
.digital-channel-travel .check-box__input {
  background-color: initial;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.digital-channel-travel .check-box {
  cursor: pointer;
  display: block;
  padding: 2px 0 0 30px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.digital-channel-travel .check-box__txt {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
@media (max-width: 991px) {
  .digital-channel-travel .check-box__txt {
    font-size: 14px;
  }
}
.digital-channel-travel .digital-order__name {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-order__name {
    font-size: 12px;
    line-height: 18px;
  }
  .digital-channel-travel .digital-order__sub {
    font-size: 16px;
    line-height: 24px;
  }
  .digital-channel-travel .digital-order__item:not(:last-child) {
    align-items: flex-start;
    margin: 0 0 5px;
  }
  .digital-channel-travel .digital-order__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.digital-channel-travel .digital-channel__box:not(:last-child) {
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-channel__box {
    background-color: initial;
    border-radius: 0;
    padding: 0;
  }
}
.info-check-travel__list .icon-user {
  font-size: 16px;
}
@media (max-width: 991px) {
  .info-check-travel__list .info-check__value {
    font-size: 12px;
  }
}
.info-check-travel__list .info-check__item:not(:last-child) {
  margin: 0 0 10px;
}
.digital-channel-travel .digital-sign__sub {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-weight: 700;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-sign__sub {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 12px;
  }
}
.digital-channel-travel .digital-sign__item span {
  color: #e03;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  justify-content: space-around;
  line-height: 16px;
  text-align: right;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.digital-channel-travel .file {
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  padding: 9px 15px;
  position: relative;
}
.digital-channel-travel .digital-sign__name {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-weight: 700;
}
.digital-sign__item.file .digital-sign__name {
  margin: 0 0 4px;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-sign__name {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
  }
}
.popup-modal-otp-travel-old .radio-custom1 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 12px;
}
.popup-modal-otp-travel-old .radio-custom1 span {
  color: #000;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.popup-modal-otp-travel-old .radio-custom1 span:last-child {
  margin-left: 12px;
}
.digital-channel-travel .digital-sign__item {
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  padding: 9px 15px;
  position: relative;
}
.digital-channel-travel .digital-sign__item.file {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-items: center;
  text-align: center;
}
.digital-channel-travel .icon-i-next {
  color: #2c2f31;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: space-between;
  line-height: 20px;
  margin-left: 4px;
  text-align: right;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-sign__list {
    margin: 12px 0 20px;
  }
}
.digital-channel-travel .signature-zone {
  border: 0.89px solid #d1d1d1;
  border-radius: 7.14px 7.14px 7.14px 0;
  height: 302px;
  margin-bottom: 20px;
  padding: 9px 15px;
  width: 100%;
}
.digital-channel-travel .signature-action {
  align-items: center;
  display: flex;
  height: 25.14px;
  justify-content: center;
  position: relative;
  width: 100%;
}
.digital-channel-travel .signature-action .save {
  text-decoration-offset: 0;
  -webkit-text-decoration-skip: ink;
  align-items: center;
  color: #e03;
  display: flex;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  left: -3px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 0;
  top: 5px;
}
.digital-channel-travel .signature-action .save img {
  height: 18px;
  margin-right: 4px;
  width: 18px;
}
.digital-channel-travel .signature-action .digital-sign__name {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 12px;
  text-align: center;
}
.digital-channel-travel .signature-action .edit {
  align-items: center;
  display: flex;
  font-size: 20px;
  position: absolute;
  right: -5px;
  top: 3px;
}
.digital-channel-travel .digital-sign__confirm label {
  color: #0c0033;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 14px;
  padding: 2px 0 0 30px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.digital-channel-travel .digital-sign__btn {
  margin-top: 40px;
}
.digital-channel-travel .digital-call__title {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-call__title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 30px;
  }
  .digital-channel-travel .digital-call__des {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 0;
  }
}
.digital-channel-travel .digital-call__des {
  color: #727272;
  text-align: center;
}
.digital-channel-travel .digital-call__images {
  -webkit-box-pack: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-call__images {
    margin: 0 0 20px;
  }
}
.digital-channel-travel .digital-call__btn .button--primary {
  width: 100%;
}
.digital-channel-travel .digital-call__btn {
  -webkit-box-pack: center;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.digital-channel-travel .button:after {
  border-radius: 8px 8px 8px 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -2;
}
.modal--data .modal__body,
.modal__body,
.profile-image-travel .notify-error .modal__content .modal__body,
.sim-travel-en-popup .notify-error .modal__content .modal__body {
  padding: 0 !important;
}
.sim-travel-en-popup {
  border-radius: 12px 12px 12px 0;
}
.sim-travel-en-popup .ant-modal-content {
  border-radius: 14px 14px 14px 14px;
}
.sim-travel-en-popup .modal-data__des {
  font-size: 14px !important;
}
.sim-travel-en-popup .modal-data__title {
  font-size: 18px !important;
  line-height: 24px !important;
}
.digital-channel-travel .digital-order__value-right {
  float: right;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-order__value {
    color: #e03;
    letter-spacing: 0;
  }
}
.digital-channel-travel .digital-order__value {
  font-family: FS PFBeauSansPro, sans-serif;
  margin: 0 0 0 20px;
}
.digital-channel-travel .digital-order__name span {
  color: #e03;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-order__item.total .digital-order__name {
    color: #44494d;
    font-size: 16px;
    line-height: 24px;
  }
}
.digital-channel-travel .digital-order__item.total .digital-order__value {
  color: #e03;
  font-weight: 700;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-order__item.total .digital-order__value {
    font-size: 32px;
    line-height: 42px;
    margin: 20px !important;
  }
}
.digital-channel-travel .check-box__checkmark {
  border: 2px solid #e03;
  border-radius: 4px 4px 4px 0;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.digital-channel-travel .check-box__input:checked ~ .check-box__checkmark {
  background: linear-gradient(0deg, #d1131333, #d1131333), #fff;
  border-color: #e03;
}
.digital-channel-travel
  .check-box__input:checked
  ~ .check-box__checkmark:after {
  border: solid #e03;
  border-width: 0 2px 2px 0;
  content: "";
  height: 8px;
  left: 5px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 4px;
}
.digital-channel-travel .info-check__item i {
  font-size: 16px !important;
}
.digital-channel-travel
  .check-box__input:checked
  ~ .check-box__checkmark:after {
  display: block;
}
@media (max-width: 991px) {
  .digital-channel-travel .digital-channel__btn {
    margin: 20px 0 0;
  }
}
.electronic-records-travel .electronic-records__title.title--err {
  color: #0c0033;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 5px;
  text-align: center;
  text-transform: uppercase;
}
.electronic-records-travel .electronic-records__top {
  margin: 0 0 25px;
  text-align: center;
}
.electronic-records-travel .content--err {
  color: #0c0033;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 27px;
  margin: 0 auto;
  text-align: center;
  width: 431px;
}
.content-travel {
  margin: 0 auto;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  width: 1170px;
}
.electronic-records-travel .img--error {
  display: inline-block;
  margin: 0 auto;
  padding: 41px 0 35px;
}
.electronic-records-travel .img--error img {
  width: 735px;
}
.electronic-records-travel {
  padding: 25px 0 35px;
  text-align: center;
  word-break: break-word;
}
.sim-travel-en-popup .modal__content {
  padding: 0 !important;
}
.digital-channel-travel .select-option-subject .customer-form-input {
  border-radius: 8px !important;
  color: #2b2f32 !important;
  font-size: 15px;
  font-weight: 600 !important;
  height: 60px !important;
  line-height: 22px;
  padding: 20px 35px 0 12px !important;
}
.digital-channel-travel .select-option-subject input:focus + label,
.select-option-subject input:not(:placeholder-shown) + label {
  color: #727272 !important;
  font-size: 13px !important;
}
.digital-channel-travel .select-option-subject .icon-arrow-down {
  font-size: 16px !important;
}
.digital-channel-travel .select-option-subject .icon-i-search {
  font-size: 25px !important;
}
@media (max-width: 991px) {
  .sim-travel-en-popup .notify-error .modal__content .modal__body,
  .sim-travel-en-popup .notify-error .modal__content .modal__body .modal-data {
    max-width: 100%;
    padding: 0 !important;
  }
}
@media (max-width: 850px) {
  .sim-travel-en-popup .modal-data__btn .button {
    height: 44px;
    margin: auto;
    max-width: 100%;
  }
}
.popup-warning-signature .modal-icon-signature {
  height: 70px;
  margin: 0 auto 16px;
  width: 72px;
}
.popup-warning-signature .icon-close {
  font-size: 20px;
}
.popup-warning-signature .modal-icon-signature img {
  height: 100%;
  width: 100%;
}
.popup-warning-signature .ant-modal-body {
  padding: 40px 15px 20px !important;
}
.popup-warning-signature .modal-title-signature {
  margin: 0 auto 16px;
}
.popup-warning-signature .modal-title-signature h3 {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.popup-warning-signature .modal-description-signature {
  margin-bottom: 24px;
  text-align: center;
}
.popup-warning-signature .modal-description-signature p {
  color: #2c2f31;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.popup-warning-signature .modal-btn-signature {
  width: 100%;
}
.modal-btn-signature2 {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.popup-warning-signature .modal-btn-signature button {
  flex-basis: calc(50% - 5px);
  flex-grow: 0;
  flex-shrink: 0;
}
.popup-warning-signature .modal-btn-signature .button--normal {
  border-color: #979797 !important;
  color: #44494d !important;
}
.policy-sim-travel-modal-for.ant-modal {
  padding: 0 !important;
}
.policy-sim-travel-modal__icon {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 10px;
}
.policy-sim-travel-modal__icon i {
  font-size: 20px;
}
.sim-travel-en-popup .ant-modal-body {
  padding: 32px 20px !important;
}
.sim-travel-en-popup .notify-error {
  margin-bottom: 8px;
}
.sim-travel-en-popup .modal-data__des {
  color: #282828 !important;
}
.popup-modal-otp-travel-old .radio-custom1 input:checked ~ .checkmark {
  background-color: #ee00331a;
}
@media (min-width: 991px) {
  .popup-modal-otp-travel-old.button--normal:hover {
    background-color: #fff !important;
  }
}
.popup-modal-otp-travel-old .button--normal:hover:before {
  background-color: #fff !important;
}
.profile-image-travel .ant-modal-body {
  padding: 15px !important;
}
.profile-image-travel .change-language {
  align-items: center;
  border: 1px solid #e03;
  border-radius: 18px;
  display: flex;
  height: 18px;
  justify-content: space-around;
  padding: 1px;
  position: absolute;
  right: 42px;
  text-align: center;
  top: 0;
  width: 44px;
}
.profile-image-travel .ant-modal-close-x {
  width: 40px;
}
.profile-image-travel .change-language .language {
  color: #e03;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  width: 22px;
}
.profile-image-travel .change-language .language.active {
  align-items: center;
  background: #e03;
  border-radius: 18px;
  color: #fff;
  display: flex;
  height: 14px;
  justify-content: center;
  width: 21px;
}
.profile-image-travel .notify-error {
  margin-bottom: 5px;
}
.profile-image-travel .box-regis-form {
  padding-top: 25px;
}
.profile-image-travel .ant-modal-close {
  right: 12px;
  top: -2px;
}
.profile-image-travel .modal__content {
  padding: 0 !important;
}
.profile-image-travel .icon-close {
  font-size: 20px;
}
.esim-order-info-top img {
  width: 100%;
}
.esim-order-info-body {
  background-image: url(/vx/static/media/bgTourist.2e569b3fce05bf3d51dc.jpeg);
  padding: 16px 15px 4px;
}
.esim-order-info-header {
  background: #fff;
  border-radius: 8px 8px 8px 0;
  margin-bottom: 4px;
  max-height: 60px;
  text-align: center;
}
.esim-order-info-header h2 {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 28px;
  padding: 16px 0;
  text-align: center;
}
.esim-order-info-content {
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 12px;
}
.order-info-qr {
  border: 0.86px solid #d1d1d1;
  border-radius: 6.88px 6.88px 6.88px 0;
  height: 178px;
  margin: 0 auto;
  width: 178px;
}
.order-info-qr img {
  object-fit: contain;
}
.order-information-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.detail-informaion-header {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.detail-informaion-body {
  padding: 16px;
}
.detail-informaion-content {
  display: flex;
  justify-content: space-between;
}
.detail-informaion-content:not(:last-child) {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 8px;
}
.detail-informaion-content:not(:first-child) {
  padding-top: 12px;
}
.detail-informaion-title {
  color: #999;
}
.detail-informaion-title,
.detail-informaion-value {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.detail-informaion-value {
  color: #282828;
}
.detail-infomation-name {
  max-width: 60%;
  text-align: right;
}
.order-status {
  color: #1c9fff;
}
.status-done {
  color: #409c37 !important;
}
.status-canceled {
  color: #d11313 !important;
}
.esim-order-info-action {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 18px 8px;
  width: 100%;
}
.esim-order-info-action button {
  flex-basis: calc(50% - 6px);
  flex-grow: 0;
  flex-shrink: 0;
  height: 44px;
}
.esim-order-info-action button,
.esim-order-info-action > .button-cancel {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.esim-order-info-action > .button-cancel {
  border: 1px solid #000;
  color: #171717 !important;
}
.esim-order-info-action > .button-action {
  color: #fff !important;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.none-action {
  padding: 16px 15px 40px !important;
}
.travel-components .video-call-screen {
  background: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.travel-components .video-call-screen .video-call-screen__close {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
}
.modal--data .modal__body {
  padding: 0 !important;
}
.ant-modal-close-x .anticon svg {
  color: #282828 !important;
}
.title__confirm {
  padding-top: 0 !important;
}
.button-width {
  margin: 0 !important;
  max-width: 360px;
  width: 100% !important;
}
.modal-note {
  color: #e03;
  font-family: Sarabun, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 20px 0;
  text-align: center;
}
.buttons-vertical {
  align-items: center;
  display: flex;
  flex-direction: column !important;
  gap: 16px;
  justify-content: center;
}
@media (max-width: 991px) {
  .notify__custom .modal-data__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.notify__custom .modal-data__images {
  display: flex;
  justify-content: center;
}
.modal-noti .notify__custom .modal-data__des {
  color: #282828;
  font-family: Sarabun, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}
.modal-noti .notify__custom .modal-data__des:last-child {
  padding-bottom: 20px;
}
.modal-noti .notify__custom .modal-data__des:not(:first-child) {
  margin: 0;
}
.modal-data__des > span {
  color: #282828;
  font-weight: 700;
}
@media (max-width: 991px) {
  .notify__custom .had-request {
    color: #282828 !important;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    padding: 0 8px !important;
  }
}
.notify__custom .modal-data__history {
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 16px;
  text-align: center;
}
.notify__custom .modal-data__history span {
  color: red;
  text-decoration: underline;
}
.notify__custom .modal-data__images--success {
  color: #03a678;
}
.notify__custom .modal-data__images--warning {
  color: #d11313;
}
.notify__custom .modal-data__images i {
  font-size: 80px;
}
.esim-noti .icon-i-fail:before,
.esim-noti .icon-i-success:before {
  font-size: 86px;
}
.notify__custom .modal-data__btn {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.notify__custom .modal-data__btn .button {
  width: 360px;
}
@media (max-width: 991px) {
  .notify__custom .modal-data__btn .button {
    width: 100%;
  }
}
.notify__custom .modal-data__btn--2column {
  margin: 20px -8px 0;
}
.notify__custom .modal-data__btn--2column .button {
  flex: 1 1;
  margin: 0 8px;
}
.notify__custom .modal-data__note {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 10px 0 0;
  text-align: center;
}
.modal-noti .modal-data__title {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 32px;
  text-align: center;
}
.modal-body-wap-warning-error {
  padding-top: 0 !important;
}
@media (max-width: 576px) {
  .notify__custom .had-request {
    color: #282828 !important;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    margin-bottom: 16px !important;
    padding: 0 8px !important;
  }
  .ant-modal-close-x {
    font-size: 14px;
  }
  .ant-modal-body {
    padding: 24px 0 10px;
  }
  .modal-discount__btn .button {
    width: 48%;
  }
  .notify__custom .modal-data__title {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 16px !important;
    padding-top: 16px;
    text-align: center;
  }
  .notify__custom .modal-data__des {
    margin: 16px 0 0;
  }
  .modal--data .modal__body {
    padding: 0 0 8px !important;
  }
  .button {
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  .modal-noti .notify__custom .modal-data__des {
    font-size: 16px;
  }
  .modal-noti .notify__custom .modal-data__des:last-child {
    padding-bottom: 24px;
  }
  .notify__custom .modal__content {
    padding: 0 20px 14px !important;
  }
  .modal-note {
    padding: 24px 0;
  }
  .buttons-vertical {
    gap: 8px;
  }
  .get-online-number-btn .button:hover:before {
    width: auto !important;
  }
}
.notify__custom .modal__content {
  background-color: #fff;
  box-shadow: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 20px;
  position: relative;
}
.esim-noti .ant-modal-content {
  border-radius: 16px !important;
}
.modal-noti .ant-modal-content {
  background: #fff;
}
@media (min-width: 991px) {
  .button.button--primary:hover {
    border-color: #be0129 !important;
    color: #fff !important;
  }
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 32px) !important;
  }
}
@media (max-width: 500px) {
  .notify-custom {
    padding-top: 4px !important;
  }
}
.button {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  white-space: nowrap;
}
.modal-data-btn--options {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
}
.modal-data-btn--option {
  flex-basis: calc(50% - 4px);
  flex-grow: 0;
  flex-shrink: 0;
  height: 44px;
}
.modal-data-btn--option > a {
  height: 44px;
}
.close--btn {
  background-color: #fff !important;
  border-color: #000 !important;
  color: #171717 !important;
}
.esim-noti .notify__custom .modal__content {
  padding: 0 !important;
}
.esim-noti .notify__custom .modal-data__des {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px;
}
.esim-noti .notify__custom .modal-data__title {
  color: #282828 !important;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700 !important;
  line-height: 24px;
  padding-top: 0;
  text-align: center;
  vertical-align: middle;
}
.esim-noti .modal-data__images {
  margin: 0 0 16px !important;
}
.esim-noti .notify-custom {
  padding: 0 !important;
}
.esim-noti .ant-modal-body {
  padding: 32px 20px !important;
}
.esim-noti {
  max-width: 343px !important;
}
.show-reason-modal .ant-modal-body {
  padding: 0 20px 32px !important;
}
.show-reason-modal {
  max-width: 345px !important;
}
.show-reason-modal .ant-modal-content {
  background: #f7f8fa;
  border-radius: 16px !important;
}
.ant-modal-header {
  background: #f7f8fa;
  border: initial;
  border-radius: 16px 16px 0 0 !important;
  padding: 32px 20px 16px;
}
.show-reason-modal .ant-modal-title {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
.show-reason-modal-container .input-phonenumber {
  margin-bottom: 24px;
  position: relative;
  width: 100%;
}
.show-reason-modal-container .form_input_text {
  background: none;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  color: #2b2f32;
  font-family: FS PFBeauSansPro;
  font-size: 15px;
  font-weight: 600;
  height: 60px;
  line-height: 22px;
  outline: none;
  padding: 32px 36px 9px 12px;
  width: 100%;
}
.show-reason-modal-container .text_input_label {
  color: #727272;
  font-family: Sarabun, sans-serif;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  left: 12px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 16px;
  transition: 0.1s ease;
  z-index: 2;
}
.show-reason-modal-container .form_input_text:focus + .text_input_label,
.show-reason-modal-container
  .form_input_text:not(:placeholder-shown)
  + .text_input_label {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  top: 9px;
}
.show-reason-btn {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
}
.show-reason-btn > button {
  flex-basis: calc(50% - 4px);
  flex-grow: 0;
  flex-shrink: 0;
  height: 44px;
}
.show-reason-btn > button:first-child {
  border: 1px solid #000;
  color: #171717 !important;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.show-reason-modal-container .input-phonenumber > i {
  font-size: 20px;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.reasons-container {
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
}
.reasons-container > div {
  color: #2b2f32;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.form_input_detail {
  background: none;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  padding: 12px;
}
.reason_input_label {
  color: #727272;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 15px;
  font-weight: 400;
  left: 12px;
  line-height: 22px;
  position: absolute;
  top: 12px;
  vertical-align: middle;
}
.orther-reason-container {
  margin-bottom: -6px;
  position: relative;
}
.show-reason-modal-container .form_input_detail:focus + .reason_input_label,
.show-reason-modal-container
  .form_input_detail:not(:placeholder-shown)
  + .reason_input_label {
  display: none;
}
#root {
  background: #f7f7f7;
}
.content-sim-white {
  margin: auto;
  max-width: 1146px;
  width: 100%;
}
.content-sim-white .bundled-pack__title {
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.1%;
  line-height: 32px;
  margin-bottom: 32px;
  text-align: center;
}
.content-sim-white .main-full {
  display: flex;
  gap: 30px;
  margin: 0 -15px;
  padding: 0 0 60px;
  width: 100%;
}
.content-sim-white .main-left {
  flex: 1 1;
  margin: 0 0 0 15px;
  width: calc(100% - 390px);
}
.content-sim-white .sidebar-right {
  flex: 0 0 360px;
  margin: 0;
  width: 360px;
}
.content-sim-white .order-common__title {
  align-items: center;
  color: #171717;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  justify-content: space-between;
  letter-spacing: -0.1%;
  line-height: 24px;
  margin-bottom: 12px;
}
.content-sim-white .order-common__title .select-method__link-fix {
  align-items: center;
  color: #737373;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  gap: 11px;
  justify-content: center;
  letter-spacing: -0.1%;
  line-height: 20px;
}
.content-sim-white .order-common__title .select-method__link-fix i {
  font-size: 12px;
  margin-right: 7.5px;
}
.buy-sim-white__form .form-2column {
  display: flex;
  gap: 12px;
}
.form-customize-sim-white {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
}
.form-customize-sim-white .form-control {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  color: #171717;
  display: block;
  font-family: Roboto, sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  height: 72px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 32px 40px 12px 12px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align: middle;
  width: 100%;
}
.form-customize-sim-white .form-control.error-validation-input {
  background: #fff linear-gradient(90deg, #d11313 100%, #0000 0) no-repeat
    bottom;
  background-size: 100% 3.5px;
  border: 1px solid #e5e5e5 !important;
  position: relative;
}
.form-customize-sim-white .floating-label {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  letter-spacing: 0;
  line-height: 28px;
  pointer-events: none;
  position: absolute;
  top: 35px;
  vertical-align: middle;
}
.form-customize-sim-white .floating-label span {
  color: #e03;
}
.form-customize-sim-white .form-control:focus + .floating-label,
.form-customize-sim-white
  .form-control:not(:placeholder-shown)
  + .floating-label {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  transform: translateY(-23px);
  vertical-align: middle;
}
.select-box-sim .select-option-sim {
  background: #0000 none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.delete-text {
  color: #727272;
  font-size: 24px;
  top: 21px;
}
.error-message-sim-white {
  align-items: center;
  color: #d11313;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  gap: 4px;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 4px;
  vertical-align: middle;
}
.error-message-sim-white img {
  height: 16px;
  width: 16px;
}
.form-customize-sim-white .select-option-sim i.icon-arrow-down {
  color: #404040;
  font-size: 14px;
  top: 30px;
}
.sim-white-price {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-basis: calc(50% - 6px);
  flex-grow: 0;
  flex-shrink: 0;
  height: 72px;
  justify-content: space-between;
  padding: 16px;
}
.sim-white-price p:first-child {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  vertical-align: middle;
}
.sim-white-price p:last-child {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}
.buy-sim-white__form .select-method-fix {
  flex: 1 1;
}
.buy-sim-white__form .select-method__list-fix {
  display: flex;
  margin: 12px 0 0;
  overflow-x: auto;
  padding: 0 0 5px;
}
.buy-sim-white__form .select-method__item-fix {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 12px;
  flex-basis: calc(50% - 15px);
  flex-grow: 0;
  flex-shrink: 0;
  height: 131px;
  margin: 0 30px 0 0;
  overflow: hidden;
  padding: 16px;
  position: relative;
  width: 369px;
  z-index: 1;
}
.buy-sim-white__form .select-method__item-fix.active {
  border: 1px solid #e03;
}
.buy-sim-white__form .radio-custom1 {
  padding-left: 36px;
}
.buy-sim-white__form .radio-custom1 .checkmark {
  border: 2px solid #e03;
  height: 24px;
  width: 24px;
}
.buy-sim-white__form .radio-custom1 input:checked ~ .checkmark:after {
  background-color: #e03;
  height: 14px;
  width: 14px;
}
.buy-sim-white__form .radio-payment__name {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.buy-sim-white__form .radio-payment__number {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 24px;
  letter-spacing: 0;
  line-height: 20px;
  margin: 2px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.buy-sim-white__form .radio-payment__info {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 5px 0 0;
}
.buy-sim-white__form .select-method__item-fix:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABjCAIAAAAXe7kLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAe8SURBVHhe7dxrcxM5EIXh/f//kmAvIdwckhDu2QdaSdlWt8iKysIGnQ8pND3SSEeambflKf66WZrV8m5ej8279+/ft391+vTp08ePH1uh04cPH5zQCoe6vr4+Pz/vo827qhoJqdwKnd69e/f58+dWOJSKl5eXX79+beVDvXnz5uLiohUOZYRnZ2fVOP/+rrTZly9fPnny5Pnz5628py9fvjx9+vTk5CQ1V2dU3G63TmuHbuV8IRVfvHjRDt2qeTeYENZUgyTuVN4J6W7fm5Cu7Ha7VjjU69ev9fXq6qqVD8W4Z8+etcKhtKli6p1OCulPug60GdHeWUeEqPTugVTZOha7jbBasI5X8+Fy7oMq6q6sbiDTbD6quRQ1nf1Y1rtiXsu7eS3v5rW8m9fybl7Lux/Lizulwof1rsIF8sqvoo6/ffu2wnUUAhpa4VAQBB6nNKo1ELfZbJBKO7QndAKAndB3yflCpOV26FbNu0HmAJtfvXrVCp2EqrrGjzZTCxhnGBXionwsKg1q5T25lmGIpgsBFQuxoJX3pLVvgJshLgUbUz8WA4wQHSHevdbdYPmMV1a1QNQyzopFzVbKomQVmA9Ko2bLfKSm89psqZh2yZoSUrdv1vlci2g7dKv/3/OO71XKMRZfqucAmZVqHXhKeA700fWumNfybl7Lu3kt7+a1vJvXY/Nu8CbFbt6YrXAo71AsUoEq6En3sZt31euZhAa7yq5XdddxlNsKnbBYtR1thGA1pV9tnp6eQq20w7F1ntLv1dVVQHUKlapUyM04Idput0ds1LxLM5WQ7hpnK3QSSjGVzGT6CwCZDB3lQisfSnexaLrnzlYVKV1BVodQuueun1ExzZEir3DRfh3c5RWiR2P5Zfcsa9KVFarWspmXA8g60ikxi3xP59L5aqmbRs2lpZcuET2xzBnXR9e7Yl7Lu3kt7+a1vJvX8m5ey7t5Pax3cxtteGKALygELqQt4wkUUrGqijAlpR/ABETU7dHH+bARiva82byr0hFSuUplCMpX44wd14qc9TVNAAj6q5hmHXpSJQAUe+79Bi/pTFRM2VgVIep9YHdUpH/NxgafIn6osoaE9LgVOnGhSvUsHFOdtqz3xildSaPWI4hNs66YSNHUu9hzl130zcaPJ9TnSH/Q8459btv+riRPAAs5DXGTs+ayvGeXJrS8m9fybl7Lu3kt7+a1vGsabIBjqZR/f9a7lLNCupLuJoYQQ4XccAETVOkB4EoZjSAIjvW3lfekM5vNRjRlVRQSANzb53wh6rejm3eDzMEYqgSAgGiFuNzR3RSaSJZTWRB5RQXkILZqVj9VTLfyGfoNcE9O2NQO7eluz72fMHlFVKQjZ++17qrx/1CDioNUN0i1OsEAqtkS4nuarglJSLiTrhIHOZ4uWFPINRX7VO8Pet6ZjLlF4GHHwb7uelfMa3k3r+XdvJZ381rezes39a4CY/K+6wk25DjOqKLelRcXFyn6gB40nm6aag2HAuOeN5t34/Sg+uiGZA5VX3GWq1ZYoDfVlz7BsdWeMzAWTTuszTQBIJ0Uqpq9+869J0eGRkXXPfK9eVeBKOllSpshC6RyRy8BZxVleuVOVKymRGIwSEhAbBrVDQaJpmNht9B2u+0vepdXOOFoLI/teVc5TkZe3V5CUos06mAkJH1uvt4V81rezWt5N6/l3byWd/Na3jV5QVc45Xj6+v5Z76rrhSomoOvr62oLc0AMhJxBdXpdGIFgU5IHsCAOwaUZiwYBcPplOde0KQr02qFbNe8Gg4z0oBU6IdXBnjukrFpGqtVWfuBolcxALdHUO3mVUJVXCFHa7F1e0ZNz7BtT3+y91t14cVVSK/15KSRaNWucbK1MN7wq23VcxT7xDMWPRGmzFiz7qoQEG4v2WdB63s1reTev5d28lnfzWt7Na3k3r8fmXcU9BG4qZoKoQLWCG0go2qcW9/IuzUhCyKgCMbUgVbUjjWMr+pVUQKp0g5dQPjxOLxrpQYrczo+t8zEb9yPVjahYsvFgumgQNZNV1DSmWU5ot9tV3sXvFdUqMM7+05DQIK/gHccp/R7l9PRUxXRKeBeh/iOgh71nBz+DjDX4nYyqZq2awe9kfKnSRyEVq5VuFkX7RbDeFfNa3s1reTev5d28lnfzWt7dSz270C/zDoUMkLvCBbq8vKzAEEwgtfRTDViD/qBf6oLLqdjvqpNOIkp43F+0eTdm4wqLCMRXLKaXOtQKnfBtT5uhwNHKPiFKLQg2Ti/KgqiYOqszEe1HiqUjpPF26Fa/bN3pZTr+0GCz3uKiVjiU40bYfzhCFoeposp0mYP11UdV5Kxof9H1vGsyW4O5TEPLu3kt7+a1vJvX8m5ey7t5PTbvBjuG3pWDbcEBM6GT3W7Xk3zzboD4NIhqt7qkYVQgRkLVSFyuAjE6//7f66Qe4QwJQMV3gbgpOcZm/WazaeU9QfTYc++38pt3VUdDg8mE6VVd3U2HEQKi1SdCPIWjVbMwldJEyHwYZJqxRV6hYrrnzjvRdCs/khwqvfvvNZiPsdxcg1tv0KyKqXEUt0g1W9YHc/voelfMa3k3r+XdvJZ381rezWt5N6/f1LsBjSO7FO4IauCJqi4qrhgFvgw+VEapZ2dnx83e3PwDgDLM34ua/GEAAAAASUVORK5CYII=)
    right 0 no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 105px;
}
.content-sim-white .sidebar-right {
  background-color: #fff;
  border-radius: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 16px 16px 24px;
}
.content-sim-white .order-buy__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.content-sim-white .order-buy__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.content-sim-white .order-buy__item {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.content-sim-white .order-buy__name {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
}
.content-sim-white .order-buy__value {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  max-width: 50%;
  text-align: right;
}
.content-sim-white .order-buy-total__name {
  font-size: 18px;
}
.content-sim-white .order-buy-total__name,
.content-sim-white .order-buy-total__value {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}
.content-sim-white .order-buy-total__value {
  font-size: 24px;
}
.content-sim-white .order-buy__btn {
  margin-top: 16px;
}
.content-sim-white .order-buy__btn .button.button--primary {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.1%;
  line-height: 24px;
}
.content-sim-white .payment-dieu-khoan {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 16px;
}
.content-sim-white .payment-dieu-khoan span {
  text-decoration-offset: 0;
  color: #e03;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0;
}
.content-sim-white .radio-payment__link {
  border-bottom: 1px solid #e03;
  color: #e03;
  display: inline-block;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 2px 0 5px;
  text-align: left;
}
.content-sim-white .radio-payment__link:hover {
  color: #e03;
}
.sim-white-payment-wap {
  display: none;
}
.select-method__list-fix .slick-track {
  display: flex;
  gap: 16px;
  width: 100% !important;
}
.select-method__list-fix .slick-track > div {
  flex: 0 0 369px;
  max-width: 369px;
}
.select-method__list-fix .slick-dots {
  display: none !important;
}
.content-sim-white .order-common__top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.content-sim-white .change-address {
  text-decoration-offset: 0;
  color: #e03;
  cursor: pointer;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0;
}
@media only screen and (max-width: 780px) {
  .content-sim-white .pathway {
    padding: 15px 16px 10px;
  }
  .content-sim-white .bundled-pack__title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .content-sim-white .order-common__title {
    color: #171717;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
  }
  .content-sim-white .main-full {
    flex-direction: column;
    margin-top: 10px;
    padding: 0 16px;
  }
  .content-sim-white .main-left {
    width: 100%;
  }
  .content-sim-white .sidebar-right {
    flex: initial;
    margin-bottom: 180px;
    margin-left: 16px;
    padding: 8px 12px;
    width: 100%;
  }
  .content-sim-white .order-buy__list {
    gap: 12px;
  }
  .content-sim-white .order-buy__name {
    font-size: 14px;
    line-height: 20px;
  }
  .content-sim-white .order-buy__value {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  .content-sim-white .order-buy-total__name {
    font-size: 16px;
    line-height: 24px;
  }
  .content-sim-white .order-buy-total__name2 {
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
  }
  .content-sim-white .order-buy-total__value {
    font-size: 22px;
    line-height: 34px;
  }
  .form-customize-sim-white .form-control {
    color: #282828 !important;
    font-size: 16px;
    height: 60px;
    line-height: 24px;
    vertical-align: middle;
  }
  .content-sim-white .delete-text {
    font-size: 24px;
    top: 14px;
  }
  .form-customize-sim-white .floating-label {
    color: #737373;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    top: 26px;
    vertical-align: middle;
  }
  .form-customize-sim-white .select-option-sim i.icon-arrow-down {
    color: #404040;
    font-size: 24px;
    top: 20px;
  }
  .content-sim-white .form-2column.unset-wap {
    flex-direction: column;
  }
  .sim-white-price {
    height: 64px;
  }
  .sim-white-price p:first-child,
  .sim-white-price p:last-child {
    font-size: 16px;
    line-height: 24px;
  }
  .sim-white-price p:last-child {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
  }
  .content-sim-white .order-common__title .select-method__link-fix {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
  .buy-sim-white__form .select-method__item-fix {
    flex: 0 0 222px;
    height: 82px;
    margin: 0 16px 0 0;
    width: 222px;
  }
  .buy-sim-white__form .radio-custom1 .checkmark,
  .buy-sim-white__form .radio-custom1:last-child:hover .checkmark {
    border: 1.5px solid #e03;
    height: 18px;
    width: 18px;
  }
  .buy-sim-white__form .radio-custom1 input:checked ~ .checkmark:after {
    height: 10px;
    width: 10px;
  }
  .buy-sim-white__form .radio-custom1 {
    padding-left: 22px;
  }
  .buy-sim-white__form .radio-payment__name {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
  }
  .order-buy__btn,
  .payment-dieu-khoan {
    display: none;
  }
  .sim-white-payment-wap {
    background-color: #fff;
    bottom: 0;
    display: block;
    padding: 15px 16px 32px;
    position: fixed;
    width: 100%;
    z-index: 10;
  }
  .sim-white-payment-wap .button {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 12px;
    width: 100% !important;
  }
  .select-method__list-fix .slick-slider {
    max-width: 100%;
    overflow: hidden;
  }
  .select-method__list-fix .slick-track {
    max-width: 100%;
  }
  .select-method__list-fix .slick-track > div {
    flex: 0 0 222px;
    max-width: 222px;
  }
  .select-method__list-fix .slick-dots {
    display: flex !important;
    gap: 12px;
    justify-content: center;
  }
  .select-method__list-fix .slick-dots li {
    font-size: 0;
  }
  .select-method__list-fix .slick-dots li button {
    background-color: #e9e9e9;
    border: initial;
    border-radius: 100%;
    height: 8px;
    width: 8px;
  }
  .select-method__list-fix .slick-dots li.slick-active button {
    background-color: #f3052c;
    height: 8px;
    width: 8px;
  }
  .error-message-sim-white {
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
  }
}
@font-face {
  font-family: iconfont;
  font-style: normal;
  font-weight: 400;
  src: url(/vx/static/media/iconfont.f97ead47c4d29cf9ac40.eot);
  src: url(/vx/static/media/iconfont.f97ead47c4d29cf9ac40.eot)
      format("embedded-opentype"),
    url(/vx/static/media/iconfont.196a90bdb864fed2905f.woff2) format("woff2"),
    url(/vx/static/media/iconfont.35ae872602bbfa2bf400.woff) format("woff"),
    url(/vx/static/media/iconfont.110587c3179004fcb74b.ttf) format("truetype");
}
[class*=" fs-"]:before,
[class^="fs-"]:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: iconfont;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  vertical-align: middle;
}
header.header--switch-network {
  background: #dfdfdf;
  height: 75px;
}
.header--container {
  grid-gap: 200px;
  align-items: center;
  display: grid;
  gap: 200px;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  height: 100%;
}
.container.header--container:after {
  content: none;
}
.header--container h1 {
  line-height: 0;
  margin-bottom: 0;
}
ul.net-switch__header-list-item {
  display: none;
  gap: 15px;
  grid-template-columns: repeat(5, -webkit-max-content);
  grid-template-columns: repeat(5, max-content);
  list-style: none;
  margin-bottom: 0 !important;
}
ul.net-switch__header-list-item li a {
  background-color: initial;
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  letter-spacing: 0.1px;
  line-height: 24px;
  text-decoration: none;
}
ul.net-switch__header-list-item__mobile {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-rows: repeat(5, -webkit-max-content);
  grid-template-rows: repeat(5, max-content);
}
ul.net-switch__header-list-item__mobile li {
  line-height: 1.15;
}
ul.net-switch__header-list-item__mobile li a {
  background-color: initial;
  color: #576c8a;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.off-canvas {
  display: block;
  position: relative;
}
.menu-icon {
  align-items: end;
  display: flex;
  height: 26px;
  width: 28px;
}
.menu-icon img {
  cursor: pointer;
  height: 20px;
  width: 21px;
}
.off-canvas--menu {
  background: #00000080;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100vw;
  z-index: -1;
}
.off-canvas--menu.show {
  display: block;
  opacity: 1;
  z-index: 10;
}
.off-canvas--menu-content {
  background: #fff;
  height: 100%;
  padding: 40px 25px;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out 0.2s;
  width: 85%;
}
.off-canvas--menu.show .off-canvas--menu-content {
  transform: translateX(0);
}
ul.net-switch__header-list-item li.active a,
ul.net-switch__header-list-item__mobile li.active a {
  color: #e03;
}
.fs-sp-menu:before {
  content: "\ea30";
}
.off-canvas-toggle {
  background: none;
  border: none;
  border-radius: 3px;
  color: #000;
  display: block !important;
  font-size: 20px;
  padding: 3px 0;
  width: 28px;
  z-index: 10;
}
.off-canvas-toggle i {
  cursor: pointer;
  display: block;
  height: 28px;
}
.header--switch-network .header--container {
  margin: 0 auto;
  width: 1140px;
}
.header--switch-network .header--container:after {
  content: none;
}
@media screen and (max-width: 1440px) {
  .container.header--container {
    display: flex;
    gap: 30px;
    justify-content: space-between;
  }
  ul.net-switch__header-list-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 1300px) {
  .header--switch-network .header--container {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin: 0 20px;
    width: auto;
  }
  .header--switch-network .header--container h1 {
    margin-right: 77px;
  }
}
@media (max-width: 768px) {
  .header--switch-network .header--container {
    display: flex;
    gap: 30px;
    justify-content: inherit;
    margin: 0 20px;
    width: auto;
  }
}
@media screen and (max-width: 1300px) {
  .container.header--container {
    margin: 0 20px !important;
    width: calc(100% - 40px) !important;
  }
}
@media screen and (max-width: 1000px) {
  .container.header--container {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1040px) {
  ul.net-switch__header-list-item {
    grid-gap: 30px;
    display: grid;
    gap: 30px;
  }
  .off-canvas {
    display: none;
  }
}
.select-box-sim {
  position: relative;
  width: 100%;
}
.select-option-sim {
  display: flex;
  position: relative;
}
.select-box-sim .select-option-sim {
  align-items: center;
  background: #fff;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 400;
  justify-content: space-between;
}
.select-option-sim input {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #2c2f31;
  cursor: pointer;
  font-family: Roboto;
  font-size: 22px;
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  line-height: 18px;
  padding: 22px 30px 0 15px;
  padding-top: 16px;
  width: 100%;
}
.select-option-sim i {
  background: #fff;
  color: #000;
  font-size: 25px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: 0.3s;
}
.search-sim {
  border: 1px #58b84f;
  position: relative;
}
.search-sim i {
  color: #c0bdbd;
  font-size: 25px;
  left: 294px;
  position: absolute;
  top: 8px;
}
.search-sim input {
  border: 1px solid #58b84f;
  border-radius: 8px 8px 8px 0;
  font-size: 17px;
  height: 40px;
  outline: 0;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-top: 10px;
  width: 326px;
}
.option-list-component {
  z-index: 20;
}
.options-sim {
  margin-top: 10px;
  max-height: 250px;
  overflow-y: auto;
  padding-right: 12px;
}
.options-sim li {
  color: #2c2f31;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  padding: 12px;
}
.options-sim li:hover {
  background-color: #fee5eb;
  border: 1px solid #e03;
  border-radius: 5px 5px 5px 0;
  color: #e03;
}
.select-option-address {
  background-color: #fff !important;
  border-radius: 8px;
  box-shadow: 0 10px 32px 0 #00000026;
  padding: 20px 16px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.select-option-address .option-list-component {
  border: initial;
  position: relative;
}
.select-option-address .select-option {
  position: relative;
  width: 100%;
}
.select-option-address .select-option .search_address_input_form {
  angle: 0 deg;
  border: 1px solid #eee;
  border-radius: 8px;
  height: 48px;
  opacity: 1;
  padding: 12px 70px 12px 12px;
  width: 100%;
}
.select-option-address .select-option .delete-text {
  right: 25px;
}
.select-option-address .select-option .search_address_input_form:focus,
.select-option-address .select-option .search_address_input_form:hover {
  border: 1px solid #58b84f;
}
.select-option-address .select-option .search_address_input_form::placeholder {
  leading-trim: NONE;
  color: #c4c4c4 !important;
  font-family: Roboto, sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  line-height: 28px !important;
  vertical-align: middle;
}
.select-option-address .select-option .search-icon {
  position: absolute;
  right: 12px;
  top: 12px;
}
.select-option-address .option-list-component {
  margin-top: 10px;
  max-height: 388px;
  overflow: auto;
  padding: 0 0 10px;
}
.select-option-address .option-list-component .options-addresss {
  display: flex;
  flex-direction: column;
}
.select-option-address
  .option-list-component
  .options-addresss
  .option-address-text {
  leading-trim: CAP_HEIGHT;
  color: #282828;
  cursor: pointer;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-style: Bbook;
  font-weight: 500;
  letter-spacing: -0.1%;
  line-height: 32px;
  padding: 8px 16px;
  vertical-align: middle;
}
.select-option-address
  .option-list-component
  .options-addresss
  .option-address-text:hover {
  background-color: #fff2f2;
  border-radius: 12px 12px 12px 0;
  color: #ef0032;
}
@media only screen and (max-width: 780px) {
  .select-box-sim,
  .select-box-sim .select-option-sim {
    width: 100%;
  }
  .select-option-sim input {
    padding-right: 6px;
  }
  .model-container {
    background-color: #000000b3;
    bottom: 0;
    box-sizing: border-box;
    color: #252525;
    font-size: 14px;
    height: 100%;
    left: 0;
    line-height: 1.15;
    overflow: auto;
    padding: 25px 16px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1001;
  }
  .model-container > .select-option-sim-modal {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    bottom: 0;
    height: 400px;
    left: 0;
    padding: 16px;
    position: fixed;
    width: 100%;
  }
  .select-option-sim-header {
    display: inline-flex;
    text-align: center;
    width: 100%;
  }
  .select-option-sim-header .title_header-sim {
    color: #2c2f31;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
  }
  .select-option-sim-modal > .select-option-sim {
    border-radius: 5px 5px 5px 0;
    font-size: 17px;
    height: 45px;
    margin-bottom: 16px;
    outline: 0;
    position: relative;
    width: 100%;
  }
  .select-option-sim-modal > .select-option-sim input {
    border: 1px solid #b3b3b3;
    border-radius: 5px 5px 5px 0;
    font-size: 17px;
    height: 45px;
    outline: 0;
    padding: 10px 0 10px 48px;
    width: 100%;
  }
  .option-list-component {
    background-color: #fff;
    position: relative;
    width: 100%;
    z-index: 20;
  }
  .option-list {
    margin-top: 10px;
    max-height: 250px;
    overflow-y: auto;
    padding-right: 10px;
  }
  .option-list::-webkit-scrollbar {
    display: block;
  }
  .select-option-sim {
    position: relative;
  }
  .select-option-sim i {
    right: 12px;
    top: 12px;
  }
  .select-option-sim-modal .select-option-sim i {
    color: #2c2f31;
    font-size: 25px;
  }
  .select-option-sim-modal .select-option-sim i,
  .select-option-sim > span {
    left: 12px;
    position: absolute;
    right: auto;
    top: 12px;
  }
  .select-option-sim span i {
    font-size: 24px;
  }
  .option-sim-text {
    color: #2c2f31;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 15px;
    text-align: left;
  }
  .option-sim-text:hover {
    background-color: #fee5eb;
    border: 1px solid #e03;
    border-radius: 5px 5px 5px 0;
    color: #e03;
  }
}
.select-option-sim i {
  color: #c0bdbd;
}
.change-pay-method {
  background: #0000;
  margin-bottom: 41px;
}
.change-pay-method-container {
  margin: 0 auto;
  max-width: 814px;
}
.change-pay-method-title {
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 32px;
  margin-bottom: 32px;
  text-align: center;
}
.default_payment-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 8px;
  text-align: center;
}
.default_payment-header > span {
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  line-height: 24px;
}
.default_payment-edit,
.default_payment-header > span {
  font-weight: 700;
  letter-spacing: -0.001em;
  text-align: left;
}
.default_payment-edit {
  align-items: center;
  background: #0000;
  border: none;
  color: #e03;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-family: Sarabun, sans-serif;
  font-size: 16px;
  line-height: 20px;
  outline: none;
}
.default_payment-edit > i {
  font-size: 20px;
}
.default_payment-method {
  margin-bottom: 20px !important;
}
.default_payment-method-changed {
  margin-bottom: 10px !important;
}
.default_payment-item {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-bottom: 12px;
}
.default_payment-item-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
}
.default_payment-item-selected {
  border-color: #e03;
}
.default_payment-item-img {
  padding: 21px 12px;
}
.default_payment-item-img img {
  height: 50px;
  object-fit: contain;
  width: 50px;
}
.default_payment-item-action > .phone_selector_checkbox_input_container {
  position: absolute;
  right: 16px;
  top: 14px;
}
.default_payment-item-info {
  padding: 10px 0;
}
.default_payment-name {
  align-items: flex-end;
  display: flex;
}
.default_payment-name > h5 {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
.default_payment-name-hint-text {
  font-size: 12px;
  line-height: 16px;
  margin-left: 4px;
}
.default_payment-discount > span,
.default_payment-name-hint-text {
  color: #737373;
  font-family: Sarabun, sans-serif;
  font-style: italic;
  font-weight: 400;
  text-align: left;
}
.default_payment-discount > span {
  font-size: 14px;
  line-height: 20px;
}
.default_payment-promotion {
  margin-top: 4px;
}
.default_payment-promotion > span {
  color: #e03;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.hidden {
  display: none !important;
}
.order-payment__btn {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 32px;
}
.order-payment__btn a {
  white-space: nowrap;
}
.order-payment__btn .button {
  padding: 10px 45px;
}
.saved-card-container {
  border-top: 1px dashed #f5f5f5;
  margin: 0 16px;
  overflow: hidden;
  padding: 0 0 12px;
}
.add-new-card {
  padding-left: 56px;
  padding-top: 12px;
}
.add-new-card > span {
  color: #737373;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.add-new-card-container {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  width: auto;
}
.icon-add-container {
  border: 1px solid #b6b6b6;
  border-radius: 50%;
  height: 16.67px;
  margin-right: 8px;
  text-align: center;
  width: 16.67px;
}
.add-new-card i {
  color: #b6b6b6;
}
.saved-card-list {
  left: 56px;
  position: relative;
  width: calc(100% - 56px);
}
.saved-card-item-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.saved-card-item-content {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.saved-card-item {
  padding-top: 12px;
}
.saved-card-item,
.v2-saved-card-item {
  color: #282828;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.v2-saved-card-item {
  padding-top: 5px;
}
.saved-card-sepertor {
  border: 1px solid #f5f5f5;
  margin-top: 12px;
  width: 100%;
}
.saved-card-status {
  color: #d11313;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 8px;
  text-align: left;
}
.saved-card-delete {
  position: absolute;
  right: 0;
  top: 9px;
}
.saved-card-delete i {
  color: #b6b6b6;
  cursor: pointer;
  font-size: 20px;
}
.edit-default-title {
  color: #171717;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 20px;
  text-align: left;
}
.button--disabled {
  background-color: #e4e4e4 !important;
  border-color: #e4e4e4 !important;
  color: #727272 !important;
}
.default_payment-success {
  color: #e03;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  margin: 8px 0;
  text-align: left;
}
.total-order-amount {
  background: #fff;
  border-radius: 8px;
}
.total-order-amount-container {
  margin-top: 35px;
  padding: 8px 30px 16px;
}
.total-order-title {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
}
.total-order-content {
  padding-top: 10px;
}
.total-order-content-wrapper,
.total-order-final {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.total-order-content-wrapper {
  padding-bottom: 10px;
}
.total-order-content-text {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.total-order-content-value {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 19.6px;
  text-align: right;
}
.total-order-seperator {
  border: 1px solid #eee;
  color: #fff;
  width: 100%;
}
.total-order-final {
  padding-top: 14px;
}
.total-order-final-text {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.total-order-final-value {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: right;
}
.order-confirmation-text {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 30px 0 0 19px;
  text-align: left;
}
.order-confirmation-text a {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
}
.default_payment-see-more {
  padding: 10px 10px 0;
}
.default_payment-see-more img {
  cursor: pointer;
  transition: transform 0.3s;
}
.saved-card-check {
  position: absolute;
  right: 35px;
  top: 9px;
}
.saved-card-check i {
  color: #e03;
  font-size: 10px;
}
.set-default-title {
  margin-top: 15px;
}
.set-default-title-container {
  align-items: center;
  background: #000000b2;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  padding: 8px;
  position: relative;
}
.set-default-success-icon {
  margin-right: 8px;
}
.set-default-success-icon img {
  height: 24px;
  width: 24px;
}
.set-default-success-text {
  margin-right: 8px;
}
.set-default-success-text > span {
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
.set-default-success-close {
  position: absolute;
  right: 8px;
  top: 8px;
}
.set-default-success-close i {
  color: #eee;
  font-size: 24px;
}
.phone_selector_checkbox_input_container {
  margin: 0;
  position: relative;
}
.phone_selector_checkbox_input_container input[type="checkbox"] {
  cursor: pointer;
  height: 0;
  opacity: 0;
  width: 0;
}
.phone_selector_checkbox_input_mark {
  border: 2.5px solid #d4d4d4;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: absolute;
  right: 0;
  width: 24px;
}
.phone_selector_checkbox_input_container
  input[type="checkbox"]:checked
  ~ .phone_selector_checkbox_input_mark {
  border: 2.5px solid #e03;
}
.phone_selector_checkbox_input_container
  input[type="checkbox"]:checked
  ~ .phone_selector_checkbox_input_mark:after {
  background: #e03;
  border-radius: 100%;
  content: "";
  height: 14px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 14px;
}
.modal-close i {
  color: #282828 !important;
}
.button--normal {
  border-color: #000;
  color: #2c2f31;
}
.modal-data__icon {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .modal-data__btn .button {
    width: 360px !important;
  }
  .saved-card-delete {
    top: 0;
  }
}
@media (max-width: 576px) {
  .change-pay-method-title {
    color: #171717;
    font-family: FS PFBeauSansPro;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 26px;
    text-align: center;
  }
  .change-pay-method-container {
    margin-top: 24px;
  }
  .default_payment-header > span {
    color: #171717;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
  }
  .default_payment-item-img {
    padding: 15px 12px;
  }
  .default_payment-item-info {
    padding: 8px 0;
  }
  .default_payment-name > h5 {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
  }
  .default_payment-name-hint-text {
    font-size: 10px;
    line-height: 16px;
  }
  .default_payment-discount > span,
  .default_payment-name-hint-text {
    color: #737373;
    font-family: Sarabun, sans-serif;
    font-style: italic;
    font-weight: 500;
    text-align: left;
  }
  .default_payment-discount > span {
    font-size: 12px;
    line-height: 18px;
  }
  .default_payment-promotion > span {
    color: #e03;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
  }
  .default_payment-item-action > .phone_selector_checkbox_input_container {
    right: 13px;
    top: 15px;
  }
  .saved-card-check {
    right: 48px;
  }
  .order-payment__btn {
    margin-top: 24px;
  }
  .default_payment-edit {
    color: #e03;
    font-family: FS PFBeauSansPro;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
  }
  .edit-default-title {
    color: #737373;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
  }
  .default_payment-header-mobile {
    justify-content: center;
  }
  .order-payment__btn .button {
    padding: 10px 50px;
    width: 50% !important;
  }
  .button--normal {
    color: #171717 !important;
  }
  .phone_selector_checkbox_input_mark {
    height: 22px;
    width: 22px;
  }
  .phone_selector_checkbox_input_container
    input[type="checkbox"]:checked
    ~ .phone_selector_checkbox_input_mark:after {
    height: 10.67px;
    left: 3px;
    top: 3px;
    width: 10.67px;
  }
}
.text_content {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-style: italic;
  max-width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100vw - 120px);
}
.modal-popup-register-error {
  align-items: center;
  background-color: #000000b3;
  bottom: 0;
  box-sizing: border-box;
  color: #252525;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  height: 100%;
  left: 0;
  line-height: 1.15;
  overflow: auto;
  padding: 25px 16px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.modal-header {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: flex-end;
}
.modal-close {
  position: absolute;
  top: 16px;
}
.modal-close i {
  color: #282828;
  font-size: 24px;
  margin-right: 16px;
  margin-top: 16px;
}
.add-to-cart {
  text-transform: uppercase;
  width: 416px;
}
.payment-field .modal-popup-register-error .modal-register-error-title {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 0;
  padding-top: 32px;
  text-align: center;
}
.modal-popup-register-error .modal-regiser-error-content {
  background-color: #fafafa;
  border-radius: 16px;
  box-shadow: none;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 592px;
}
.payment-field .modal-btn-confirm {
  display: flex;
  justify-content: center;
  margin: 20px 0 32px;
}
.modal-btn-confirm button.button.button--confirm {
  background-color: #fff;
  border: 1.5px solid #e03;
  border-radius: 50px;
  color: red;
  display: flex;
  justify-content: center;
  padding: 20px 32px;
  text-transform: uppercase;
}
.modal-btn-confirm button.button.button--confirm,
.modal-btn-confirm button.button.button--confirm span {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.001em;
  line-height: 24px;
  text-align: right;
}
.modal-popup-register-error div#aligner span {
  display: none;
}
@media (max-width: 991px) {
  .modal-popup-register-error .modal-btn-confirm .button {
    width: auto !important;
  }
  .payment-field .modal-popup-register-error .modal-register-error-title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px;
    padding-top: 0;
  }
  .modal-popup-register-error .modal-regiser-error-content {
    max-width: 592px !important;
    top: 50%;
    width: 592px !important;
  }
  .modal-popup-register-error .modal-image-data {
    height: 600px;
    width: 100%;
  }
  .modal-popup-register-error .modal-btn-confirm button.button.button--confirm {
    align-items: center;
    display: flex;
    height: 51px;
    justify-content: center;
    padding: 0 !important;
    width: 109px !important;
  }
  .modal-popup-register-error .modal-btn-confirm .link-otp {
    font-size: 14px;
    line-height: 20px;
  }
}
.payment-field .modal-register-error-description {
  color: #282828;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 !important;
  padding: 20px 48px 0;
  text-align: center;
}
.modal-popup-register-success {
  background: #5b5b5bb8;
  font-family: FS PFBeauSansPro, sans-serif;
  height: 100%;
  line-height: 1.15;
  object-fit: cover;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 13;
}
.modal-register-success-content {
  background-color: #fafafa;
  border-radius: 16px;
  box-shadow: none;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 592px;
}
.modal-register-success-body {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  overflow: scroll;
}
.modal-register-success-title {
  color: #2c2f31;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 32px;
  padding-top: 32px;
  text-align: center;
}
.modal-register-success-description {
  color: #171717;
  font-family: Sarabun, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0 48px;
  padding-top: 4px;
  text-align: center;
}
.modal-register-success-description a {
  color: #e03;
  text-decoration: none;
}
.modal-register-success-info {
  padding: 16px 48px;
}
.modal-register-success-info > div {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-family: Sarabun, sans-serif;
  font-size: 18px;
  font-weight: 400;
  justify-content: center;
  line-height: 28px;
  text-align: left;
}
.modal-register-success-content-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 24px;
}
.modal-register-success-info-key {
  color: #737373;
  min-width: 180px;
}
.modal-register-success-info-value {
  color: #171717;
  text-align: right;
}
.modal-register-success-info-value-topping {
  height: 56px;
  width: 173.36px;
}
.modal-register-success-info-value-ship-address,
.modal-register-success-info-value-topping {
  word-wrap: break-word;
  color: #171717;
  text-align: right;
}
.modal-register-success-note {
  color: #525252;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}
.modal-register-success-contact,
.modal-register-success-note {
  font-family: Sarabun, sans-serif;
  font-weight: 400;
  padding-top: 16px;
  text-align: center;
}
.modal-register-success-contact {
  color: #171717;
  font-size: 16px;
  line-height: 24px;
}
.modal-register-success-warn {
  color: #e03;
  font-family: Sarabun, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 28px;
  margin: 16px 48px 0;
  text-align: center;
}
@media (max-width: 576px) {
  .modal-btn-confirm a {
    font-size: 14px !important;
  }
  .modal-popup-register-error .modal-regiser-error-content {
    border-radius: 8px;
    left: auto;
    margin: auto 0;
    max-width: 100% !important;
    position: relative;
    top: auto;
    transform: none;
    width: 100% !important;
  }
  .modal-register-error-img {
    margin-bottom: 24px;
  }
  .modal-register-error-img img {
    height: 64px;
    width: 64px;
  }
  .payment-field .modal-popup-register-error .modal-register-error-title {
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.001em;
    line-height: 26px;
    margin-bottom: 8px;
    padding-top: 0;
    text-align: center;
    text-transform: none;
  }
  .payment-field .modal-register-error-description {
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px;
    text-align: center;
  }
  .modal-header {
    padding: 10px 0 0;
  }
  .modal-btn-confirm {
    margin: auto auto 24px;
  }
  .modal-btn-confirm > .add-to-cart {
    margin: 0 16px 32px;
  }
  .modal-btn-confirm .button--confirm {
    color: #e03 !important;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: -0.001em !important;
    line-height: 20px !important;
    margin: auto;
    padding: 20px 32px !important;
    text-align: right !important;
  }
  .modal-register-success-content {
    width: calc(100% - 32px);
  }
  .modal-register-success-content > .modal-register-success-body {
    padding: 0 16px;
  }
  .modal-register-success-info {
    margin: 16px 0;
    padding: 8px 0;
  }
  .modal-register-success-title {
    color: #171717;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.001em;
    line-height: 26px;
    padding-top: 0 !important;
    text-align: center;
  }
  .modal-register-success-img > img {
    margin-bottom: 24px;
    width: 64px;
  }
  .modal-register-success-content-item {
    margin: 8px 16px;
    padding: 0;
  }
  .modal-register-success-info-key {
    color: #737373;
    min-width: 140px;
    text-align: left;
  }
  .modal-register-success-info-key,
  .modal-register-success-info-value {
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .modal-register-success-info-value {
    color: #171717;
    max-width: 60%;
    text-align: right;
  }
  .modal-register-success-description {
    font-weight: 400;
    margin: 0;
  }
  .modal-register-success-description,
  .modal-register-success-description a {
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }
  .modal-register-success-description a {
    color: #e03;
    font-weight: 700;
    letter-spacing: -0.001em;
    text-decoration: none;
  }
  .modal-register-success-note {
    color: #525252;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
  }
  .modal-register-success-warn {
    color: #e03;
    font-style: italic;
    margin: 0;
    padding-top: 16px;
  }
  .modal-register-success-contact,
  .modal-register-success-warn {
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }
  .modal-register-success-contact {
    margin-bottom: 24px;
  }
  .modal-btn-confirm button.button.button--confirm {
    margin-bottom: 32px !important;
  }
  .modal-popup-register-error .modal-register-error-body {
    padding: 0;
  }
  .payment-field .modal-register-error-description {
    padding: 0 16px;
  }
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 500;
  src: local("FS PFBeauSansPro Bbook"),
    url(/vx/static/media/FS%20PFBeauSansPro-Bbook.16e2e9276b4526d32ad7.otf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 600;
  src: local("FS PFBeauSansPro SemiBold"),
    url(/vx/static/media/FS%20PFBeauSansPro-SemiBold.e1f705bfd0b71c1b960c.otf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: italic;
  font-weight: 600;
  src: local("FS PFBeauSansPro SemiBoldItalic"),
    url(/vx/static/media/FS%20PFBeauSansPro-SemiBoldItalic.19c5923b5b2886113d72.otf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 700;
  src: local("FS PFBeauSansPro Bold"),
    url(/vx/static/media/FS%20PFBeauSansPro-Bold.d66d3b8ba5f813bc82c7.otf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: FS PFBeauSansPro;
  font-style: normal;
  font-weight: 400;
  src: local("FS PFBeauSansPro Regular"),
    url(/vx/static/media/FS%20PFBeauSansPro-Regular.60126b43d300a4b7a12f.otf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local("Roboto-Bold"),
    url(/vx/static/media/Roboto-Bold.f80816a5455d171f948d.ttf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local("Roboto-Regular"),
    url(/vx/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local("Roboto-Medium"),
    url(/vx/static/media/Roboto-Medium.7c8d04cd831df3033c8a.ttf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 400;
  src: local("SF-Pro-Text-RegularItalic"),
    url(/vx/static/media/SF-Pro-Text-Regular.6a39aa208dfcb99af10a.otf);
}
@font-face {
  font-display: swap;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 500;
  src: local("SF-Pro-Text-Medium"),
    url(/vx/static/media/SF-Pro-Text-Medium.d8bb87473fe937958666.otf);
}
.sim-white.modal-popup-register-error.sim-white {
  align-items: center;
  background-color: #000000b3;
  bottom: 0;
  box-sizing: border-box;
  color: #252525;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  height: 100%;
  left: 0;
  line-height: 1.15;
  overflow: auto;
  padding: 25px 15px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.sim-white .modal-header {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}
.sim-white.modal-popup-register-error.sim-white .modal-content {
  max-width: 550px;
}
.sim-white .modal-close i {
  color: #576c8a;
  font-size: 22px;
  margin-right: 16px;
  margin-top: 16px;
}
.sim-white .popup-error .modal__content {
  max-width: 551px;
  width: 100%;
}
.sim-white .delete-text .icon-close {
  left: 0;
  position: relative;
  top: 0;
}
.sim-white .add-to-cart {
  text-transform: uppercase;
  width: 416px;
}
.modal-popup-register-error.sim-white .modal-register-error-title {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
.modal-popup-register-error.sim-white .modal-regiser-error-content {
  background-color: #fafafa;
  border-radius: 16px;
  box-shadow: none;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 592px;
}
.sim-white .modal-btn-confirm {
  display: flex;
  justify-content: center;
  margin: 32px 0 48px;
}
.sim-white .modal-btn-confirm button.button.button--confirm {
  background-color: #fff;
  border: 1.5px solid #e03;
  border-radius: 50px;
  color: red;
  display: flex;
  justify-content: center;
  padding: 20px 32px;
  text-transform: uppercase;
}
.sim-white .modal-btn-confirm button.button.button--confirm,
.sim-white .modal-btn-confirm button.button.button--confirm span {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.001em;
  line-height: 24px;
  text-align: right;
}
.sim-white .modal-popup-register-error.sim-white div#aligner span {
  display: none;
}
@media (max-width: 991px) {
  .modal-popup-register-error.sim-white .modal-btn-confirm .button {
    flex: initial;
    width: 100%;
  }
  .modal-popup-register-error.sim-white .modal-register-error-title {
    line-height: 30px;
    margin: 0 0 15px;
    padding-top: 0;
  }
  .modal-popup-register-error.sim-white .modal-regiser-error-content {
    border-radius: 12px 12px 12px 0;
    max-width: 551px !important;
    top: 6%;
    width: 100% !important;
  }
  .modal-popup-register-error.sim-white .modal-image-data {
    height: 600px;
    width: 100%;
  }
  .modal-popup-register-error.sim-white
    .modal-btn-confirm
    button.button.button--confirm {
    align-items: center;
    display: flex;
    height: 51px;
    justify-content: center;
    padding: 0 !important;
    width: 109px !important;
  }
  .modal-popup-register-error.sim-white .modal-btn-confirm .link-otp {
    font-size: 14px;
    line-height: 20px;
  }
  .modal-popup-register-error.sim-white .modal-register-error-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.sim-white .modal-register-error-description {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 0;
  text-align: center;
}
.sim-white .modal-btn-confirm button {
  width: 360px;
}
.sim-white .modal-popup-register-success {
  background: #5b5b5bb8;
  font-family: FS PFBeauSansPro, sans-serif;
  height: 100%;
  line-height: 1.15;
  object-fit: cover;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 13;
}
.sim-white .modal-register-success-content {
  background-color: #fafafa;
  border-radius: 16px;
  box-shadow: none;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 592px;
}
.sim-white .modal-register-success-body {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  overflow: scroll;
}
.sim-white .modal-register-success-title {
  color: #44494d;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 32px;
  padding-top: 32px;
  text-align: center;
}
.sim-white .modal-register-success-description {
  color: #171717;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0 48px;
  padding-top: 4px;
  text-align: center;
}
.sim-white .modal-register-success-description a {
  color: #e03;
  text-decoration: none;
}
.sim-white .modal-register-success-info {
  padding: 16px 48px;
}
.sim-white .modal-register-success-info > div {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  justify-content: center;
  line-height: 28px;
  text-align: left;
}
.sim-white .modal-register-success-content-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 24px;
}
.sim-white .modal-register-success-info-key {
  color: #737373;
  min-width: 180px;
}
.sim-white .modal-register-success-info-value {
  color: #171717;
  text-align: right;
}
.sim-white .modal-register-success-info-value-topping {
  word-wrap: break-word;
  color: #171717;
  height: 56px;
  text-align: right;
  width: 173.36px;
}
.sim-white .modal-register-success-info-value-ship-address {
  word-wrap: break-word;
  color: #171717;
  text-align: right;
}
.sim-white .modal-register-success-note {
  color: #525252;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  padding-top: 16px;
  text-align: center;
}
.sim-white .modal-register-success-contact {
  color: #171717;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 16px;
  text-align: center;
}
.sim-white .modal-register-success-warn {
  color: #e03;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 28px;
  margin: 16px 48px 0;
  text-align: center;
}
.sim-white .modal-register-error-img > i {
  color: #d11313;
  font-size: 70px;
  margin-bottom: 24px;
}
.sim-white .mess-notify {
  color: #e03;
  font-family: Roboto;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 18px;
  margin: 10px 0;
  text-align: center;
}
.sim-white .btn_modal_success {
  margin-bottom: 20px;
}
@media only screen and (max-width: 48.1875em) {
  .sim-white .notify-success {
    color: #44494d;
    font-style: normal;
    max-width: 100%;
  }
}
.sim-white .notify-success .res-invoice-code {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  margin: 8px 0 2px;
  text-align: center;
}
.sim-white .notify-success .res-invoice-otp {
  align-items: center;
  color: #e03;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 16px;
  text-align: center;
}
.sim-white .close__success {
  position: absolute;
  right: 10px;
}
.sim-white .notify-success .res-data-content {
  align-items: stretch;
  display: flex;
  font-weight: 400;
  margin: 6px 8%;
  text-align: left;
  text-align: initial;
}
.sim-white .res-data-note a {
  color: #e03;
  font-weight: 700;
}
.sim-white .notify-success .label-attrs {
  align-items: center;
  flex-grow: 1;
  font-family: FS PFBeauSansPro;
  font-size: 14px;
  font-weight: 700;
  height: 21px;
  line-height: 21px;
  width: 115px;
}
.sim-white .notify-success .content-attr {
  flex-grow: 9;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  max-width: 140px;
}
.sim-white .notify-success .res-data-note {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 10px 0 15px;
  text-align: center;
}
.sim-white .notify-success .res-data-downtime {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 8px 0;
  text-align: center;
}
.sim-white .notify-success .mess-contact {
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px;
  margin: 15px 0 32px;
  text-align: center;
}
.sim-white .notify-success .button-close a {
  background: #e03;
  border-radius: 8px 8px 8px 0;
  font-family: FS PFBeauSansPro;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 40px;
  line-height: 5px;
  width: 361px !important;
}
.sim-white .i-success {
  color: #03a678 !important;
}
.sim-white .notify-success .inner-input {
  margin: 0 15%;
}
#order-success icon-close,
#order-success modal__close,
.sim-white #order-success .model-close {
  display: none !important;
}
.sim-white .modal__content {
  background-color: #fff;
  border-radius: 14px 14px 14px 0;
  box-shadow: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  position: relative;
}
.sim-white .modal__header {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}
.sim-white .modal__close {
  cursor: pointer;
}
.sim-white .modal__close i {
  color: #576c8a;
  font-size: 22px;
}
.sim-white .modal__body {
  padding: 0 60px 30px;
}
.sim-white .modal-data__title {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
.sim-white .modal-data__images {
  display: flex;
  justify-content: center;
  margin: 15px 0;
}
.sim-white .modal-data__images--warning {
  color: #d11313;
}
.sim-white .modal-data__content .modal-data__images {
  margin: 15px 0;
}
.sim-white .modal-data__des {
  color: #727272;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 0;
  text-align: center;
}
.sim-white .modal-data__images i {
  font-size: 70px;
}
.sim-white .modal-data__btn {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.sim-white .modal-data__btn .button {
  width: 360px;
}
.sim-white .white-popup-block {
  background: #fff;
  border-radius: 6px;
  margin: 0 auto;
  max-width: 100%;
  padding: 15px;
  position: relative;
  width: 773px;
}
.sim-white .msg-success {
  width: 550px;
}
.sim-white .inner-input {
  font-size: 16px;
  line-height: 180%;
  margin: 0 15%;
  position: relative;
}
.sim-white .inner-input p.t-cen {
  margin: 20px 0;
}
.sim-white .notify-success h3 {
  font-family: FS PFBeauSansPro;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  height: 24px;
  line-height: 36px;
  margin: 16px 0 36px;
  text-align: center;
}
@media (max-width: 991px) {
  .sim-white .modal__content {
    border-radius: 6px 6px 6px 0;
    max-width: 100% !important;
    width: 100% !important;
  }
  .sim-white .modal__body {
    padding: 0 0 30px;
  }
  .sim-white .modal-data__title {
    font-size: 20px;
    line-height: 28px;
  }
  .sim-white .modal-data__btn .button {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .sim-white .btn_modal_success {
    margin-bottom: 0;
  }
  .modal-popup-register-error.sim-white .modal-regiser-error-content {
    border-radius: 8px;
    left: auto;
    margin: auto 16px;
    max-width: 100% !important;
    position: relative;
    top: auto;
    transform: none;
    width: 100% !important;
  }
  .sim-white .modal-register-error-img > i {
    color: #e03;
    font-size: 70px;
    margin-bottom: 24px;
  }
  .modal-popup-register-error.sim-white .modal-register-error-title {
    color: #171717;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.001em;
    line-height: 26px;
    margin-bottom: 8px;
    padding-top: 0;
    text-align: center;
    text-transform: none;
  }
  .sim-white .modal-register-error-description {
    color: #171717;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px;
    text-align: center;
  }
  .sim-white .modal-header {
    padding: 10px 0 0;
  }
  .sim-white .modal-btn-confirm {
    margin: auto auto 2px;
  }
  .sim-white .modal-btn-confirm > .add-to-cart {
    margin: 0 16px 32px;
  }
  .sim-white .modal-btn-confirm .button--confirm {
    color: #e03 !important;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: -0.001em !important;
    line-height: 20px !important;
    margin: auto;
    padding: 20px 32px !important;
    text-align: right !important;
  }
  .sim-white .modal-register-success-content {
    width: calc(100% - 32px);
  }
  .sim-white .modal-register-success-content > .modal-register-success-body {
    padding: 0 16px;
  }
  .sim-white .modal-register-success-info {
    margin: 16px 0;
    padding: 8px 0;
  }
  .sim-white .modal-register-success-title {
    color: #171717;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.001em;
    line-height: 26px;
    padding-top: 0 !important;
    text-align: center;
  }
  .sim-white .modal-register-success-img > img {
    margin-bottom: 24px;
    width: 64px;
  }
  .sim-white .modal-register-success-content-item {
    margin: 8px 16px;
    padding: 0;
  }
  .sim-white .modal-register-success-info-key {
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-width: 140px;
    text-align: left;
  }
  .sim-white .modal-register-success-info-value {
    color: #171717;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 60%;
    text-align: right;
  }
  .sim-white .modal-register-success-description {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    text-align: center;
  }
  .sim-white .modal-register-success-description a {
    color: #e03;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.001em;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
  }
  .sim-white .modal-register-success-note {
    color: #525252;
    font-size: 12px;
    line-height: 16px;
  }
  .sim-white .modal-register-success-note,
  .sim-white .modal-register-success-warn {
    font-family: Roboto, sans-serif;
    font-style: italic;
    font-weight: 400;
    text-align: center;
  }
  .sim-white .modal-register-success-warn {
    color: #e03;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding-top: 16px;
  }
  .sim-white .modal-register-success-contact {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px;
    text-align: center;
  }
  .sim-white .modal-btn-confirm button.button.button--confirm {
    margin-bottom: 32px !important;
  }
  .sim-white .modal-popup-register-error.sim-white .modal-register-error-body {
    padding: 0;
  }
  .sim-white .modal-register-error-description {
    padding: 0 16px;
  }
  .sim-white .mess-notify {
    color: #e03;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    line-height: 16px;
    margin: 8px 0;
    text-align: center;
  }
  .modal-popup-register-error.sim-white .modal-data__btn {
    margin: 20px 0 !important;
  }
  .sim-white .notify-success .inner-input {
    margin: 0;
  }
  @media only screen and (max-width: 48.1875em) {
    .sim-white .notify-success {
      color: #44494d;
      font-style: normal;
      max-width: 100%;
    }
  }
  .sim-white .notify-success h3 {
    font-size: 18px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    margin: 8px 0;
    text-align: center;
  }
  .sim-white .notify-success .res-invoice-code {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 8px 0 2px;
    text-align: center;
  }
  .sim-white .notify-success .res-invoice-otp {
    align-items: center;
    color: #e03;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    text-align: center;
  }
  .sim-white .notify-success .res-data-content {
    align-items: stretch;
    display: flex;
    margin: 6px 0;
  }
  .sim-white .notify-success .label-attrs {
    align-items: center;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    height: 21px;
    line-height: 21px;
    width: 115px;
  }
  .sim-white .notify-success .content-attr {
    flex-grow: 9;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    max-width: 140px;
  }
  .sim-white .notify-success .res-data-note {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 10px 0 8px;
    text-align: center;
  }
  .sim-white .notify-success .res-data-downtime {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 8px 0;
    text-align: center;
  }
  .sim-white .notify-success .mess-contact {
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    line-height: 16px;
    margin: 8px 0 32px;
    text-align: center;
  }
  .sim-white .i-success {
    color: #03a678 !important;
  }
  #order-success icon-close,
  #order-success modal__close,
  .sim-white #order-success .model-close {
    display: none !important;
  }
  .sim-white .modal__body {
    padding: 0 0 10px;
  }
  .sim-white .modal-data {
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .model-internet-mobi .modal-content {
    background: #fff !important;
  }
}
.popup-old-address .ant-modal-body {
  padding: 30px 0 40px;
}
.popup-old-address .input-account-container {
  margin: auto;
  max-width: 360px;
}
.popup-old-address .receive-sim {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.popup-old-address .modal-data__btn {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.popup-old-address .address-info {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 20px;
  vertical-align: middle;
}
.popup-old-address .address-info span {
  color: #e03;
}
.popup-old-address .modal-data__btn {
  margin-top: 40px;
}
.popup-old-address .modal-data__btn .button {
  font-size: 14px;
}
@media only screen and (max-width: 780px) {
  .address_container_title {
    font-size: 20px;
  }
  .popup-old-address .form-customize-sim {
    margin-bottom: 0;
  }
  .popup-old-address .address-info {
    font-size: 14px;
  }
  .popup-old-address .modal-data__btn {
    margin-top: 20px;
  }
}
.NetworkTitle {
  align-items: center;
  display: flex;
  height: 100px;
  justify-content: center;
}
@media (max-width: 768px) {
  .NetworkTitle {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
  }
}
.condition-item {
  border-radius: 12px;
  padding: 12px;
}
.condition-item p {
  font-family: Roboto, sans-serif;
  font-size: 15px;
}
.item-icon {
  background-color: #f3052c;
  height: 28px;
  position: absolute;
  top: 4px;
  width: 4px;
}
.item-icon1 {
  border: 1px solid #e3e3e3;
  border-radius: 12px 12px 12px 0;
  margin: 10px;
  position: relative;
}
.icon_small {
  max-width: 100%;
}
.block-list-condition {
  overflow: hidden;
  position: relative;
}
.icon_large {
  margin-right: 100px;
  position: absolute;
}
.network-title {
  align-items: center;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}
.link-direct:hover {
  cursor: pointer;
}
.link-direct {
  margin: 10px 0;
}
.link-direct,
.notify-check {
  align-items: center;
  color: #f3052c;
  display: flex;
  justify-content: center;
}
.link-direct p {
  font-family: FS PF BeauSans Pro, serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 21px;
  text-align: right;
  vertical-align: middle;
}
.input-search {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.input-search-input {
  width: 35%;
}
.input-search-input input {
  border: none;
}
.input-search-input p {
  color: #2c2f31a6;
  font-family: Roboto, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  vertical-align: middle;
}
#input-search-cm {
  font-weight: 700;
  padding: 1px;
  width: 300px;
}
.button-tra-cuu {
  margin-top: 15px;
  width: 404px;
}
.button-tra-cuu button {
  width: 100%;
}
@media (max-width: 375px) {
  .button-tra-cuu {
    margin-top: 15px;
    width: 100%;
  }
}
@media (max-width: 390px) {
  .button-tra-cuu {
    margin-top: 15px;
    width: 330px;
  }
}
@media (max-width: 528px) {
  .input-search-input {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .input-search-input {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tra-cuu .button {
  transition: background-color 0.1s, color 0.1s;
}
.button-tra-cuu .button.clicked {
  background-color: #fff;
  color: red;
}
.m-0 {
  margin: 0;
}
.m-1 {
  margin: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.m-8 {
  margin: 2rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.m-n1 {
  margin: -0.25rem;
}
.m-n2 {
  margin: -0.5rem;
}
.m-n4 {
  margin: -1rem;
}
.m-n8 {
  margin: -2rem;
}
.m-n10 {
  margin: -2.5rem;
}
.mt-n1 {
  margin-top: -0.25rem;
}
.mt-n2 {
  margin-top: -0.5rem;
}
.mt-n4 {
  margin-top: -1rem;
}
.mt-n8 {
  margin-top: -2rem;
}
.mt-n10 {
  margin-top: -2.5rem;
}
.mb-n1 {
  margin-bottom: -0.25rem;
}
.mb-n2 {
  margin-bottom: -0.5rem;
}
.mb-n4 {
  margin-bottom: -1rem;
}
.mb-n8 {
  margin-bottom: -2rem;
}
.mb-n10 {
  margin-bottom: -2.5rem;
}
.ml-n1 {
  margin-left: -0.25rem;
}
.ml-n2 {
  margin-left: -0.5rem;
}
.ml-n4 {
  margin-left: -1rem;
}
.ml-n8 {
  margin-left: -2rem;
}
.ml-n10 {
  margin-left: -2.5rem;
}
.mr-n1 {
  margin-right: -0.25rem;
}
.mr-n2 {
  margin-right: -0.5rem;
}
.mr-n4 {
  margin-right: -1rem;
}
.mr-n8 {
  margin-right: -2rem;
}
.mr-n10 {
  margin-right: -2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.text-xs {
  font-size: 0.75rem;
}
.text-sm {
  font-size: 0.875rem;
}
.text-base {
  font-size: 1rem;
}
.text-lg {
  font-size: 1.125rem;
}
.text-xl {
  font-size: 1.25rem;
}
.text-2xl {
  font-size: 1.5rem;
}
.text-3xl {
  font-size: 1.65rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-white {
  color: #fff;
}
.text-black {
  color: #000;
}
.text-gray-500 {
  color: #6b7280;
}
.text-gray-700 {
  color: #374151;
}
.text-blue-500 {
  color: #3b82f6;
}
.text-red-500 {
  color: #ef4444;
}
.text-green-500 {
  color: #10b981;
}
.bg-white {
  background-color: #fff;
}
.bg-gray-100 {
  background-color: #f3f4f6;
}
.bg-gray-200 {
  background-color: #e5e7eb;
}
.bg-blue-500 {
  background-color: #3b82f6;
}
.bg-red-500 {
  background-color: #ef4444;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.w-full {
  width: 100%;
}
.w-1-2 {
  width: 50%;
}
.w-1-3 {
  width: 33.333333%;
}
.w-2-3 {
  width: 66.666667%;
}
.w-1-4 {
  width: 25%;
}
.w-3-4 {
  width: 75%;
}
.w-auto {
  width: auto;
}
.w-10 {
  width: 2.5rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-32 {
  width: 8rem;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-56 {
  width: 14rem;
}
.w-64 {
  width: 16rem;
}
.w-80 {
  width: 20rem;
}
.w-96 {
  width: 24rem;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.h-1-2 {
  height: 50%;
}
.h-1-3 {
  height: 33.333333%;
}
.h-2-3 {
  height: 66.666667%;
}
.h-1-4 {
  height: 25%;
}
.h-3-4 {
  height: 75%;
}
.h-auto {
  height: auto;
}
.h-10 {
  height: 2.5rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-32 {
  height: 8rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-56 {
  height: 14rem;
}
.h-64 {
  height: 16rem;
}
.h-80 {
  height: 20rem;
}
.h-96 {
  height: 24rem;
}
.border {
  border: 1px solid #e5e7eb;
}
.border-2 {
  border-width: 2px;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-full {
  border-radius: 9999px;
}
.border-0 {
  border-width: 0;
}
.border-none {
  border-style: none;
}
.border-t-0 {
  border-top-width: 0;
}
.border-r-0 {
  border-right-width: 0;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-l-0 {
  border-left-width: 0;
}
.border-transparent {
  border-color: #0000;
}
.border-current {
  border-color: currentColor;
}
.border-gray-200 {
  border-color: #e5e7eb;
}
.border-gray-300 {
  border-color: #d1d5db;
}
.border-blue-500 {
  border-color: #3b82f6;
}
.border-red-500 {
  border-color: #ef4444;
}
.shadow {
  box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
}
.shadow-md {
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}
.font-sarabun {
  font-family: Sarabun, sans-serif;
}
.font-roboto {
  font-family: Roboto, sans-serif;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.font-serif {
  font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-extrabold {
  font-weight: 800;
}
.font-black {
  font-weight: 900;
}
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.leading-snug {
  line-height: 1.375;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-loose {
  line-height: 2;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-normal {
  letter-spacing: 0;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
@media (min-width: 640px) {
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:inline-flex {
    display: inline-flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:w-1-2 {
    width: 50%;
  }
  .sm\:w-1-3 {
    width: 33.333333%;
  }
  .sm\:w-2-3 {
    width: 66.666667%;
  }
  .sm\:w-1-4 {
    width: 25%;
  }
  .sm\:w-3-4 {
    width: 75%;
  }
  .sm\:w-10 {
    width: 2.5rem;
  }
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:w-32 {
    width: 8rem;
  }
  .sm\:w-40 {
    width: 10rem;
  }
  .sm\:w-48 {
    width: 12rem;
  }
  .sm\:w-56 {
    width: 14rem;
  }
  .sm\:w-64 {
    width: 16rem;
  }
  .sm\:w-80 {
    width: 20rem;
  }
  .sm\:w-96 {
    width: 24rem;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:h-screen {
    height: 100vh;
  }
  .sm\:h-1-2 {
    height: 50%;
  }
  .sm\:h-1-3 {
    height: 33.333333%;
  }
  .sm\:h-2-3 {
    height: 66.666667%;
  }
  .sm\:h-1-4 {
    height: 25%;
  }
  .sm\:h-3-4 {
    height: 75%;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-20 {
    height: 5rem;
  }
  .sm\:h-24 {
    height: 6rem;
  }
  .sm\:h-32 {
    height: 8rem;
  }
  .sm\:h-40 {
    height: 10rem;
  }
  .sm\:h-48 {
    height: 12rem;
  }
  .sm\:h-56 {
    height: 14rem;
  }
  .sm\:h-64 {
    height: 16rem;
  }
  .sm\:h-80 {
    height: 20rem;
  }
  .sm\:h-96 {
    height: 24rem;
  }
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:m-1 {
    margin: 0.25rem;
  }
  .sm\:m-2 {
    margin: 0.5rem;
  }
  .sm\:m-4 {
    margin: 1rem;
  }
  .sm\:m-8 {
    margin: 2rem;
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:m-n1 {
    margin: -0.25rem;
  }
  .sm\:m-n2 {
    margin: -0.5rem;
  }
  .sm\:m-n4 {
    margin: -1rem;
  }
  .sm\:m-n8 {
    margin: -2rem;
  }
  .sm\:m-n10 {
    margin: -2.5rem;
  }
  .sm\:mt-n1 {
    margin-top: -0.25rem;
  }
  .sm\:mt-n2 {
    margin-top: -0.5rem;
  }
  .sm\:mt-n4 {
    margin-top: -1rem;
  }
  .sm\:mt-n8 {
    margin-top: -2rem;
  }
  .sm\:mt-n10 {
    margin-top: -2.5rem;
  }
  .sm\:mb-n1 {
    margin-bottom: -0.25rem;
  }
  .sm\:mb-n2 {
    margin-bottom: -0.5rem;
  }
  .sm\:mb-n4 {
    margin-bottom: -1rem;
  }
  .sm\:mb-n8 {
    margin-bottom: -2rem;
  }
  .sm\:mb-n10 {
    margin-bottom: -2.5rem;
  }
  .sm\:ml-n1 {
    margin-left: -0.25rem;
  }
  .sm\:ml-n2 {
    margin-left: -0.5rem;
  }
  .sm\:ml-n4 {
    margin-left: -1rem;
  }
  .sm\:ml-n8 {
    margin-left: -2rem;
  }
  .sm\:ml-n10 {
    margin-left: -2.5rem;
  }
  .sm\:mr-n1 {
    margin-right: -0.25rem;
  }
  .sm\:mr-n2 {
    margin-right: -0.5rem;
  }
  .sm\:mr-n4 {
    margin-right: -1rem;
  }
  .sm\:mr-n8 {
    margin-right: -2rem;
  }
  .sm\:mr-n10 {
    margin-right: -2.5rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
  }
  .sm\:text-base {
    font-size: 1rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
  }
  .sm\:text-3xl {
    font-size: 1.65rem;
  }
  .sm\:font-bold {
    font-weight: 700;
  }
  .sm\:font-medium {
    font-weight: 500;
  }
  .sm\:font-light {
    font-weight: 300;
  }
  .sm\:font-normal {
    font-weight: 400;
  }
  .sm\:font-semibold {
    font-weight: 600;
  }
  .sm\:font-extrabold {
    font-weight: 800;
  }
  .sm\:font-black {
    font-weight: 900;
  }
  .sm\:text-center {
    text-align: center;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:text-white {
    color: #fff;
  }
  .sm\:text-black {
    color: #000;
  }
  .sm\:text-gray-500 {
    color: #6b7280;
  }
  .sm\:text-gray-700 {
    color: #374151;
  }
  .sm\:text-blue-500 {
    color: #3b82f6;
  }
  .sm\:text-red-500 {
    color: #ef4444;
  }
  .sm\:text-green-500 {
    color: #10b981;
  }
  .sm\:bg-white {
    background-color: #fff;
  }
  .sm\:bg-gray-100 {
    background-color: #f3f4f6;
  }
  .sm\:bg-gray-200 {
    background-color: #e5e7eb;
  }
  .sm\:bg-blue-500 {
    background-color: #3b82f6;
  }
  .sm\:bg-red-500 {
    background-color: #ef4444;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:border {
    border: 1px solid #e5e7eb;
  }
  .sm\:border-2 {
    border-width: 2px;
  }
  .sm\:rounded {
    border-radius: 0.25rem;
  }
  .sm\:rounded-md {
    border-radius: 0.375rem;
  }
  .sm\:rounded-full {
    border-radius: 9999px;
  }
  .sm\:border-0 {
    border-width: 0;
  }
  .sm\:border-none {
    border-style: none;
  }
  .sm\:border-t-0 {
    border-top-width: 0;
  }
  .sm\:border-r-0 {
    border-right-width: 0;
  }
  .sm\:border-b-0 {
    border-bottom-width: 0;
  }
  .sm\:border-l-0 {
    border-left-width: 0;
  }
  .sm\:border-transparent {
    border-color: #0000;
  }
  .sm\:border-current {
    border-color: currentColor;
  }
  .sm\:border-gray-200 {
    border-color: #e5e7eb;
  }
  .sm\:border-gray-300 {
    border-color: #d1d5db;
  }
  .sm\:border-blue-500 {
    border-color: #3b82f6;
  }
  .sm\:border-red-500 {
    border-color: #ef4444;
  }
  .sm\:shadow {
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
  }
  .sm\:shadow-md {
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
  }
  .sm\:font-sarabun {
    font-family: Sarabun, sans-serif;
  }
  .sm\:font-roboto {
    font-family: Roboto, sans-serif;
  }
  .sm\:font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
      Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  }
  .sm\:font-serif {
    font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
  }
  .sm\:font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      Liberation Mono, Courier New, monospace;
  }
  .sm\:italic {
    font-style: italic;
  }
  .sm\:not-italic {
    font-style: normal;
  }
  .sm\:leading-none {
    line-height: 1;
  }
  .sm\:leading-tight {
    line-height: 1.25;
  }
  .sm\:leading-snug {
    line-height: 1.375;
  }
  .sm\:leading-normal {
    line-height: 1.5;
  }
  .sm\:leading-relaxed {
    line-height: 1.625;
  }
  .sm\:leading-loose {
    line-height: 2;
  }
  .sm\:tracking-tighter {
    letter-spacing: -0.05em;
  }
  .sm\:tracking-tight {
    letter-spacing: -0.025em;
  }
  .sm\:tracking-normal {
    letter-spacing: 0;
  }
  .sm\:tracking-wide {
    letter-spacing: 0.025em;
  }
  .sm\:tracking-wider {
    letter-spacing: 0.05em;
  }
  .sm\:tracking-widest {
    letter-spacing: 0.1em;
  }
}
@media (min-width: 768px) {
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:w-1-2 {
    width: 50%;
  }
  .md\:w-1-3 {
    width: 33.333333%;
  }
  .md\:w-2-3 {
    width: 66.666667%;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-base {
    font-size: 1rem;
  }
  .md\:text-lg {
    font-size: 1.125rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:m-4 {
    margin: 1rem;
  }
  .md\:m-6 {
    margin: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:w-1-2 {
    width: 50%;
  }
  .lg\:w-1-3 {
    width: 33.333333%;
  }
  .lg\:w-2-3 {
    width: 66.666667%;
  }
  .lg\:w-1-4 {
    width: 25%;
  }
  .lg\:w-3-4 {
    width: 75%;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
  }
  .lg\:text-2xl {
    font-size: 1.5rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:m-6 {
    margin: 1.5rem;
  }
  .lg\:m-8 {
    margin: 2rem;
  }
}
@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:w-auto {
    width: auto;
  }
  .xl\:w-full {
    width: 100%;
  }
  .xl\:w-1-2 {
    width: 50%;
  }
  .xl\:w-1-3 {
    width: 33.333333%;
  }
  .xl\:w-2-3 {
    width: 66.666667%;
  }
  .xl\:w-1-4 {
    width: 25%;
  }
  .xl\:w-3-4 {
    width: 75%;
  }
  .xl\:text-xl {
    font-size: 1.25rem;
  }
  .xl\:text-2xl {
    font-size: 1.5rem;
  }
  .xl\:text-3xl {
    font-size: 1.65rem;
  }
  .xl\:p-8 {
    padding: 2rem;
  }
  .xl\:p-10 {
    padding: 2.5rem;
  }
  .xl\:m-8 {
    margin: 2rem;
  }
  .xl\:m-10 {
    margin: 2.5rem;
  }
}
@media (max-width: 639px) {
  .mobile-only {
    display: block;
  }
  .desktop-only {
    display: none;
  }
}
@media (max-width: 1023px) {
  .tablet-only {
    display: block;
  }
  .large-desktop-only {
    display: none;
  }
}
.responsive-text {
  font-size: 16px;
}
@media (min-width: 640px) {
  .responsive-text {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .responsive-text {
    font-size: 20px;
  }
}
.hover\:text-primary:hover {
  color: #06c;
  color: var(--primary-color, #06c);
}
.hover\:text-secondary:hover {
  color: #666;
  color: var(--secondary-color, #666);
}
.hover\:text-white:hover {
  color: #fff;
}
.hover\:text-black:hover {
  color: #000;
}
.hover\:bg-primary:hover {
  background-color: #06c;
  background-color: var(--primary-color, #06c);
}
.hover\:bg-secondary:hover {
  background-color: #666;
  background-color: var(--secondary-color, #666);
}
.hover\:bg-light:hover {
  background-color: #f8f9fa;
}
.hover\:bg-dark:hover {
  background-color: #212529;
}
.hover\:bg-transparent:hover {
  background-color: initial;
}
.hover\:border-primary:hover {
  border-color: #06c;
  border-color: var(--primary-color, #06c);
}
.hover\:border-secondary:hover {
  border-color: #666;
  border-color: var(--secondary-color, #666);
}
.hover\:underline:hover {
  text-decoration: underline;
}
.hover\:no-underline:hover {
  text-decoration: none;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:opacity-50:hover {
  opacity: 0.5;
}
.hover\:shadow:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.hover\:shadow-md:hover {
  box-shadow: 0 0.25rem 0.5rem #00000026;
}
.hover\:shadow-lg:hover {
  box-shadow: 0 0.5rem 1rem #00000026;
}
.hover\:scale-105:hover {
  transform: scale(1.05);
}
.hover\:scale-110:hover {
  transform: scale(1.1);
}
.hover\:translate-y-n1:hover {
  transform: translateY(-0.25rem);
}
.hover\:transition:hover {
  transition: all 0.3s ease;
}
.condition-message {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 0 12px 12px 0;
  padding: 0 12px;
}
.condition-message p {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 21px;
}
.sub-item-icon {
  background-color: #f3052c;
  height: 100%;
  position: absolute;
  width: 4px;
}
.item-icon-container {
  margin-bottom: 10px;
  position: relative;
}
.text-note {
  font-style: italic;
}
.space-between {
  margin: 30px 0;
}
.notify-check {
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 28px;
  margin-top: 20px;
  text-align: center;
}
.condition-item-message {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.condition-item-message-block1 {
  align-items: center;
  display: flex;
  padding-right: 6px;
  width: 84%;
}
.condition-item-block1 {
  width: 15%;
}
.button-url {
  border: 1px solid #2c2f31;
  color: #2c2f31;
  font-family: FS PF BeauSans Pro, serif;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  padding: 9px 0;
  width: 100%;
}
.text-condition {
  flex: 1 1;
}
@media (max-width: 430px) {
  .condition-item-message-block1 {
    width: 226px;
  }
  .condition-item-block1 {
    width: 97px;
  }
}
#root {
  background-color: #f7f8fa;
}
.support-service-component {
  margin: 56px 147px 0;
}
.component-support {
  margin: auto;
  width: 814px;
}
.component-support-title {
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 32px;
  margin-bottom: 32px;
  text-align: center;
}
.component-support-content {
  margin-bottom: 32px;
}
.component-support-content__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.component-support-content__title__address__update {
  display: flex;
  margin-bottom: 20px;
  h3 {
    color: #171717;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.001em;
    line-height: 24px;
    text-align: left;
  }
}
.component-support-content__title h3 {
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 24px;
  text-align: left;
}
.component-support-content__title a {
  color: #e03;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 20px;
  position: relative;
  text-align: right;
  top: 4px;
}
.request-support-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.request-support-item,
.request-support-item-add {
  background-color: #fff;
  border-radius: 8px;
  width: calc(50% - 6px);
}
.request-support-item-add {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.request-support-item-v2 {
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  width: calc(50% - 6px);
}
.request-support-item.full {
  width: 100%;
}
.request-support-item.active {
  border: 1px solid #e03;
}
.request-support-item__head {
  padding: 8px 12px;
}
.request-support-item__head,
.request-support-item__head_v2 {
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  justify-content: space-between;
}
.request-support-item__head_v2 {
  flex-direction: column;
  padding-bottom: 16px;
}
.request-support-item__head_v2 > div:first-child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.request-support-item__head_v2 > div:last-child.request-support__phone {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
.request-support-item__head_v2 > div:last-child.request-support__phone > span {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.request-support__phone {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
.request-support__phone > span {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.request-support__phone > span.dot {
  background: #999;
  border-radius: 50%;
  display: inline-block;
  height: 4px;
  margin-left: 4px;
  margin-right: 2px;
  position: relative;
  top: -3px;
  width: 4px;
}
.status {
  align-items: center;
  border-radius: 4px;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  line-height: 20px;
  padding: 4px 8px;
}
.request-support-item__head .status {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 11px;
  line-height: 16px;
}
.status.status-warning {
  background: #fff1df;
  color: #fe9705;
}
.status.status-success {
  background: #e9ffe6;
  color: #409c37;
}
.status.status-info {
  background: #e4f5ff;
  color: #1c9fff;
}
.status.status-error {
  background: #fff0f0;
  color: #d11313;
}
.request-support-item__body {
  border-bottom: 1px solid #f5f5f5;
  padding: 8px 12px;
}
.request-support-item__body,
.request-support-item__body_v2 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.request-support-item__body_v2 {
  padding-top: 16px;
}
.request-support-item__body_v2 .request-support__name p {
  color: #282828;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
  text-align: left;
}
.request-support-item__body_v2 .request-support__name p.date {
  color: #737373;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.request-support__name {
  display: block;
  overflow: hidden;
  width: 100%;
}
.request-support__name p {
  color: #282828;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.request-support__name p,
.request-support__name p.date {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-align: left;
}
.request-support__name p.date {
  color: #999;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}
.account_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 16px;
}
.account_item > .account_item__content > p {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  top: 3px;
  white-space: nowrap;
}
.account_item__content {
  align-items: center;
  gap: 20px;
  height: 32px;
  margin-bottom: 4px;
  width: 100%;
}
.account_item__content,
.account_item__content > div {
  display: flex;
  justify-content: space-between;
}
.account_item__address {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account_item__content.v2 {
  align-items: normal;
  flex-direction: column;
  gap: initial;
  height: auto;
}
.account_item__content.v2 > div {
  align-items: baseline;
  gap: 20px;
}
.account_item__content.v2 p {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account_item__content h3 {
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
.checkbox_input_container {
  cursor: pointer;
  display: block;
  line-height: 20px;
  margin: 0 16px 0 0;
  padding-left: 24px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.checkbox_input_container input[type="checkbox"] {
  cursor: default;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.checkbox_mark {
  border: 1.6px solid #b5b4b4;
  border-radius: 100%;
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.checkbox_input_container input[type="checkbox"]:checked ~ .checkbox_mark {
  border: 1.6px solid #e03;
}
.checkbox_input_container
  input[type="checkbox"]:checked
  ~ .checkbox_mark:after {
  background: #e03;
  border-radius: 100%;
  content: "";
  display: block;
  height: 14px;
  left: 3.5px;
  position: absolute;
  top: 3.5px;
  width: 14px;
}
.list-complain {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 22px);
}
.complain-item,
.complain-item-v2 {
  align-items: center;
  background: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 12px;
  position: relative;
  width: calc(33% - 12px);
}
.complain-item > img {
  height: 40px;
  margin-bottom: 8px;
  width: 40px;
}
.complain-item.active {
  border: 1px solid #e03;
}
.complain-item.active p {
  color: #e03;
}
.is-hot {
  align-items: center;
  background-color: #e03;
  border-radius: 24px;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 12px;
  font-weight: 500;
  justify-content: center;
  line-height: 16px;
  padding: 2px 8px 2px 4px;
  position: absolute;
  right: 6px;
  top: 8px;
}
.component-support-footer {
  display: block;
  margin-bottom: 37px;
  text-align: center;
}
.component-support-footer p {
  color: #404040;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.component-support-footer p a {
  color: #e03;
}
.account_item__status {
  margin-left: 38px;
}
.account_item__status.v2 {
  margin-left: 0;
  margin-top: 4px;
}
.account_item__status.align-left {
  margin-left: 0;
}
.account_item__status p {
  color: #409c37;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}
.account_item__status p span.dot {
  background-color: #409c37;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 8px;
  width: 10px;
}
.account_item__status.error p {
  color: #d11313;
}
.account_item__status.error p span.dot {
  background-color: #d11313;
}
.request-support-button {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 35px;
}
.request-support-button button {
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.001em;
  line-height: 24px;
  text-align: center;
  width: 360px;
}
.modal-popup {
  align-items: center;
  background-color: #000000b3;
  bottom: 0;
  box-sizing: border-box;
  color: #252525;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  height: 100%;
  left: 0;
  line-height: 1.15;
  overflow: auto;
  padding: 25px 15px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.input-account-modal .ant-modal-content {
  background: #f7f8fa;
  border-radius: 12px;
}
.input-account-modal .ant-modal-header {
  background: #f7f8fa;
  border-bottom: none;
  border-radius: 12px 12px 0 0 !important;
  padding: 32px 20px 12px;
}
.input-account-modal .ant-modal-title {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}
.input-account-modal .ant-modal-body {
  background: #f7f8fa;
  border-radius: 16px;
  padding: 0 32px 32px;
}
.input-account-modal .input-account-text {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}
.input-account {
  margin-top: 32px;
  position: relative;
  width: 100%;
}
.input-account-modal .form_input_text {
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  color: #171717;
  height: 64px;
  letter-spacing: -0.001em;
  padding: 32px 12px 12px;
  width: 100%;
}
.input-account-modal .form_input_text,
.input-account-modal .text_input_label {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.input-account-modal .text_input_label {
  color: #737373;
  left: 12px;
  position: absolute;
  top: 18px;
  transition: all 0.3s;
}
.input-account-btn {
  margin: 32px auto auto;
  width: 360px;
}
.input-account-btn > button {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
}
.button.button--normal-analysis {
  background: #fff;
  border: 1px solid #404040;
  color: #171717;
  font-size: 16px;
  font-weight: 700;
  height: 44px;
  line-height: 20px;
  width: 100%;
}
.form-subject:focus,
.form_input_text:focus {
  border-color: #409c37;
}
.form_input_text:focus + .text_input_label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  top: 8px;
}
.form_input_text:not(:placeholder-shown) + .text_input_label {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  top: 8px;
}
.error-input {
  border-bottom: 2.5px solid #d11313 !important;
}
.error-noti {
  color: #d11313;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  margin-top: 4px;
  text-align: left;
}
.clear-phonenumber {
  color: #727272 !important;
  font-size: 24px;
  position: absolute;
  right: 12px;
  top: 18px;
}
.input-account-modal .button--disabled {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #b6b6b6;
  pointer-events: none;
}
.component-support-content__title_v2 .title-group {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 24px;
  margin-bottom: 8px;
  text-align: left;
}
.component-support-content__title_v2 p {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 20px;
  text-align: left;
}
.complain-item-v2 {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 12px;
  position: relative;
  width: calc(33% - 12px);
}
.complain-item p {
  font-size: 16px;
  line-height: 20px;
}
.complain-item p,
.complain-item-v2 p {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-align: center;
}
.complain-item-v2 p {
  font-size: 18px;
  line-height: 28px;
}
.complain-item-v2.active {
  border: 1px solid #e03;
  border-radius: 12px;
}
.complain-item-v2.active p {
  color: #e03;
}
.component-subject {
  background-color: #fff;
  border-radius: 12px;
  padding: 16px;
  width: 100%;
}
.component-subject > hr {
  border: 1px solid #eee;
  margin: 12px 0;
}
.subject-detail {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subject-detail p:first-child {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.subject-detail p:nth-child(2),
.subject-detail.ftth p:first-child {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
.subject-detail.ftth p:nth-child(2) {
  font-size: 16px;
  line-height: 20px;
}
.subject-detail p.address,
.subject-detail.ftth p:nth-child(2) {
  color: #999;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-align: left;
}
.subject-detail p.address {
  font-size: 18px;
  line-height: 28px;
  margin-top: 4px;
  width: 100%;
}
.subject-detail p:last-child.detail {
  color: #282828;
}
.custom-date-picker.form-subject,
.form-subject,
.subject-detail p:last-child.detail {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.custom-date-picker.form-subject,
.form-subject {
  align-items: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  color: #171717;
  display: flex;
  height: 64px;
  padding: 20px 12px 2px;
  width: 100%;
}
.form-customize-subject {
  position: relative;
  width: 100%;
}
.floating-label {
  color: #a3a3a3;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: 100%;
  left: 12px;
  line-height: 28px;
  pointer-events: none;
  position: absolute;
  text-align: left;
  top: 16px;
  transition: 0.3s ease;
}
.floating-label.float,
.form-customize-subject .form-subject:focus + .floating-label,
.form-customize-subject
  .form-subject:not(:placeholder-shown)
  + .floating-label {
  color: #737373;
  font-size: 14px;
  transform: translateY(-12px);
}
.delete-text {
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.delete-text i {
  color: #727272;
}
.form-input-image {
  align-items: center;
  border: 1px dotted #b6b6b6;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  margin-top: 20px;
}
.form-input-image p {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
  text-align: center;
}
.form-2column {
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.input-account-btn > .button--disabled {
  background: #e5e5e5;
  color: #b6b6b6;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.001em;
  line-height: 24px;
}
.image-upload > input {
  display: none;
}
.form_input_detail {
  background: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  outline: none;
  overflow: hidden;
  padding: 28px 52px 12px 12px;
  resize: none;
  text-align: left;
  width: 100%;
}
.form_input_detail:focus {
  border: 1px solid #58b84f;
}
.form_input_detail::-webkit-scrollbar {
  display: none !important;
}
.text_input_detail {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  line-height: 28px;
  margin: 0;
  position: absolute;
  text-align: left;
  top: 18px;
  transition: all 0.3s;
}
.form_input_detail:focus + .text_input_detail,
.form_input_detail:not(:placeholder-shown) + .text_input_detail {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  top: 8px;
}
.component-support-content div .js-img-preview {
  border-radius: 4px;
  margin-top: 25px;
  width: 200.52px;
}
.img-preview {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.icon-remove-img {
  position: absolute;
  right: -10px;
  top: 15px;
}
.select-date-component {
  display: flex;
  gap: 12px;
}
.date-picker-block {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
.date-content {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  color: #737373;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 9.5px;
  width: 33.33333%;
}
.date-content > div {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.date-content-selected {
  border-color: #e03;
  color: #e03;
}
.form-customize-subject.datepicker
  .custom-date-picker__wrap
  .react-datepicker__tab-loop
  .react-datepicker-popper {
  top: 68px !important;
  width: 100%;
}
.time-line-schedule {
  width: 100%;
}
.time-line-schedule-header,
.time-line-schedule-header-date {
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 16px;
}
.time-line-schedule-header-date {
  margin-bottom: 16px;
}
.header-schedule-text {
  color: #999;
  text-align: left;
}
.header-schedule-text,
.header-schedule-value {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.header-schedule-value {
  color: #282828;
  text-align: right;
}
.time-line-schedule-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  width: 100%;
}
.time-line-block {
  align-items: center;
  border: 1px solid #eee;
  border-radius: 8px;
  color: #737373;
  display: flex;
  flex-direction: column;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  height: 80px;
  justify-content: center;
  line-height: 24px;
  padding: 18px 0;
  text-align: center;
  width: calc(33.33333% - 8px);
}
.time-line-block-tom {
  padding: 8px 0;
}
.time-line-block-active {
  border-color: #e03;
  color: #e03;
}
.time-line-block-blocked {
  background: #e5e5e5;
  color: #b6b6b6;
  pointer-events: none;
}
.time-line-status {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.search-header-component {
  position: relative;
  width: 100%;
}
.search-header-component > div {
  color: #e03;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 6px;
}
@keyframes scaling {
  0%,
  to {
    background-color: #fcccd6;
    transform: scale(1);
  }
  20% {
    background-color: #f899ad;
    transform: scale(1);
  }
  40% {
    background-color: #f56685;
    transform: scale(1);
  }
  60% {
    background-color: #f1335c;
    transform: scale(1);
  }
  80% {
    background-color: #e03;
    transform: scale(1);
  }
}
.loading-dot > div {
  animation: scaling 2.5s ease-in-out infinite;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  margin: 3.75px;
  transform: scale(0);
  width: 12px;
}
.loading-dot > div:nth-child(0) {
  animation-delay: 0s;
}
.loading-dot > div:first-child {
  animation-delay: 0.2s;
}
.loading-dot > div:nth-child(2) {
  animation-delay: 0.4s;
}
.loading-dot > div:nth-child(3) {
  animation-delay: 0.6s;
}
.loading-dot > div:nth-child(4) {
  animation-delay: 0.8s;
}
.loading-dot > div:nth-child(5) {
  animation-delay: 1s;
}
.analysis-process {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.analysis-process > p {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 16px;
  max-width: 500px;
  text-align: center;
}
.detail-history-line:not(:last-child) {
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
}
.detail-history-line:not(:first-child) {
  padding-top: 12px;
}
.report-code {
  color: #e03 !important;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
.report-phone {
  color: #282828 !important;
}
.report-phone,
.report-phone-type {
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 24px;
  text-align: left;
}
.report-phone-type {
  align-items: flex-end;
  color: #999 !important;
  display: flex;
  flex-direction: column;
}
.report-error {
  max-width: 50%;
  white-space: pre-line;
}
.report-call-error,
.report-error {
  color: #282828 !important;
  font-family: Roboto, sans-serif !important;
  font-size: 18px;
  font-weight: 400 !important;
  line-height: 28px;
  text-align: left;
}
.note-area-text:focus {
  border-color: #58b84f;
}
.detail-button {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.detail-button .input-account-btn {
  margin: 32px 0 auto;
}
.step-cf-appointment-content-des {
  display: flex;
  justify-content: space-between;
  padding: 8px 0 32px;
}
.separator-cf-appointment {
  background-color: #b6b6b6;
  border-radius: 4px;
  height: 2px;
  margin: 0 9.5px;
  width: calc(33.33333% - 45.66667px);
}
.separator-active {
  background-color: #e03;
}
.step-cf-appointment {
  background: #e5e5e5;
  border-radius: 50%;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  line-height: 20px;
  text-align: center;
  width: 24px;
}
.step-des-active {
  color: #e03 !important;
}
.step-cf-appointment-content {
  align-items: center;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 12px;
  font-weight: 500;
  padding-left: 25.5px;
  padding-right: 25.5px;
  text-align: center;
}
.reason-cancel {
  border: 1px solid #eee;
  border-radius: 8px;
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  padding: 8px 0;
  text-align: center;
}
.reason-cancel-active {
  border-color: #e03;
  color: #e03;
}
.reason-cancel-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.analysis-result {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.analysis-info-block {
  background: #fff;
  border-radius: 8px;
  padding: 12px 12px 16px;
}
.analysis-info-block-time {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 12px;
}
.analysis-info-block-time > div:first-child {
  color: #737373;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 24px;
  margin-bottom: 4px;
  margin-top: 12px;
  text-align: right;
}
.analysis-info-block-time > div:last-child {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.analysis-info-block-account-row-1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.analysis-info-block-account-row-1 > div:first-child {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 24px;
  margin-bottom: 4px;
  text-align: right;
}
.analysis-info-block-account-row-1 > div:last-child {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.analysis-info-block-account-row-2 {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.analysis-info-title {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0;
}
.analysis-info-title > div {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.001em;
  line-height: 24px;
  text-align: right;
}
.analysis-result-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.analysis-result-content > div:first-child {
  color: #737373;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 12px;
  text-align: left;
  width: 90%;
}
.analysis-result-content > div:last-child {
  text-align: right;
  width: 10%;
}
.analysis-result-content > div:last-child > img {
  height: 24px;
  width: 24px;
}
.analysis-result-note > div {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 12px;
  text-align: left;
  white-space: pre-line;
}
.button-update-problem {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}
.button-update-problem button {
  width: 360px;
}
.cancel-complain-button {
  margin: 20px auto auto;
  max-width: 360px;
}
.cancel-complain-button button {
  width: 100%;
}
.header-schedule-text-date {
  color: #999;
  text-align: left;
}
.header-schedule-text-date,
.header-schedule-value-date {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.header-schedule-value-date {
  color: #282828;
  text-align: right;
}
.time-line-schedule
  div
  .react-datepicker
  .react-datepicker__navigation--previous {
  left: auto;
  right: 32px;
}
.support-service-popup .ant-modal-content {
  border-radius: 16px;
}
.pagination_btn_container {
  display: flex;
}
.pagination-container {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 32px;
}
.pagination_next_btn,
.pagination_prev_btn {
  background: #fff;
  border: none;
  border-radius: 8px;
  color: #282828;
  cursor: pointer;
  height: 32px;
  outline: none;
  text-align: center;
  width: 32px;
}
.pagination_next_btn > i,
.pagination_prev_btn > i {
  font-size: 14px;
  line-height: 26px;
}
.pagination_next_btn-disabled,
.pagination_prev_btn-disabled {
  background: #e5e5e5;
  color: #b6b6b6;
  pointer-events: none;
}
.pagination_links {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.pagination_link_item {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  color: #282828;
  cursor: pointer;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  height: 32px;
  justify-content: center;
  letter-spacing: -0.001em;
  line-height: 24px;
  text-align: center;
  width: 32px;
}
.pagination_link_item-active {
  background: #e03;
  color: #fff;
}
.input-account-btn-v2 {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
  margin: auto;
  max-width: 736px;
  width: 100%;
}
.input-account-btn-v2 > button {
  font-size: 16px;
  line-height: 24px;
  max-width: 360px;
  width: 100%;
}
.detail-problem-progress {
  margin: 0 16px 32px;
}
.step-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
.step-cf-appointment-content {
  justify-content: space-around;
}
.step-active {
  background-color: #e03 !important;
  color: #fff !important;
}
.step-cf-appointment-line:after {
  border-bottom: 2px solid #b6b6b6;
}
.step-cf-appointment-line-active:after,
.step-cf-appointment-line:after {
  border-radius: 8px;
  bottom: 11px;
  clear: both;
  content: "";
  display: block;
  left: 30px;
  position: relative;
  width: 0;
  width: var(--line-width, 0);
}
.step-cf-appointment-line-active:after {
  border-bottom: 2px solid #e03;
}
.step-cf-appointment-des {
  color: #737373;
}
.step-cf-appointment-des,
.step-cf-detail-time {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.step-cf-detail-time {
  color: #999;
}
.error-message {
  color: #d11313;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  margin-top: 4px;
}
.error-msg-border {
  border: initial;
  border-bottom: 3.5px solid #d11313 !important;
}
.status-subject {
  background-color: #e9ffe6;
  border-radius: 8px;
  color: #409c37;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  padding: 12px;
  text-align: center;
}
.empty-history-body {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
}
.empty-history-body > img {
  object-fit: contain;
  width: 260px;
}
.empty-history-des {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 8px;
  max-width: 260px;
  text-align: center;
}
.detail-problem-staff {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px;
  position: relative;
}
.staff-info-handling {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.staff-info-handling > div:first-child {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 4px;
  text-align: left;
}
.staff-info-handling-name {
  font-weight: 600;
  margin-bottom: 4px;
}
.staff-info-handling-name,
.staff-info-handling-username {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}
.staff-info-handling-username {
  font-weight: 400;
}
.staff-avatar {
  border-radius: 50%;
  height: 60px;
  margin-right: 12px;
  width: 60px;
}
.staff-avatar > img {
  object-fit: contain;
}
.staff-icon-phone {
  height: 24px;
  position: absolute;
  right: 13px;
  width: 24px;
}
.staff-icon-handling img {
  height: 60px;
  width: 60px;
}
.account_item__add-content {
  align-items: center;
  display: flex;
  justify-content: center;
}
.account_item__add-content h3 {
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
.account_item__add-content h3 img {
  height: 30px;
  margin-right: 12px;
  width: 30px;
}
.form_input_note1 {
  color: #171717;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
  margin-top: -12px;
}
.form_input_note1,
.form_input_note2 {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.form_input_note2 {
  color: #999;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}
.it-old-address__link_support {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 0 4px;
  text-decoration: underline;
}
.it-old-address__link_support:hover {
  color: #d11313;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .support-service-component {
    margin: 20px 0;
  }
  .pathway {
    margin: 0 16px;
  }
  .container {
    margin: 14px 0 24px;
    padding: 0;
  }
  .support-service-container {
    background: #f7f8fa;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .support-service-title {
    color: #171717;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 26px;
    text-align: center;
  }
  .support-service-title img {
    position: absolute;
    right: 16px;
    top: 5px;
  }
  .support-service-accounts {
    display: flex;
    flex-direction: column;
    gap: 13px;
  }
  .service-accounts-header {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 16px;
  }
  .service-accounts-header > h3 {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
  }
  .service-accounts-header > span {
    color: #e03;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
  }
  .service-accounts-container {
    padding: 0 0 0 16px;
  }
  .service-problem-container {
    padding: 0 16px;
  }
  .service-accounts-list .slick-track {
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
  .service-accounts-list .slick-slide {
    width: auto !important;
  }
  .service-accounts-list::-webkit-scrollbar {
    display: none !important;
  }
  .service-accounts-list .slick-dots {
    display: flex !important;
    flex-direction: row;
    gap: 12px;
    justify-content: center;
    margin-top: -6px;
  }
  .service-accounts-list .slick-dots li {
    height: auto;
  }
  .service-accounts-list .slick-dots li button {
    background-color: #e5e5e5;
    border: none;
    border-radius: 50%;
    font-size: 0;
    height: 8px;
    outline: none;
    width: 8px;
  }
  .service-accounts-list .slick-dots .slick-active button {
    background-color: #e03;
  }
  .service-accounts-item {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    display: inline-block;
    padding: 8px 12px 8px 44px;
    position: relative;
    width: auto !important;
  }
  .service-accounts-item-active {
    border: 1px solid #e03;
  }
  .accounts-item-info {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
  .accounts-item-info-1 {
    display: flex;
  }
  .account-checkbox input[type="checkbox"] {
    cursor: pointer;
    height: 0;
    opacity: 0;
    width: 0;
  }
  .account-checkbox-mark {
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    left: 16px;
    position: absolute;
    top: 12px;
    width: 16px;
  }
  .account-checkbox input[type="checkbox"]:checked ~ .account-checkbox-mark {
    border: 2px solid #e03;
  }
  .account-checkbox
    input[type="checkbox"]:checked
    ~ .account-checkbox-mark:after {
    background: #e03;
    border-radius: 100%;
    content: "";
    height: 8px;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 8px;
  }
  .accounts-item-isdn {
    display: flex;
    flex-direction: column;
  }
  .accounts-item-isdn > span {
    color: #282828;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 24px;
  }
  .accounts-item-info-type,
  .accounts-item-isdn > span {
    font-family: FS PFBeauSansPro, sans-serif;
    text-align: left;
  }
  .accounts-item-info-type {
    color: #737373;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap;
  }
  .accounts-item-status {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
  }
  .accounts-item-status-dot {
    border-radius: 50%;
    height: 8px;
    width: 8px;
  }
  .accounts-item-status-value {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    white-space: nowrap;
  }
  .accounts-item-status-dot-normal {
    background: #409c37;
  }
  .accounts-item-status-value-normal {
    color: #409c37;
  }
  .accounts-item-status-dot-block {
    background: #d11313;
  }
  .accounts-item-status-value-block {
    color: #d11313;
  }
  .service-problem-block {
    background: #fff;
    border-radius: 8px;
    padding: 8px 12px;
  }
  .problem-block-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 8px;
  }
  .problem-block-code {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-align: right;
  }
  .problem-block-status {
    border-radius: 4px;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    padding: 4px 8px;
    text-align: left;
  }
  .problem-block-status-0 {
    background: #fff1df;
    color: #d9821a;
  }
  .problem-block-status-1 {
    background: #e4f5ff;
    color: #1c9fff;
  }
  .problem-block-status-2,
  .problem-block-status-3 {
    background: #e9ffe6;
    color: #409c37;
  }
  .problem-block-status-4 {
    background: #fff0f0;
    color: #d11313;
  }
  .problem-block-info {
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    padding-bottom: 12px;
  }
  .problem-block-info-header,
  .problem-block-info-home {
    display: flex;
    flex-direction: row;
  }
  .problem-block-info-header {
    justify-content: space-between;
  }
  .problem-block-isdn-type {
    align-items: center;
    color: #999;
    display: flex;
    flex-direction: row;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 13px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin-left: 12px;
    text-align: left;
  }
  .problem-isdn-type-dot {
    background: #999;
    border-radius: 50%;
    height: 4px;
    width: 4px;
  }
  .problem-block-isdn {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: right;
  }
  .problem-block-content {
    width: 100%;
  }
  .problem-block-content-his {
    align-items: center;
  }
  .problem-block-content-his,
  .problem-block-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .problem-block-content-wrapper {
    padding-top: 12px;
    width: 100%;
  }
  .problem-block-content-wrapper-his {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    justify-content: normal;
    width: 75%;
  }
  .problem-block-text {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
  }
  .problem-block-date,
  .problem-block-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .problem-block-date {
    color: #999;
    font-family: FS PFBeauSansPro;
    text-align: right;
    width: 20%;
  }
  .problem-block-content-nav img {
    margin-top: 12px;
  }
  .complain-block {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    flex-basis: calc(50% - 4px);
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    text-align: center;
  }
  .complain-block-active {
    border-color: #e03;
  }
  .hot-block,
  odd-block {
    width: 100%;
  }
  .odd-block {
    margin-top: 8px;
  }
  .complain-block-icon {
    padding: 8px 8px 4px;
  }
  .complain-block-name {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 8px 8px;
    text-align: center;
  }
  .hot-icon {
    align-items: center;
    background: #e03;
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 2px 8px 2px 4px;
    position: absolute;
    right: 8px;
    top: 8px;
  }
  .hot-icon > div {
    color: #fff;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: -3px;
  }
  .list-problems {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 0;
  }
  .support-service-center {
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 16.25px;
    text-align: center;
  }
  .support-service-center span {
    color: #e03;
    font-style: italic;
    text-decoration: underline;
  }
  .contact-cskh {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: center;
  }
  .contact-cskh i {
    font-size: 18px;
  }
  .select-problem-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 16px;
  }
  .account-problem {
    display: block;
    padding: 16px;
  }
  .account-problem-info {
    gap: initial;
    justify-content: space-between;
  }
  .accounts-problem-isdn {
    gap: 4px;
  }
  .account-problem-type {
    color: #999;
  }
  .select-problem-title {
    color: #e03;
    font-size: 16px;
    font-weight: 700;
  }
  .select-problem-ques,
  .select-problem-title {
    font-family: FS PFBeauSansPro, sans-serif;
    line-height: 24px;
  }
  .select-problem-ques {
    color: #282828;
    font-size: 13px;
    font-weight: 400;
  }
  .select-problem-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .sample-problem-content {
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    color: #737373;
    display: flex;
    flex-basis: calc(50% - 4px);
    flex-grow: 0;
    flex-shrink: 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    margin-bottom: 4px;
    padding: 8px 12px;
    text-align: center;
    transition: all 0.3s;
  }
  .sample-problem-content-active {
    border-color: #e03;
    color: #e03;
  }
  .select-problem-btn-home,
  .select-problem-btn-select-problem {
    margin-top: 24px;
  }
  .select-problem-btn-contact-schedule,
  .select-problem-btn-detail-prob {
    margin: 0;
  }
  .button--disabled {
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
    color: #b6b6b6 !important;
    pointer-events: none;
  }
  .button {
    font-family: FS PFBeauSansPro;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    width: 100%;
  }
  .create-problem-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 16px;
  }
  .detail-error,
  .support-request {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .detail-error > span {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -8px;
  }
  .hint-desc-block {
    gap: 0 !important;
  }
  .hint-desc-block > .detail-error-text {
    margin-bottom: -2px;
  }
  .hint-detail-desc {
    color: #999;
    font-family: Roboto;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 18px;
  }
  .detail-error > h3,
  .support-request > h3 {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
  }
  .support-request-block {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
  }
  .support-request-block-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .support-request-block-info:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 8px;
  }
  .support-request-block-info:not(:first-child) {
    padding-top: 12px;
  }
  .support-request-info-text {
    color: #999;
    text-align: left;
  }
  .support-request-info-text,
  .support-request-info-value {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .support-request-info-value {
    color: #282828;
    text-align: right;
    width: 60%;
  }
  .info-value-account {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
  }
  .detail-error-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .detail-error-text {
    position: relative;
    width: 100%;
  }
  .form_input_detail {
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    overflow: hidden;
    padding: 28px 52px 12px 12px;
    resize: none;
    text-align: left;
    width: 100%;
  }
  .form_input_detail::-webkit-scrollbar {
    display: none !important;
  }
  .text_input_detail {
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    left: 12px;
    line-height: 24px;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 18px;
    transition: all 0.3s;
  }
  .form_input_detail:focus + .text_input_detail,
  .form_input_detail:not(:placeholder-shown) + .text_input_detail {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    top: 8px;
  }
  .clear-desc {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .detail-image-upload {
    border: 1px dashed #b6b6b6;
    border-radius: 8px;
    width: 100%;
  }
  .detail-image-upload-label > input {
    display: none;
  }
  .detail-image-upload-label {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 6.67px;
    margin: 8px 0 9.67px;
    width: 100%;
  }
  .detail-image-upload-label > span {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
  }
  .detail-image-upload-label .upload-icon {
    max-height: 20px;
    max-width: 20px;
  }
  .support-service-component .preview-images {
    max-height: 70px;
    max-width: 70px;
    position: relative;
  }
  .support-service-component .preview-image-mobile {
    object-fit: contain;
  }
  .support-service-component .mobile-remove-image-icon {
    position: absolute;
    right: -8px;
    top: -8px;
  }
  .support-service-component .address-selection-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .address-selection-row {
    width: 100%;
  }
  .row-1 {
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
  .row-1 .row-1-ele {
    flex-basis: calc(50% - 6px);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .input-detail-address:focus + .address-detail-text-label,
  .input-detail-address:not(:placeholder-shown) + .address-detail-text-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    top: 8px;
  }
  .date-time-selection img {
    position: absolute;
    right: 12px;
    top: 16px;
  }
  .error-msg-border {
    border-bottom: 3.5px solid #d11313 !important;
  }
  .address-selection-mobile .error-message {
    color: #d11313;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }
  .clear-content {
    position: absolute;
    right: 12px;
    top: 18px;
  }
  .label-active {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    top: 8px !important;
  }
  .complain-history-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .lookup-problem-dates {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-top: 12px;
    padding: 0 16px;
    width: 100%;
  }
  .lookup-problem-dates .input-form-date {
    flex-basis: calc(50% - 6px);
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
  }
  .lookup-problem-dates .input-form-date .form_input_date,
  .lookup-problem-status .form_input_date {
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    color: #282828;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    padding: 28px 36px 8px 12px;
    text-align: left;
    width: 100%;
  }
  .lookup-problem-dates .input-form-date .date_input_label,
  .lookup-problem-status .date_input_label {
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    left: 12px;
    line-height: 24px;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 18px;
    transition: all 0.3s;
  }
  .lookup-problem-dates .input-form-date img {
    position: absolute;
    right: 12px;
    top: 18px;
  }
  .date-picker-loopkup .react-datepicker {
    animation-duration: 1s;
    animation-name: animationDrop;
    background-color: #fff;
    border-radius: 12px;
    left: 50%;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 32px);
    z-index: 99;
  }
  .date-picker-loopkup .react-datepicker__header {
    border-radius: 12px !important;
    padding: 10px 0;
  }
  .date-picker-loopkup .react-datepicker__navigation {
    top: 8px;
  }
  .calendar-container {
    height: 100%;
    width: 100%;
  }
  .lookup-problem-status {
    margin: 12px 16px 0;
    position: relative;
  }
  .lookup-problem-status i {
    color: #404040;
    font-size: 24px;
    position: absolute;
    right: 12px;
    top: 18px;
  }
  .status-problem-list {
    background: #fff;
    border-radius: 12px;
    margin-top: 4px;
    padding: 12px;
  }
  .status-problem-list .problem-status-value {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
  }
  .list-problems-found {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 24px 0 0;
  }
  .detail-problem-info {
    background: #fff;
    border-radius: 8px;
    margin: 0 16px;
    padding: 16px 12px 12px;
  }
  .detail-problem-content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .detail-problem-content:not(:first-child) {
    padding-top: 16px;
  }
  .detail-problem-content:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 16px;
  }
  .detail-problem-title {
    color: #999;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }
  .detail-report-id {
    color: #e03 !important;
    font-family: FS PFBeauSansPro, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px;
    text-align: right;
  }
  .detail-account {
    align-items: flex-start;
  }
  .detail-account-request {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: flex-end;
  }
  .detail-account-request > div:first-child {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: right;
  }
  .detail-account-request > div:last-child {
    color: #999;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: right;
  }
  .detail-problem-value {
    color: #282828;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    width: 50%;
  }
  .detail-problem-staff {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin: 0 16px;
    padding: 12px;
    position: relative;
  }
  .staff-info-handling {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .staff-info-handling > div:first-child {
    color: #999;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }
  .staff-info-handling-name {
    font-family: FS PFBeauSansPro, sans-serif;
    font-weight: 600;
  }
  .staff-info-handling-name,
  .staff-info-handling-username {
    color: #282828;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: left;
  }
  .staff-info-handling-username {
    font-family: Roboto, sans-serif;
    font-weight: 400;
  }
  .staff-icon-handling > img {
    height: auto;
    width: auto;
  }
  .staff-avatar {
    border-radius: 50%;
    height: 50px;
    width: 50px;
  }
  .staff-avatar > img {
    object-fit: contain;
  }
  .staff-icon-phone {
    position: absolute;
    right: 13px;
  }
  .detail-problem-progress {
    margin: 0 16px;
  }
  .button--normal-analysis {
    border-color: #000;
    color: #171717;
  }
  .button-detail-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin: 0 16px;
    width: calc(100% - 32px);
  }
  .note-input:focus {
    border-color: #409c37;
  }
  .button-detail-container button {
    flex-basis: calc(50% - 4px);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .detail-button {
    margin: 0 auto;
    width: calc(100% - 32px);
  }
  .service-account-plus {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    display: flex !important;
    flex-direction: row;
    gap: 8px;
    padding: 18px 0 18px 12px;
    width: calc(100% - 16px);
  }
  .service-account-plus > div {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 24px;
    text-align: left;
  }
  .in-slider {
    max-width: 165px;
    padding: 6px 0 6px 12px;
  }
  .complete-complain-bar {
    background: #e9ffe6;
    border-radius: 8px;
    color: #409c37;
    font-weight: 400;
    line-height: 18px;
    margin: 0 16px;
    padding: 8px 0;
  }
  .complete-complain-bar,
  .step-cf-appointment-content {
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 12px;
    text-align: center;
  }
  .step-cf-appointment-content {
    align-items: flex-start;
    display: flex;
    font-weight: 500;
    justify-content: center;
    padding: 0 !important;
  }
  .step-cf-appointment {
    background: #e5e5e5;
    border-radius: 50%;
    color: #727272;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 19px;
    position: relative;
    text-align: center;
    width: 20px;
  }
  .step-cf-appointment-line:after {
    border-bottom: 2px solid #b6b6b6;
  }
  .step-cf-appointment-line-active:after,
  .step-cf-appointment-line:after {
    border-radius: 8px;
    bottom: 11px;
    clear: both;
    content: "";
    display: block;
    left: 30px;
    position: relative;
    width: 0;
    width: var(--line-width, 0);
  }
  .step-cf-appointment-line-active:after {
    border-bottom: 2px solid #e03;
  }
  .step-active {
    background-color: #e03 !important;
    color: #fff !important;
  }
  .separator-cf-appointment {
    background-color: #b6b6b6;
    border-radius: 4px;
    height: 2px;
    margin: 0 9.5px;
    position: absolute;
    right: -36px;
    top: 10px;
  }
  .separator-active {
    background-color: #e03;
  }
  .step-cf-appointment-content-des {
    display: flex;
    justify-content: space-between;
    padding: 8px 0 0;
  }
  .step-cf-appointment-des {
    color: #b6b6b6;
    font-weight: 500;
    max-width: 71px;
  }
  .step-cf-appointment-des,
  .step-cf-detail-time {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }
  .step-cf-detail-time {
    color: #999;
    font-weight: 400;
  }
  .step-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
  }
  .step-cf-appointment-content {
    justify-content: space-around;
  }
  .slick-dots li button:before {
    color: inherit;
  }
  .list-problems-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    margin: 24px 16px 0;
  }
  .list-problems-empty > span {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
  }
  .call-for-cskh-container,
  .call-for-cskh-content {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
  }
  .call-for-cskh-container {
    background-color: #000000b3;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    padding: 24px 16px !important;
    right: 0;
    text-align: inherit;
    top: 0;
    z-index: 1001 !important;
  }
  .call-for-cskh-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.05em;
    vertical-align: middle;
  }
  .call-for-cskh-content {
    animation-duration: 1s;
    animation-name: animationDrop;
    background-color: #f7f8fa;
    border-radius: 16px 16px 0 0;
    color: #000;
    display: block;
    height: 166px;
    margin-top: -8px;
    padding: 0 16px 24px;
    z-index: 99;
  }
  .call-for-cskh-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 12px 0;
    position: relative;
  }
  .call-for-cskh-cancel {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
  }
  .call-for-cskh-title {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    left: 50%;
    line-height: 24px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .call-for-cskh-content button {
    height: 44px;
  }
}
.mobile-support-main-address-old {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .add-support-account {
    padding: 0 16px;
    transition: all 0.3s;
  }
  .add-support-account-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .add-support-account-item {
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px;
  }
  .add-account-item-header {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .item-header-isdn {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
  }
  .add-account-item-address,
  .item-header-type {
    color: #999;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }
  .add-account-item-address {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .add-support-account-btn {
    padding: 0 16px;
    width: 100%;
  }
  .add-support-account-btn > button {
    width: 100%;
  }
  .add-support-account-btn > .button--custom {
    border-color: #000;
    color: #171717;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
  .pagination_btn_container {
    display: flex;
  }
  .pagination-container {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
  }
  .pagination_next_btn,
  .pagination_prev_btn {
    background: #fff;
    border: none;
    border-radius: 4px;
    color: #282828;
    cursor: pointer;
    height: 24px;
    outline: none;
    text-align: center;
    width: 24px;
  }
  .pagination_next_btn > i,
  .pagination_prev_btn > i {
    font-size: 14px;
    line-height: 26px;
  }
  .pagination_next_btn-disabled,
  .pagination_prev_btn-disabled {
    background: #e5e5e5;
    color: #b6b6b6;
    pointer-events: none;
  }
  .pagination_links {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
  .pagination_link_item {
    background: #fff;
    border-radius: 4px;
    color: #282828;
    cursor: pointer;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 24px;
    letter-spacing: -0.001em;
    line-height: 23px;
    text-align: center;
    width: 24px;
  }
  .pagination_link_item-active {
    background: #e03;
    color: #fff;
  }
  .input-account-modal .ant-modal-content {
    background: #f7f8fa;
    border-radius: 12px;
  }
  .input-account-modal .ant-modal-header {
    background: #f7f8fa;
    border-bottom: none;
    border-radius: 12px 12px 0 0 !important;
    padding: 32px 20px 16px;
  }
  .input-account-modal .ant-modal-title {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
  }
  .input-account-modal .ant-modal-body {
    padding: 0 20px 32px;
  }
  .input-account-modal .input-account-text {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }
  .input-account {
    margin-top: 16px;
    position: relative;
    width: 100%;
  }
  .input-account-modal .form_input_text {
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    color: #282828;
    max-height: 60px;
    outline: none;
    padding: 28px 36px 12px 12px;
    width: 100%;
  }
  .input-account-modal .form_input_text,
  .input-account-modal .text_input_label {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
  }
  .input-account-modal .text_input_label {
    color: #737373;
    left: 12px;
    position: absolute;
    top: 18px;
    transition: all 0.3s;
  }
  .input-account-btn {
    margin-top: 24px;
    width: 100%;
  }
  .input-account-btn-date {
    margin-top: 16px;
  }
  .form_input_text:focus {
    border-color: #409c37;
  }
  .form_input_text:focus + .text_input_label,
  .form_input_text:not(:placeholder-shown) + .text_input_label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    top: 8px;
  }
  .error-input {
    border-bottom: 2.5px solid #d11313 !important;
  }
  .error-noti {
    color: #d11313;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
    text-align: left;
  }
  .clear-phonenumber {
    position: absolute;
    right: 12px;
    top: 18px;
  }
  .date-frames,
  .date-picker-block {
    width: 100%;
  }
  .date-picker-block {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
  .date-content {
    border: 1px solid #eee;
    border-radius: 8px;
    color: #737373;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 9.5px;
    width: 33.33333%;
  }
  .date-content > div {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
  }
  .date-content-selected {
    border-color: #e03;
    color: #e03 !important;
  }
  .time-line-schedule {
    width: 100%;
  }
  .time-line-schedule-header {
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 16px;
  }
  .header-schedule-text {
    color: #999;
    text-align: left;
  }
  .header-schedule-text,
  .header-schedule-value {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .header-schedule-value {
    color: #282828;
    text-align: right;
  }
  .time-line-schedule-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    width: 100%;
  }
  .time-line-block {
    border: 1px solid #eee;
    border-radius: 8px;
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    line-height: 20px;
    padding: 18px 0;
    text-align: center;
    width: calc(33.33333% - 8px);
  }
  .time-line-block-tom {
    padding: 8px 0;
  }
  .time-line-block-active {
    border-color: #e03;
    color: #e03;
  }
  .time-line-block-blocked {
    background: #e5e5e5;
    color: #b6b6b6;
    pointer-events: none;
  }
  .time-line-status {
    color: #737373;
  }
  .analysis-text-note,
  .time-line-status {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }
  .analysis-text-note {
    color: #282828;
  }
}
@media (max-width: 768px) {
  @keyframes scaling {
    0%,
    to {
      background-color: #fcccd6;
      transform: scale(1);
    }
    20% {
      background-color: #f899ad;
      transform: scale(1);
    }
    40% {
      background-color: #f56685;
      transform: scale(1);
    }
    60% {
      background-color: #f1335c;
      transform: scale(1);
    }
    80% {
      background-color: #e03;
      transform: scale(1);
    }
  }
  .analysis-loading {
    margin-top: 16px;
    text-align: center;
  }
  .analysis-loading > div {
    animation: scaling 2.5s ease-in-out infinite;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3.75px;
    transform: scale(0);
    width: 8px;
  }
  .analysis-loading > div:nth-child(0) {
    animation-delay: 0s;
  }
  .analysis-loading > div:first-child {
    animation-delay: 0.2s;
  }
  .analysis-loading > div:nth-child(2) {
    animation-delay: 0.4s;
  }
  .analysis-loading > div:nth-child(3) {
    animation-delay: 0.6s;
  }
  .analysis-loading > div:nth-child(4) {
    animation-delay: 0.8s;
  }
  .analysis-loading > div:nth-child(5) {
    animation-delay: 1s;
  }
  .button--normal-analysis {
    border-color: #000;
    color: #171717;
  }
  .analysis-result {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .analysis-info-block {
    background: #fff;
    border-radius: 8px;
    padding: 12px 12px 16px;
  }
  .analysis-info-block-time {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 8px;
  }
  .analysis-info-block-time > div:first-child {
    color: #737373;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
    text-align: left;
  }
  .analysis-info-block-time > div:last-child {
    color: #999;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }
  .analysis-info-block-account {
    padding-top: 12px;
  }
  .analysis-info-block-account-row-1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
  }
  .analysis-info-block-account-row-1 > div:first-child {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
  }
  .analysis-info-block-account-row-1 > div:last-child {
    color: #999;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }
  .analysis-info-block-account-row-2 {
    color: #999;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .analysis-info-title {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 0;
  }
  .analysis-info-title > div {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
  }
  .analysis-result-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .analysis-result-content > div:first-child {
    color: #737373;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    width: 90%;
  }
  .analysis-result-content > div:last-child {
    text-align: right;
    width: 10%;
  }
  .analysis-result-content > div:last-child > img {
    height: 20px;
    width: 20px;
  }
  .analysis-result-note > div {
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    text-align: left;
  }
  .reason-cancel-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .reason-cancel {
    border: 1px solid #eee;
    border-radius: 8px;
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 0;
    text-align: center;
  }
  .reason-cancel-active {
    border-color: #e03;
    color: #e03;
  }
}
.pathway {
  white-space: nowrap;
}
.pathway .ant-breadcrumb a {
  color: #2c2f31;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.pathway .ant-breadcrumb-link {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.pathway .ant-breadcrumb a:hover {
  color: #e03;
}
.pathway .ant-breadcrumb-separator {
  color: #2c2f31;
  font-size: 12px;
  margin: 0 18px;
  padding: 0 3px;
  vertical-align: middle;
}
.pathway .ant-breadcrumb > span:nth-child(3) .ant-breadcrumb-link {
  color: #e03 !important;
}
.pathway .ant-breadcrumb > span:last-child .ant-breadcrumb-link {
  color: #e03 !important;
  font-weight: 700 !important;
}
@media (max-width: 500px) {
  .pathway .ant-breadcrumb {
    display: flex;
    flex-wrap: wrap;
  }
  .pathway .ant-breadcrumb a {
    font-size: 14px;
  }
  .pathway .ant-breadcrumb-separator {
    margin: 0 9px;
  }
  .pathway .ant-breadcrumb-link {
    font-size: 14px;
  }
  .pathway {
    overflow: auto;
    padding: 15px 0 10px;
  }
}
.modal--data .modal__body {
  padding: 20px 35.5px 8px;
}
.ant-modal-mask {
  background-color: #000000b3;
}
.ant-modal-close-x {
  font-family: icon-theme !important;
  font-size: 15px;
}
.ant-modal-close-x .anticon svg {
  color: #576c8a;
  display: inline-block;
  position: relative;
  right: -1px;
  top: -6px;
}
.modal-data__title {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 15px;
  text-align: center;
}
.data-pack-register-phone-verify .modal__body {
  padding-bottom: 6px;
}
.change-date-modal {
  width: 551px !important;
}
.change-date-modal .modal--data .modal__body {
  padding: 0 35.5px 8px;
}
.change-date-modal .ant-modal-body {
  padding: 42px 1px 24px;
}
.change-date-modal .modal__body {
  padding: 0 40px 30px;
}
.change-date-modal .button--normal {
  margin-right: 15px;
}
.change-success-modal {
  width: 551px !important;
}
.change-success-modal .button--primary {
  width: 100% !important;
}
@media (max-width: 991px) {
  .modal-data__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.modal-data__images {
  display: flex;
  justify-content: center;
  margin: 15px 0;
}
.modal-data__des {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 15px 0 0;
  text-align: center;
}
.modal-data__images--success {
  color: #03a678;
}
.modal-data__images--warning {
  color: #d11313;
}
.modal-data__images i {
  font-size: 70px;
}
.modal-data__btn {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.modal-data__btn .button {
  width: 360px;
}
.modal-data__btn .button--normal {
  border-color: #2c2f31;
}
@media (max-width: 991px) {
  .modal-data__btn .button {
    max-width: 100% !important;
    width: 100% !important;
  }
}
.modal-data__btn--2column {
  margin: 20px 17px 0;
}
.modal-data__btn--2column .button {
  flex: 1 1;
  margin: 0 8px;
}
.msg-noti-sent-number-phone {
  color: #2c2f31;
  font-size: 14px;
}
.modal-data__note {
  color: #727272;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 10px 0 0;
  text-align: center;
}
.form-customize input::placeholder {
  color: #727272 !important;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}
.view-history {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 20px;
  text-align: center;
}
.view-history a {
  color: #e03;
  font-size: 18px;
  line-height: 28px;
  text-decoration: underline;
}
@media (max-width: 500px) {
  .ant-modal-close-x {
    font-size: 14px;
  }
  .ant-modal-body {
    padding: 24px 0 10px;
  }
  .modal-discount__btn .button {
    width: 48%;
  }
  .modal--data .modal__body {
    padding: 15px 0 22px;
  }
  .change-date-modal .modal--data .modal__body,
  .change-date-modal .modal__body {
    padding: 0;
  }
  .change-date-modal .modal-data__title {
    font-size: 18px;
    line-height: 28px;
  }
  .change-success-modal .modal-data__title,
  .modal-error .modal-data__title {
    font-size: 20px;
  }
  .change-success-modal .ant-modal-content,
  .confirm-modal .ant-modal-content {
    margin: 0;
  }
  .change-date-modal .ant-modal-body {
    padding: 40px 1px 30px;
  }
  .confirm-modal .modal-data__des {
    font-size: 14px !important;
  }
  .confirm-modal .modal-data__title {
    margin: 0 0 10px;
  }
  .change-date-modal .modal-data__des,
  .change-success-modal .modal-data__des {
    line-height: 21px;
  }
  .change-success-modal .modal__body {
    padding: 0 30px 30px;
  }
  .change-success-modal .ant-modal-body {
    padding-bottom: 0;
  }
}
.modal__content {
  background-color: #fff;
  box-shadow: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  position: relative;
}
.confirm-modal .modal-data__des {
  color: #2c2f31;
}
.modal-digital__btn-2column {
  justify-content: space-between;
}
.ant-modal-content {
  border-radius: 14px 14px 14px 0;
}
.modal-digital__btn-2column .button {
  max-width: 195px;
  width: 48%;
}
@media (max-width: 551px) {
  .support-service-popup .ant-modal-content {
    border-radius: 16px;
  }
  .support-service-popup .ant-modal-close-x {
    font-size: 22px;
  }
  .support-service-popup .ant-modal-close-x .anticon svg {
    color: #404040 !important;
    right: 0;
    top: -2px;
  }
  .support-service-popup .modal-data__images {
    margin: -4px 0 16px !important;
  }
  .support-service-popup .modal-data__title {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 16px;
    text-align: center;
  }
  .support-service-popup .modal-data__des {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
  }
  .support-service-popup .modal__content {
    padding: 0 20px;
  }
  .support-service-popup .modal-data__btn {
    margin: 16px 0 0;
  }
  .support-service-popup .modal-data__btn .button {
    min-height: 44px;
  }
}
@media (max-width: 768px) {
  .address-selection-mobile {
    position: relative;
    width: 100%;
  }
  .address-selection-mobile .input-address {
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    color: #282828;
    height: 60px;
    line-height: 24px;
    padding: 28px 36px 12px 12px;
    width: 100%;
  }
  .address-selection-mobile .input-address,
  .address-text-label {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
  }
  .address-text-label {
    color: #737373;
    left: 12px;
    line-height: 20px;
    margin: 0;
    position: absolute;
    top: 18px;
    transition: all 0.3s;
  }
  .address-selection-mobile i {
    color: #000;
    font-size: 16px;
    position: absolute;
    right: 16.2px;
    top: 18px;
    transition: all 0.3s;
  }
  .icon-rotate {
    transform: rotate(180deg);
  }
  .address-selection-mobile .address-filter-content,
  .address-selection-mobile .address-filter-mobile-container {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
  }
  .address-selection-mobile .address-filter-mobile-container {
    background-color: #000000b3;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    padding: 24px 16px !important;
    right: 0;
    text-align: inherit;
    top: 0;
    z-index: 1001 !important;
  }
  .address-selection-mobile .address-filter-mobile-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.05em;
    vertical-align: middle;
  }
  .address-selection-mobile .address-filter-content {
    animation-duration: 1s;
    animation-name: animationDrop;
    background-color: #f7f8fa;
    border-radius: 5px 5px 0 0;
    color: #000;
    display: block;
    height: 600px;
    margin-top: -8px;
    padding: 0 16px 24px;
    z-index: 99;
  }
  .address-selection-mobile .address-filter-mobile-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
  }
  .address-selection-mobile .mobile-header-cancel {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
  }
  .address-selection-mobile .mobile-header-title {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
  }
  .address-selection-mobile .mobile-header-select {
    color: #e03;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: right;
  }
  .address-selection-mobile .mobile-header-select-disabled {
    color: #727272;
    pointer-events: none;
  }
  .address-selection-mobile .address-search-bar {
    margin: 0 0 16px;
    position: relative;
  }
  .address-selection-mobile .address-search-bar > img {
    left: 12px;
    position: absolute;
    top: 12px;
  }
  .address-selection-mobile .address-name-input {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    height: 48px;
    outline: none;
    padding: 10px 12px 10px 44px;
    width: 100%;
  }
  .address-selection-mobile .address-filter-list {
    height: 100%;
    max-height: 450px;
    overflow-x: auto;
  }
  .address-selection-mobile .address-filter-option > span {
    font-size: 16px;
    line-height: 24px;
  }
  .address-selection-mobile .address-filter-list::-webkit-scrollbar {
    background-color: inherit;
    display: block !important;
    height: auto !important;
    position: absolute;
    width: 4px !important;
  }
  .address-selection-mobile .address-filter-list::-webkit-scrollbar-thumb {
    background: #e5e5e5;
  }
  .address-selection-mobile .address-filter-item {
    padding-bottom: 14px;
  }
  .address-selection-mobile .address-filter-item:not(:first-child) {
    padding-top: 12px;
  }
  .address-selection-mobile .address-filter-item:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
  }
  .address-selection-mobile .address-filter-option {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
  .address-selection-mobile .address-filter-option > span {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
  }
  .address-selection-mobile .address-filter-radio {
    accent-color: #e03;
    height: 21.33px;
    width: 21.33px;
  }
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  border: 0;
  display: inline-block;
  padding: 0;
}
.react-datepicker {
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  color: #000;
  display: inline-block;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: 0.8rem;
  line-height: normal;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker-popper {
  line-height: 0;
  z-index: 1;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker__header {
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
  text-align: center;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
  color: #000;
  font-size: 0.944rem;
  font-weight: 700;
  margin-top: 0;
}
.react-datepicker-time__header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  text-indent: -999em;
  top: 2px;
  width: 32px;
  z-index: 1;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(
    .react-datepicker__navigation--next--with-today-button
  ) {
  right: 85px;
}
.react-datepicker__navigation--years {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  font-size: 20px;
  position: relative;
  top: -1px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next:before {
  left: -7px;
  transform: rotate(45deg);
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  transform: rotate(225deg);
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  margin: 2px;
  width: 4rem;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  margin: 2px;
  width: 4rem;
}
.react-datepicker__input-time-container {
  clear: both;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
  width: 100%;
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input {
  width: auto;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__delimiter {
  display: inline-block;
  margin-left: 5px;
}
.react-datepicker__time-container {
  border-left: 1px solid #aeaeae;
  float: right;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: 0.3rem;
  position: relative;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box {
  border-bottom-right-radius: 0.3rem;
  margin: 0 auto;
  overflow-x: hidden;
  text-align: center;
  width: 85px;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list {
  box-sizing: initial;
  height: calc(195px + 0.85rem);
  list-style: none;
  margin: 0;
  overflow-y: scroll;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #fff;
  font-weight: 700;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled:hover {
  background-color: initial;
  cursor: default;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  line-height: 1.7rem;
  margin: 0.166rem;
  text-align: center;
  width: 1.7rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(
    .react-datepicker__week-number--selected,
    .react-datepicker__week-number--keyboard-selected
  ):hover {
  background-color: #f0f0f0;
  border-radius: 0.3rem;
}
.react-datepicker__week-number--selected {
  background-color: #216ba5;
  border-radius: 0.3rem;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  background-color: #2a87d0;
  border-radius: 0.3rem;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day-names {
  margin-bottom: -8px;
  white-space: nowrap;
}
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  line-height: 1.7rem;
  margin: 0.166rem;
  text-align: center;
  width: 1.7rem;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  background-color: #f0f0f0;
  border-radius: 0.3rem;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: 700;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  background-color: #3dcc4a;
  border-radius: 0.3rem;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  background-color: #ff6803;
  border-radius: 0.3rem;
  color: #fff;
  position: relative;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  background-color: #333;
  border-radius: 4px;
  bottom: 100%;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 4px;
  position: absolute;
  transform: translateX(-50%);
  transition: visibility 0s, opacity 0.3s ease-in-out;
  visibility: hidden;
  white-space: nowrap;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  opacity: 1;
  visibility: visible;
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
  background-color: #216ba5;
  border-radius: 0.3rem;
  color: #fff;
}
.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: #bad9f1;
  border-radius: 0.3rem;
  color: #000;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__month-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__quarter-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ),
.react-datepicker__year-text--in-selecting-range:not(
    .react-datepicker__day--in-range,
    .react-datepicker__month-text--in-range,
    .react-datepicker__quarter-text--in-range,
    .react-datepicker__year-text--in-range
  ) {
  background-color: #216ba580;
}
.react-datepicker__month--selecting-range
  .react-datepicker__day--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__month-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__quarter-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__month--selecting-range
  .react-datepicker__year-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__day--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__month-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__quarter-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ),
.react-datepicker__year--selecting-range
  .react-datepicker__year-text--in-range:not(
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__month-text--in-selecting-range,
    .react-datepicker__quarter-text--in-selecting-range,
    .react-datepicker__year-text--in-selecting-range
  ) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  color: #ccc;
  cursor: default;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: initial;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  background-color: #333;
  border-radius: 4px;
  bottom: 70%;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 4px;
  position: absolute;
  transform: translateX(-50%);
  transition: visibility 0s, opacity 0.3s ease-in-out;
  visibility: hidden;
  white-space: nowrap;
}
.react-datepicker__input-container {
  display: inline-block;
  position: relative;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  box-sizing: initial;
  padding: 0.5rem;
  position: absolute;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
  border: 1px solid #0000;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__month-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  right: -16px;
  top: 0;
  transform: rotate(135deg);
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  left: 25%;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 50%;
  z-index: 1;
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
  display: block;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  -webkit-user-select: none;
  user-select: none;
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
  background-color: #ccc;
}
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
  left: 15px;
  position: absolute;
}
.react-datepicker__close-icon {
  background-color: initial;
  border: 0;
  cursor: pointer;
  display: table-cell;
  height: 100%;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
.react-datepicker__close-icon:after {
  background-color: #216ba5;
  border-radius: 50%;
  color: #fff;
  content: "×";
  cursor: pointer;
  display: table-cell;
  font-size: 12px;
  height: 16px;
  line-height: 1;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled:after {
  background-color: #ccc;
  cursor: default;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  clear: left;
  cursor: pointer;
  font-weight: 700;
  padding: 5px 0;
  text-align: center;
}
.react-datepicker__portal {
  align-items: center;
  background-color: #000c;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
  line-height: 3rem;
  width: 3rem;
}
@media (max-height: 550px), (max-width: 400px) {
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__time-name {
    line-height: 2rem;
    width: 2rem;
  }
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem;
}
.react-datepicker__children-container {
  height: auto;
  margin: 0.4rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  width: 13.8rem;
}
.react-datepicker__aria-live {
  border: 0;
  -webkit-clip-path: circle(0);
  clip-path: circle(0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.react-datepicker__calendar-icon {
  height: 1em;
  vertical-align: -0.125em;
  width: 1em;
}
.address-filter-container {
  background: #fff;
  border-radius: 12px;
  max-height: 336px;
  overflow-y: auto;
  padding: 12px;
  position: absolute;
  top: 68px;
  width: 100%;
  z-index: 5;
}
.address-filter-item {
  padding-bottom: 14px;
}
.address-filter-item:not(:first-child) {
  padding-top: 12px;
}
.address-filter-item:not(:last-child) {
  border-bottom: 1px solid #f5f5f5;
}
.address-filter-option {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.address-filter-option > span {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.address-filter-radio {
  accent-color: #e03;
  height: 21.33px;
  width: 21.33px;
}
.address-filter-content,
.address-filter-mobile-container {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
}
.address-filter-mobile-container {
  background-color: #000000b3;
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  padding: 24px 16px !important;
  right: 0;
  text-align: inherit;
  top: 0;
  z-index: 1001 !important;
}
.address-filter-mobile-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.05em;
  vertical-align: middle;
}
.address-filter-content {
  animation-duration: 1s;
  animation-name: animationDrop;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  color: #000;
  display: block;
  height: 360px;
  margin-top: -8px;
  padding: 0 16px 24px;
  z-index: 99;
}
.address-filter-mobile-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.mobile-header-cancel {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}
.mobile-header-title {
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
.mobile-header-select {
  color: #e03;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: right;
}
.mobile-header-select-disabled {
  color: #727272;
  pointer-events: none;
}
.address-filter-content .choose-store-search-bar {
  margin: 16px 0;
}
.icon-rotate {
  transform: rotate(180deg);
}
@media (max-width: 576px) {
  .address-filter-content .address-filter-list {
    height: 100%;
    max-height: 450px;
    overflow-x: auto;
  }
  .address-filter-option > span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .address-filter-list::-webkit-scrollbar {
    background-color: inherit;
    display: block !important;
    height: auto !important;
    position: absolute;
    width: 4px !important;
  }
  .address-filter-list::-webkit-scrollbar-thumb {
    background: #e5e5e5;
  }
}
@media (max-width: 576px) {
  .react-datepicker__month,
  .react-datepicker__month-container,
  .react-datepicker__week {
    width: 100%;
  }
  .react-datepicker__navigation--previous {
    left: 310px;
  }
  .react-datepicker__day,
  .react-datepicker__day-name,
  .react-datepicker__time-name {
    line-height: 35px;
    margin: 0;
    width: 36px;
  }
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  pointer-events: none;
}
.react-datepicker {
  border-color: #0000;
  box-shadow: 0 4px 16px 0 #00000014;
  font-family: FS PFBeauSansPro, sans-serif;
  width: 100%;
}
.react-datepicker__day--keyboard-selected {
  background-color: #fff;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  background-color: #e03;
  border-radius: 50%;
  color: #fff;
}
.react-datepicker__day--selected,
.react-datepicker__day--selected:hover {
  background-color: #e03;
  border-radius: 50%;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #e03;
  border-radius: 50%;
  color: #fff;
}
.react-datepicker__month,
.react-datepicker__month-container,
.react-datepicker__week {
  width: 100%;
}
.react-datepicker__month {
  margin: 0;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  line-height: 29px;
  margin: 0;
  width: 28px;
}
.react-datepicker__current-month {
  border-bottom: 1px solid #f5f5f5;
  color: #737373;
  padding-bottom: 8px;
}
.react-datepicker__header {
  background-color: #fff;
  border-bottom: none;
}
.react-datepicker__navigation--previous {
  left: 280px;
}
.react-datepicker__current-month {
  padding-left: 12px;
  text-align: left;
}
.react-datepicker__day-names,
.react-datepicker__week {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.react-datepicker__week:last-child {
  padding-bottom: 8px;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
  border-color: #404040;
}
.react-datepicker__navigation:hover :before {
  border-color: initial;
}
.react-datepicker__day--disabled {
  color: #999 !important;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: 400;
}
@media (max-width: 576px) {
  .react-datepicker__month,
  .react-datepicker__month-container,
  .react-datepicker__week {
    width: 100%;
  }
  .react-datepicker__day,
  .react-datepicker__day-name,
  .react-datepicker__time-name {
    line-height: 35px;
    margin: 0;
    width: 36px;
  }
}
.old-address-modal__header {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.old-address-modal__content {
  background-color: #fff;
  border-radius: 14px 14px 14px 0;
  box-shadow: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.old-address-modal__close {
  font-size: 0;
}
.old-address-modal__body {
  min-height: 330px;
}
.old-address-modal--address .old-address-modal__body--address {
  padding: 30px 40px 40px;
}
.old-address-modal-address__title {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 20px;
  text-align: center;
}
.old-address-form-2column {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.old-address-form-customize {
  flex: 1 1;
  min-width: 100%;
}
.old-address-form-control {
  color: #000 !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
}
.old-address-form-control option:not([value=""]),
.old-address-form-control option[value=""],
.old-address-form-control:not([value=""]) {
  color: #000 !important;
}
.old-address-form-control:focus {
  border-color: #58b84f;
  outline: none;
}
.old-address-form-customize.padding-right {
  padding-right: 0;
}
.old-address-form-customize.padding-left {
  padding-left: 0;
}
.old-address-form-control {
  background-color: #fff6;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #000;
  font-family: Roboto, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 12px;
}
.old-address-form-control .address-info {
  font-size: 14px;
  font-weight: 500;
}
.old-address-form-control option[value=""] {
  color: #727272;
}
.old-address-form-control option:not([value=""]) {
  color: #000;
}
.old-address-form-control::placeholder,
.old-address-form-control:focus option[value=""] {
  color: #727272;
}
.old-address-modal-address__btn {
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  gap: 15px;
  justify-content: center;
  margin-top: 30px;
}
.old-address-button {
  border: none;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 12px;
  padding-top: 8px;
  width: 100%;
}
.old-address-button--secondary {
  background-color: #fff;
  border: 1px solid #44494d;
  color: #2c2f31;
}
.old-address-button--primary {
  background-color: #e03;
  color: #fff;
}
.old-address-button--primary:disabled {
  border: 1px solid #44494d;
}
.old-address-button--primary:disabled,
.old-address-button--primary:disabled:hover {
  background-color: #4b4b4b;
  color: #b5b4b4;
}
.old-address-button--secondary:hover {
  background-color: #e0e0e0;
}
.old-address-button--primary:hover {
  background-color: #cc002e;
}
.old-address-text-new-address {
  display: inline-block;
  line-height: 1.5;
  text-align: start;
  width: 100%;
}
.old-address-text-new-address,
.old-address-text-new-address-content {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 400;
  overflow-wrap: break-word;
  white-space: normal;
}
.old-address-text-new-address-content {
  color: #e03;
  display: inline;
}
.ant-modal-mask {
  background-color: #000000b3 !important;
}
@media (min-width: 576px) {
  .old-address-modal--address .old-address-modal__content {
    max-width: 551px;
  }
}
@media (max-width: 991px) {
  .old-address-modal--address .old-address-modal__body--address {
    padding: 0 10px 25px;
  }
  .old-address-form-customize {
    min-width: 100%;
  }
  .old-address-form-control {
    font-size: 14px;
  }
  .old-address-modal-address__title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 15px;
  }
  .old-address-form-customize.padding-left {
    padding-left: 0;
  }
  .old-address-form-customize.padding-right {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .address-selection-mobile {
    position: relative;
    width: 100%;
  }
  .address-selection-mobile .input-address {
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    color: #282828;
    height: 60px;
    line-height: 24px;
    padding: 28px 36px 12px 12px;
    width: 100%;
  }
  .address-selection-mobile .input-address,
  .address-text-label {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
  }
  .address-text-label {
    color: #737373;
    left: 12px;
    line-height: 20px;
    margin: 0;
    position: absolute;
    top: 18px;
    transition: all 0.3s;
  }
  .address-selection-mobile i {
    color: #000;
    font-size: 16px;
    position: absolute;
    right: 16.2px;
    top: 18px;
    transition: all 0.3s;
  }
  .icon-rotate {
    transform: rotate(180deg);
  }
  .address-selection-mobile .address-filter-content,
  .address-selection-mobile .address-filter-mobile-container {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
  }
  .address-selection-mobile .address-filter-mobile-container {
    background-color: #000000b3;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    padding: 24px 16px !important;
    right: 0;
    text-align: inherit;
    top: 0;
    z-index: 1001 !important;
  }
  .address-selection-mobile .address-filter-mobile-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.05em;
    vertical-align: middle;
  }
  .address-selection-mobile .address-filter-content {
    animation-duration: 1s;
    animation-name: animationDrop;
    background-color: #f7f8fa;
    border-radius: 5px 5px 0 0;
    color: #000;
    display: block;
    height: 600px;
    margin-top: -8px;
    padding: 0 16px 24px;
    z-index: 99;
  }
  .address-selection-mobile .address-filter-mobile-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
  }
  .address-selection-mobile .mobile-header-cancel {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
  }
  .address-selection-mobile .mobile-header-title {
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
  }
  .address-selection-mobile .mobile-header-select {
    color: #e03;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: right;
  }
  .address-selection-mobile .mobile-header-select-disabled {
    color: #727272;
    pointer-events: none;
  }
  .address-selection-mobile .address-search-bar {
    margin: 0 0 16px;
    position: relative;
  }
  .address-selection-mobile .address-search-bar > img {
    left: 12px;
    position: absolute;
    top: 12px;
  }
  .address-selection-mobile .address-name-input {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    height: 48px;
    outline: none;
    padding: 10px 12px 10px 44px;
    width: 100%;
  }
  .address-selection-mobile .address-filter-list {
    height: 100%;
    max-height: 450px;
    overflow-x: auto;
  }
  .address-selection-mobile .address-filter-option > span {
    font-size: 16px;
    line-height: 24px;
  }
  .address-selection-mobile .address-filter-list::-webkit-scrollbar {
    background-color: inherit;
    display: block !important;
    height: auto !important;
    position: absolute;
    width: 4px !important;
  }
  .address-selection-mobile .address-filter-list::-webkit-scrollbar-thumb {
    background: #e5e5e5;
  }
  .address-selection-mobile .address-filter-item {
    padding-bottom: 14px;
  }
  .address-selection-mobile .address-filter-item:not(:first-child) {
    padding-top: 12px;
  }
  .address-selection-mobile .address-filter-item:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
  }
  .address-selection-mobile .address-filter-option {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
  .address-selection-mobile .address-filter-option > span {
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
  }
  .address-selection-mobile .address-filter-radio {
    accent-color: #e03;
    height: 21.33px;
    width: 21.33px;
  }
}
.custom-date-picker__wrap {
  position: relative !important;
}
.custom-date-picker {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #2c2f31;
  display: block;
  font-family: Roboto, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 24px;
  padding: 9px 30px 9px 15px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.custom-date-picker:focus {
  border-color: #58b84f;
  border-right-width: 1px !important;
  box-shadow: none;
  outline: 0;
}
.custom-date-picker::placeholder {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.custom-calendar {
  border: 1px solid #d1d1d1 !important;
  border-radius: 0 !important;
}
.custom-calendar,
.custom-date-picker .react-datepicker__month-container {
  font-family: FS PFBeauSansPro, sans-serif !important;
}
.custom-calendar .react-datepicker__header {
  background-color: #fff;
  border-bottom: none;
}
.custom-date-picker .react-datepicker__triangle {
  display: none !important;
}
.custom_header__date-picker {
  display: flex;
  height: 40px;
  justify-content: space-between;
  width: 100%;
}
.custom_header__date-picker--next,
.custom_header__date-picker--previous {
  background: #fff;
  border: none;
  cursor: pointer;
  float: left;
  outline: none;
  position: relative;
  text-indent: -10000px;
  width: 14.285714285714286%;
}
.custom_header__date-picker--next:after {
  border: 6px solid #0000;
  border-left: 10px solid #e03 !important;
  content: "";
  left: 50%;
  margin-left: 5px !important;
  position: absolute;
  top: 50%;
  transform: translateX(-49%) translateY(-49%);
}
.custom_header__date-picker--previous:after {
  border: 6px solid #0000;
  border-right: 10px solid #e03 !important;
  content: "";
  left: 50%;
  margin-left: -5px !important;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.custom_header__date-picker__toggle-button {
  background: #fff;
  border: none;
  color: #2c2f31;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  outline: none;
  text-align: center;
  width: 71.42857142857143%;
}
.custom_header__date-picker--next:hover,
.custom_header__date-picker--previous:hover,
.custom_header__date-picker__toggle-button:hover {
  background: #eee;
}
.custom_header__date-picker--next:disabled:hover,
.custom_header__date-picker--previous:disabled:hover,
.custom_header__date-picker__toggle-button:disabled:hover {
  background-color: #fff;
  cursor: default;
}
.isYearPicker {
  cursor: default;
  &:hover {
    background: #0000;
  }
}
.custom-calendar .react-datepicker__header {
  padding: 0 !important;
}
.custom-date-picker__wrap .react-datepicker-popper {
  top: 0 !important;
  transform: none !important;
  z-index: 2 !important;
}
.standard-infor__date-picker .react-datepicker-popper {
  top: 40px !important;
}
.custom-date-picker__wrap .react-datepicker-wrapper {
  width: 100%;
}
.custom-date-picker__wrap .react-datepicker__day,
.custom-date-picker__wrap .react-datepicker__day-name,
.custom-date-picker__wrap .react-datepicker__time-name {
  border: 1px solid #0000;
  color: #2c2f31 !important;
  font-size: 10.5px;
  height: 40px !important;
  line-height: 40px !important;
  margin: 0 !important;
  padding: 0 5px;
  width: 42.67px !important;
}
.custom-date-picker__wrap .react-datepicker__day--in-range,
.custom-date-picker__wrap .react-datepicker__day--in-selecting-range,
.custom-date-picker__wrap .react-datepicker__day--selected,
.custom-date-picker__wrap .react-datepicker__month-text--in-range,
.custom-date-picker__wrap .react-datepicker__month-text--in-selecting-range,
.custom-date-picker__wrap .react-datepicker__month-text--selected,
.custom-date-picker__wrap .react-datepicker__quarter-text--in-range,
.custom-date-picker__wrap .react-datepicker__quarter-text--in-selecting-range,
.custom-date-picker__wrap .react-datepicker__quarter-text--selected,
.custom-date-picker__wrap .react-datepicker__year-text--in-range,
.custom-date-picker__wrap .react-datepicker__year-text--in-selecting-range,
.custom-date-picker__wrap .react-datepicker__year-text--selected {
  background-color: #e03 !important;
  border-radius: 0.3rem !important;
  color: #fff !important;
}
.custom-date-picker__wrap .react-datepicker__day:hover,
.custom-date-picker__wrap .react-datepicker__month-text:hover,
.custom-date-picker__wrap .react-datepicker__year-text:hover {
  background-color: initial !important;
  border: 1px solid #4bd !important;
  border-radius: 0 !important;
}
.custom-date-picker__wrap .react-datepicker__day--selected:hover {
  background-color: #e03 !important;
  border-radius: 0.3rem !important;
  color: #fff !important;
}
.custom-date-picker__wrap .react-datepicker__month-text--selected:hover,
.custom-date-picker__wrap .react-datepicker__year-text--selected:hover {
  background-color: #e03 !important;
  border-radius: 0.3rem !important;
}
.custom-date-picker__wrap .react-datepicker__month,
.custom-date-picker__wrap .react-datepicker__year {
  margin: 0 !important;
}
.custom-date-picker__wrap .react-datepicker__day,
.custom-date-picker__wrap .react-datepicker__month-text,
.custom-date-picker__wrap .react-datepicker__year-text {
  font-size: 14px;
  font-weight: 400;
}
.custom-date-picker__wrap .react-datepicker__day-names {
  margin-bottom: 0 !important;
}
.custom-date-picker__wrap .react-datepicker__month-text,
.custom-date-picker__wrap .react-datepicker__year-text {
  border: 1px solid #0000;
  color: #2c2f31;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin: 0 !important;
  padding: 0 5px;
  text-align: center;
  vertical-align: middle;
  width: 99.55px !important;
}
.custom-date-picker__wrap .react-datepicker__year-wrapper {
  max-width: 300px !important;
}
.custom-date-picker__wrap .react-datepicker__day--keyboard-selected,
.custom-date-picker__wrap .react-datepicker__month-text--keyboard-selected {
  background-color: initial !important;
  border-radius: 0.3rem;
  color: #2c2f31 !important;
}
.custom-date-picker__wrap .react-datepicker__month-text--selected {
  background-color: #e03 !important;
  border-radius: 0.3rem !important;
  color: #2c2f31 !important;
}
.custom-date-picker__wrap .react-datepicker__year-text--keyboard-selected {
  background-color: initial !important;
  border-radius: 0.3rem;
  color: #2c2f31 !important;
}
.custom-date-picker__wrap .react-datepicker__year-text--selected {
  background-color: #e03 !important;
  border-radius: 0.3rem !important;
  color: #2c2f31 !important;
}
.custom-date-picker__wrap .react-datepicker__day--outside-month {
  color: #0000 !important;
  pointer-events: none;
}
.custom-date-picker__wrap .react-datepicker__day--disabled,
.custom-date-picker__wrap .react-datepicker__month-text--disabled,
.custom-date-picker__wrap .react-datepicker__year-text--disabled {
  opacity: 0.2;
  pointer-events: none;
}
@media (max-width: 575px) {
  .custom-date-picker {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 8px 10px 15px;
  }
}
.form-2column > .form-customize {
  flex-basis: calc(50% - 30px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 15px 15px;
  position: relative;
  width: calc(50% - 30px);
}
.select-box-subject {
  position: relative;
  width: 100%;
}
.select-option-subject {
  display: flex;
  position: relative;
}
.select-box-subject .select-option-subject {
  align-items: center;
  background: #fff;
  border-radius: 8px 8px 8px 0;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 400;
  justify-content: space-between;
}
.select-option-subject input {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 12px;
  color: #171717;
  cursor: pointer;
  height: 64px;
  padding: 22px 30px 2px 12px;
  width: 100%;
}
.select-option-subject input,
.select-option-subject label {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.select-option-subject label {
  color: #a3a3a3;
  display: flex;
  height: 100%;
  left: 12px;
  pointer-events: none;
  position: absolute;
  top: 16px;
  transition: 0.3s ease;
}
.select-option-subject input:focus + label,
.select-option-subject input:not(:placeholder-shown) + label {
  color: #737373;
  font-size: 14px;
  transform: translateY(-12px);
}
.select-option-subject i {
  background: #fff;
  color: #404040;
  font-size: 25px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.search-subject {
  border: 1px #58b84f;
  position: relative;
}
.search-subject i {
  color: #c0bdbd;
  font-size: 25px;
  left: 294px;
  position: absolute;
  top: 8px;
}
.search-subject input {
  border: 1px solid #58b84f;
  border-radius: 8px 8px 8px 0;
  font-size: 17px;
  height: 40px;
  outline: 0;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-top: 10px;
  width: 326px;
}
.option-list-component {
  animation-duration: 1s;
  animation-name: animationDrop;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 5px 5px 0 0;
  color: #000;
  margin-top: 0;
  padding: 8px;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.options-subject {
  margin-top: 10px;
  max-height: 250px;
  overflow-y: auto;
  padding-right: 12px;
}
.options-subject li {
  color: #2c2f31;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  padding: 12px;
  position: relative;
}
.options-subject li:hover {
  background-color: #fee5eb;
  border: 1px solid #e03;
  border-radius: 5px 5px 5px 0;
  color: #e03;
}
.search_input_form {
  border: 1px solid #58b84f !important;
  height: 40px !important;
  padding: 0 15px !important;
}
.error-validation-input {
  border: 1px solid #e03 !important;
}
.select-options-subject {
  margin-top: 10px;
  max-height: 250px;
  overflow-y: auto;
  padding-right: 12px;
}
.select-options-subject li {
  align-items: center;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 28px;
  padding: 14px 12px 14px 56px;
  text-align: left;
}
.options-subject li.option,
.select-options-subject li {
  border-bottom: 1px solid #f5f5f5;
  color: #2c2f31;
  cursor: pointer;
  font-weight: 400;
  position: relative;
}
.options-subject li.option {
  font-size: 16px;
  padding: 12px 12px 12px 56px;
}
.option-subject-text > .checkbox_input_container > .checkbox_mark {
  border: 2px solid #e5e5e5 !important;
  height: 21.33px;
  width: 21.33px;
}
.option-subject-text
  .checkbox_input_container
  input[type="checkbox"]:checked
  ~ .checkbox_mark {
  border: 2px solid #e03 !important;
}
.option-subject-text
  .checkbox_input_container
  input[type="checkbox"]:checked
  ~ .checkbox_mark:after {
  height: 10.67px;
  left: 3px;
  top: 3px;
  width: 10.67px;
}
.select-option-subject.list {
  position: absolute;
  top: 68px;
  width: 100%;
  z-index: 10;
}
.telecom-service-point__form-full {
  display: flex;
  width: 100%;
}
.telecom-service-point__internet-info__form
  .telecom-service-point__form-customize {
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  max-width: none !important;
  position: relative;
  width: 100%;
}
select {
  background-position-y: 46%;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  box-sizing: border-box;
  color: #576c8a;
  font-family: Roboto, sans-serif !important;
  font-weight: 500;
  padding: 15px 16px;
}
.telecom-service-point__form-customize .telecom-service-point__label-title {
  color: #2c2f31;
  display: inline-block;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
  position: relative;
  word-break: break-word;
}
@media (max-width: 575px) {
  .telecom-service-point__form-customize .telecom-service-point__label-title {
    font-size: 14px;
  }
}
.telecom-service-point__form-customize .telecom-service-point__required {
  color: #f25151;
  margin-left: 2px;
  position: absolute;
  top: -2px;
}
.telecom-service-point__form-customize .telecom-service-point__form-control {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #2c2f31 !important;
  cursor: default;
  display: block;
  font-family: Roboto, sans-serif !important;
  font-size: 16px;
  font-weight: 400 !important;
  height: 40px;
  line-height: 24px;
  padding: 9px 30px 9px 15px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (max-width: 575px) {
  .telecom-service-point__form-customize .telecom-service-point__form-control {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 40px 10px 15px !important;
  }
}
.telecom-service-point__form-customize
  .telecom-service-point__form-control::placeholder {
  color: #b5b4b4;
}
@media (max-width: 575px) {
  .telecom-service-point__form-customize
    .telecom-service-point__form-control::placeholder {
    font-size: 14px;
    line-height: 20px;
  }
}
.telecom-service-point__form-customize
  .telecom-service-point__form-control:focus {
  border-color: #58b84f !important;
}
.telecom-service-point__form-customize
  .telecom-service-point__form-control:disabled {
  background-color: #e4e4e4;
  color: #727272;
  opacity: 1;
}
.telecom-service-point__form-customize
  .telecom-service-point__form-control:disabled::placeholder {
  color: #727272;
}
.telecom-service-point__form-customize
  textarea.telecom-service-point__form-control {
  min-height: 150px;
}
.telecom-service-point__form-customize__des {
  color: #2c2f31;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 0 0 3px;
}
.telecom-service-point__form-customize__link {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: underline;
}
.telecom-service-point__form-customize .telecom-service-point__error-text {
  color: red;
  font-size: 13px;
  font-style: italic;
  margin-top: 8px;
  word-break: break-word;
}
.telecom-service-point__form-customize--error
  .telecom-service-point__form-control,
.telecom-service-point__form-customize--error
  .telecom-service-point__form-control:focus {
  border-color: red;
}
.telecom-service-point__form-2column {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .telecom-service-point__form-2column {
    flex-direction: column;
    margin: 0;
  }
}
.telecom-service-point__form-2column .telecom-service-point__form-customize {
  flex-basis: calc(50% - 30px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 15px 15px;
  width: calc(50% - 30px);
}
@media (max-width: 767px) {
  .telecom-service-point__form-2column .telecom-service-point__form-customize {
    flex: 1 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
div.telecom-service-point__error {
  color: red;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
  padding: 0 0 3px;
}
.telecom-service-point__note-text {
  color: #727272;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 8px 0 0;
}
.telecom-service-point__order-internet {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  padding: 30px 28px;
}
@media (max-width: 991px) {
  .telecom-service-point__order-internet {
    padding: 30px 15px;
  }
}
.telecom-service-point__order-internet__title {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 25px;
  text-align: center;
}
@media (max-width: 991px) {
  .telecom-service-point__order-internet__title {
    font-size: 16px;
    line-height: 24px;
  }
}
.telecom-service-point__order-internet__list {
  margin: 20px 0 0;
}
.telecom-service-point__order-internet__item {
  display: flex;
  justify-content: space-between;
}
.telecom-service-point__order-internet__item:not(:last-child) {
  margin: 0 0 20px;
}
.telecom-service-point__order-internet__item.last {
  border-top: 1px solid #d1d1d1;
  padding: 20px 0 0;
}
.telecom-service-point__order-internet__name {
  color: #727272;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 24px;
}
.telecom-service-point__order-internet__value {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 10px;
}
.telecom-service-point__order-internet__value.total {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}
.telecom-service-point__order-internet__info {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.telecom-service-point__order-internet__info
  .telecom-service-point__order-internet__value {
  margin: -3px 0 2px;
}
.telecom-service-point__order-internet__note {
  color: #727272;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 2px 0 0;
}
.telecom-service-point__order-internet__btn {
  margin: 30px 0 0;
}
.telecom-service-point__content {
  margin: 0 auto;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  width: 1170px;
}
.telecom-service-point__pathway {
  padding: 30px 0;
}
@media (max-width: 991px) {
  .telecom-service-point__pathway {
    padding: 15px 0;
  }
}
.telecom-service-point__pathway ul li {
  display: inline;
  font-size: 16px;
}
.telecom-service-point__pathway ul li a {
  color: #2c2f31;
}
.telecom-service-point__pathway-color-custom {
  color: #fff !important;
}
.telecom-service-point__pathway ul li a:hover {
  color: #e03;
}
.telecom-service-point__pathway ul li span {
  padding: 0 5px;
}
.telecom-service-point__pathway ul li strong {
  color: #e03;
  font-weight: 400;
}
.telecom-service-point__pathway ul li i.icon-i-next {
  font-size: 12px;
  vertical-align: middle;
}
.telecom-service-point__internet-title {
  color: #2c2f31;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
}
.telecom-service-point__modal-btn {
  margin: 28px auto auto;
  width: 80%;
}
.telecom-service-point__form-customize-2 {
  display: flex;
  width: 100%;
}
.telecom-service-point__order-internet__btn-mb,
.telecom-service-point__order-internet__name-mb,
.telecom-service-point__order-internet__title-mb {
  display: none;
}
@media (max-width: 767px) {
  .telecom-service-point__form-customize-2 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 450px) {
  .telecom-service-point__form-2column .telecom-service-point__form-customize {
    margin-bottom: 12px;
  }
  .telecom-service-point__note-text {
    color: #727272;
    font-family: SF Pro Text, sans-serif;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
  }
  .telecom-service-point__form-2column
    .telecom-service-point__form-customize-2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .telecom-service-point__form-customize-2
    .telecom-service-point__form-customize:first-child {
    margin-right: 5px;
  }
  .telecom-service-point__form-customize-2
    .telecom-service-point__form-customize:last-child {
    margin-left: 5px;
  }
  .telecom-service-point__order-internet {
    background: #fff;
    border: 1.2px solid #e6e6e6;
    border-radius: 8px 8px 8px 0;
    padding: 22px 0;
  }
  .telecom-service-point__order-internet__item.last
    .telecom-service-point__order-internet__name,
  .telecom-service-point__order-internet__title {
    display: none;
  }
  .telecom-service-point__order-internet__title-mb {
    color: #2c2f31;
    display: block;
    font-family: SF Pro Text, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 14px;
    padding: 0 16px;
    text-align: left;
  }
  .telecom-service-point__order-internet__item {
    padding: 0 16px;
  }
  .telecom-service-point__order-internet__name-mb {
    color: #2c2f31;
    display: block;
    font-family: SF Pro Text;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
  }
  .telecom-service-point__order-internet__item.last {
    align-items: center;
    flex-direction: column;
  }
  .telecom-service-point__order-internet__btn {
    display: none;
  }
  .telecom-service-point__order-internet__btn-mb {
    display: block;
    margin-top: 25px;
  }
  .telecom-service-point__order-internet__btn-mb .button {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-align: center;
  }
  .telecom-service-point__order-internet__item.last
    .telecom-service-point__order-internet__info {
    align-items: center;
  }
  .telecom-service-point__order-internet__note {
    display: none;
  }
  .telecom-service-point__order-internet__value.total {
    align-items: center;
    color: #e03;
    display: flex;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .introduce-header .intro-info-vess .intro-des {
    text-align: justify;
  }
}
.telecom-service-point__internet-info-row-old-select {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 14px;
}
.telecom-service-point__it-old-address__link_internet_enterprise {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 0 4px;
  text-align: end;
  text-decoration: underline;
}
.telecom-service-point__it-old-address__link_internet_enterprise:hover {
  color: #d11313;
  text-decoration: underline;
}
.telecom-service-point__telecom-service__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 991px) {
  .telecom-service-point__telecom-service__list {
    flex-direction: column;
    margin: 0;
  }
}
.telecom-service-point__telecom-service__item {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  flex-basis: calc(33.33333% - 30px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 15px 30px;
  padding: 15px 20px 30px;
  width: calc(33.33333% - 30px);
}
@media (max-width: 991px) {
  .telecom-service-point__telecom-service__item {
    flex: 1 1;
    margin: 0 0 20px;
    padding: 15px 15px 20px;
    width: 100%;
  }
  .telecom-service-point__telecom-service__item:last-child {
    margin: 0;
  }
}
.telecom-service-point__telecom-service__sub {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .telecom-service-point__telecom-service__sub {
    font-size: 16px;
  }
}
.telecom-service-point__telecom-service__row {
  display: flex;
}
.telecom-service-point__telecom-service__row:not(:last-child) {
  margin: 0 0 10px;
}
.telecom-service-point__telecom-service__icon {
  color: #2c2f31;
  display: flex;
  flex: 0 0 16px;
  margin: 0 5px 0 0;
}
.telecom-service-point__telecom-service__icon i {
  font-size: 14px;
  line-height: 24px;
}
.telecom-service-point__telecom-service__value {
  color: #2c2f31;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popup-old-address-bh .ant-modal-body {
  padding: 30px 0 40px;
}
.address_container_title {
  color: #44494d;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 20px;
  text-align: center;
}
.popup-old-address-bh .input-account-container {
  margin: auto;
  max-width: 360px;
}
.popup-old-address-bh .receive-sim {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.popup-old-address-bh .modal-data__btn {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.popup-old-address-bh .address-info {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 20px;
  vertical-align: middle;
}
.popup-old-address-bh .address-info span {
  color: #e03;
}
.popup-old-address-bh .modal-data__btn {
  margin-top: 40px;
}
.popup-old-address-bh .modal-data__btn .button {
  font-size: 14px;
}
@media only screen and (max-width: 780px) {
  .address_container_title {
    font-size: 20px;
  }
  .popup-old-address-bh .form-customize-sim {
    margin-bottom: 0;
  }
  .popup-old-address-bh .address-info {
    font-size: 14px;
  }
  .popup-old-address-bh .modal-data__btn {
    margin-top: 20px;
  }
}
.form-customize-bh {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
}
.form-customize-bh .form-control {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  color: #171717;
  display: block;
  font-family: Roboto, sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  height: 72px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 32px 40px 12px 12px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align: middle;
  width: 100%;
}
.form-customize-bh .form-control.error-validation-input {
  background: #fff linear-gradient(90deg, #d11313 100%, #0000 0) no-repeat
    bottom;
  background-size: 100% 3.5px;
  border: 1px solid #e5e5e5 !important;
  position: relative;
}
.form-customize-bh .floating-label {
  color: #999;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  letter-spacing: 0;
  line-height: 28px;
  pointer-events: none;
  position: absolute;
  top: 35px;
  vertical-align: middle;
}
.form-customize-bh .floating-label span {
  color: #e03;
}
.form-customize-bh .form-control:focus + .floating-label,
.form-customize-bh .form-control:not(:placeholder-shown) + .floating-label {
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  transform: translateY(-23px);
  vertical-align: middle;
}
.form-customize-bh .select-option-sim i.icon-arrow-down {
  color: #404040;
  font-size: 14px;
  top: 30px;
}
.v-content__left p {
  margin: 5px 0 !important;
}
.register-info_container {
  color: #000;
  font-family: SF Pro, sans-serif;
}
.register-info_container_pc_shop {
  font-size: 16px;
  padding-top: 14px;
}
.register-info_container_mobile_shop {
  font-size: 12px;
  padding-top: 16px;
}
.register-info_container_shop {
  text-align: center;
}
.register-info_container_pc_service {
  font-size: 14.5px;
  padding-bottom: 10px;
}
.register-info_container_mobile_service {
  font-size: 12px;
  padding-bottom: 5px;
  text-align: center;
}
.register-info-link {
  color: #e03;
  text-decoration: underline;
}
.content {
  max-width: 1146px;
}
.fs-phone:before {
  content: "\ea2a" !important;
}
* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 16px;
  line-height: 1.6;
}
body {
  background-color: #fff;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.main-content {
  flex: 1 1;
}
.container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .container {
    padding: 0 2rem;
  }
}
.btn {
  align-items: center;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.btn-primary {
  background-color: #e60012;
  color: #fff;
}
.btn-primary:hover {
  background-color: #cc0010;
  transform: translateY(-1px);
}
.btn-secondary {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #333;
}
.btn-secondary:hover {
  background-color: #e9ecef;
}
@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/*!* Focus styles *!*/
.pathway.custom {
  margin: 30px 0 60px;
}
.pathway ul li {
  display: inline;
  font-size: 18px;
}
@media (max-width: 768px) {
  .pathway ul li span {
    padding: 0 5px;
  }
}
.pathway ul li i.icon-i-next {
  vertical-align: middle;
}
ul li i.icon-i-next-page {
  font-size: 12px;
  vertical-align: middle;
}
.carranty-check ul li strong {
  color: #fff;
  font-weight: 400;
}
.icon-i-next-page:before {
  content: "\e90c" !important;
}
.content {
  font-family: Roboto, sans-serif;
  margin: auto;
}
.content,
.content-tabs {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  width: 1170px;
}
.content-tabs {
  margin: 0 auto;
}
.service-tabs {
  padding: 2rem 0;
}
.service-tabs-container {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 2rem;
  width: 788px;
}
.service-title {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 36px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
.tabs-wrapper {
  border-bottom: 2px solid #f0f0f0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: center;
  padding-bottom: 2px;
}
.tab-button {
  background: none;
  border: none;
  border-bottom: 3px solid #0000;
  color: #2c2f31;
  cursor: pointer;
  flex: 1 0 auto;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 100px;
  outline: none;
  text-align: center;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.tab-button:focus,
.tab-button:hover {
  background-color: #f8f9fa;
  color: #e60012;
}
.tab-button:focus {
  outline: none;
}
.tab-button.active {
  border-bottom-color: #e60012;
  color: #e60012;
}
@media (max-width: 768px) {
  .service-tabs-container {
    padding: 0 1rem;
    width: 100%;
  }
  .service-title {
    font-size: 20px;
    margin-bottom: 1.5rem;
  }
  .tabs-wrapper {
    gap: 10px;
    justify-content: flex-start;
  }
  .tab-button {
    color: #2c2f31;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .service-title {
    font-size: 20px;
  }
  .tab-button {
    color: #2c2f31;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    min-width: 80px;
    text-align: center;
  }
  .tabs-wrapper {
    gap: 8px;
    padding-bottom: 4px;
  }
}
:root {
  --sub-color: #fe9a00;
  --main-color: #e03;
}
.banner {
  position: relative;
}
.item,
.item .banner-img {
  display: flex;
  width: 100%;
}
.pathway {
  padding: 30px 0;
}
.pathway ul li strong {
  color: #e03;
  color: var(--main-color);
  display: inline;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 24px;
}
.pathway ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.coverage-pathway-color-custom {
  color: #fff !important;
}
.pathway ul li span {
  padding: 0 18px;
}
.pathway ul li i.icon-i-next {
  font-size: 12px;
}
.pathway-m0 {
  color: #fff;
  display: flex;
  width: 100%;
}
.breadcrumbs {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.coverage .content {
  max-width: 1146px;
}
.content a {
  background-color: initial;
  color: inherit;
  outline: none;
  text-decoration: none;
}
.static-page {
  padding-bottom: 60px;
}
.main .static-page .nav-pills {
  align-items: center;
  border-bottom: 1px solid #d1d1d1;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 30px;
  max-width: 100%;
  width: 100%;
}
.main .static-page--intro .static-page__inner {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.main .static-page .static-page__inner .nav-pills > li {
  max-width: 100%;
  width: 100%;
}
.static-page__content {
  line-height: 16px;
}
.main .static-page .nav-pills .nav-item {
  background-color: #eee;
  border: none;
  flex: 1 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.main .static-page .nav-pills .nav-item .nav-link {
  padding: 30px 0;
}
.nav-link {
  display: block;
}
.main .static-page .nav-pills .nav-item.active2 {
  background-color: #e03;
}
.main .static-page .nav-pills .nav-item .nav-link span {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.15px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
}
.main .static-page .nav-pills .nav-item .nav-link img {
  aspect-ratio: auto 640/360;
  border-style: none;
  margin-bottom: -3px;
  margin-top: -25px;
  max-width: 100%;
  overflow: clip;
  overflow-clip-margin: content-box;
  vertical-align: middle;
}
.banner .breadcrumbs .content li {
  color: #fff;
  display: inline;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  width: auto;
}
.banner .breadcrumbs .content i {
  color: #fff;
  margin-left: 14px;
  margin-right: 9px;
}
.main .static-page .nav-pills .nav-item.active2 .nav-link span {
  color: #fff;
}
.tab-contentv1 .tabcontent {
  display: block;
}
.tabcontent {
  animation: fadeEffect 1s;
}
.v-about__content {
  display: flex;
  justify-content: space-between;
  margin: 50px auto 60px;
  max-width: 950px;
  width: 100%;
}
.v-content__left {
  width: 79.3%;
}
.v-content__right {
  width: 20.7%;
}
.v-content__right .v-content__tab {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.v-content__right .v-content__tab a[class^="active3"] {
  border-bottom: 1px solid #e03;
  color: #e03;
}
.v-content__right .v-content__tab a {
  border-bottom: 1px solid #b5b4b4;
  color: #b5b4b4;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  list-style: none !important;
  padding: 10px 0;
  text-decoration: none !important;
}
.v-content__right .v-content__tab a:hover {
  border-bottom: 1px solid #e03;
  color: #e03;
}
.active3 {
  color: #e03;
}
.v-content__left p {
  border-radius: 6px;
  color: #474747;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 16px 0;
}
.v-content__left-main {
  width: 87%;
}
.introduvt-icon:hover i {
  color: #e03 !important;
  cursor: pointer;
}
@keyframes fadeEffect {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 1020px) {
  .v-about__content {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .pathway ul li span {
    padding: 0 5px;
  }
  .pathway {
    padding: 10px 0;
  }
  .pathway .content ul {
    gap: 8px;
  }
}
@media (max-width: 620px) {
  .main .static-page .nav-pills .nav-item {
    height: 127px;
  }
}
@media (max-width: 450px) {
  .pathway .content li a,
  .pathway ul li strong {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
.content-tabs-cv {
  margin: 0 auto;
  max-width: 100%;
  width: 1170px;
}
.form-full {
  display: flex;
  width: 100%;
}
.cv-info__form .form-customize {
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  max-width: none !important;
  position: relative;
  width: 100%;
}
.cv-info__form .form-control.custom-select:hover {
  cursor: default;
}
select {
  -webkit-appearance: none;
  appearance: none;
  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAMAAABLuo1aAAAAPFBMVEUAAABAQFVHR1JDSU9GS0tESk9HR0xFSk5DSExDSUxFSk5ESk5ESU1FSUxESU5ESU1DSU1ESU1ESU3///825dFeAAAAE3RSTlMADBkqLC0vNDlbb4CIiaHN3+LoFLQz7AAAAAFiS0dEEwy7XJYAAAAsSURBVAgdBcGHAYAgAAAg1MpRuf4/VnAXoFzyrlB3Js2Xth6Io/cRgfB/AQcamAD27W06uAAAAABJRU5ErkJggg==)
    no-repeat;
  background-position-x: calc(100% - 16px);
  background-position-y: 50%;
  background-size: 12px;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #2c2f31 !important;
  font-weight: 500 !important;
  padding: 10px 16px 8px;
  width: 100%;
}
::placeholder,
select {
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 14px;
  line-height: 20px;
}
::placeholder,
select {
  color: #727272 !important;
  font-style: normal;
  font-weight: 700 !important;
}
.form-customize .label-title {
  color: #2c2f31;
  display: inline-block;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
  position: relative;
  word-break: break-word;
}
@media (max-width: 575px) {
  .form-customize .label-title {
    font-size: 14px;
  }
}
.form-customize .required {
  color: #f25151;
  margin-left: 2px;
  position: absolute;
  top: -2px;
}
.form-customize .form-control {
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 16px;
  line-height: 24px;
  padding: 9px 30px 9px 15px;
}
@media (max-width: 575px) {
  .form-customize .form-control {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 40px 10px 15px !important;
  }
}
.form-customize .form-control::placeholder {
  color: #b5b4b4;
}
@media (max-width: 575px) {
  .form-customize .form-control::placeholder {
    font-size: 14px;
    line-height: 20px;
  }
}
.form-customize .form-control:focus {
  border-color: #b70d02 !important;
}
.form-customize .form-control:disabled {
  background-color: #e4e4e4;
  color: #727272;
  opacity: 1;
}
.form-customize .form-control:disabled::placeholder {
  color: #727272;
}
.form-customize textarea.form-control {
  min-height: 150px;
}
.form-customize__des {
  color: #2c2f31;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 0 0 3px;
}
.form-customize__link {
  color: #e03;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: underline;
}
.form-customize .error-text {
  color: red;
  font-size: 13px;
  font-style: italic;
  margin-top: 8px;
  word-break: break-word;
}
.form-customize--error .form-control,
.form-customize--error .form-control:focus {
  border-color: red;
}
.form-2column {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .form-2column {
    flex-direction: column;
    margin: 0;
  }
}
.form-2column .form-customize {
  flex-basis: calc(50% - 30px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 15px 15px;
  width: calc(50% - 30px);
}
@media (max-width: 767px) {
  .form-2column .form-customize {
    flex: 1 1;
    margin: 0 0 15px;
    width: 100%;
  }
}
div.error {
  color: red;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
  padding: 0 0 3px;
}
.note-text {
  color: #727272;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin: 8px 0 0;
}
.radio-custom1 .txt-radio {
  color: #474747;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.coverage-tele__detail {
  display: flex;
}
@media (max-width: 991px) {
  .coverage-tele__detail {
    flex-direction: column;
  }
}
.coverage-tele__info {
  flex: 0 0 275px;
  margin: 0 0 0 30px;
  width: 275px;
}
@media (max-width: 991px) {
  .coverage-tele__info {
    flex: 1 1;
    margin: 30px 0 0;
    width: 100%;
  }
}
.coverage-tele__choose {
  margin: 20px 0 30px;
}
.coverage-tele__list {
  margin: 0 0 12px;
}
.coverage-tele__item {
  display: flex;
}
.coverage-tele__item.supply .coverage-tele__symbol {
  background-color: #58b84f;
}
.coverage-tele__item.border .coverage-tele__symbol {
  background-color: #fe9705;
}
.coverage-tele__item.mixed .coverage-tele__symbol {
  background-color: #d11313;
}
.coverage-tele__item:not(:last-child) {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .coverage-tele__item:not(:last-child) {
    margin: 0 0 20px;
  }
}
.coverage-tele__symbol {
  display: flex;
  flex: 0 0 20px;
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px;
}
.coverage-tele__value {
  color: #2c2f31;
  font-size: 16px;
  line-height: 24px;
}
.coverage-tele__note {
  color: #727272;
  font-size: 14px;
  line-height: 24px;
  margin: 12px 0 0;
}
canvas.vtmapgl-canvas {
  height: 450px !important;
  width: 400px !important;
}
.home-volte {
  background: #fff;
  margin: auto;
  max-width: 100%;
  width: 1440px;
}
.custom-tooltip .ant-tooltip-arrow-content {
  background-color: #fff;
  height: 12px;
  top: 6px;
  width: 16px;
}
.custom-tooltip {
  max-width: 324px !important;
  width: 324px !important;
  z-index: 1000;
}
.header-account__info .avatar {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 400;
  height: 44px;
  justify-content: center;
  line-height: 36px;
  width: 44px;
}
.custom-tooltip .avatar,
.header-account__info .avatar {
  background-color: #e03;
  border-radius: 100%;
  cursor: pointer;
}
.custom-tooltip .avatar {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 40px;
  font-weight: 400;
  height: 80px;
  justify-content: center;
  line-height: 60px;
  min-width: 80px;
}
.volte-drawer .ant-drawer-body {
  padding: 0;
}
.volte-drawer .menu-sp__content > .top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 4px 24px;
}
.volte-drawer .menu-sp__content > .top a {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.volte-drawer .menu-sp__detail .top {
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  padding: 10px 24px 10px 16px;
}
.volte-drawer .menu-sp__detail .top svg:hover path {
  stroke: #e03 !important;
}
.volte-drawer .menu-sp__detail .menu-sp__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 8px 24px;
}
.volte-drawer .menu-sp__detail .menu-sp__list li {
  leading-trim: NONE;
  color: #061839;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.32px;
  line-height: 24px;
  padding: 10px 12px;
  text-align: left;
}
#advantage,
#endow,
#footer,
#guild {
  scroll-margin-top: 100px;
}
.volte-drawer .menu-card__title:hover {
  color: #e03;
}
.volte-banner {
  angle: 0 deg;
  cursor: pointer;
  height: 662px;
  max-width: 100%;
  opacity: 1;
  position: relative;
  width: 1440px;
}
.volte-banner.mb {
  display: none;
}
.volte-banner .content {
  bottom: 132.5px;
  left: 80px;
  padding: 0;
  position: absolute;
}
.volte-banner .content .title {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 48px;
  font-style: Bold;
  font-weight: 700;
  gap: 24px;
  letter-spacing: 0;
  line-height: 48px;
  vertical-align: middle;
}
.volte-banner .content .desc {
  leading-trim: NONE;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-style: Regular;
  font-weight: 400;
  letter-spacing: 0.32px;
  line-height: 27px;
  margin-bottom: 32px;
  margin-top: 24px;
  max-width: 532px;
}
.volte-banner .content .desc > span {
  font-weight: 700;
}
.volte-banner .content .button-register {
  leading-trim: NONE;
  align-items: center;
  background-color: #fff;
  border: initial;
  border-radius: 12px 12px 12px 0;
  color: #f3052c !important;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-style: SemiBold;
  font-weight: 600;
  height: 51px;
  justify-content: center;
  letter-spacing: -0.32px;
  line-height: 150%;
  text-align: center;
  width: 219px;
}
@media (max-width: 576px) {
  .volte-banner {
    display: none;
  }
  .volte-banner.mb {
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .volte-banner.mb > img {
    width: 100%;
  }
  .volte-banner .content {
    bottom: 97.1px;
    left: 27px;
    max-width: calc(100% - 62px) !important;
    padding: 0;
  }
  .volte-banner .content .desc {
    max-width: 100%;
  }
  .volte-banner .content .button-register {
    leading-trim: NONE;
    color: #f3052c !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    height: 51px;
    letter-spacing: -0.32px;
    line-height: 150%;
    width: 100%;
  }
}
.volte-advantage {
  padding: 0 80px 40px;
}
.volte-advantage > h3 {
  leading-trim: NONE;
  color: #333;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 36px;
  font-style: Bold;
  font-weight: 700;
  letter-spacing: -1%;
  line-height: 140%;
  margin: 40px;
  text-align: center;
  vertical-align: middle;
}
.volte-advantage > h3 span {
  color: #f3052c;
}
.volte-advantage .content-volte {
  angle: 0deg;
  background: url(/vx/static/media/bg-advantage.59928eaee8c46ca45cf5.png)
    no-repeat;
  border-radius: 40px;
  margin: auto;
  min-height: 596.8926391601562px;
  opacity: 1;
  position: relative;
  width: 1280px;
}
.volte-advantage .content-volte .bg > img {
  display: none;
}
.volte-advantage .content-volte .advantage-list {
  left: 564px;
  max-width: 55%;
  position: relative;
  top: 38px;
}
.volte-advantage .content-volte .advantage-list h3 {
  leading-trim: NONE;
  color: #333;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 36px;
  font-style: Bold;
  font-weight: 700;
  letter-spacing: -1%;
  line-height: 140%;
  margin-bottom: 32px;
  max-width: 580px;
  vertical-align: middle;
}
.volte-advantage .content-volte .advantage-list h3 span {
  color: #f3052c;
}
.volte-advantage .content-volte .advantage-list .list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.volte-advantage .content-volte .advantage-list .list .item {
  angle: 0 deg;
  align-items: center;
  background: linear-gradient(141.29deg, #f3052c 27.76%, #8d031a 200.79%);
  border-radius: 20px;
  display: flex;
  gap: 24px;
  opacity: 1;
  padding: 16px 24px;
  width: 310px;
}
.volte-advantage .content-volte .advantage-list .list .item p {
  leading-trim: NONE;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-style: Bold;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
  text-shadow: 0 4px 0 #00000040;
  vertical-align: middle;
}
@media (max-width: 576px) {
  .volte-advantage {
    padding: 24px 16px;
  }
  .volte-advantage > h3 {
    display: none;
  }
  .volte-advantage .content-volte {
    angle: 0deg;
    background: linear-gradient(180deg, #f3052c0d, #ffffff0d);
    border-radius: 40px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    max-width: 100%;
    opacity: 1;
    padding: 319.21px 21px 24px;
    position: relative;
    width: 1280px;
  }
  .volte-advantage .content-volte .bg {
    height: 286px;
    left: 50%;
    max-width: calc(100% - 42px);
    position: absolute;
    top: 12px;
    transform: translate(-50%);
    width: 338px;
  }
  .volte-advantage .content-volte .bg > img {
    display: block;
    height: 368px;
    width: 100%;
  }
  .volte-advantage .content-volte .advantage-list {
    left: auto;
    max-width: 100%;
    position: relative;
    top: auto;
  }
  .volte-advantage .content-volte .advantage-list h3 {
    leading-trim: NONE;
    color: #121212;
    font-size: 24px;
    font-style: Bold;
    font-weight: 700;
    letter-spacing: -1%;
    line-height: 140%;
    margin-bottom: 24px;
    text-align: center;
    text-shadow: 0 4px 4px #0000001a;
    vertical-align: middle;
  }
  .volte-advantage .content-volte .advantage-list .list .item {
    padding: 16px 24px;
    width: 100%;
  }
  .volte-advantage .content-volte .advantage-list .list .item > img {
    height: 64px;
    width: 64px;
  }
  .volte-advantage .content-volte .advantage-list .list .item p {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
    vertical-align: middle;
  }
}
.volte-guild {
  padding: 78px 160px;
  position: relative;
}
.content-guild > img {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.volte-guild .content-guild {
  display: flex;
  gap: 24px;
}
.volte-guild .content-guild .guild {
  angle: 0deg;
  align-items: center;
  background: #fef3f5;
  border-radius: 40px;
  display: flex;
  flex: 1 1 446px;
  height: 706px;
  opacity: 1;
  position: relative;
  width: 446px;
}
.volte-guild .content-guild .guild > h3 {
  angle: 0deg;
  leading-trim: NONE;
  align-items: center;
  background: #f3052c;
  border-radius: 100px;
  color: #fff;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 32px;
  font-weight: 600;
  gap: 10px;
  height: 50px;
  justify-content: center;
  left: 156px;
  letter-spacing: 0;
  line-height: 100%;
  margin: auto;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 26px;
  vertical-align: middle;
  width: 135px;
}
.volte-guild .content-guild .guild .guild-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 39.5px;
}
.volte-guild .content-guild .guild .guild-content > img {
  width: 100%;
}
.volte-guild .content-guild .guild .guild-content .note {
  leading-trim: NONE;
  color: #636363;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.42px;
  line-height: 20px;
  vertical-align: middle;
}
.volte-guild .content-guild .guild .guild-content .select-device {
  angle: 0deg;
  align-items: center;
  background: #0000;
  border: 1px solid #f3052c;
  border-radius: 20px;
  box-shadow: 0 4px 10px 0 #f3052c33;
  display: flex;
  height: 44px;
  opacity: 1;
}
.volte-guild .content-guild .guild .guild-content .select-device .item {
  leading-trim: NONE;
  align-items: center;
  border-radius: 0;
  box-shadow: none;
  color: #061839;
  cursor: pointer;
  display: flex;
  flex: 1 1;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 20px;
  padding: 16px 0;
  text-align: center;
}
.volte-guild
  .content-guild
  .guild
  .guild-content
  .select-device
  .item:nth-child(2) {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  height: 42px;
}
.volte-guild
  .content-guild
  .guild
  .guild-content
  .select-device
  .item:first-child {
  border-radius: 20px 0 0 20px;
}
.volte-guild
  .content-guild
  .guild
  .guild-content
  .select-device
  .item:last-child {
  border-radius: 0 20px 20px 0;
}
.volte-guild
  .content-guild
  .guild
  .guild-content
  .select-device
  .item.selected {
  background: #f3052c;
  color: #fff7f9;
}
.volte-guild .content-guild .steps {
  angle: 0deg;
  border-left-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  opacity: 1;
  width: 650px;
}
.volte-guild .content-guild .steps > h3 {
  leading-trim: NONE;
  color: #121212;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1%;
  line-height: 140%;
  text-align: left;
  text-shadow: 0 4px 0 #0000001a;
  vertical-align: middle;
}
.volte-guild .content-guild .steps > h3 span {
  color: #f3052c;
}
.volte-guild .content-guild .steps .item {
  angle: 0deg;
  border-radius: 16px;
  box-shadow: 0 4px 10px 0 #f3052c1a;
  cursor: pointer;
  gap: 16px;
  opacity: 1;
  padding: 16px;
  width: 650px;
}
.volte-guild .content-guild .steps .item.selected {
  border: 1px solid #f3052c;
}
.volte-guild .content-guild .steps .item > h4 {
  leading-trim: NONE;
  angle: 0deg;
  align-items: center;
  background: #f3052c;
  border-radius: 16px;
  color: #fff;
  display: flex;
  flex: 0 0 68px;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  height: 30px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  opacity: 1;
  text-align: center;
  vertical-align: middle;
  width: 68px;
}
.volte-guild .content-guild .steps .item .content-step h4 {
  leading-trim: NONE;
  color: #061839;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  line-height: 24px;
}
.volte-guild .input-form {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
.form-customize-volte {
  display: flex;
  gap: 16px;
  position: relative;
}
.form-customize-volte .delete-text {
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.form-customize-volte .form-control {
  angle: 0deg;
  border: 1px solid #ff3b30;
  border-radius: 12px;
  gap: 8px;
  height: 40px;
  max-width: 100%;
  opacity: 1;
  padding: 8px 12px 8px 40px;
  width: 376px;
}
.form-customize-volte .form-control.has-value {
  leading-trim: NONE;
  background-color: #ffeaee;
  border: 1px solid #f3052c;
  color: #000;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-style: Regular;
  font-weight: 400;
  letter-spacing: -0.32px;
  line-height: 160%;
  vertical-align: middle;
}
.form-customize-volte .form-control.step3 {
  width: 332px;
}
.form-customize-volte > img {
  height: 17.6px;
  left: 11.2px;
  position: absolute;
  top: 11.2px;
  width: 17.6px;
}
.content-guild .steps .item .content-step .input-form .button-register {
  angle: 0deg;
  leading-trim: NONE;
  align-items: center;
  background-color: #f3052c !important;
  border-radius: 12px 12px 12px 0;
  color: #fff !important;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-style: SemiBold;
  font-weight: 600;
  gap: 0;
  height: 40px;
  letter-spacing: -0.32px;
  line-height: 150%;
  opacity: 1;
  padding: 8px 20px;
  text-align: center;
  width: 98px;
}
.content-guild
  .steps
  .item
  .content-step
  .input-form
  .button-register.disabled {
  background: #e5e5e5 !important;
  color: #b6b6b6 !important;
}
.content-guild .steps .item.step3 .content-step .input-form .button-register {
  width: 142px;
}
.volte-guild .content-guild .steps .item .content-step > .button-register,
.volte-guild
  .content-guild
  .steps
  .item
  .content-step
  > .mb-captcha
  .button-register {
  display: none;
}
.form-customize-volte input::placeholder {
  leading-trim: NONE;
  color: #cfcfcf !important;
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: -0.32px !important;
  line-height: 160% !important;
  vertical-align: middle;
}
.volte-guild .content-guild .steps .item .content-step .desc {
  leading-trim: NONE;
  color: #636363;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.42px;
  line-height: 20px;
  vertical-align: middle;
}
.volte-guild .content-guild .steps .item .content-step .select-type {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
.volte-guild
  .content-guild
  .steps
  .item
  .content-step
  .select-type
  .radio-custom1 {
  align-items: center;
  display: flex;
  height: 24px;
  margin: 0;
  padding-left: 30px;
}
.volte-guild
  .content-guild
  .steps
  .item
  .content-step
  .select-type
  .radio-custom1
  .checkmark {
  border: 2px solid #b6b6b6;
}
.volte-guild
  .content-guild
  .steps
  .item
  .content-step
  .select-type
  .radio-custom1
  input:checked
  ~ .checkmark {
  border: 2px solid #f3052c;
}
.volte-guild
  .content-guild
  .steps
  .item
  .content-step
  .select-type
  .radio-custom1
  input:checked
  ~ .checkmark:after {
  background: #f3052c;
}
.volte-guild
  .content-guild
  .steps
  .item
  .content-step
  .select-type
  .radio-custom1
  .txt-radio {
  leading-trim: NONE;
  color: #b6b6b6;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.42px;
  line-height: 20px;
  margin: 0;
  vertical-align: middle;
}
.volte-guild
  .content-guild
  .steps
  .item
  .content-step
  .select-type
  .radio-custom1
  input:checked
  ~ .txt-radio {
  color: #061839;
}
.volte-guild .content-guild .steps .item .content-step .note {
  font-size: 12px;
  margin-top: 8px;
}
.volte-guild .content-guild .steps .item .content-step .desc li,
.volte-guild .content-guild .steps .item .content-step .note {
  leading-trim: NONE;
  color: #636363;
  font-family: FS PFBeauSansPro, sans-serif;
  font-weight: 400;
  letter-spacing: -0.42px;
  line-height: 20px;
  vertical-align: middle;
}
.volte-guild .content-guild .steps .item .content-step .desc li {
  font-size: 14px;
  list-style: outside;
  margin-left: 24px;
}
.volte-guild .content-guild .guild.mb {
  display: none;
}
.volte-guild .content-guild .captcha-form {
  angle: 0deg;
  background: #eee;
  border-radius: 4px;
  gap: 10px;
  margin-top: 16px;
  opacity: 1;
  padding: 12px;
  width: 376px;
}
.volte-guild .content-guild .captcha-form.error {
  background: #ffeaee;
  font-style: normal;
}
.volte-guild .content-guild .captcha-form > img {
  height: 84.58251953125px;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}
.volte-guild .content-guild .captcha-form .form {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.volte-guild .content-guild .captcha-form .form-capcha__icon {
  padding: 2.8px;
  transform: rotate(180deg);
}
.volte-guild .content-guild .captcha-form .form-capcha__icon > span {
  angle: 0 deg;
  align-items: center;
  background-color: #e03;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 22.400001525878906px;
  justify-content: center;
  opacity: 1;
  width: 22.400001525878906px;
}
.volte-guild .content-guild .captcha-form .form .form-control {
  padding-left: 8px;
  width: 308px;
}
.volte-guild .content-guild .captcha-form .error-text {
  leading-trim: NONE;
  color: #f3052c;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 12px;
  font-style: Regular;
  font-weight: 400;
  letter-spacing: -0.42px;
  line-height: 20px;
  margin-top: 8px;
  vertical-align: middle;
}
.volte-guild .content-guild .delete-text .icon-close {
  color: #667085 !important;
}
.volte-guild .content-guild .delete-text .icon-close:hover {
  color: #282828 !important;
}
@media (max-width: 576px) {
  .volte-guild {
    padding: 24px 16px;
  }
  .volte-guild .content-guild {
    gap: 0;
  }
  .content-guild > img,
  .volte-guild .content-guild .guild,
  .volte-guild .input-form .button-register {
    display: none;
  }
  .volte-guild .content-guild .guild.mb {
    align-items: normal;
    display: flex;
  }
  .volte-guild .content-guild .guild.mb div img {
    position: relative;
    top: 126px;
  }
  .volte-guild .content-guild .guild.mb div.guild-content img {
    height: 344px;
    position: static;
    top: auto;
  }
  .volte-guild .content-guild .steps {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
  }
  .volte-guild .content-guild .steps > h3 {
    leading-trim: NONE;
    font-size: 24px;
    font-style: Bold;
    font-weight: 700;
    letter-spacing: -1%;
    line-height: 140%;
    vertical-align: middle;
  }
  .volte-guild .content-guild .steps .item {
    max-width: 100%;
  }
  .volte-guild .content-guild .steps .item > h4 {
    leading-trim: NONE;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
  }
  .volte-guild .content-guild .steps .item .content-step {
    width: calc(100% - 84px);
  }
  .form-customize-volte {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .volte-guild .input-form .button-register {
    display: none;
  }
  .volte-guild .content-step > .button-register {
    margin-top: 16px;
  }
  .volte-guild .content-guild .guild {
    flex: initial;
    height: 450px;
    max-width: 100%;
  }
  .volte-guild .content-guild .guild > h3 {
    left: 50%;
    top: 26px;
    transform: translate(-50%);
  }
  .volte-guild .content-guild .guild .guild-content {
    bottom: 26px;
    max-width: 100%;
    padding: 0;
    position: absolute;
  }
  .volte-guild .content-guild .guild.step2 {
    height: 622px;
  }
  .volte-guild .content-guild .guild .guild-content .note {
    font-size: 16px;
    padding: 0 10px;
  }
  .volte-guild .content-guild .guild .guild-content .select-device {
    margin: 0 10px;
  }
  .volte-guild .content-guild .steps .item .content-step .select-type {
    flex-direction: column;
  }
  .content-guild .steps .item .content-step .input-form .button-register {
    display: none;
  }
  .volte-guild .content-guild .steps .item .content-step > .button-register,
  .volte-guild
    .content-guild
    .steps
    .item
    .content-step
    > .mb-captcha
    .button-register {
    background: #f3052c !important;
    border-radius: 12px 12px 12px 0;
    display: block;
    font-size: 16px !important;
    font-weight: 600 !important;
    height: 40px;
  }
  .volte-guild
    .content-guild
    .steps
    .item
    .content-step
    > .button-register.disabled,
  .volte-guild
    .content-guild
    .steps
    .item
    .content-step
    > .mb-captcha
    .button-register.disabled {
    background: #e5e5e5 !important;
  }
  .volte-guild .content-guild .steps .item .content-step > .button-register {
    margin-left: -84px;
    max-width: calc(100% + 84px);
    width: calc(100% + 84px);
  }
  .volte-guild .content-guild .mb-captcha {
    margin-left: -84px;
    max-width: calc(100% + 84px);
  }
  .volte-guild .content-guild .captcha-form {
    margin-bottom: 16px;
    max-width: 100%;
  }
  .volte-guild .content-guild .captcha-form .form .form-control {
    width: 100%;
  }
  .form-customize-volte input::placeholder {
    font-size: 12px !important;
  }
}
.volte-guild .button-register.disabled {
  background: #e5e5e5 !important;
  border: initial;
  color: #b6b6b6 !important;
  pointer-events: none;
}
.volte-endow {
  background: #fef3f5;
  padding: 64px 160px 96px;
}
.volte-endow > h3 {
  leading-trim: NONE;
  color: #121212;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 36px;
  font-style: Bold;
  font-weight: 700;
  letter-spacing: -1%;
  line-height: 140%;
  margin-bottom: 24px;
  text-align: center;
  text-shadow: 0 4px 0 #0000001a;
  vertical-align: middle;
}
.volte-endow > h3 > span {
  color: #f3052c;
}
.volte-endow .endow-item {
  padding: 0 8px 20px;
}
.volte-endow .slick-list {
  margin-left: -8px;
  width: 1136px;
}
.volte-endow .endow-item .endow-content {
  angle: 0deg;
  background: #fff;
  border-radius: 20px;
  display: flex !important;
  flex-direction: column;
  gap: 16px;
  opacity: 1;
  padding: 24px;
  width: 363px;
}
.volte-endow .endow-item .endow-content:hover {
  box-shadow: 0 4px 14px 0 #00000024;
}
.volte-endow .endow-item .endow-content > img {
  angle: 0deg;
  border-radius: 20px;
  height: 170px;
  opacity: 1;
  width: 100%;
}
.volte-endow .endow-item .endow-content .title {
  leading-trim: NONE;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #161c2d;
  display: -webkit-box;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -1.8px;
  line-height: 58px;
  overflow: hidden;
}
.volte-endow .endow-item .endow-content .price-info .price {
  color: #161c2d;
  font-size: 16px;
}
.volte-endow .endow-item .endow-content .price-info .old-price,
.volte-endow .endow-item .endow-content .price-info .price {
  leading-trim: NONE;
  font-family: FS PFBeauSansPro, sans-serif;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 29px;
  text-align: left;
}
.volte-endow .endow-item .endow-content .price-info .old-price {
  color: #b5b5b5;
  font-size: 14px;
}
.volte-endow .endow-item .endow-content .price-info .old-price span {
  text-decoration: line-through;
}
.volte-endow .endow-item .endow-content .desc {
  angle: 0deg;
  leading-trim: NONE;
  background: #f4f7fa;
  border-radius: 16px;
  color: #636363;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 12px;
  font-weight: 400;
  gap: 10px;
  height: 74.5px;
  letter-spacing: -1%;
  line-height: 140%;
  opacity: 1;
  overflow: auto;
  padding: 12px;
  width: 100%;
}
.volte-endow .endow-item .endow-content .desc span {
  color: #f3052c;
}
.volte-endow .endow-item .endow-content .button--primary {
  angle: 0deg;
  leading-trim: NONE;
  background: #f3052c !important;
  border-radius: 12px 12px 12px 0;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px !important;
  font-style: SemiBold;
  font-weight: 600 !important;
  height: 48px;
  letter-spacing: -0.32px;
  line-height: 150%;
  opacity: 1;
  padding: 12px 20px;
  text-align: center;
  width: 100%;
}
.volte-endow .slick-prev {
  left: -110px;
}
.volte-endow .slick-next {
  right: -79px;
}
.volte-endow .slick-next .owl-next:hover,
.volte-endow .slick-prev .owl-prev:hover {
  transform: scale(1.1);
}
.volte-endow .slick-next.slick-disabled .owl-next:hover,
.volte-endow .slick-prev.slick-disabled .owl-prev:hover {
  transform: scale(1);
}
.volte-endow .slick-next.slick-disabled:before,
.volte-endow .slick-next:before,
.volte-endow .slick-prev.slick-disabled:before,
.volte-endow .slick-prev:before {
  display: none;
}
.volte-endow .slick-dots {
  bottom: -33px;
  display: flex !important;
  justify-content: center;
}
.volte-endow .slick-dots li,
.volte-endow .slick-dots li button {
  height: 8px;
  max-width: 128px;
  width: 100%;
}
.volte-endow .slick-dots li button:before {
  background: #f1d4d9;
  border-radius: 20px;
  content: "";
  height: 8px;
  max-width: 128px;
  width: 100%;
}
.volte-endow .slick-dots li.slick-active button:before {
  background: #f3052c;
}
@media (max-width: 576px) {
  .volte-endow {
    padding: 64px 16px 96px;
  }
  .volte-endow > h3 {
    leading-trim: NONE;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1%;
    line-height: 140%;
    text-align: center;
    vertical-align: middle;
  }
  .volte-endow .endow-item .endow-content > img {
    height: 159.3000030517578px;
    width: 100%;
  }
  .volte-endow .endow-item .endow-content .price-info .old-price,
  .volte-endow .endow-item .endow-content .price-info .price {
    color: #636363;
  }
  .volte-endow .slick-dots,
  .volte-endow .slick-dots li {
    display: flex !important;
    gap: 8px;
  }
  .volte-endow .slick-dots li,
  .volte-endow .slick-dots li button {
    margin: 0;
    width: calc(33.33333% - 5.33333px);
  }
  .volte-endow .slick-dots li button:before {
    width: 100%;
  }
  .volte-endow .endow-item .endow-content .desc {
    padding: 12px 0.5px;
  }
}
.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}
.slick-list,
.slick-slider {
  display: block;
  position: relative;
}
.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.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 {
  border: 1px solid #0000;
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .slick-list {
  background: #fff
    url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=)
    50% no-repeat;
}
@font-face {
  font-family: slick;
  font-style: normal;
  font-weight: 400;
  src: url(/vx/static/media/slick.a4e97f5a2a64f0ab1323.eot);
  src: url(/vx/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix)
      format("embedded-opentype"),
    url(/vx/static/media/slick.295183786cd8a1389865.woff) format("woff"),
    url(/vx/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),
    url(/vx/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg");
}
.slick-next,
.slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: #0000;
  color: #0000;
  outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative;
}
.slick-dots li,
.slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.slick-dots li button {
  background: #0000;
  border: 0;
  color: #0000;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 5px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: "•";
  font-family: slick;
  font-size: 6px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}
.volte-footer {
  background: #d3213f;
  height: 114px;
  padding: 8px 80px 0;
}
.volte-footer > p {
  leading-trim: NONE;
  border-top: 1px solid #f46c82;
  color: #ffb9b9;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 12px;
  font-style: Bbook;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  padding: 12px 0;
  width: 100%;
}
.volte-footer .footer-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.volte-footer .footer-content > img {
  height: 40px;
}
.volte-footer .footer-content .menu {
  align-items: center;
  display: flex;
  height: 60px;
}
.volte-footer .footer-content .menu ul {
  align-items: center;
  display: flex;
  gap: 16px;
}
.volte-footer .footer-content .menu ul a span {
  leading-trim: NONE;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 14px;
  font-style: SemiBold;
  font-weight: 600;
  letter-spacing: -0.32px;
  line-height: 24px;
  padding: 10px 12px;
  text-align: center;
}
.volte-footer .footer-content .menu ul li:first-child a span {
  padding-left: 0;
}
.volte-footer .footer-content .menu ul li:nth-child(5) {
  display: flex;
  gap: 16px;
  justify-content: left;
}
.volte-footer .footer-content .menu ul a span:hover {
  text-decoration: underline;
}
@media (max-width: 576px) {
  .volte-footer {
    height: 258px;
    padding: 8px 16px;
  }
  .volte-footer .footer-content .menu {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .volte-footer .footer-content > img {
    display: none;
  }
  .volte-footer .footer-content .menu ul {
    flex-wrap: wrap;
  }
  .volte-footer .footer-content .menu ul li {
    flex: 1 1 40%;
    padding: 10px 12px;
    width: 50%;
  }
  .volte-footer .footer-content .menu ul li:first-child a span {
    padding: initial;
  }
  .volte-footer .footer-content .menu ul a span {
    padding: 0;
  }
  .volte-footer .footer-content .menu ul li:nth-child(5) {
    display: flex;
    gap: 24px;
    justify-content: left;
    margin-bottom: 32px;
    margin-top: 12px;
    padding: 0;
  }
}
.popup-modal-volte {
  max-width: 100%;
  width: 444px !important;
}
.popup-modal-volte .ant-modal-content {
  border-radius: 12px;
}
.popup-modal-volte .ant-modal-body {
  padding: 12px 20px 24px !important;
}
.volte-notify .notify-header {
  align-items: center;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 12px;
  position: relative;
}
.volte-notify .notify-header h3 {
  leading-trim: NONE;
  color: #000;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-style: SemiBold;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  vertical-align: middle;
}
.volte-notify .notify-header .icon-closes {
  align-items: center;
  background: #f7f8f9;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 44px;
}
.volte-notify .notify-header .icon-closes svg:hover path,
.volte-notify .notify-header .icon-closes:hover svg path {
  fill: #e03 !important;
}
.volte-notify .notify-content > p {
  leading-trim: NONE;
  color: #061839;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: Regular;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 24px;
  margin-bottom: 24px;
  text-align: center;
  vertical-align: middle;
}
.volte-notify .notify-content > p a,
.volte-notify .notify-content > p span {
  color: #f3052c;
  text-decoration: underline;
}
.volte-notify .notify-footer {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.volte-notify .notify-footer > div {
  width: 100%;
}
.volte-notify .notify-footer .button {
  leading-trim: NONE;
  align-items: center;
  border-radius: 12px 12px 12px 0;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-style: SemiBold;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: -0.32px;
  line-height: 150%;
  text-align: center;
}
.volte-notify .notify-footer .button--normal {
  background: #ffeaee !important;
  border: initial;
  color: #f3052c !important;
}
.volte-notify .notify-footer .button--primary {
  background: #f3052c;
  color: #fff;
}
.popup-modal-volte .ant-modal-close-x {
  display: none;
}
@media (max-width: 576px) {
  .volte-notify .notify-header h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }
  .volte-notify .notify-content > p {
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 24px;
  }
  .volte-notify .notify-footer .button {
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    letter-spacing: -0.32px;
    line-height: 150%;
    text-align: center;
    width: 100%;
  }
}
:root {
  --accent: #f3052c;
  --muted: #2c2f31;
  --text: #2c2f31;
  --card-shadow: 0 10px 30px #0000001a;
  --desktop-bg-url: none;
  --mobile-bg-url: none;
}
.custom-modal {
  height: 378px !important;
  width: 400px !important;
}
.vp-root {
  background-image: none;
  background-image: var(--desktop-bg-url);
  background-position: 50%;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  padding: 40px 20px;
  position: relative;
}
.vp-main,
.vp-root {
  align-items: center;
  display: flex;
  justify-content: center;
}
.vp-main {
  background: #fff;
  border-radius: 12px;
  gap: 10px;
  min-height: 546px;
  padding: 32px;
  width: 454px;
}
.vp-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 390px;
}
.vp-corner {
  display: block;
  height: 40px;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  right: -32px;
  top: -38px;
  width: 40px;
}
.vp-corner__big {
  height: 40px;
  opacity: 0.4;
  width: 40px;
}
.vp-corner__big,
.vp-corner__small {
  background: #f3052c;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 0);
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  display: block;
  position: absolute;
  transform-origin: top right;
}
.vp-corner__small {
  height: 33px;
  left: 7px;
  width: 33px;
}
.vp-card .vp-card-content {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: flex-start;
  padding: 8px 0;
  width: 100%;
}
.vp-card .vp-card-content,
.vp-card .vp-card-content * {
  color: #2c2f31;
  color: var(--text);
  font-family: var(--font-sans), serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
}
.vp-card-head {
  gap: 32px;
  margin-bottom: 6px;
  padding-top: 2px;
  width: 100%;
}
.vp-card-head,
.vp-logos {
  display: flex;
  justify-content: center;
}
.vp-logos {
  align-items: center;
  gap: 24px;
  height: 48px;
  width: 210px;
}
.vp-logo-s {
  border-radius: 14px;
  height: 48px;
  width: 48px;
}
.vp-logo-y {
  height: 48px;
  width: 138px;
}
.vp-body {
  gap: 20px;
  width: 390px;
}
.vp-card-body-td {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.vp-title {
  font-size: 20px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  text-align: left;
}
.vp-desc,
.vp-title {
  color: #2c2f31;
  color: var(--text);
}
.vp-desc {
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 12px;
}
.vp-form {
  gap: 10px;
  gap: 24px;
  width: 390px;
}
.vp-field {
  gap: 18px;
  height: 98px;
}
.vp-field-otp {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 390px;
}
.vp-label {
  color: #2c2f31;
  color: var(--text);
  font-size: 16px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  margin: 2px;
  width: 390px;
}
.vp-input {
  border: 1px solid #0000001a;
  border-radius: 8px;
  padding: 10px 14px;
  width: 390px;
}
.input-otp {
  height: 48px;
  position: relative;
  width: 390px;
}
.vp-input-wrap-otp {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 112px;
}
.vp-input::placeholder {
  font-size: 18px;
  line-height: 28px;
  opacity: 45%;
}
.vp-helper,
.vp-input::placeholder {
  color: #2c2f31;
  color: var(--text);
  font-family: Roboto, sans-serif;
  font-weight: 400;
  vertical-align: middle;
}
.vp-helper {
  font-size: 13px;
  font-style: italic;
  line-height: 18px;
}
.vp-handle {
  background: linear-gradient(90deg, #cfcfcf, #e6e6e6);
  height: 2px;
  opacity: 0.95;
  position: absolute;
  right: 18px;
  top: 14px;
  width: 92px;
}
.vp-handle:before {
  background: #cfcfcf;
  border-radius: 50%;
  box-shadow: 0 1px 0 #0000000f;
  content: "";
  height: 10px;
  left: 56%;
  position: absolute;
  top: -6px;
  width: 10px;
}
.vp-link-btn {
  align-self: flex-start;
  background: #0000;
  border: 0;
  color: #f3052c;
  color: var(--accent);
  cursor: pointer;
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
}
.vp-link-btn[disabled] {
  color: #d3d3d3;
  cursor: default;
  font-weight: 600;
}
.vp-clear {
  background: #0000;
  border: none;
  color: #999;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.vp-clear:hover {
  color: #333;
}
.vp-cta {
  background: #e03;
  border: 0;
  border-radius: 10px 10px 10px 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  padding: 12px 0;
  width: 390px;
}
.vp-note {
  size: 14px;
  horiz-align: center;
  color: #2c2f31;
  color: var(--text);
  font-family: var(--font-sans), serif;
  font-weight: 400;
  height: 20px;
  left: 582px;
  line-height: 20px;
  margin-top: 10px;
  top: 743px;
  width: 277px;
}
@media (max-width: 500px) {
  .vp-root {
    background-image: none !important;
    background-image: var(--mobile-bg-url) !important;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
  }
  .vp-main {
    box-shadow: none;
    max-width: 390px;
    min-height: auto;
    padding: 0;
  }
  .vp-card,
  .vp-main {
    background: #0000;
    border-radius: 0;
    width: 100%;
  }
  .vp-card {
    border: none;
    box-shadow: none !important;
    gap: 20px;
    margin-top: 32px;
    padding: 24px;
    position: relative;
  }
  .vp-corner,
  .vp-corner__big,
  .vp-corner__small {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    width: 0 !important;
  }
  .vp-card .vp-card-content {
    gap: 24px;
    height: auto;
    padding: 0;
    width: 100%;
  }
  .vp-body {
    gap: 16px;
  }
  .vp-body,
  .vp-form {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .vp-form {
    gap: 18px;
  }
  .vp-cta {
    width: 100%;
  }
  .vp-input-wrap {
    display: flex;
    position: relative;
    width: 100%;
  }
  .vp-input {
    border: 1px solid #0000001a;
    border-radius: 8px;
    color: #2c2f31;
    color: var(--text);
    flex: 1 1;
    font-size: 16px;
    height: 48px;
    padding: 10px 14px;
    width: 342px;
  }
  .vp-clear {
    background: #0000;
    border: none;
    color: #999;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .vp-desc {
    color: #2c2f31;
    color: var(--text);
    font-size: 15px;
    line-height: 20px;
    margin: 0;
  }
  .vp-field {
    gap: 4px;
    height: auto;
    width: 100%;
  }
  .vp-field-otp {
    gap: 18px;
    width: 100%;
  }
  .vp-handle {
    display: none;
  }
}
:root {
  --bg-1: #f6f6f6;
  --card-bg: #fff;
  --muted: #6f6f6f;
  --text: #111;
  --accent-green: #2eae55;
  --radius: 12px;
  --shadow: 0 12px 36px #0000001f;
  --font-sans: "PF BeauSans Pro", Inter, "Helvetica Neue", Arial, sans-serif;
}
* {
  box-sizing: border-box;
}
#root,
body,
html {
  height: 100%;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
.as-root {
  align-items: center;
  background: #f6f6f6;
  background: var(--bg-1);
  gap: 40px;
  justify-content: center;
  min-height: 100vh;
  padding: 40px 20px;
  position: relative;
}
.as-card,
.as-root {
  display: flex;
  flex-direction: column;
}
.as-card {
  background: #fff;
  background: var(--card-bg);
  border-radius: 12px;
  border-radius: var(--radius);
  box-shadow: 0 12px 36px #0000001f;
  box-shadow: var(--shadow);
  gap: 32px;
  padding: 40px;
  width: 594px;
}
.as-header {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: flex-start;
  width: 100%;
}
.as-logo {
  display: block;
  height: 48px;
  width: auto;
}
.as-body {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  width: 100%;
}
.as-body-left {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 12px;
}
.as-body-right {
  align-items: center;
  display: flex;
  height: 80px;
  justify-content: center;
  width: 80px;
}
.as-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}
.as-desc,
.as-title {
  color: #111;
  color: var(--text);
  font-family: PF BeauSans Pro, Inter, Helvetica Neue, Arial, sans-serif, serif;
  font-family: var(--font-sans), serif;
}
.as-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 360px;
}
.as-check {
  display: block;
  height: 80px;
  width: 80px;
}
.as-footer {
  color: #111;
  color: var(--text);
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 800px) {
  .as-root {
    align-items: center;
    gap: 0;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 390px;
    padding: 0;
  }
  .as-card {
    background: #0000;
    box-shadow: none;
    gap: 24px;
    max-width: 390px;
    padding: 24px 24px 40px;
    width: 100%;
  }
  .as-header {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 50px;
    width: 100%;
  }
  .as-body-right {
    display: block;
    height: 56px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 56px;
    z-index: 10;
  }
  .as-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    width: 100%;
  }
  .icon-i-success {
    margin-top: 50px;
  }
}
.popup-overlay {
  align-items: center;
  background-color: #000000b3;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.popup-card {
  background-color: #fff;
  border-radius: 16px 16px 16px 0;
  box-shadow: 0 4px 12px #0003;
  box-sizing: border-box;
  max-height: 90vh;
  min-height: 318px;
  overflow-y: auto;
  padding: 28px 56px 32px;
  position: relative;
  text-align: center;
  width: 380px;
}
.popup-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  width: 100%;
}
.popup-content > * {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.popup-button,
.popup-description p,
.popup-title {
  width: 107%;
}
.popup-title {
  color: #262626;
  font-family: SF Pro, Inter, -apple-system, BlinkMacSystemFont, Segoe UI,
    Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 318px;
}
.popup-description {
  display: flex;
  justify-content: center;
  width: 107%;
}
.popup-description p {
  color: #2c2f31;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI,
    Helvetica Neue, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  width: 316px;
}
.popup-button {
  background-color: #e03;
  border: none;
  border-radius: 8px 8px 8px 0;
  color: #fff;
  cursor: pointer;
  font-family: SF Pro, Inter, -apple-system, BlinkMacSystemFont, Segoe UI,
    Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  padding: 8px 36px 12px;
  transition: background-color 0.3s;
  width: 298px;
}
.popup-button:hover {
  background-color: #cc002c;
}
.popup-close-btn {
  background: #0000;
  border: none;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  right: 16px;
  top: 16px;
}
.popup-close-btn:hover {
  color: #333;
}
@media (max-width: 500px) {
  .popup-overlay {
    align-items: flex-start;
    overflow-y: auto;
  }
  .popup-card {
    margin-top: 193px;
    width: 100%;
  }
}
.bao-chay {
  margin: auto;
  max-width: 100%;
  position: relative;
}
.display-only-mb {
  display: none !important;
}
.success-bc .ant-modal-body {
  padding: 0;
}
.success-bc .ant-modal-body .modal__content {
  padding: 30px 56px 40px;
}
.success-bc .ant-modal-body .modal__content .close-icon {
  cursor: pointer;
}
.success-bc .ant-modal-body .modal__content .close-icon img {
  height: 20px;
  width: 20px;
}
.success-bc .ant-modal-body .modal__content .close-icon:hover svg path {
  stroke: #e03 !important;
  fill: #e03 !important;
}
.success-bc .ant-modal-body .modal__content .modal-data {
  padding: 0;
}
.success-bc .ant-modal-body .modal__content .modal-data .modal-data__title {
  color: #44494d !important;
  margin: 0 0 20px !important;
}
.success-bc
  .ant-modal-body
  .modal__content
  .modal-data
  .modal-data__images--success {
  margin-bottom: 20px !important;
}
.success-bc .ant-modal-body .modal__content .modal-data .modal-data__des {
  color: #000c;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 !important;
  max-width: 100%;
}
.success-bc .ant-modal-body .modal__content .modal-data .button--primary {
  flex: initial;
  height: 42px;
  max-width: 100%;
  width: 360px;
}
.success-bc .ant-modal-body .modal__content .modal-data .button:after,
.success-bc .ant-modal-body .modal__content .modal-data .button:before {
  border-radius: 8px 8px 8px 0 !important;
}
.success-bc .ant-modal-body .modal__content .modal-data .button:hover {
  background: #fff;
  color: #ef0032 !important;
}
.success-bc .ant-modal-body .modal__content .modal-data .button:before {
  background-color: #fff;
  border-radius: 8px 8px 8px 0;
  color: #ef0032;
}
.success-bc .ant-modal-body .modal__content .modal-data .button {
  border-radius: 8px 8px 8px 0;
  height: 42px;
  max-width: 100%;
  width: 360px;
}
@media screen and (max-width: 768px) {
  .display-only-pc {
    display: none !important;
  }
  .display-only-mb {
    display: block !important;
  }
  .success-bc .ant-modal-body {
    padding: 0 !important;
  }
  .success-bc .ant-modal-body .modal__content {
    padding: 40px 16px 20px;
  }
  .success-bc .ant-modal-body .modal__content .close-icon img {
    height: 20px;
    width: 20px;
  }
  .success-bc .ant-modal-body .modal__content .modal-data {
    padding: 0 !important;
  }
  .success-bc .ant-modal-body .modal__content .modal-data .modal-data__title {
    margin: 0 0 16px !important;
  }
  .success-bc
    .ant-modal-body
    .modal__content
    .modal-data
    .modal-data__images--success {
    margin-bottom: 16px !important;
  }
  .success-bc .ant-modal-body .modal__content .modal-data .modal-data__des {
    gap: 8px;
    margin: 0 !important;
  }
  .success-bc .ant-modal-body .modal__content .modal-data .button--primary {
    align-items: center;
    border-radius: 21px 21px 21px 0;
    color: #fff;
    display: flex;
    flex: initial;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px !important;
    font-weight: 600 !important;
    height: 53px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 20px;
    max-width: 100%;
    text-align: right;
    width: 360px;
  }
}
.banner-baochay {
  margin: auto;
  max-width: 1920px;
  position: relative;
  width: 100%;
}
.banner-baochay .item > img {
  height: auto;
  max-width: 1920px;
}
.banner-baochay .item > img,
.banner-baochay > img {
  max-height: 900px;
  width: 100%;
}
.banner-baochay .slick-dots {
  bottom: 83px;
  display: flex;
  gap: 25.86px;
  left: 315px;
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.banner-baochay .slick-dots li {
  background: #fff;
  border-radius: 100%;
  height: 14px;
  width: 14px;
}
.banner-baochay .slick-dots li.slick-active {
  background: #ef0032;
  border-radius: 100%;
  height: 14px;
  width: 14px;
}
.banner-baochay .slick-dots li button {
  color: #0000;
  display: block;
}
.banner-baochay .slick-dots li button:before {
  display: none;
}
@media (max-width: 768px) {
  .banner-baochay .item > img,
  .banner-baochay > img {
    height: 433px;
  }
  .banner-baochay .slick-dots {
    display: none !important;
  }
}
.header-bao-chay {
  border-radius: 100px;
  height: 53px;
  left: 50%;
  margin: auto;
  max-width: 1782px;
  position: absolute;
  top: 34px;
  transform: translate(-50%);
  width: 100%;
  z-index: 100;
}
.header-bao-chay .blogo {
  left: 0;
  position: absolute;
  top: 0;
}
.hub5g-top .container-5g {
  padding-top: 195px;
  position: relative;
  z-index: 1;
}
.header-bao-chay .menu-pc {
  align-items: center;
  display: flex;
  gap: 67.5px;
  padding: 0;
}
.header-bao-chay .menu-pc .boxmenu {
  display: flex;
  justify-content: center;
  margin-top: 6.5px;
  width: 100%;
}
.header-bao-chay .menu-pc .boxmenu ul.menu-list {
  align-items: center;
  display: flex;
  gap: 32px;
  height: 53px;
}
.header-bao-chay .menu-pc img {
  height: 38px;
  margin-top: 10px;
  width: 192px;
}
.header-bao-chay .menu-pc ul.list-button {
  display: flex;
  gap: 32px;
  position: absolute;
  right: 0;
  top: -48px;
}
.header-bao-chay .menu-pc ul li {
  color: #151515;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-align: right;
}
.header-bao-chay .menu-pc ul.menu-list li:hover {
  color: #ef0032;
}
.header-bao-chay .menu-pc ul.menu-list li:hover:after {
  background: #ef0032;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: relative;
  top: 10px;
  transform: translate(-50%);
  width: 37px;
}
.header-bao-chay .button-register-bc {
  angle: 0 deg;
  leading-trim: CAP_HEIGHT;
  align-items: center;
  background: #ef0032;
  border-radius: 21px 21px 21px 0;
  color: #fff;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  gap: 8px;
  height: 53px;
  justify-content: center;
  line-height: 20px;
  opacity: 1;
  position: absolute;
  right: 69px;
  text-align: right;
  top: 0;
  width: 213px;
}
.header-bao-chay .button-register-bc:hover {
  background: #fff;
  border: 1px solid #e03;
  color: #e03;
}
.header-bao-chay .menu-pc ul.list-button .button-buy-sim:hover {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #b4b4b4, #e03) border-box;
  color: #ef0032;
}
.header-bao-chay .menu-pc ul.list-button .button-login {
  background: radial-gradient(
    59.36% 48.19% at 85.87% 40.68%,
    #f56685 0,
    #e03 100%
  );
  border-radius: 12px;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  line-height: 24px;
}
.header-bao-chay .menu-pc ul.list-button .button-login:before {
  background: radial-gradient(
    59.36% 48.19% at 85.87% 40.68%,
    #f56685 0,
    #be0129 100%
  );
  border-radius: 8px;
}
.header-bao-chay .menu-pc ul.list-button .button-logged-in {
  align-items: center;
  aspect-ratio: 1/1;
  background: #ef0032;
  border-radius: 100%;
  color: #fff;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 44px;
  justify-content: center;
  line-height: 36px;
  width: 44px;
}
.header-bao-chay .menu-pc ul.list-button li {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-right: 60px;
  margin-top: 34px;
  position: relative;
}
.header-bao-chay .menu-pc ul.list-button .arrow {
  cursor: pointer;
  height: 32px;
  width: 32px;
}
.header-bao-chay .menu-pc ul.list-button .arrow.active {
  transform: rotate(180deg);
}
.header-bao-chay .menu-pc ul.list-button li .info-user {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 52px;
}
.header-bao-chay .menu-pc ul.list-button li .info-user > div {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: left;
}
.header-bao-chay .menu-pc ul.list-button li .info-user > div:last-child {
  color: #737373;
  cursor: pointer;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  gap: 8px;
  line-height: 20px;
}
.header-bao-chay .menu-pc ul.list-button li .info-user hr {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.header-bao-chay .menu-pc ul.list-button li .info-user > div span {
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  width: -webkit-max-content;
  width: max-content;
}
.header-bao-chay .login-zone:after {
  bottom: -10px;
  content: "";
  height: 30px;
  position: absolute;
  width: 100%;
}
.story-mobile-5g .content {
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 1025px) {
  .header-bao-chay .menu-pc {
    gap: 20px;
  }
  .header-bao-chay .menu-pc .boxmenu ul.menu-list {
    gap: 10px;
  }
}
.goi_cuoc_bao_chay {
  flex-direction: column;
  gap: 240px;
  margin: 0 auto;
  max-width: 1920px;
  position: relative;
  width: 100%;
}
.goi_cuoc_bao_chay .package_bao_chay {
  margin: 120px auto;
  max-width: 1296px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.goi_cuoc_bao_chay .package_bao_chay h3 {
  leading-trim: NONE;
  color: #151515;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
.goi_cuoc_bao_chay .package_bao_chay .packages-container {
  angle: 0deg;
  gap: 24px;
  height: auto;
  opacity: 1;
  padding-bottom: 34px;
  width: 100%;
  z-index: 1;
}
.goi_cuoc_bao_chay .bg-pack-list {
  bottom: -422px;
  position: absolute;
  right: 0;
}
.goi_cuoc_bao_chay .actions {
  display: flex;
  gap: 12px;
  height: 53px;
  margin-bottom: 16px;
  width: 365px;
}
.goi_cuoc_bao_chay .package_bao_chay .packages-container .btn-detail {
  align-items: center;
  background: #fff;
  border: 2px solid red;
  border-radius: 21px 21px 21px 1.5px;
  color: #e03;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  gap: 8px;
  height: 53px;
  justify-content: center;
  line-height: 20px;
  text-transform: uppercase;
  width: 100%;
}
.goi_cuoc_bao_chay .package_bao_chay .btn-register-package-btn-red:hover {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #b4b4b4, #e03) border-box;
  color: #ef0032;
}
.goi_cuoc_bao_chay .package_bao_chay .btn-detail:hover {
  background: #ef0032;
  color: #fff;
}
.goi_cuoc_bao_chay .btn-register-package-btn-red {
  align-items: center;
  background: #ef0032;
  border: 2px solid red;
  border-radius: 21px 21px 21px 1.5px;
  color: #fff;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  gap: 8px;
  height: 53px;
  justify-content: center;
  line-height: 20px;
  text-transform: uppercase;
  width: 100%;
}
.goi_cuoc_bao_chay .slick-dots {
  bottom: -30px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
}
.goi_cuoc_bao_chay .packages-container .slick-dots li {
  background: #ffd8d8;
  border-radius: 100%;
  gap: 8px;
  height: 10px;
  width: 10px;
}
.goi_cuoc_bao_chay .packages-container .slick-dots li.slick-active {
  background: #e03;
  border-radius: 100%;
  height: 10px;
  width: 10px;
}
.goi_cuoc_bao_chay .packages-container .slick-dots li button:before {
  display: none;
}
.goi_cuoc_bao_chay .line {
  background-color: #dedede;
  border-width: 1px;
  height: 1px;
  margin: 120px auto;
  width: 1296px;
}
@media (max-width: 768px) {
  .goi_cuoc_bao_chay .package_bao_chay {
    margin: 40px auto;
    max-width: 100%;
    padding: 0;
    width: 100%;
  }
  .goi_cuoc_bao_chay .package_bao_chay h3 {
    leading-trim: NONE;
    color: #151515;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    margin: auto auto 16px;
    padding: 0 15.5px;
    text-align: center;
    text-transform: uppercase;
  }
  .goi_cuoc_bao_chay .bg-pack-list,
  .package_bao_chay .line {
    display: none;
  }
}
.package-card_red-shadow {
  gap: 30px;
  height: auto;
  max-width: 414px;
  width: 100%;
}
.package-card_red-shadow .package-header-antam1-bg {
  align-items: center;
  border-top-left-radius: 10px;
  display: flex;
  height: 49.97px;
  padding: 20.19px;
  position: relative;
  width: 305.19px;
}
.package-card_red-shadow .package-header-antam1-bg img {
  height: 100%;
  position: absolute;
  right: 0;
}
.package-card_red-shadow .package-header-antam1-bg .package-name {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #fff;
  display: -webkit-box;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  max-width: 260px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
}
.package-card_red-shadow .package-body {
  angle: 0deg;
  background: #fff;
  border-radius: 20px;
  gap: 10px;
  height: auto;
  left: 3px;
  max-width: 408px;
  opacity: 1;
  padding: 20px;
  top: 55px;
  width: 100%;
}
.package-card_red-shadow .price-box {
  display: flex;
  height: 42px;
  margin-bottom: 24px;
  width: 365px;
}
.package-card_red-shadow .price-box .price {
  color: #ef0032;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
}
.package-card_red-shadow .price-box .price-unit {
  leading-trim: NONE;
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
}
.package-card_red-shadow .features-list {
  margin-bottom: 16px;
}
.package-card_red-shadow .features-list li {
  border-bottom: 1px solid #ffe3e3;
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
}
.package-card_red-shadow .features-list li .feature-value {
  color: #151515;
  flex-basis: calc(100% - 100px);
  flex-grow: 1;
  flex-shrink: 1;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-align: right;
  white-space: normal;
  width: calc(100% - 100px);
  word-break: break-word;
}
.package-card_red-shadow .features-list li .feature-label {
  flex: 1 1 100px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  width: 100px;
}
.package-card_red-shadow .bold {
  font-weight: 700;
}
.package-card_red-shadow .package-body-parent {
  background: #e03;
  border-radius: 0 20px 20px 20px;
  padding: 5px 3px 4px;
  width: 408px;
}
.package-card_red-shadow .promo-text {
  leading-trim: NONE;
  color: #ef0032;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: Italic;
  font-weight: 400;
  justify-content: space-between;
  line-height: 100%;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .goi_cuoc_bao_chay .package_bao_chay .packages-container {
    margin-left: -30px;
    width: calc(100% + 30px);
  }
  .package-card_red-shadow {
    max-width: 100%;
    width: 100%;
  }
  .package-card_red-shadow .package-header-antam1-bg {
    height: 38px;
    max-width: 100%;
    width: 236px;
  }
  .package-card_red-shadow .package-header-antam1-bg .package-name {
    leading-trim: NONE;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
  }
  .package-card_red-shadow .package-body-parent {
    max-width: 100%;
    padding: 5px 3px 2px 2px;
    position: relative;
    top: -1px;
    width: calc(100% - 24px);
  }
  .package-card_red-shadow .package-body-parent .package-body {
    max-width: 100%;
  }
  .package-card_red-shadow .price-box {
    leading-trim: NONE;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px;
  }
  .package-card_red-shadow .price-box span {
    font-size: 24px;
    font-weight: 400;
  }
  .package-card_red-shadow .actions {
    flex-direction: column-reverse;
    gap: 8px;
    height: auto;
    margin-bottom: 24px;
    max-width: 100%;
  }
  .package-card_red-shadow .actions .btn-detail,
  .package-card_red-shadow .actions .btn-register-package-btn-red {
    height: 44px !important;
    width: 100%;
  }
  .package-card_red-shadow .features-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .package-card_red-shadow .features-list li {
    padding: initial;
    padding-bottom: 10px;
  }
  .package-card_red-shadow .features-list li .feature-label {
    font-size: 14px;
    font-weight: 400;
  }
  .package-card_red-shadow .features-list li .feature-value {
    leading-trim: NONE;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    text-align: right;
    word-break: break-word;
  }
  .package-card_red-shadow .promo-text {
    leading-trim: NONE;
    color: #ef0032;
    font-size: 12px;
    font-style: Italic;
    font-weight: 400;
    line-height: 100%;
  }
}
.modal-detail_container {
  display: flex;
  flex-direction: column;
}
.modal-detail_container .package-card_red-shadow {
  height: auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.modal-detail_container .modal-content {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 14px !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  width: 551px !important;
}
.modal-detail_container .modal-detail_container .modal-detail_content {
  margin: 12px 0 20px;
}
.modal-detail_container .modal-detail_header {
  color: #171717;
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.modal-detail_container .modal-detail_footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.modal-detail_container .modal-detail_footer button {
  width: 100%;
}
.modal-detail_container .button--secondary {
  align-items: center;
  background: #fff;
  border: 2px solid red;
  border-radius: 21px 21px 21px 1.5px;
  color: #e03;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  gap: 8px;
  height: 53px;
  justify-content: center;
  line-height: 20px;
}
.modal-detail_container .button--secondary:hover {
  background: #ef0032;
  color: #fff;
}
.modal-detail_container .button--primary:hover {
  background: #fff;
  color: #ef0032 !important;
}
.modal-detail_container .button--primary:before {
  background-color: #fff;
  border-radius: 21px 21px 21px 1.5px;
  color: #ef0032;
}
.modal-detail_container .button--primary {
  border-radius: 21px 21px 21px 0;
}
.modal-detail_container .modal-detail_footer {
  margin: 20px 80px 12px;
}
.modal-detail_container .modal-detail_content-info div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.modal-detail_container .modal-detail_content-info span {
  color: #000;
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.modal-detail_container .modal-detail_content-info p {
  color: #000;
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}
.modal-detail_container .modal-detail_content-info strong {
  color: #e03;
}
.modal-detail_container .modal-detail_container .modal-detail_content-info img {
  height: 44px;
  width: 44px;
}
.modal-detail_container .modal-detail_content-speed {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 23px;
}
.modal-detail_container .modal-detail_content-speed-title {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.modal-detail_container .modal-detail_content-speed-value {
  color: #44494d;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.modal-detail_container .modal-detail-noti {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}
.modal-detail_container .package-header-antam1-bg img {
  height: 100%;
  position: absolute;
  right: 0;
}
.modal-detail_container .des-other-text {
  color: #151515;
}
.modal-detail_container .package-header-antam1-bg .package-name {
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-size: 24px;
  font-weight: 600;
  line-height: 20px;
  line-height: 100%;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
}
.modal-detail_container .package-body-parent {
  background: #e03;
  border-radius: 0 20px 20px 20px;
  padding: 2px;
  width: 100%;
}
.modal-detail_container .package-body {
  angle: 0deg;
  border-radius: 20px;
  gap: 10px;
  left: 3px;
  max-height: none;
  max-width: 100%;
  opacity: 1;
  padding: 16px;
  top: 55px;
  width: 100%;
}
.modal-detail_container .price-box {
  display: flex;
  height: 42px;
  margin-bottom: 4px;
  width: 365px;
}
.modal-detail_container .price-box .price {
  color: #ef0032;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  margin-top: 15px;
}
.modal-detail_container .price-box .price-unit {
  leading-trim: NONE;
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
}
.modal-detail_container .modal-detail_container .features-list {
  margin-bottom: 16px;
}
.modal-detail_container .modal-detail_content .des-other-text {
  font-size: 16px;
  margin-top: 24px;
}
.modal-detail_container .modal-detail_container .features-list li {
  border-bottom: 3px solid #ffe3e3;
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
}
.modal-detail_container
  .modal-detail_container
  .modal-detail_content
  .features-value {
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}
.modal-detail_container .modal-detail_container .features-label {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}
.modal-detail_container .modal-detail_container .bold {
  font-weight: 700;
}
.modal-detail_container .modal-detail_container .promo-text {
  leading-trim: NONE;
  color: #ef0032;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: Italic;
  font-weight: 400;
  height: 21px;
  justify-content: space-between;
  line-height: 100%;
  width: 365px;
}
.modal-detail_container .modal-detail_container .des-other-text {
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  margin-top: 24px;
  max-height: 115px;
  max-width: 498px;
  text-align: justify;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .modal-detail_container .package-header-antam1-bg {
    height: 45px;
  }
  .modal-detail_container .package-header-antam1-bg img {
    angle: 0deg;
    height: 45px;
    opacity: 1;
    width: 305px;
  }
  .modal-detail_container .package-header-antam1-bg .package-name {
    leading-trim: NONE;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    max-width: 260px;
    overflow: hidden;
  }
  .modal-detail_container .modal-detail_header {
    font-size: 20px;
    line-height: 32px;
  }
  .modal-detail_container .package-body-parent {
    width: 100%;
  }
  .modal-detail_container .package-body {
    border: 2px solid red;
    max-height: none;
    width: 100%;
  }
  .modal-detail_container .price-box .price {
    font-size: 24px;
    margin-top: 12px;
  }
  .modal-detail_container .package-card_red-shadow .features-list li {
    padding-bottom: 16px;
  }
  .modal-detail_container .modal-detail_content .des-other-text {
    margin-top: 12px;
  }
  .modal-detail_container .price-box {
    margin-bottom: 12px;
  }
  .modal-detail_container .modal-detail_footer {
    margin: 20px 16px 40px;
  }
  .modal-detail_container .package-card_red-shadow {
    max-width: 100%;
    position: relative;
    width: 100%;
  }
}
.dai-icon {
  gap: 80px;
  height: 38px;
  margin-bottom: 120px;
  max-width: 1824px;
  position: relative;
}
.van_de_bao_chay {
  gap: 10px;
  margin: auto;
  max-width: 1920px;
  width: 100%;
}
.chu-dong-bao-chay {
  color: #151515;
  display: flex;
  gap: 118px;
  justify-content: space-between;
  left: 258.5px;
  margin: auto;
  max-width: 1362px;
  width: 100%;
}
.text-chu-dong {
  gap: 40px;
  margin-top: 180px;
  max-width: 596px;
}
.text-chu-dong h2 {
  leading-trim: NONE;
  color: #ef0032;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 500;
  gap: 12px;
  line-height: 100%;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
}
.text-chu-dong h2:after {
  background: #ef0032;
  bottom: 4px;
  color: #151515;
  content: "";
  height: 0.5px;
  left: 146px;
  position: absolute;
  width: 46px;
}
.text-chu-dong h3 {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}
.text-chu-dong h3,
.text-chu-dong p {
  leading-trim: NONE;
  color: #151515;
  max-width: 596px;
}
.text-chu-dong p {
  font-family: Sarabun;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 40px;
  text-align: justify;
}
.btn-detail {
  align-items: center;
  border: 2px solid red;
  border-radius: 21px 21px 21px 1.5px;
  display: flex;
  font-weight: 600;
  gap: 8px;
  height: 53px;
  justify-content: center;
  text-transform: uppercase;
  width: 196px;
}
.btn-detail :hover {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #b4b4b4, #e03) border-box;
  color: #ef0032;
}
.img-van-de {
  align-items: center;
  display: flex;
  height: 694px;
  justify-content: center;
  position: relative;
  width: 694px;
}
.img-van-de .img-main > p {
  leading-trim: NONE;
  color: #151515cc;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: Italic;
  font-weight: 500;
  line-height: 150%;
  margin-top: 24.44px;
  text-align: center;
}
.img-van-de .img-main {
  z-index: 1;
}
.img-van-de .img-main img {
  angle: 0 deg;
  border-radius: 100%;
  height: 543.5610961914px;
  opacity: 1;
  width: 543.5610961914px;
}
.img-van-de .img-main .item {
  align-items: center;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 14.03px 35.08px 0 rgba(0, 0, 0, 0.102);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
}
.img-van-de .img-main .item .title {
  leading-trim: NONE;
  color: #151515;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
}
.img-van-de .img-main .item .desc {
  leading-trim: NONE;
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
}
.img-van-de .img-main .item img {
  height: 44px;
  margin-bottom: 5px;
  width: 44px;
}
.img-van-de .img-main .item-0 {
  height: 160px;
  left: 0;
  top: 138px;
  width: 160px;
}
.img-van-de .img-main .item-1 {
  height: 152px;
  right: 29px;
  top: 52px;
  width: 152px;
}
.img-van-de .img-main .item-2 {
  bottom: 90px;
  height: 150px;
  left: 37px;
  width: 150px;
}
.img-van-de .img-main .item-3 {
  bottom: 137px;
  height: 178px;
  right: 0;
  width: 178px;
}
.img-van-de .bg {
  background: #ef0032;
  filter: blur(100px);
  height: 694px;
  left: 0;
  opacity: 0.05;
  position: absolute;
  top: 0;
  width: 694px;
}
.img-van-de > img {
  bottom: 50px;
  height: auto;
  margin-top: 200px;
  max-width: 543.5610961914px;
  position: relative;
  transform: scale(1.5);
}
@media screen and (max-width: 576px) {
  .dai-icon {
    height: auto;
    margin-bottom: 40px;
    margin-top: 60px;
    width: 246%;
  }
  .van_de_bao_chay {
    max-height: 650px;
  }
  .chu-dong-bao-chay {
    flex-direction: column;
    gap: 29px;
    justify-content: flex-start;
    margin: auto;
    max-height: 543px;
    max-width: 358px;
  }
  .text-chu-dong {
    margin-top: 0;
    max-height: 173px;
    max-width: 358px;
  }
  .text-chu-dong h2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 12px;
    max-height: 14px;
  }
  .text-chu-dong h2,
  .text-chu-dong h3 {
    leading-trim: NONE;
    font-family: FS PFBeauSansPro, sans-serif;
    gap: 12px;
    max-width: 358px;
  }
  .text-chu-dong h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 16px;
    max-height: 87px;
  }
  .text-chu-dong p {
    display: none;
  }
  .text-chu-dong .btn-detail {
    font-size: 16px;
    height: 44px;
  }
  .img-van-de {
    align-items: center;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 38.69px;
    position: relative;
    width: 694px;
  }
  .img-van-de .img-main > p {
    leading-trim: NONE;
    color: #151515cc;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: Italic;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12.61px;
    text-align: center;
    white-space: nowrap;
  }
  .img-van-de .img-main {
    z-index: 1;
  }
  .img-van-de .img-main img {
    angle: 0 deg;
    aspect-ratio: 1/1;
    border-radius: 100%;
    height: auto;
    max-width: 100%;
    opacity: 1;
    width: 543.5610961914px;
  }
  .img-van-de .img-main .item {
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 14.03px 35.08px 0 rgba(0, 0, 0, 0.102);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
  }
  .img-van-de .img-main .item .title {
    leading-trim: NONE;
    color: #151515;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
  }
  .img-van-de .img-main .item .desc {
    leading-trim: NONE;
    color: #151515;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    opacity: 60%;
    text-align: center;
  }
  .img-van-de .img-main .item img {
    height: 30px;
    margin-bottom: 5px;
    width: 30px;
  }
  .img-van-de .img-main .item-0 {
    height: 118px;
    left: 0;
    top: -5px;
    width: 118px;
  }
  .img-van-de .img-main .item-1 {
    height: 118px;
    right: 0;
    top: -5px;
    width: 118px;
  }
  .img-van-de .img-main .item-2 {
    bottom: 75px;
    height: 118px;
    left: 0;
    width: 118px;
  }
  .img-van-de .img-main .item-3 {
    bottom: 75px;
    height: 118px;
    right: 0;
    width: 118px;
  }
  .img-van-de .bg {
    aspect-ratio: 1/1;
    background: #ef0032;
    filter: blur(100px);
    height: auto;
    left: 0;
    max-width: 100%;
    opacity: 0.05;
    position: absolute;
    top: 0;
    width: 694px;
  }
  .img-van-de > img {
    aspect-ratio: 1/1;
    bottom: 50px;
    margin-top: 200px;
    max-width: 100%;
    position: relative;
    width: 100%;
  }
  .text-chu-dong h2:after {
    background: #ef0032;
    bottom: 2px;
    content: "";
    height: 0.5px;
    left: 106px;
    position: absolute;
    width: 255px;
  }
}
.giai_phap_bao_chay {
  background: #ef0032;
  border-bottom-right-radius: 40px;
  border-top-left-radius: 40px;
  display: flex;
  gap: 10px;
  gap: 240px;
  height: 1158px;
  justify-content: center;
  margin: 120px auto;
  max-width: 1920px;
  position: relative;
}
.giai-phap {
  display: flex;
  /*!* width: 1296px; *!*/
  gap: 65px;
  justify-content: space-between;
  margin: 120px auto;
  padding: 0 16px;
  position: absolute;
}
.img-giai-phap img {
  border-bottom-left-radius: 200px;
  border-top-left-radius: 200px;
  border-top-right-radius: 200px;
  height: 439px;
  width: 610px;
}
.text-giai-phap {
  gap: 40px;
  margin-top: 70px;
  max-width: 621px;
}
.text-giai-phap h3 p {
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  max-width: 621px;
  text-transform: uppercase;
}
.text-giai-phap .alert-description p {
  leading-trim: NONE;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 40px;
  margin-top: 20px;
  max-width: 621px;
  text-align: justify;
}
.text-giai-phap .btn-detail {
  leading-trim: CAP_HEIGHT;
  background: #fff;
  color: #ef0032;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
}
.text-giai-phap .btn-detail:hover {
  background: #ef0032;
  border: 1px solid #fff;
  color: #fff;
}
.loi-ich {
  display: flex;
  gap: 65px;
  justify-content: space-between;
  margin-bottom: 120px;
  padding: 0 16px;
  position: absolute;
  top: 600px;
}
.img-loi-ich img {
  border-bottom-left-radius: 200px;
  border-bottom-right-radius: 200px;
  border-top-right-radius: 200px;
  height: 439px;
  width: 610px;
}
.text-loi-ich {
  gap: 24px;
  margin-top: 45px;
  max-width: 621px;
}
.text-loi-ich h3 {
  leading-trim: NONE;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 24px;
  margin-top: 20px;
  max-width: 621px;
  text-transform: uppercase;
}
.text-loi-ich .list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 621px;
}
.text-loi-ich .list p {
  leading-trim: NONE;
  color: #fff;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  gap: 24px;
  line-height: 130%;
  list-style-type: disc;
  max-width: 597px;
  padding-left: 18px;
  position: relative;
}
.btn-wap {
  display: none;
}
.text-loi-ich .list p:before {
  content: "•";
  font-size: 25px;
  left: 0;
  position: absolute;
  top: -1px;
}
@media screen and (max-width: 576px) {
  .giai_phap_bao_chay {
    max-height: 1040px;
  }
  .giai-phap,
  .giai_phap_bao_chay {
    margin-bottom: 0;
    margin-top: 40px;
    max-width: 390px;
  }
  .giai-phap {
    flex-direction: column;
    gap: 16px;
  }
  .giai-phap img {
    angle: 0 deg;
    border-bottom-left-radius: 60px;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    height: 210px;
    opacity: 1;
    order: 3;
    width: 358px;
  }
  .text-giai-phap {
    gap: 16px;
    margin-top: 0;
    max-width: 358px;
    order: 2;
  }
  .text-giai-phap h3 p {
    color: #fff;
    font-size: 18px;
    line-height: 120%;
    max-width: 358px;
  }
  .text-giai-phap .alert-description p {
    leading-trim: NONE;
    color: #fff;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 40px;
    margin-top: 16px;
    max-width: 358px;
    text-align: justify;
  }
  .loi-ich {
    flex-direction: column-reverse;
    gap: 16px;
    margin-bottom: 0;
    max-width: 390px;
    top: 440px;
  }
  .text-giai-phap .btn-detail {
    display: none;
  }
  .loi-ich img {
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    border-top-right-radius: 60px;
    height: 210px;
    width: 358px;
  }
  .text-loi-ich h3 {
    margin-bottom: 16px;
    margin-top: 10px;
    max-width: 358px;
  }
  .text-loi-ich h3 p {
    color: #fff;
    font-size: 18px;
    line-height: 120%;
    max-width: 358px;
  }
  .text-loi-ich .list p {
    leading-trim: NONE;
    color: #fff;
    font-size: 14px;
    line-height: 130%;
    max-width: 358px;
    text-align: justify;
  }
  .text-loi-ich .list {
    gap: 12px;
    max-width: 358px;
  }
  .text-loi-ich {
    margin-top: 0;
  }
  .btn-wap {
    leading-trim: CAP_HEIGHT;
    align-items: center;
    background: #fff;
    border: 2px solid red;
    border-radius: 21px 21px 21px 1.5px;
    color: #e03;
    display: block;
    display: flex;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    height: 44px;
    justify-content: center;
    line-height: 20px;
    margin-top: 8px;
    max-width: 358px;
    padding: 16.5px 0;
    text-align: center;
  }
  .btn-wap:hover {
    background: #ef0032;
    border: 1px solid #fff;
    color: #fff;
  }
}
.canh_bao_bao_chay {
  display: flex;
  height: 393.90411376953125px;
  justify-content: space-between;
  margin: 120px auto;
  max-width: 1146px;
}
.img-canh-bao {
  height: 393.8625183105469px;
  width: 405px;
}
.text-canh-bao {
  gap: 40px;
  margin-left: 20px;
  margin-top: 85.45px;
  max-height: 223px;
  max-width: 670px;
}
.text-canh-bao p {
  leading-trim: NONE;
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-style: Italic;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 35px;
  max-height: 135px;
  max-width: 670px;
}
.btn-detail {
  leading-trim: CAP_HEIGHT;
  background: #ef0032;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
}
.btn-detail:hover {
  background: #fff;
  color: #ef0032;
}
@media screen and (max-width: 576px) {
  .canh_bao_bao_chay {
    gap: 12px;
    margin: 40px auto;
    max-height: 160px;
    max-width: 390px;
    width: 95%;
  }
  .text-canh-bao {
    margin: 0;
    max-height: 136px;
    max-width: 201px;
  }
  .text-canh-bao p {
    leading-trim: NONE;
    font-family: Sarabun;
    font-size: 16px;
    font-style: Italic;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 30px;
    max-height: 84px;
    max-width: 201px;
  }
  .text-canh-bao .btn-detail {
    font-size: 14px;
    font-weight: 700;
    max-height: 40px;
    max-width: 201px;
  }
}
.lap_dat_bao_chay {
  margin: auto;
  max-width: 1296px;
}
.text-header {
  gap: 12px;
  max-width: 1296px;
  text-align: center;
}
.text-header p {
  color: #ef0032;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 12px;
}
.text-header h3,
.text-header p {
  leading-trim: NONE;
  font-family: FS PFBeauSansPro, sans-serif;
}
.text-header h3 {
  color: #151515;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  max-width: 1296px;
  text-align: center;
  text-transform: uppercase;
}
.img-lap-dat {
  margin-top: 40px;
}
.img-lap-dat video {
  border-radius: 40px;
  max-height: 502px;
  max-width: 100%;
  width: 1294px;
}
.list-detail {
  angle: 0 deg;
  gap: 24px;
  margin-top: 60px;
  max-width: 1296px;
  opacity: 1;
}
.list-detail .camket-list .camket-item img {
  height: 35px;
  width: 31px;
}
.list-detail h3 {
  leading-trim: NONE;
  color: #151515;
  display: inline-block;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 130%;
  max-width: 1296px;
  position: relative;
}
.list-detail h3:after {
  background: #ef0032;
  bottom: 9px;
  content: "";
  height: 0.5px;
  left: 250px;
  position: absolute;
  width: 88px;
}
.camket-list {
  grid-gap: 24px;
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  max-width: 1296px;
  padding-top: 32px;
}
.camket-list .camket-item p {
  leading-trim: NONE;
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  max-width: 583px;
}
.camket-item {
  display: flex;
  gap: 22px;
  max-width: 636px;
}
.lap_dat_bao_chay .line {
  background-color: #dedede;
  border-width: 1px;
  height: 1px;
  margin: 120px auto;
  width: 1296px;
}
@media screen and (max-width: 576px) {
  .lap-dat,
  .lap_dat_bao_chay {
    margin: auto;
    max-width: 390px;
  }
  .lap_dat_bao_chay .text-header {
    margin: auto;
  }
  .lap_dat_bao_chay .line {
    margin: 40px auto 32px;
    width: 358px;
  }
  .lap-dat .text-header {
    max-width: 358px;
  }
  .text-header p {
    font-size: 14px;
    margin: auto auto 12px;
  }
  .text-header h3 {
    font-size: 24px;
  }
  .img-lap-dat {
    margin: 40px auto 24px;
    max-height: 183px;
    max-width: 358px;
  }
  .list-detail {
    margin: 20px auto;
    max-width: 358px;
  }
  .list-detail h3 {
    font-size: 18px;
  }
  .list-detail h3:after {
    background: #ef0032;
    bottom: 5px;
    content: "";
    height: 0.5px;
    left: 160px;
    position: absolute;
    width: 194px;
  }
  .camket-list {
    max-width: 358px;
    padding-top: 16px;
  }
  .camket-item {
    flex-direction: column;
    gap: 12px;
    max-width: 167px;
    text-align: center;
  }
  .list-detail .camket-list .camket-item img {
    margin: 0 auto;
  }
  .camket-list .camket-item p {
    leading-trim: NONE;
    font-family: Sarabun;
    font-size: 14px;
    font-weight: 500;
    max-width: 167px;
    text-align: center;
  }
  .lap_dat_bao_chay .list-detail .line {
    margin-top: 32px;
  }
}
.cau_hoi_bao_chay {
  display: block;
  gap: 44px;
  margin: 60px auto;
  max-width: 1296px;
}
.faq {
  display: flex;
  gap: 81px;
  justify-content: space-between;
  margin-top: 44px;
  max-width: 1296px;
}
.fwa5g-component .fwa5g-component__QA {
  display: flex;
  gap: 40px;
  max-width: 600px;
  text-align: left;
}
.lp-faq__top {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-right: 10px;
  max-width: 600px;
}
.lp-faq__name {
  leading-trim: NONE;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 12px;
  max-width: 700px;
}
.lp-faq__info p {
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  max-width: 636px;
  text-align: left;
}
.img-cau-hoi {
  float: left;
  margin: 0;
}
.lp-faq {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lp-faq__item {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 16px;
}
.lp-faq__item .lp-faq__top {
  cursor: pointer;
  display: flex;
  gap: 11px;
  margin: initial;
}
.lp-faq__item .lp-faq__top .lp-faq__name {
  leading-trim: NONE;
  color: #151515;
  flex-basis: calc(100% - 33px);
  flex-grow: 1;
  flex-shrink: 1;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -1%;
  line-height: 130%;
  margin-bottom: 0;
  width: calc(100% - 33px);
}
.lp-faq__item .lp-faq__top span {
  flex: 1 1 22px;
  width: 22px;
}
.lp-faq__item .lp-faq__info {
  leading-trim: NONE;
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: -1%;
  line-height: 150%;
  margin-top: 12px;
}
.lp-faq__item .lp-faq__info p {
  border-bottom: initial;
}
.lp-faq__item.active {
  border-bottom: 1px solid #ccc;
}
.lp-faq__icon:hover {
  transform: scale(1.2);
}
.show-more {
  leading-trim: NONE;
  color: #ef0032;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -1%;
  line-height: 130%;
  margin-top: 40px;
}
.img-cau-hoi img {
  height: 506px;
  margin-right: 80px;
  width: 473px;
}
.show-more:active,
.show-more:hover {
  text-decoration: underline;
}
@media screen and (max-width: 576px) {
  .cau_hoi_bao_chay {
    margin: auto;
    max-width: 390px;
  }
  .cau_hoi_bao_chay .text-header p {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .faq {
    flex-direction: column;
    gap: 0;
    margin-top: 24px;
  }
  .cau_hoi_bao_chay .faq .fwa5g-component {
    margin-top: 15px !important;
    padding-bottom: 0 !important;
  }
  .lp-faq__item {
    padding-bottom: 12px;
  }
  .lp-faq {
    gap: 12px;
    margin: 0 16px;
  }
  .lp-faq__item .lp-faq__top .lp-faq__name {
    font-size: 16px;
  }
  .lp-faq__item .lp-faq__info p {
    font-size: 14px;
  }
  .show-more {
    margin: 16px;
  }
}
.tinh_nang_thiet_bi {
  flex-direction: column;
  gap: 240px;
  margin: 120px auto;
  max-width: 1920px;
  max-width: 100%;
  max-width: 1296px;
  width: 1920px;
  width: 100%;
}
.tinh_nang_thiet_bi h3 {
  leading-trim: NONE;
  color: #151515;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 40px;
  font-weight: 700;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
.tinh_nang_thiet_bi_container {
  display: flex;
  height: auto;
  height: 346px;
  justify-content: center;
  margin: 40px auto 0;
  max-width: 1278px;
  position: relative;
  width: 100%;
}
.thiet_bi {
  height: 346px;
  left: 435px;
  margin: 0 auto;
  max-width: 426px;
  position: absolute;
  top: 88px;
  z-index: 0;
}
.tinh_nang_thiet_bi_container .feature-list {
  grid-gap: 30px 318px;
  display: grid;
  gap: 30px 318px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  justify-content: space-between;
  position: absolute;
  z-index: 1;
}
.tinh_nang_thiet_bi_container .feature-list .feature-item-right {
  color: #151515;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  left: 9px;
  margin-right: 30px;
  margin-top: 50px;
  max-width: 480px;
  top: 166px;
}
.tinh_nang_thiet_bi_container .feature-list .feature-item-left {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  left: 9px;
  margin-left: 30px;
  margin-top: 50px;
  max-width: 480px;
  top: 166px;
  transform: scaleX(-1);
}
.tinh_nang_thiet_bi_container .feature-list .feature-item-left .feature-icon-1,
.tinh_nang_thiet_bi_container .feature-list .feature-item-left .feature-icon-3,
.tinh_nang_thiet_bi_container .feature-list .feature-item-right .feature-icon-2,
.tinh_nang_thiet_bi_container
  .feature-list
  .feature-item-right
  .feature-icon-4 {
  max-height: 78px;
  max-width: 78px;
}
.tinh_nang_thiet_bi_container .feature-list .feature-item-left .feature-text {
  angle: 0 deg;
  gap: 6px;
  max-width: 378px;
  opacity: 1;
  transform: scaleX(-1);
}
.tinh_nang_thiet_bi_container .feature-list .feature-item-right .feature-text {
  angle: 0 deg;
  gap: 6px;
  max-width: 378px;
  opacity: 1;
}
.tinh_nang_thiet_bi_container .feature-list .feature-item-left h4 {
  leading-trim: NONE;
  color: #151515;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
  max-width: 378px;
  text-align: right;
}
.tinh_nang_thiet_bi_container .feature-list .feature-item-left .feature-text p {
  leading-trim: NONE;
  color: #151515;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  margin-left: auto;
  max-width: 348px;
  text-align: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.tinh_nang_thiet_bi_container .feature-list .feature-item-right h4 {
  leading-trim: NONE;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
  max-width: 378px;
}
.tinh_nang_thiet_bi_container
  .feature-list
  .feature-item-right
  .feature-text
  p {
  leading-trim: NONE;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  max-width: 348px;
}
@media screen and (max-width: 576px) {
  .tinh_nang_thiet_bi {
    margin: 40px auto 20px;
    max-width: 358px;
  }
  .tinh_nang_thiet_bi_container {
    margin-top: 0;
  }
  .tinh_nang_thiet_bi h3 {
    leading-trim: NONE;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
  }
  .thiet-bi img {
    display: none;
  }
  .tinh_nang_thiet_bi_container .feature-list .feature-item-left {
    align-items: center;
    flex-direction: column;
    gap: 16px;
    margin-left: 0;
    margin-top: 16px;
    max-height: 139px;
    max-width: 171px;
    text-align: center;
  }
  .tinh_nang_thiet_bi_container .feature-list .feature-item-right {
    align-items: center;
    flex-direction: column;
    gap: 16px;
    margin-right: 0;
    margin-top: 16px;
    max-height: 139px;
    max-width: 171px;
    text-align: center;
  }
  .tinh_nang_thiet_bi_container
    .feature-list
    .feature-item-left
    .feature-icon-1,
  .tinh_nang_thiet_bi_container
    .feature-list
    .feature-item-left
    .feature-icon-3,
  .tinh_nang_thiet_bi_container
    .feature-list
    .feature-item-right
    .feature-icon-2,
  .tinh_nang_thiet_bi_container
    .feature-list
    .feature-item-right
    .feature-icon-4 {
    height: auto;
    width: 65.4%;
  }
  .tinh_nang_thiet_bi_container .feature-list .feature-item-left h4 {
    leading-trim: NONE;
    display: inline-block;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    max-width: 100%;
    text-align: center;
  }
  .tinh_nang_thiet_bi_container
    .feature-list
    .feature-item-left
    .feature-text
    p {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 6px auto;
    max-width: 171px;
    text-align: center;
  }
  .tinh_nang_thiet_bi_container .feature-list .feature-item-right h4 {
    leading-trim: NONE;
    display: inline-block;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    max-width: 100%;
    text-align: center;
  }
  .tinh_nang_thiet_bi_container
    .feature-list
    .feature-item-right
    .feature-text
    p {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 6px auto;
    max-width: 171px;
    text-align: center;
  }
  .tinh_nang_thiet_bi_container .feature-list {
    grid-gap: 16px;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-content: space-between;
    position: absolute;
  }
}
.footer_bao_chay {
  margin: 0 auto;
  max-width: 1920px;
}
.red-divider {
  background-color: #ef0032;
  height: 1px;
  margin: 82px auto 0;
  max-width: 1920px;
}
.footer-container {
  padding: 0 16px;
}
.footer-icon-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 60px auto 28px;
  max-width: 1296px;
  width: 100%;
}
.footer-icon-content .icon-right {
  display: flex;
  gap: 16px;
}
.footer-icon-content .icon-footer img {
  height: 38px;
  width: 192px;
}
.footer-text {
  display: flex;
  gap: 183px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1296px;
  width: 100%;
}
.footer-text-contact {
  max-width: 526px;
}
.footer-tex-contact .same {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 12px;
}
.same p {
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}
.footer-tex-contact .same-2 {
  margin-bottom: 20px;
}
.text p {
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.footer-text .footer-tex-intro {
  display: flex;
  max-width: 587px;
}
.footer-text .footer-tex-intro p {
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
}
#fixed-chat {
  align-items: flex-end;
  bottom: 86px;
  display: flex;
  flex-direction: column;
  gap: 27px;
  position: fixed;
  right: 35.58px;
  z-index: 10;
}
#fixed-chat .chat-content {
  display: flex;
  flex-direction: column;
  position: relative;
}
#fixed-chat .chat-content img {
  angle: 2.49 deg;
  height: 53.2565464433px;
  width: 53.2565464433px;
}
#fixed-chat .chat-content .close {
  position: absolute;
  right: 0;
  top: 0;
}
#fixed-chat .chat-content .chat-text {
  leading-trim: CAP_HEIGHT;
  color: #ef0032;
  cursor: pointer;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  padding-left: 21px;
  position: relative;
  text-align: right;
  top: -10px;
}
#fixed-chat .chat-content .chat-text span {
  font-weight: 700;
  position: relative;
}
#fixed-chat .arrow-up {
  cursor: pointer;
}
@media screen and (max-width: 576px) {
  .footer_bao_chay .red-divider {
    margin: 0 auto;
  }
  .footer-icon-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 32.91px auto 24px;
  }
  .footer-icon-content .icon-footer img {
    height: 32px;
    width: 160px;
  }
  .footer-tex-contact {
    grid-gap: 12px;
    display: grid;
    gap: 12px;
    grid-template-columns: auto auto;
  }
  .footer-text {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 auto;
  }
  .footer-tex-contact .text {
    flex-basis: 100%;
    grid-column: span 2;
    margin-top: 10px;
    text-align: center;
  }
  .footer-text .footer-tex-contact .same-2 {
    margin-right: 20px;
    max-width: 140px;
  }
  .footer-tex-contact .same {
    margin-bottom: 0;
    max-width: 190px;
  }
  .footer-tex-contact .same img {
    height: 24px;
    width: 24px;
  }
  .footer-text .footer-tex-intro p {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
  }
}
.mobile-header-bao-chay {
  display: flex;
  height: 100px;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
.mobile-header-bao-chay .bg {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.mobile-header-bao-chay .logo-bao-chay {
  position: relative;
}
.mobile-header-bao-chay .logo-bao-chay a {
  left: 15px;
  position: relative;
  top: 26px;
  z-index: 5;
}
.mobile-header-bao-chay .logo-bao-chay a img {
  height: 22px;
  width: 116px;
}
.mobile-header-bao-chay .menu-pc .blogo {
  position: absolute;
  right: 16px;
  top: 26px;
}
.hubbao-chay-drawer .ant-drawer-body {
  background: #e03;
}
.hubbao-chay-drawer .ant-drawer-body .menu-sp__detail .top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.hubbao-chay-drawer
  .ant-drawer-body
  .menu-sp__detail
  .top
  .mobile-logo-head-bao-chay {
  angle: 0 deg;
  height: 22.8045463562px;
  opacity: 1;
  width: 116px;
}
.hubbao-chay-drawer .ant-drawer-body .menu-sp__detail .top .close {
  height: 37px;
  width: 37px;
}
.hubbao-chay-drawer .ant-drawer-body .menu-sp__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 44px;
}
.hubbao-chay-drawer .ant-drawer-body .menu-sp__list li {
  leading-trim: NONE;
  color: #fff;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
.hubbao-chay-drawer .ant-drawer-body .bg {
  bottom: 30px;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.hubbao-chay-drawer .ant-drawer-body .register-btn {
  bottom: 34px;
  left: 15px;
  position: absolute;
  width: calc(100% - 32px);
}
.hubbao-chay-drawer .ant-drawer-body .register-btn .button-buy-sim {
  angle: 0 deg;
  align-items: center;
  border-radius: 21px 21px 21px 0;
  color: #ef0032;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px !important;
  font-weight: 700 !important;
  gap: 8px;
  height: 53px;
  justify-content: center;
  line-height: 20px;
  opacity: 1;
  padding: 20px;
  width: 100%;
  z-index: 10;
}
.popup-register-bc .modal-content {
  border-radius: 40px 0 40px 0 !important;
}
.popup-register-bc .button:after,
.popup-register-bc .button:before {
  border-radius: 21px 21px 21px 0 !important;
}
.modal-detail_container-register .modal-detail_header {
  leading-trim: NONE;
  color: #171717;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.1%;
  line-height: 32px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.modal-detail_container-register .description {
  leading-trim: NONE;
  color: #282828;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 20px;
}
.modal-detail_container-register .modal-detail_content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
  max-height: calc(100vh - 300px);
  overflow: auto;
  padding-right: 12px;
  width: calc(100% + 12px);
}
.modal-detail_container-register .modal-detail_content .component {
  background: #fff;
  border-radius: 16px;
  padding: 16px 20px 20px;
}
.modal-detail_container-register .modal-detail_content .component h3 {
  leading-trim: NONE;
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.1%;
  line-height: 32px;
  margin-bottom: 12px;
  vertical-align: middle;
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .input-captcha-form {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .input-captcha-form
  .form-control,
.modal-detail_container-register
  .modal-detail_content
  .component
  .input-captcha-form
  img {
  height: 52px;
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .input-captcha-form
  .icon-reload {
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .input-captcha-form
  .icon-reload:hover {
  transform: rotate(225deg);
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .input-captcha-form
  > div {
  position: relative;
  width: 100%;
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .input-captcha-form
  > div.form-control::placeholder {
  leading-trim: NONE;
  color: #8f8e92 !important;
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px !important;
  vertical-align: middle;
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .radio-custom1 {
  margin-bottom: 12px;
  padding-left: 34px;
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .radio-custom1
  .txt-radio {
  color: #282828;
  font-weight: 500;
}
.modal-detail_container-register
  .modal-detail_content
  .component
  .radio-custom1:hover
  .checkmark {
  border: 2px solid #e03;
}
.modal-detail_container-register .modal-detail_content .component.input {
  padding: 0;
}
.modal-detail_container-register
  .modal-detail_content
  .component.input
  .form-customize {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.modal-detail_container-register
  .modal-detail_content
  .component.input
  .form-customize
  .form-control {
  border: initial;
  height: 64px;
  width: 100%;
}
.modal-detail_container-register
  .modal-detail_content
  .component.input
  .form-customize
  .floating-label {
  top: 18px;
}
.modal-detail_container-register .modal-detail_content .radio-check-list {
  display: flex;
  gap: 44px;
}
.modal-detail_container-register .modal-detail_content .form-2column-bc {
  display: flex;
  gap: 20px;
}
.modal-detail_container-register .modal-detail_content .form-customize {
  border-radius: 8px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0;
  position: relative;
  width: 100%;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize
  .form-control {
  angle: 0 deg;
  leading-trim: NONE;
  background: #fff;
  border: 1px solid #eee;
  border: 1px solid var(--Border-Default, #eee);
  border-radius: 8px;
  color: #282828;
  font-family: FS PFBeauSansPro, sans-serif !important;
  font-size: 20px;
  font-weight: 600;
  height: 76px;
  letter-spacing: -0.1%;
  line-height: 32px;
  opacity: 1;
  padding: 32px 60px 12px 12px;
  vertical-align: middle;
  width: 100%;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize
  .form-control:focus {
  border: 1px solid #409c37 !important;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize
  .form-control:before {
  background: #d11313;
  bottom: 0;
  content: " ";
  display: block;
  height: 3.5px;
  position: absolute;
  width: 100%;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize
  .icon-arrow-down {
  color: #404040;
  right: 12px;
  top: 26px;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize
  .floating-label {
  leading-trim: NONE;
  color: #737373;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  letter-spacing: 0;
  line-height: 28px;
  margin: initial;
  position: absolute;
  top: 23px;
  transform: none;
  vertical-align: middle;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize
  .form-control:focus
  + .floating-label,
.modal-detail_container-register
  .modal-detail_content
  .form-customize
  .form-control:not(:placeholder-shown)
  + .floating-label {
  font-size: 14px;
  font-weight: 500;
  transform: translateY(-17px);
}
.modal-detail_container-register .modal-detail_content .error-mes {
  leading-trim: NONE;
  color: #d11313;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: Italic;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  top: 4px;
  vertical-align: middle;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize.textarea {
  padding-top: 24px;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize.textarea
  textarea.form-control {
  padding-top: 0;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize.textarea
  textarea.form-control:focus {
  border: initial !important;
}
.modal-detail_container-register
  .modal-detail_content
  .form-customize.textarea:focus,
.modal-detail_container-register
  .modal-detail_content
  .form-customize.textarea:focus-within,
.modal-detail_container-register
  .modal-detail_content
  .form-customize.textarea:hover {
  border: 1px solid #409c37 !important;
}
.modal-detail_container-register .modal-detail_content .delete-text:hover i {
  color: #e03;
}
.modal-detail_container-register .modal-detail_content .detail-pack-bc {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.modal-detail_container-register
  .modal-detail_content
  .detail-pack-bc
  .pack
  .device {
  leading-trim: NONE;
  color: #44494d;
  font-family: Roboto, Sans-Serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 8px;
}
.modal-detail_container-register
  .modal-detail_content
  .detail-pack-bc
  .pack
  .name {
  leading-trim: NONE;
  color: #ef0032;
  font-family: Roboto, Sans-Serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  vertical-align: middle;
}
.modal-detail_container-register .modal-detail_content .detail-pack-bc .price {
  leading-trim: NONE;
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 100%;
}
.modal-detail_container-register
  .modal-detail_content
  .detail-pack-bc
  .price
  span {
  leading-trim: NONE;
  color: #ef0032;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-style: Bold;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
}
.modal-detail_container-register .modal-detail_content .error-validation {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.modal-detail_container-register
  .modal-detail_content
  .error-validation
  .form-control:focus {
  border: 1px solid #eee !important;
  border: 1px solid var(--Border-Default, #eee) !important;
}
.modal-detail_container-register .modal-detail_content .error-validation:after {
  background-color: #d11313;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.modal-detail_container-register .modal-detail_footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin: 0 80px 12px;
}
.modal-detail_container-register .modal-detail_footer button {
  width: 100%;
}
.modal-detail_container-register .button--secondary {
  align-items: center;
  background: #fff;
  border: 2px solid red;
  border-radius: 21px 21px 21px 1.5px;
  color: #e03;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  gap: 8px;
  height: 53px;
  justify-content: center;
  line-height: 20px;
}
.modal-detail_container-register .button--secondary:hover {
  background: #ef0032;
  color: #fff;
}
.modal-detail_container-register .button--primary:hover {
  background: #fff;
  color: #ef0032;
}
.modal-detail_container-register .button--primary[disabled] {
  background-color: #e4e4e4 !important;
  border-color: #e4e4e4 !important;
  color: #727272 !important;
  pointer-events: none;
}
.modal-detail_container-register .button--primary {
  border-radius: 21px 21px 21px 0;
}
@media (max-width: 768px) {
  .modal-detail_container-register .package-card_red-shadow {
    max-width: 100%;
  }
  .modal-detail_container-register .modal-detail_header {
    leading-trim: NONE;
    color: #171717;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
    text-transform: uppercase;
  }
  .modal-detail_container-register .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .modal-detail_container-register .modal-detail_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
    max-height: calc(100vh - 300px);
    overflow: auto;
    padding-right: 12px;
    width: calc(100% + 12px);
  }
  .modal-detail_container-register .modal-detail_content .component {
    background: #fff;
    border-radius: 16px;
    padding: 16px 20px 20px;
  }
  .modal-detail_container-register .modal-detail_content .component h3 {
    leading-trim: NONE;
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.1%;
    line-height: 32px;
    margin-bottom: 12px;
    vertical-align: middle;
  }
  .modal-detail_container-register
    .modal-detail_content
    .component
    .input-captcha-form {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    position: relative;
  }
  .modal-detail_container-register
    .modal-detail_content
    .component
    .input-captcha-form
    .form-control {
    height: 52px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .component
    .input-captcha-form
    img {
    height: 52px;
    width: 106px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .component
    .input-captcha-form
    .icon-reload {
    height: 21px;
    position: absolute;
    right: 0;
    top: -40px;
    width: 21px;
  }
  .modal-detail_container-register .modal-detail_content .component.input {
    padding: 0;
  }
  .modal-detail_container-register
    .modal-detail_content
    .component.input
    .form-customize {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
  }
  .modal-detail_container-register
    .modal-detail_content
    .component.input
    .form-customize
    .form-control {
    border: initial;
    height: 64px;
    width: 100%;
  }
  .modal-detail_container-register
    .modal-detail_content
    .component.input
    .form-customize
    .floating-label {
    top: 18px;
  }
  .modal-detail_container-register .modal-detail_content .radio-check-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .radio-check-list
    .radio-custom1 {
    align-items: center;
    display: flex;
    gap: 16px;
    height: 32px;
    margin-bottom: 0;
    padding-left: 4px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .radio-check-list
    .radio-custom1
    .checkmark {
    height: 24px;
    position: relative;
    width: 24px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .radio-check-list
    .radio-custom1
    input:checked
    ~ .checkmark:after {
    height: 14px;
    width: 14px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .radio-check-list
    .radio-custom1
    .txt-radio {
    leading-trim: NONE;
    color: #282828;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: Medium;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    vertical-align: middle;
  }
  .modal-detail_container-register
    .modal-detail_content
    .radio-check-list
    .radio-custom1:hover
    .checkmark {
    border: 2px solid #e03;
  }
  .modal-detail_container-register .modal-detail_content .form-2column-bc {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-2column-bc
    .select-option-sim
    > span {
    right: 0;
    top: 0;
  }
  .modal-detail_container-register .modal-detail_content .form-customize {
    margin: 0;
    width: 100%;
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-customize
    .form-control {
    angle: 0 deg;
    leading-trim: NONE;
    background: #fff;
    border: 1px solid #eee;
    border: 1px solid var(--Border-Default, #eee);
    border-radius: 8px;
    color: #282828;
    font-family: FS PFBeauSansPro, sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    height: 76px;
    letter-spacing: -0.1%;
    line-height: 32px;
    opacity: 1;
    padding: 32px 60px 12px 12px !important;
    vertical-align: middle;
    width: 100%;
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-customize
    .icon-arrow-down {
    right: 12px;
    top: 26px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-customize
    .floating-label {
    leading-trim: NONE;
    color: #737373;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    left: 12px;
    letter-spacing: 0;
    line-height: 28px;
    margin: initial;
    position: absolute;
    top: 25px;
    transform: none;
    vertical-align: middle;
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-customize
    .form-control:focus
    + .floating-label,
  .modal-detail_container-register
    .modal-detail_content
    .form-customize
    .form-control:not(:placeholder-shown)
    + .floating-label {
    font-size: 14px;
    font-weight: 500;
    transform: translateY(-17px);
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-customize.textarea {
    padding-top: 24px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-customize.textarea
    textarea.form-control {
    padding-top: 0 !important;
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-customize.textarea
    textarea.form-control:focus {
    border: initial !important;
  }
  .modal-detail_container-register
    .modal-detail_content
    .form-customize.textarea:focus,
  .modal-detail_container-register
    .modal-detail_content
    .form-customize.textarea:focus-within,
  .modal-detail_container-register
    .modal-detail_content
    .form-customize.textarea:hover {
    border: 1px solid #409c37 !important;
  }
  .modal-detail_container-register .modal-detail_content .detail-pack-bc {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
  }
  .modal-detail_container-register
    .modal-detail_content
    .detail-pack-bc
    .pack
    .device {
    leading-trim: NONE;
    color: #44494d;
    font-family: Roboto, Sans-Serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 8px;
  }
  .modal-detail_container-register
    .modal-detail_content
    .detail-pack-bc
    .pack
    .name {
    leading-trim: NONE;
    color: #e03;
    font-family: Roboto, Sans-Serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    vertical-align: middle;
  }
  .modal-detail_container-register
    .modal-detail_content
    .detail-pack-bc
    .price {
    leading-trim: NONE;
    color: #151515;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 100%;
  }
  .modal-detail_container-register
    .modal-detail_content
    .detail-pack-bc
    .price
    span {
    leading-trim: NONE;
    color: #e03;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: Bold;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 100%;
  }
  .modal-detail_container-register .modal-detail_footer {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    margin: 0 0 12px;
  }
  .modal-detail_container-register .modal-detail_footer button {
    height: 44px;
    width: 100%;
  }
  .modal-detail_container-register .button--secondary {
    align-items: center;
    background: #fff;
    border: 2px solid red;
    border-radius: 21px 21px 21px 1.5px;
    color: #e03;
    display: flex;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 600;
    gap: 8px;
    height: 53px;
    justify-content: center;
    line-height: 20px;
  }
  .modal-detail_container-register .button--secondary:hover {
    background: #ef0032;
    color: #fff;
  }
  .modal-detail_container-register .button--primary:hover {
    background: #fff;
    color: #ef0032;
  }
  .modal-detail_container-register .button--primary {
    border-radius: 21px 21px 21px 0;
  }
}
.home-capcut {
  background: url(/vx/static/media/background.343196b68cb5f1a6e80a.png)
    no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
}
.input-phone-capcut {
  max-width: 100%;
  padding: 0;
  width: 600px !important;
}
.input-phone-capcut .ant-modal-content,
.modal-guild-capcut .ant-modal-content,
.modal-success-capcut .ant-modal-content {
  border-radius: 24px;
  padding: 32px;
}
.input-id-capcut .ant-modal-content {
  padding: 28px 31px 25px;
}
.input-id-capcut .ant-modal-content .ant-modal-body,
.input-phone-capcut .ant-modal-content .ant-modal-body,
.modal-guild-capcut .ant-modal-content .ant-modal-body,
.modal-success-capcut .ant-modal-content .ant-modal-body {
  padding: 0;
}
.modal-capcut-input-id,
.modal-capcut-input-phone {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-capcut-input-id .top,
.modal-capcut-input-phone .top,
.popup-otp-capcut.top {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-bottom: 24px;
}
.modal-capcut-input-phone .top img:first-child,
.popup-otp-capcut .top img:first-child {
  height: 26px;
}
.modal-capcut-input-phone .top img:nth-child(2),
.popup-otp-capcut .top img:nth-child(2) {
  height: 31.033845901489258px;
  width: 123px;
}
.modal-capcut-input-phone .title {
  color: #000;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
}
.modal-capcut-input-phone .form-customize {
  margin-bottom: 40px;
  margin-top: 20px;
  max-width: none;
}
.modal-capcut-input-phone .form-customize input {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  color: #151515;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: 48px;
  line-height: 28px;
  opacity: 1;
  padding: 10px 14px;
  vertical-align: middle;
  width: 100%;
}
.modal-capcut-input-phone .form-customize input::placeholder,
.modal-capcut-input-phone .form-customize input:placeholder-shown {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400 !important;
  line-height: 28px;
  vertical-align: middle;
}
.modal-capcut-input-phone .form-customize .form_group {
  position: relative;
}
.modal-capcut-input-phone .form-customize .form-icon {
  color: #767879;
  font-size: 24px;
  right: 14px;
}
.modal-capcut-input-phone .form-customize .error-message {
  color: #f3052c;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-style: Italic;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
  vertical-align: middle;
}
.modal-capcut-input-phone .button--primary {
  border-radius: 8px 8px 8px 0;
  height: 44px;
  opacity: 1;
  width: 100%;
}
.input-id-capcut {
  max-width: 100%;
  padding: 0;
  width: 380px !important;
}
.modal-capcut-input-id h3 {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
  margin-top: -4px;
  text-align: center;
}
.modal-capcut-input-id .title2 {
  color: #2c2f31;
  margin-bottom: -16px;
  vertical-align: middle;
}
.link-guild-capcut,
.modal-capcut-input-id .title2 {
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.link-guild-capcut {
  color: #e31d1c;
  letter-spacing: -0.1%;
  margin-top: 18px;
  text-align: center;
}
.modal-guild-capcut {
  height: 100vh;
  max-width: 100%;
  padding: 0;
  width: 906px !important;
}
.modal-guild-capcut .ant-modal-content {
  border-radius: 24px;
  padding: 40px;
}
.title-guild {
  align-items: center;
  color: #000;
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 32px;
  font-weight: 700;
  justify-content: space-between;
  line-height: 120%;
}
.title-guild .modal-close {
  display: flex;
  position: static;
}
.guild-tab {
  background: #f6f6f6;
  border-radius: 4566px;
  display: flex;
  gap: 12px;
  height: 72px;
  margin-top: 24px;
  opacity: 1;
  padding: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.guild-tab .item {
  background: #fff;
  border-radius: 566px;
  color: #000;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  font-weight: 500;
  gap: 10px;
  height: 48px;
  letter-spacing: 0;
  line-height: 130%;
  opacity: 1;
  padding: 12px 32px 10px;
  vertical-align: middle;
  width: -webkit-max-content;
  width: max-content;
}
.guild-tab .item.active {
  background: #e31d1c;
  color: #fff;
}
.guild-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 54.47px;
}
.guild-content .item {
  display: flex;
  gap: 16px;
}
.guild-content .item .number {
  align-items: center;
  background: #000;
  border-radius: 100%;
  color: #fff;
  font-weight: 600;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.guild-content .item .guild,
.guild-content .item .number {
  display: flex;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 20px;
  line-height: 120%;
}
.guild-content .item .guild {
  color: #000;
  flex-direction: column;
  font-weight: 400;
  gap: 16px;
  letter-spacing: 0;
  max-width: calc(100% - 50px);
}
.guild-content.app {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
.guild-content.app .item {
  width: calc(50% - 12px);
}
.guild-content.app .item img {
  width: 167px;
}
.success-capcut .top img {
  width: 187px;
}
.success-capcut .content-success {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  margin-top: 39px;
}
.success-capcut .content-success > img {
  height: 80px;
  width: 80px;
}
.success-capcut .content-success > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 390px;
}
.success-capcut .content-success > div h3 {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
}
.success-capcut .content-success > div p {
  color: #2c2f31;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
}
.modal-success-capcut {
  max-width: 100%;
  width: 594px !important;
}
.show-web {
  display: flex;
}
.show-mb {
  display: none;
}
.form-customize input:focus {
  border: 1px solid #d9d9d9 !important;
  box-shadow: none !important;
  outline: none;
}
.form-customize input.success,
.form-customize input.success:focus {
  border: 1px solid #58b84f !important;
}
.form-customize input.error,
.form-customize input.error:focus {
  border: 1px solid #ff4d4f !important;
}
.modal-capcut-input-id .form-customize input {
  padding-right: 40px;
}
.button[disabled] {
  background-color: #e5e5e5 !important;
  border-color: #e5e5e5 !important;
  color: #b6b6b6 !important;
  pointer-events: none;
}
@media only screen and (max-width: 576px) {
  .modal-capcut-input-id .top,
  .modal-capcut-input-phone .top,
  .popup-otp-capcut.top {
    gap: 16px;
    margin-bottom: 16px;
  }
  .show-web {
    display: none;
  }
  .show-mb {
    display: flex;
  }
  .input-id-capcut .ant-modal-content,
  .input-phone-capcut .ant-modal-content,
  .modal-guild-capcut .ant-modal-content,
  .modal-success-capcut .ant-modal-content {
    border-radius: 16px;
    padding: 24px 16px;
  }
  .input-id-capcut .ant-modal-content .ant-modal-body,
  .input-phone-capcut .ant-modal-content .ant-modal-body,
  .modal-guild-capcut .ant-modal-content .ant-modal-body,
  .modal-success-capcut .ant-modal-content .ant-modal-body {
    padding: 0 !important;
  }
  .modal-capcut-input-phone .form-customize .error-message {
    margin-top: 8px;
  }
  .success-capcut,
  .success-capcut .top {
    justify-content: center;
  }
  .success-capcut .top {
    display: flex;
  }
  .success-capcut .top img {
    height: 32px;
    width: 171px;
  }
  .success-capcut .content-success img {
    height: 64px;
    width: 64px;
  }
  .success-capcut .content-success > div {
    gap: 12px;
  }
  .success-capcut .content-success {
    align-items: center;
    flex-direction: column-reverse;
    gap: 16px;
    margin-top: 24px;
  }
  .success-capcut .content-success > div h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .success-capcut .content-success > div p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  .modal-capcut-input-id .top img {
    height: 51px;
    width: 51px;
  }
  .modal-capcut-input-id h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .modal-capcut-input-id .title2 {
    font-size: 16px;
    line-height: 24px;
  }
  .modal-capcut-input-phone .form-customize {
    margin: 16px 0;
  }
  .modal-capcut-input-phone .form-customize input {
    font-size: 16px;
    height: 44px;
    line-height: 28px;
  }
  .modal-capcut-input-id .form-customize input {
    padding-right: 40px;
  }
  .modal-capcut-input-phone .form-customize input::placeholder,
  .modal-capcut-input-phone .form-customize input:placeholder-shown {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 2px;
    vertical-align: middle;
  }
  .link-guild-capcut {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
  }
  .ant-modal-centered .ant-modal.modal-guild-capcut {
    margin: 0;
    max-width: 100% !important;
  }
  .title-guild {
    font-size: 18px;
    line-height: 120%;
  }
  .guild-tab {
    height: 50px;
    margin-top: 16px;
    padding: 8px 12px;
  }
  .guild-tab .item {
    border-radius: 566px;
    font-size: 14px;
    font-weight: 500;
    gap: 10px;
    height: 34px;
    line-height: 130%;
    opacity: 1;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .guild-content {
    margin-top: 16px;
  }
  .guild-content .item {
    flex-direction: column;
  }
  .guild-content .item .guild {
    align-items: center;
    flex-direction: row;
    font-size: 16px;
    font-weight: 400;
    gap: 12px;
    line-height: 120%;
  }
  .guild-content.app {
    flex-direction: column;
  }
  .guild-content.app .item {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .guild-content.app .item .guild {
    align-items: baseline;
    flex-direction: column;
    gap: 12px;
  }
  .guild-content.app .item img {
    height: 260px;
    width: auto;
  }
  .modal-capcut-input-phone .title {
    color: #151515;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
  }
  .modal-capcut-input-phone .button--primary {
    font-size: 16px !important;
  }
}
.popup-otp-capcut .modal-content {
  background-color: #fff;
}
.euHrgs .modal-content {
  background-color: #fff !important;
}
.popup-otp-capcut .modal-title {
  color: #000;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}
.popup-otp-capcut .modal-description {
  color: #000 !important;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140% !important;
  text-align: center;
}
.popup-otp-capcut .otp-resend {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: -20px;
}
.popup-otp-capcut .top {
  margin-bottom: 12px !important;
}
.popup-otp-capcut .otp-resend_desc {
  color: #000;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}
.popup-otp-capcut .otp-resend_desc span {
  color: #e31d1c;
}
.popup-otp-capcut .btn-resend {
  color: #e31d1c;
  cursor: pointer;
  font-family: FS PFBeauSansPro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
  text-align: center;
}
.popup-otp-capcut .btn-resend.disable {
  opacity: 0.4;
  pointer-events: none;
}
.popup-otp-capcut .btn-groups {
  display: flex;
  gap: 24px;
  margin-top: 0 !important;
}
.popup-otp-capcut .btn-groups button {
  height: 44px !important;
}
@media only screen and (max-width: 576px) {
  .popup-otp-capcut .modal-description {
    color: #151515 !important;
    font-size: 16px !important;
    line-height: 140% !important;
    margin-top: 16px !important;
  }
  .popup_otp .modal-content {
    padding: 24px 16px !important;
  }
  .popup-otp-capcut .otp-resend {
    margin-bottom: 16px;
    margin-top: 0;
  }
  .popup-otp-capcut .top {
    margin-bottom: 0 !important;
  }
  .popup-otp-capcut .otp-resend_desc {
    font-size: 16px;
    line-height: 120%;
    max-width: 50%;
    text-align: left;
  }
  .popup-otp-capcut .btn-resend {
    font-size: 16px;
    text-align: right;
  }
  .popup-otp-capcut .btn-groups {
    flex-direction: column-reverse;
    gap: 12px;
    max-width: 100%;
  }
  .popup-otp-capcut .btn-groups button {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .popup-otp-capcut .modal-conten {
    padding: 24px 16px;
  }
}
.digital-customer__note {
  color: #e03;
  font-family: Roboto, sans-serif;
  font-style: italic;
  line-height: 18px;
  margin: 0 0 10px;
}
.form-item__wrap {
  margin: 0 0 16px;
}
.digital-channel__button-full {
  width: 100%;
}
.digital-infor__chosen {
  display: flex;
  margin: 0 -10px 10px;
}
.digital-infor__chosen .radio-custom1 {
  flex-basis: calc(50% - 20px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 10px;
  padding: 0 0 0 30px;
  width: calc(50% - 20px);
}
.radio-custom1 {
  color: #0c0033;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.radio-custom1 input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.radio-custom1 .checkmark {
  border: 2px solid #dadada;
  border-radius: 100%;
  height: 20px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}
.radio-custom1 span {
  display: block;
}
.digital-infor__chosen .txt-radio {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.radio-custom1 input:checked ~ .checkmark {
  border-color: #e03;
}
.radio-custom1 input:checked ~ .checkmark:after {
  background: #e03;
  border-radius: 100%;
  content: "";
  display: block;
  height: 10px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 10px;
}
.digital-infor__chosen .radio-custom1 .txt-radio.active {
  color: #e03 !important;
}
.digital-infor__chosen p {
  margin-bottom: 0;
}
.digital-infor .upload-files {
  margin: 0 auto;
  max-width: 540px;
  width: 100%;
}
.digital-infor .upload-files__list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.digital-infor .upload-files__before {
  border: 1px dashed #d1d1d1;
  border-radius: 8px;
  min-height: 70px;
  padding: 15px 8px;
}
.digital-infor .upload-files__item .upload-files__before.has-images {
  height: 180px !important;
}
.has-images1 {
  height: auto !important;
  padding: 0 !important;
}
.has-images1 .upload-files__inner {
  display: none !important;
}
.has-images1 .upload-files__preview.preview {
  position: relative !important;
}
.upload-files__before {
  background-color: #fff;
  position: relative;
  text-align: center;
  width: 100%;
}
.digital-infor .upload-files__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.upload-files input[type="file"] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.digital-infor .upload-files__btn {
  color: #727272;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.upload-files__add {
  align-items: center;
  background-color: #fff;
  border: 1px solid #2c2f31;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  margin: 5px 0 0;
  width: 20px;
}
.upload-files__add i {
  color: #2c2f31;
  font-size: 12px;
}
.upload-files__preview {
  background-color: #fff;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.upload-files__preview.preview {
  border-radius: 10px;
  display: flex;
}
.upload-files__preview img {
  border-radius: 10px;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  object-fit: fill;
  width: 100%;
}
.upload-files__hover {
  bottom: 10px;
  position: absolute;
  top: 3px;
  width: 100%;
  z-index: 99;
}
.upload-files__icon {
  align-items: center;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  line-height: 26px;
  position: absolute;
  right: 10px;
  text-align: center;
}
.digital-infor .upload-files__title {
  color: #2c2f31;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.button[disabled],
.button[readonly] {
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  color: #727272;
  pointer-events: none;
}
.digital-channel__btn {
  margin-top: 90px;
}
@media (max-width: 991px) {
  .digital-channel {
    background-color: #fbfbfb;
    padding: 0 15px 40px;
  }
  .digital-channel__box {
    background-color: initial;
    border-radius: 0;
    padding: 0;
  }
  .digital-channel__sub {
    color: #2c2f31;
    font-family: FS PFBeauSansPro, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 10px;
  }
  .digital-customer__note {
    font-size: 12px;
  }
  .digital-infor__confirm {
    color: #e03;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    margin: 10px 0;
  }
  .digital-infor .upload-files__list {
    margin: 0 -8px;
  }
  .digital-infor .upload-files__item {
    margin: 0 8px 15px;
    width: calc(50% - 16px);
  }
  .digital-infor .upload-files__icon {
    font-size: 20px;
  }
  .digital-infor .upload-files__title {
    color: #2c2f31;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .digital-infor .upload-files__item:last-child {
    margin: 0 auto;
  }
}
.ant-input-global {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #2c2f31;
  display: block;
  font-family: Roboto, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 24px;
  padding: 9px 30px 9px 15px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.ant-input-global:hover {
  border-color: #d1d1d1;
}
.ant-input-global:focus {
  border-color: #58b84f;
  border-right-width: 1px !important;
  box-shadow: none;
  outline: 0;
}
.ant-input-global::placeholder {
  color: #b5b4b4;
  font-size: 14px;
  font-weight: 500;
}
.ant-form-item-explain.ant-form-item-explain-error {
  color: red;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  padding: 0 0 3px;
}
.ant-input-global[disabled] {
  background-color: #e4e4e4;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #727272;
  cursor: not-allowed;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 8px 10px 15px;
}
.ant-input-global[disabled],
.form-customize .form-control {
  font-family: Roboto, sans-serif !important;
  font-weight: 400;
}
.form-customize .form-control {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  color: #2c2f31;
  display: block;
  height: 40px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.form-control:focus {
  border-color: #58b84f;
}
.custom-select-error {
  color: red;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  padding: 0 0 3px;
}
.custom_input__antd .delete-text {
  color: #576c8a;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 12px;
  top: 5px;
}
.form-control {
  border: 1px solid #d1d1d1;
  border-radius: 8px 8px 8px 0;
  box-sizing: border-box;
  color: #2c2f31;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 24px;
  padding: 9px 30px 9px 15px;
  width: 100%;
}
.ant-input-global_padding-icon-delete {
  padding: 10px 35px 10px 15px !important;
}
@media (max-width: 575px) {
  .ant-input-global,
  .form-customize .form-control {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 8px 10px 15px;
  }
  .ant-input-global[disabled] {
    font-size: 14px;
  }
}
#ipcc-chat-minimum {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 25px;
  cursor: pointer;
  position: fixed;
  right: 24px;
  z-index: 12;
}
#ipcc-chat-minimum.is-mobile {
  bottom: 62px;
}
@media (max-width: 991px) {
  iframe#chatbot_iframe {
    height: 90% !important;
  }
  iframe#chatbot_iframe.chatbot_mb__close {
    height: 91px !important;
  }
  iframe#chatbot_iframe.custom-chatbot-myviettel {
    bottom: 66px !important;
    z-index: 9 !important;
  }
  .image_chatbot_mb__home #ipcc-chat-minimum {
    bottom: 100px;
  }
  .image_chatbot_mb__no_home #ipcc-chat-minimum {
    bottom: 25px !important;
  }
}
@media (max-width: 772px) {
  iframe#chatbot_iframe.custom-chatbot-myviettel {
    bottom: 82px !important;
  }
  .image_chatbot_mb__home #ipcc-chat-minimum {
    bottom: 118px;
  }
}
@media (max-width: 640px) {
  iframe#chatbot_iframe.custom-chatbot-myviettel {
    bottom: 42px !important;
  }
  .image_chatbot_mb__home #ipcc-chat-minimum {
    bottom: 74px;
  }
}
@media (max-width: 532px) {
  iframe#chatbot_iframe.custom-chatbot-myviettel {
    bottom: 58px !important;
  }
  .image_chatbot_mb__home #ipcc-chat-minimum {
    bottom: 96px;
  }
}
@media (max-width: 400px) {
  iframe#chatbot_iframe.custom-chatbot-myviettel {
    bottom: 72px !important;
  }
  .image_chatbot_mb__home #ipcc-chat-minimum {
    bottom: 105px;
  }
}
@media (max-width: 375px) {
  .image_chatbot_mb__no_home #ipcc-chat-minimum {
    bottom: 0 !important;
  }
}